diff --git a/MIGRATE_TO_V1.md b/MIGRATE_TO_V1.md
new file mode 100644
index 0000000..39b84f3
--- /dev/null
+++ b/MIGRATE_TO_V1.md
@@ -0,0 +1,135 @@
+# v1 移行ガイド
+
+このガイドでは、`@digital-go-jp/tailwind-theme-plugin` を v1 へアップグレードする際に必要な対応をまとめています。
+
+## 破壊的変更一覧
+
+### 1. `lineHeight` トークンの削除（deprecated トークンの最終削除）
+
+ドット記法による `lineHeight` トークン（`leading-1-0`、`leading-1-2` など）は以前より deprecated となっていましたが、v1 で完全に削除されました。
+
+アンダースコア記法のトークンに置き換えてください。
+
+| 削除されたトークン | 代替トークン |
+| ------------------ | ------------ |
+| `leading-1-0` | `leading-100` |
+| `leading-1-2` | `leading-120` |
+| `leading-1-3` | `leading-130` |
+| `leading-1-4` | `leading-140` |
+| `leading-1-5` | `leading-150` |
+| `leading-1-6` | `leading-160` |
+| `leading-1-7` | `leading-170` |
+| `leading-1-75` | `leading-175` |
+
+---
+
+### 2. `screens` トークンの削除
+
+`screens` トークン（`desktop`、`desktop-admin`）はプラグインから削除されました。プロジェクト側で設定してください。
+
+#### Tailwind CSS v3
+
+`tailwind.config.js` の `theme.extend.screens` で設定してください。
+
+```js
+// tailwind.config.js
+module.exports = {
+ theme: {
+ extend: {
+ screens: {
+ desktop: "48em",
+ "desktop-admin": "62em",
+ },
+ },
+ },
+}
+```
+
+#### Tailwind CSS v4
+
+CSS ファイルの `@theme` で `--breakpoint-*` カスタムプロパティを使って設定してください。
+
+```css
+@theme {
+ --breakpoint-desktop: 48em;
+ --breakpoint-desktop-admin: 62em;
+}
+```
+
+---
+
+### 3. `listStyleType` トークンの削除
+
+`listStyleType` トークン（`list-lower-latin`、`list-circle`、`list-square`）はプラグインから削除されました。Tailwind CSS の arbitrary values を使って代替してください。
+
+#### Tailwind CSS v3
+
+`tailwind.config.js` の `theme.extend.listStyleType` で設定するか、arbitrary values を使ってください。
+
+```js
+// tailwind.config.js
+module.exports = {
+ theme: {
+ extend: {
+ listStyleType: {
+ 'lower-latin': 'lower-latin',
+ circle: 'circle',
+ square: 'square',
+ },
+ },
+ },
+}
+```
+
+または arbitrary values を使う場合：
+
+```html
+
+
+
+
+
+
+
+
+
+```
+
+#### Tailwind CSS v4
+
+Arbitrary values を使ってください。
+
+```html
+
+
+
+
+
+
+
+
+
+```
+
+---
+
+### 4. `aspectRatio` トークンの削除
+
+`aspectRatio` トークン（`aspect-1/1`、`aspect-3/2`、`aspect-16/9`）はプラグインから削除されました。Tailwind CSS の arbitrary values を使って代替してください。
+
+```html
+
+ ...
+ ...
+ ...
+
+
+ ...
+ ...
+ ...
+
+
+ ...
+ ...
+ ...
+```
diff --git a/README.md b/README.md
index 8ebe050..9f0c7fb 100644
--- a/README.md
+++ b/README.md
@@ -37,6 +37,10 @@ Tailwind CSS の設定をしている CSS ファイルで以下のように設
@import '@digital-go-jp/tailwind-theme-plugin/v4';
```
+## v1 への移行
+
+v0 から v1 へアップグレードする際は、[移行ガイド](./MIGRATE_TO_V1.md)を参照してください。
+
## 使用例
- [examples](./examples/) ディレクトリ
diff --git a/examples-v4/src/tailwind-theme-plugin/v4.css b/examples-v4/src/tailwind-theme-plugin/v4.css
index 8ec0f6c..014134a 100644
--- a/examples-v4/src/tailwind-theme-plugin/v4.css
+++ b/examples-v4/src/tailwind-theme-plugin/v4.css
@@ -1,7 +1,3 @@
-/* このファイルは自動生成されています。直接編集しないでください。 */
-/* 生成元: scripts/generate-v4-theme.ts */
-/* 生成日時: 2026-01-27T00:24:28.991Z */
-
@theme {
/* Colors */
--color-white: #ffffff;
@@ -188,14 +184,6 @@
--leading-160: 1.6;
--leading-170: 1.7;
--leading-175: 1.75;
- --leading-1-0: 1;
- --leading-1-2: 1.2;
- --leading-1-3: 1.3;
- --leading-1-4: 1.4;
- --leading-1-5: 1.5;
- --leading-1-6: 1.6;
- --leading-1-7: 1.7;
- --leading-1-75: 1.75;
/* Border radius */
--radius-4: 0.25rem;
@@ -577,16 +565,3 @@
font-weight: 400;
line-height: 1.5;
}
-
-/* List style type utilities */
-@utility list-lower-latin {
- list-style-type: lower-latin;
-}
-
-@utility list-circle {
- list-style-type: circle;
-}
-
-@utility list-square {
- list-style-type: square;
-}
diff --git a/examples/tailwind-theme-plugin/index.cjs.js b/examples/tailwind-theme-plugin/index.cjs.js
index 19e7bfa..d0aebdd 100644
--- a/examples/tailwind-theme-plugin/index.cjs.js
+++ b/examples/tailwind-theme-plugin/index.cjs.js
@@ -1 +1 @@
-"use strict";function m(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var a={},l={},d;function p(){return d||(d=1,(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"default",{enumerable:!0,get:function(){return f}});function i(n,t){return{handler:n,config:t}}i.withOptions=function(n,t=()=>({})){const r=function(g){return{__options:g,handler:n(g),config:t(g)}};return r.__isOptionsFunction=!0,r.__pluginFunction=n,r.__configFunction=t,r};const f=i})(l)),l}var c;function s(){return c||(c=1,(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"default",{enumerable:!0,get:function(){return n}});const i=f(p());function f(t){return t&&t.__esModule?t:{default:t}}const n=i.default})(a)),a}var o,h;function u(){if(h)return o;h=1;let e=s();return o=(e.__esModule?e:{default:e}).default,o}var b=u();const H=m(b),W=H(()=>{},{theme:{extend:{colors:{white:"#ffffff",black:"#000000",blue:{50:"#e8f1fe",100:"#d9e6ff",200:"#c5d7fb",300:"#9db7f9",400:"#7096f8",500:"#4979f5",600:"#3460fb",700:"#264af4",800:"#0031d8",900:"#0017c1",1e3:"#00118f",1100:"#000071",1200:"#000060"},"light-blue":{50:"#f0f9ff",100:"#dcf0ff",200:"#c0e4ff",300:"#97d3ff",400:"#57b8ff",500:"#39abff",600:"#008bf2",700:"#0877d7",800:"#0066be",900:"#0055ad",1e3:"#00428c",1100:"#00316a",1200:"#00234b"},cyan:{50:"#e9f7f9",100:"#c8f8ff",200:"#99f2ff",300:"#79e2f2",400:"#2bc8e4",500:"#01b7d6",600:"#00a3bf",700:"#008da6",800:"#008299",900:"#006f83",1e3:"#006173",1100:"#004c59",1200:"#003741"},green:{50:"#e6f5ec",100:"#c2e5d1",200:"#9bd4b5",300:"#71c598",400:"#51b883",500:"#2cac6e",600:"#259d63",700:"#1d8b56",800:"#197a4b",900:"#115a36",1e3:"#0c472a",1100:"#08351f",1200:"#032213"},lime:{50:"#ebfad9",100:"#d0f5a2",200:"#c0f354",300:"#ade830",400:"#9ddd15",500:"#8cc80c",600:"#7eb40d",700:"#6fa104",800:"#618e00",900:"#507500",1e3:"#3e5a00",1100:"#2c4100",1200:"#1e2d00"},yellow:{50:"#fbf5e0",100:"#fff0b3",200:"#ffe380",300:"#ffd43d",400:"#ffc700",500:"#ebb700",600:"#d2a400",700:"#b78f00",800:"#a58000",900:"#927200",1e3:"#806300",1100:"#6e5600",1200:"#604b00"},orange:{50:"#ffeee2",100:"#ffdfca",200:"#ffc199",300:"#ffa66d",400:"#ff8d44",500:"#ff7628",600:"#fb5b01",700:"#e25100",800:"#c74700",900:"#ac3e00",1e3:"#8b3200",1100:"#6d2700",1200:"#541e00"},red:{50:"#fdeeee",100:"#ffdada",200:"#ffbbbb",300:"#ff9696",400:"#ff7171",500:"#ff5454",600:"#fe3939",700:"#fa0000",800:"#ec0000",900:"#ce0000",1e3:"#a90000",1100:"#850000",1200:"#620000"},magenta:{50:"#f3e5f4",100:"#ffd0ff",200:"#ffaeff",300:"#ff8eff",400:"#f661f6",500:"#f137f1",600:"#db00db",700:"#c000c0",800:"#aa00aa",900:"#8b008b",1e3:"#6c006c",1100:"#500050",1200:"#3b003b"},purple:{50:"#f1eafa",100:"#ecddff",200:"#ddc2ff",300:"#cda6ff",400:"#bb87ff",500:"#a565f8",600:"#8843e1",700:"#6f23d0",800:"#5c10be",900:"#5109ad",1e3:"#41048e",1100:"#30016c",1200:"#21004b"},"solid-gray":{50:"#f2f2f2",100:"#e6e6e6",200:"#cccccc",300:"#b3b3b3",400:"#999999",420:"#949494",500:"#7f7f7f",536:"#767676",600:"#666666",700:"#4d4d4d",800:"#333333",900:"#1a1a1a"},"opacity-gray":{50:"rgba(0, 0, 0, 0.05)",100:"rgba(0, 0, 0, 0.1)",200:"rgba(0, 0, 0, 0.2)",300:"rgba(0, 0, 0, 0.3)",400:"rgba(0, 0, 0, 0.4)",420:"rgba(0, 0, 0, 0.42)",500:"rgba(0, 0, 0, 0.5)",536:"rgba(0, 0, 0, 0.54)",600:"rgba(0, 0, 0, 0.6)",700:"rgba(0, 0, 0, 0.7)",800:"rgba(0, 0, 0, 0.8)",900:"rgba(0, 0, 0, 0.9)"},"success-1":"#259d63","success-2":"#197a4b","error-1":"#ec0000","error-2":"#ce0000","warning-yellow-1":"#b78f00","warning-yellow-2":"#927200","warning-orange-1":"#fb5b01","warning-orange-2":"#c74700","focus-yellow":"#b78f00","focus-blue":"#0877d7"},fontSize:{"dsp-64B-140":["4rem",{fontWeight:"700",lineHeight:"1.4"}],"dsp-57B-140":["3.5625rem",{fontWeight:"700",lineHeight:"1.4"}],"dsp-48B-140":["3rem",{fontWeight:"700",lineHeight:"1.4"}],"dsp-64N-140":["4rem",{fontWeight:"400",lineHeight:"1.4"}],"dsp-57N-140":["3.5625rem",{fontWeight:"400",lineHeight:"1.4"}],"dsp-48N-140":["3rem",{fontWeight:"400",lineHeight:"1.4"}],"std-45B-140":["2.8125rem",{fontWeight:"700",lineHeight:"1.4"}],"std-36B-140":["2.25rem",{fontWeight:"700",lineHeight:"1.4",letterSpacing:"0.01em"}],"std-32B-150":["2rem",{fontWeight:"700",lineHeight:"1.5",letterSpacing:"0.01em"}],"std-28B-150":["1.75rem",{fontWeight:"700",lineHeight:"1.5",letterSpacing:"0.01em"}],"std-26B-150":["1.625rem",{fontWeight:"700",lineHeight:"1.5",letterSpacing:"0.02em"}],"std-24B-150":["1.5rem",{fontWeight:"700",lineHeight:"1.5",letterSpacing:"0.02em"}],"std-22B-150":["1.375rem",{fontWeight:"700",lineHeight:"1.5",letterSpacing:"0.02em"}],"std-20B-160":["1.25rem",{fontWeight:"700",lineHeight:"1.6",letterSpacing:"0.02em"}],"std-20B-150":["1.25rem",{fontWeight:"700",lineHeight:"1.5",letterSpacing:"0.02em"}],"std-18B-160":["1.125rem",{fontWeight:"700",lineHeight:"1.6",letterSpacing:"0.02em"}],"std-17B-170":["1.0625rem",{fontWeight:"700",lineHeight:"1.7",letterSpacing:"0.02em"}],"std-16B-170":["1rem",{fontWeight:"700",lineHeight:"1.7",letterSpacing:"0.02em"}],"std-16B-175":["1rem",{fontWeight:"700",lineHeight:"1.75",letterSpacing:"0.02em"}],"std-45N-140":["2.8125rem",{fontWeight:"400",lineHeight:"1.4"}],"std-36N-140":["2.25rem",{fontWeight:"400",lineHeight:"1.4",letterSpacing:"0.01em"}],"std-32N-150":["2rem",{fontWeight:"400",lineHeight:"1.5",letterSpacing:"0.01em"}],"std-28N-150":["1.75rem",{fontWeight:"400",lineHeight:"1.5",letterSpacing:"0.01em"}],"std-26N-150":["1.625rem",{fontWeight:"400",lineHeight:"1.5",letterSpacing:"0.02em"}],"std-24N-150":["1.5rem",{fontWeight:"400",lineHeight:"1.5",letterSpacing:"0.02em"}],"std-22N-150":["1.375rem",{fontWeight:"400",lineHeight:"1.5",letterSpacing:"0.02em"}],"std-20N-150":["1.25rem",{fontWeight:"400",lineHeight:"1.5",letterSpacing:"0.02em"}],"std-18N-160":["1.125rem",{fontWeight:"400",lineHeight:"1.6",letterSpacing:"0.02em"}],"std-17N-170":["1.0625rem",{fontWeight:"400",lineHeight:"1.7",letterSpacing:"0.02em"}],"std-16N-170":["1rem",{fontWeight:"400",lineHeight:"1.7",letterSpacing:"0.02em"}],"std-16N-175":["1rem",{fontWeight:"400",lineHeight:"1.75",letterSpacing:"0.02em"}],"dns-17B-130":["1.0625rem",{fontWeight:"700",lineHeight:"1.3"}],"dns-17B-120":["1.0625rem",{fontWeight:"700",lineHeight:"1.2"}],"dns-16B-130":["1rem",{fontWeight:"700",lineHeight:"1.3"}],"dns-16B-120":["1rem",{fontWeight:"700",lineHeight:"1.2"}],"dns-14B-130":["0.875rem",{fontWeight:"700",lineHeight:"1.3"}],"dns-14B-120":["0.875rem",{fontWeight:"700",lineHeight:"1.2"}],"dns-17N-130":["1.0625rem",{fontWeight:"400",lineHeight:"1.3"}],"dns-17N-120":["1.0625rem",{fontWeight:"400",lineHeight:"1.2"}],"dns-16N-130":["1rem",{fontWeight:"400",lineHeight:"1.3"}],"dns-16N-120":["1rem",{fontWeight:"400",lineHeight:"1.2"}],"dns-14N-130":["0.875rem",{fontWeight:"400",lineHeight:"1.3"}],"dns-14N-120":["0.875rem",{fontWeight:"400",lineHeight:"1.2"}],"oln-17B-100":["1.0625rem",{fontWeight:"700",lineHeight:"1",letterSpacing:"0.02em"}],"oln-16B-100":["1rem",{fontWeight:"700",lineHeight:"1",letterSpacing:"0.02em"}],"oln-14B-100":["0.875rem",{fontWeight:"700",lineHeight:"1",letterSpacing:"0.02em"}],"oln-17N-100":["1.0625rem",{fontWeight:"400",lineHeight:"1",letterSpacing:"0.02em"}],"oln-16N-100":["1rem",{fontWeight:"400",lineHeight:"1",letterSpacing:"0.02em"}],"oln-14N-100":["0.875rem",{fontWeight:"400",lineHeight:"1",letterSpacing:"0.02em"}],"mono-17B-150":["1.0625rem",{fontWeight:"700",lineHeight:"1.5"}],"mono-16B-150":["1rem",{fontWeight:"700",lineHeight:"1.5"}],"mono-14B-150":["0.875rem",{fontWeight:"700",lineHeight:"1.5"}],"mono-17N-150":["1.0625rem",{fontWeight:"400",lineHeight:"1.5"}],"mono-16N-150":["1rem",{fontWeight:"400",lineHeight:"1.5"}],"mono-14N-150":["0.875rem",{fontWeight:"400",lineHeight:"1.5"}]},fontFamily:{sans:"'Noto Sans JP', -apple-system, BlinkMacSystemFont, sans-serif",mono:"'Noto Sans Mono', monospace"},fontWeight:{400:"400",700:"700"},lineHeight:{100:"1",120:"1.2",130:"1.3",140:"1.4",150:"1.5",160:"1.6",170:"1.7",175:"1.75","1-0":"1","1-2":"1.2","1-3":"1.3","1-4":"1.4","1-5":"1.5","1-6":"1.6","1-7":"1.7","1-75":"1.75"},borderRadius:{4:"0.25rem",6:"0.375rem",8:"0.5rem",12:"0.75rem",16:"1rem",24:"1.5rem",32:"2rem",full:"624.9375rem"},screens:{desktop:"48em","desktop-admin":"62em"},listStyleType:{"lower-latin":"lower-latin",circle:"circle",square:"square"},aspectRatio:{"1/1":"1 / 1","3/2":"3 / 2","16/9":"16 / 9"},boxShadow:{1:"0 2px 8px 1px rgba(0,0,0,0.1), 0 1px 5px 0 rgba(0,0,0,0.3)",2:"0 2px 12px 2px rgba(0,0,0,0.1), 0 1px 6px 0 rgba(0,0,0,0.3)",3:"0 4px 16px 3px rgba(0,0,0,0.1), 0 1px 6px 0 rgba(0,0,0,0.3)",4:"0 6px 20px 4px rgba(0,0,0,0.1), 0 2px 6px 0 rgba(0,0,0,0.3)",5:"0 8px 24px 5px rgba(0,0,0,0.1), 0 2px 10px 0 rgba(0,0,0,0.3)",6:"0 10px 30px 6px rgba(0,0,0,0.1), 0 3px 12px 0 rgba(0,0,0,0.3)",7:"0 12px 36px 7px rgba(0,0,0,0.1), 0 3px 14px 0 rgba(0,0,0,0.3)",8:"0 14px 40px 7px rgba(0,0,0,0.1), 0 3px 16px 0 rgba(0,0,0,0.3)"}}}});module.exports=W;
+"use strict";function m(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var a={},l={},h;function p(){return h||(h=1,(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"default",{enumerable:!0,get:function(){return r}});function i(n,t){return{handler:n,config:t}}i.withOptions=function(n,t=()=>({})){const f=function(g){return{__options:g,handler:n(g),config:t(g)}};return f.__isOptionsFunction=!0,f.__pluginFunction=n,f.__configFunction=t,f};const r=i})(l)),l}var d;function b(){return d||(d=1,(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"default",{enumerable:!0,get:function(){return n}});const i=r(p());function r(t){return t&&t.__esModule?t:{default:t}}const n=i.default})(a)),a}var o,c;function s(){if(c)return o;c=1;let e=b();return o=(e.__esModule?e:{default:e}).default,o}var u=s();const H=m(u),W=H(()=>{},{theme:{extend:{colors:{white:"#ffffff",black:"#000000",blue:{50:"#e8f1fe",100:"#d9e6ff",200:"#c5d7fb",300:"#9db7f9",400:"#7096f8",500:"#4979f5",600:"#3460fb",700:"#264af4",800:"#0031d8",900:"#0017c1",1e3:"#00118f",1100:"#000071",1200:"#000060"},"light-blue":{50:"#f0f9ff",100:"#dcf0ff",200:"#c0e4ff",300:"#97d3ff",400:"#57b8ff",500:"#39abff",600:"#008bf2",700:"#0877d7",800:"#0066be",900:"#0055ad",1e3:"#00428c",1100:"#00316a",1200:"#00234b"},cyan:{50:"#e9f7f9",100:"#c8f8ff",200:"#99f2ff",300:"#79e2f2",400:"#2bc8e4",500:"#01b7d6",600:"#00a3bf",700:"#008da6",800:"#008299",900:"#006f83",1e3:"#006173",1100:"#004c59",1200:"#003741"},green:{50:"#e6f5ec",100:"#c2e5d1",200:"#9bd4b5",300:"#71c598",400:"#51b883",500:"#2cac6e",600:"#259d63",700:"#1d8b56",800:"#197a4b",900:"#115a36",1e3:"#0c472a",1100:"#08351f",1200:"#032213"},lime:{50:"#ebfad9",100:"#d0f5a2",200:"#c0f354",300:"#ade830",400:"#9ddd15",500:"#8cc80c",600:"#7eb40d",700:"#6fa104",800:"#618e00",900:"#507500",1e3:"#3e5a00",1100:"#2c4100",1200:"#1e2d00"},yellow:{50:"#fbf5e0",100:"#fff0b3",200:"#ffe380",300:"#ffd43d",400:"#ffc700",500:"#ebb700",600:"#d2a400",700:"#b78f00",800:"#a58000",900:"#927200",1e3:"#806300",1100:"#6e5600",1200:"#604b00"},orange:{50:"#ffeee2",100:"#ffdfca",200:"#ffc199",300:"#ffa66d",400:"#ff8d44",500:"#ff7628",600:"#fb5b01",700:"#e25100",800:"#c74700",900:"#ac3e00",1e3:"#8b3200",1100:"#6d2700",1200:"#541e00"},red:{50:"#fdeeee",100:"#ffdada",200:"#ffbbbb",300:"#ff9696",400:"#ff7171",500:"#ff5454",600:"#fe3939",700:"#fa0000",800:"#ec0000",900:"#ce0000",1e3:"#a90000",1100:"#850000",1200:"#620000"},magenta:{50:"#f3e5f4",100:"#ffd0ff",200:"#ffaeff",300:"#ff8eff",400:"#f661f6",500:"#f137f1",600:"#db00db",700:"#c000c0",800:"#aa00aa",900:"#8b008b",1e3:"#6c006c",1100:"#500050",1200:"#3b003b"},purple:{50:"#f1eafa",100:"#ecddff",200:"#ddc2ff",300:"#cda6ff",400:"#bb87ff",500:"#a565f8",600:"#8843e1",700:"#6f23d0",800:"#5c10be",900:"#5109ad",1e3:"#41048e",1100:"#30016c",1200:"#21004b"},"solid-gray":{50:"#f2f2f2",100:"#e6e6e6",200:"#cccccc",300:"#b3b3b3",400:"#999999",420:"#949494",500:"#7f7f7f",536:"#767676",600:"#666666",700:"#4d4d4d",800:"#333333",900:"#1a1a1a"},"opacity-gray":{50:"rgba(0, 0, 0, 0.05)",100:"rgba(0, 0, 0, 0.1)",200:"rgba(0, 0, 0, 0.2)",300:"rgba(0, 0, 0, 0.3)",400:"rgba(0, 0, 0, 0.4)",420:"rgba(0, 0, 0, 0.42)",500:"rgba(0, 0, 0, 0.5)",536:"rgba(0, 0, 0, 0.54)",600:"rgba(0, 0, 0, 0.6)",700:"rgba(0, 0, 0, 0.7)",800:"rgba(0, 0, 0, 0.8)",900:"rgba(0, 0, 0, 0.9)"},"success-1":"#259d63","success-2":"#197a4b","error-1":"#ec0000","error-2":"#ce0000","warning-yellow-1":"#b78f00","warning-yellow-2":"#927200","warning-orange-1":"#fb5b01","warning-orange-2":"#c74700","focus-yellow":"#b78f00","focus-blue":"#0877d7"},fontSize:{"dsp-64B-140":["4rem",{fontWeight:"700",lineHeight:"1.4"}],"dsp-57B-140":["3.5625rem",{fontWeight:"700",lineHeight:"1.4"}],"dsp-48B-140":["3rem",{fontWeight:"700",lineHeight:"1.4"}],"dsp-64N-140":["4rem",{fontWeight:"400",lineHeight:"1.4"}],"dsp-57N-140":["3.5625rem",{fontWeight:"400",lineHeight:"1.4"}],"dsp-48N-140":["3rem",{fontWeight:"400",lineHeight:"1.4"}],"std-45B-140":["2.8125rem",{fontWeight:"700",lineHeight:"1.4"}],"std-36B-140":["2.25rem",{fontWeight:"700",lineHeight:"1.4",letterSpacing:"0.01em"}],"std-32B-150":["2rem",{fontWeight:"700",lineHeight:"1.5",letterSpacing:"0.01em"}],"std-28B-150":["1.75rem",{fontWeight:"700",lineHeight:"1.5",letterSpacing:"0.01em"}],"std-26B-150":["1.625rem",{fontWeight:"700",lineHeight:"1.5",letterSpacing:"0.02em"}],"std-24B-150":["1.5rem",{fontWeight:"700",lineHeight:"1.5",letterSpacing:"0.02em"}],"std-22B-150":["1.375rem",{fontWeight:"700",lineHeight:"1.5",letterSpacing:"0.02em"}],"std-20B-160":["1.25rem",{fontWeight:"700",lineHeight:"1.6",letterSpacing:"0.02em"}],"std-20B-150":["1.25rem",{fontWeight:"700",lineHeight:"1.5",letterSpacing:"0.02em"}],"std-18B-160":["1.125rem",{fontWeight:"700",lineHeight:"1.6",letterSpacing:"0.02em"}],"std-17B-170":["1.0625rem",{fontWeight:"700",lineHeight:"1.7",letterSpacing:"0.02em"}],"std-16B-170":["1rem",{fontWeight:"700",lineHeight:"1.7",letterSpacing:"0.02em"}],"std-16B-175":["1rem",{fontWeight:"700",lineHeight:"1.75",letterSpacing:"0.02em"}],"std-45N-140":["2.8125rem",{fontWeight:"400",lineHeight:"1.4"}],"std-36N-140":["2.25rem",{fontWeight:"400",lineHeight:"1.4",letterSpacing:"0.01em"}],"std-32N-150":["2rem",{fontWeight:"400",lineHeight:"1.5",letterSpacing:"0.01em"}],"std-28N-150":["1.75rem",{fontWeight:"400",lineHeight:"1.5",letterSpacing:"0.01em"}],"std-26N-150":["1.625rem",{fontWeight:"400",lineHeight:"1.5",letterSpacing:"0.02em"}],"std-24N-150":["1.5rem",{fontWeight:"400",lineHeight:"1.5",letterSpacing:"0.02em"}],"std-22N-150":["1.375rem",{fontWeight:"400",lineHeight:"1.5",letterSpacing:"0.02em"}],"std-20N-150":["1.25rem",{fontWeight:"400",lineHeight:"1.5",letterSpacing:"0.02em"}],"std-18N-160":["1.125rem",{fontWeight:"400",lineHeight:"1.6",letterSpacing:"0.02em"}],"std-17N-170":["1.0625rem",{fontWeight:"400",lineHeight:"1.7",letterSpacing:"0.02em"}],"std-16N-170":["1rem",{fontWeight:"400",lineHeight:"1.7",letterSpacing:"0.02em"}],"std-16N-175":["1rem",{fontWeight:"400",lineHeight:"1.75",letterSpacing:"0.02em"}],"dns-17B-130":["1.0625rem",{fontWeight:"700",lineHeight:"1.3"}],"dns-17B-120":["1.0625rem",{fontWeight:"700",lineHeight:"1.2"}],"dns-16B-130":["1rem",{fontWeight:"700",lineHeight:"1.3"}],"dns-16B-120":["1rem",{fontWeight:"700",lineHeight:"1.2"}],"dns-14B-130":["0.875rem",{fontWeight:"700",lineHeight:"1.3"}],"dns-14B-120":["0.875rem",{fontWeight:"700",lineHeight:"1.2"}],"dns-17N-130":["1.0625rem",{fontWeight:"400",lineHeight:"1.3"}],"dns-17N-120":["1.0625rem",{fontWeight:"400",lineHeight:"1.2"}],"dns-16N-130":["1rem",{fontWeight:"400",lineHeight:"1.3"}],"dns-16N-120":["1rem",{fontWeight:"400",lineHeight:"1.2"}],"dns-14N-130":["0.875rem",{fontWeight:"400",lineHeight:"1.3"}],"dns-14N-120":["0.875rem",{fontWeight:"400",lineHeight:"1.2"}],"oln-17B-100":["1.0625rem",{fontWeight:"700",lineHeight:"1",letterSpacing:"0.02em"}],"oln-16B-100":["1rem",{fontWeight:"700",lineHeight:"1",letterSpacing:"0.02em"}],"oln-14B-100":["0.875rem",{fontWeight:"700",lineHeight:"1",letterSpacing:"0.02em"}],"oln-17N-100":["1.0625rem",{fontWeight:"400",lineHeight:"1",letterSpacing:"0.02em"}],"oln-16N-100":["1rem",{fontWeight:"400",lineHeight:"1",letterSpacing:"0.02em"}],"oln-14N-100":["0.875rem",{fontWeight:"400",lineHeight:"1",letterSpacing:"0.02em"}],"mono-17B-150":["1.0625rem",{fontWeight:"700",lineHeight:"1.5"}],"mono-16B-150":["1rem",{fontWeight:"700",lineHeight:"1.5"}],"mono-14B-150":["0.875rem",{fontWeight:"700",lineHeight:"1.5"}],"mono-17N-150":["1.0625rem",{fontWeight:"400",lineHeight:"1.5"}],"mono-16N-150":["1rem",{fontWeight:"400",lineHeight:"1.5"}],"mono-14N-150":["0.875rem",{fontWeight:"400",lineHeight:"1.5"}]},fontFamily:{sans:"'Noto Sans JP', -apple-system, BlinkMacSystemFont, sans-serif",mono:"'Noto Sans Mono', monospace"},fontWeight:{400:"400",700:"700"},lineHeight:{100:"1",120:"1.2",130:"1.3",140:"1.4",150:"1.5",160:"1.6",170:"1.7",175:"1.75"},borderRadius:{4:"0.25rem",6:"0.375rem",8:"0.5rem",12:"0.75rem",16:"1rem",24:"1.5rem",32:"2rem",full:"624.9375rem"},boxShadow:{1:"0 2px 8px 1px rgba(0,0,0,0.1), 0 1px 5px 0 rgba(0,0,0,0.3)",2:"0 2px 12px 2px rgba(0,0,0,0.1), 0 1px 6px 0 rgba(0,0,0,0.3)",3:"0 4px 16px 3px rgba(0,0,0,0.1), 0 1px 6px 0 rgba(0,0,0,0.3)",4:"0 6px 20px 4px rgba(0,0,0,0.1), 0 2px 6px 0 rgba(0,0,0,0.3)",5:"0 8px 24px 5px rgba(0,0,0,0.1), 0 2px 10px 0 rgba(0,0,0,0.3)",6:"0 10px 30px 6px rgba(0,0,0,0.1), 0 3px 12px 0 rgba(0,0,0,0.3)",7:"0 12px 36px 7px rgba(0,0,0,0.1), 0 3px 14px 0 rgba(0,0,0,0.3)",8:"0 14px 40px 7px rgba(0,0,0,0.1), 0 3px 16px 0 rgba(0,0,0,0.3)"}}}});module.exports=W;
diff --git a/examples/tailwind-theme-plugin/index.es.js b/examples/tailwind-theme-plugin/index.es.js
index b225449..dcc00a0 100644
--- a/examples/tailwind-theme-plugin/index.es.js
+++ b/examples/tailwind-theme-plugin/index.es.js
@@ -9,7 +9,7 @@ function p() {
}), Object.defineProperty(e, "default", {
enumerable: !0,
get: function() {
- return f;
+ return r;
}
});
function i(n, t) {
@@ -19,21 +19,21 @@ function p() {
};
}
i.withOptions = function(n, t = () => ({})) {
- const r = function(g) {
+ const f = function(g) {
return {
__options: g,
handler: n(g),
config: t(g)
};
};
- return r.__isOptionsFunction = !0, r.__pluginFunction = n, r.__configFunction = t, r;
+ return f.__isOptionsFunction = !0, f.__pluginFunction = n, f.__configFunction = t, f;
};
- const f = i;
+ const r = i;
})(l)), l;
}
-var c;
-function s() {
- return c || (c = 1, (function(e) {
+var h;
+function b() {
+ return h || (h = 1, (function(e) {
Object.defineProperty(e, "__esModule", {
value: !0
}), Object.defineProperty(e, "default", {
@@ -42,8 +42,8 @@ function s() {
return n;
}
});
- const i = /* @__PURE__ */ f(p());
- function f(t) {
+ const i = /* @__PURE__ */ r(p());
+ function r(t) {
return t && t.__esModule ? t : {
default: t
};
@@ -51,15 +51,15 @@ function s() {
const n = i.default;
})(a)), a;
}
-var o, h;
+var o, c;
function u() {
- if (h) return o;
- h = 1;
- let e = s();
+ if (c) return o;
+ c = 1;
+ let e = b();
return o = (e.__esModule ? e : { default: e }).default, o;
}
-var b = u();
-const H = /* @__PURE__ */ m(b), W = H(() => {
+var s = u();
+const H = /* @__PURE__ */ m(s), W = H(() => {
}, {
theme: {
extend: {
@@ -687,15 +687,7 @@ const H = /* @__PURE__ */ m(b), W = H(() => {
150: "1.5",
160: "1.6",
170: "1.7",
- 175: "1.75",
- "1-0": "1",
- "1-2": "1.2",
- "1-3": "1.3",
- "1-4": "1.4",
- "1-5": "1.5",
- "1-6": "1.6",
- "1-7": "1.7",
- "1-75": "1.75"
+ 175: "1.75"
},
borderRadius: {
4: "0.25rem",
@@ -707,20 +699,6 @@ const H = /* @__PURE__ */ m(b), W = H(() => {
32: "2rem",
full: "624.9375rem"
},
- screens: {
- desktop: "48em",
- "desktop-admin": "62em"
- },
- listStyleType: {
- "lower-latin": "lower-latin",
- circle: "circle",
- square: "square"
- },
- aspectRatio: {
- "1/1": "1 / 1",
- "3/2": "3 / 2",
- "16/9": "16 / 9"
- },
boxShadow: {
1: "0 2px 8px 1px rgba(0,0,0,0.1), 0 1px 5px 0 rgba(0,0,0,0.3)",
2: "0 2px 12px 2px rgba(0,0,0,0.1), 0 1px 6px 0 rgba(0,0,0,0.3)",
diff --git a/scripts/generate-theme.ts b/scripts/generate-theme.ts
index b7917df..4eec4dc 100644
--- a/scripts/generate-theme.ts
+++ b/scripts/generate-theme.ts
@@ -630,15 +630,6 @@ const themeConfig: Config["theme"] = {
160: String(tokens.LineHeight[160].$value),
170: String(tokens.LineHeight[170].$value),
175: String(tokens.LineHeight[175].$value),
- // NOTE: Remove the old keys later
- "1-0": String(tokens.LineHeight[100].$value),
- "1-2": String(tokens.LineHeight[120].$value),
- "1-3": String(tokens.LineHeight[130].$value),
- "1-4": String(tokens.LineHeight[140].$value),
- "1-5": String(tokens.LineHeight[150].$value),
- "1-6": String(tokens.LineHeight[160].$value),
- "1-7": String(tokens.LineHeight[170].$value),
- "1-75": String(tokens.LineHeight[175].$value),
},
borderRadius: {
4: tokens.BorderRadius[4].$value,
@@ -650,20 +641,6 @@ const themeConfig: Config["theme"] = {
32: tokens.BorderRadius[32].$value,
full: tokens.BorderRadius.Full.$value,
},
- screens: {
- desktop: "48em",
- "desktop-admin": "62em",
- },
- listStyleType: {
- "lower-latin": "lower-latin",
- circle: "circle",
- square: "square",
- },
- aspectRatio: {
- "1/1": "1 / 1",
- "3/2": "3 / 2",
- "16/9": "16 / 9",
- },
boxShadow: {
1: tokens.Elevation[1].$value,
2: tokens.Elevation[2].$value,
diff --git a/scripts/generate-v4-theme.ts b/scripts/generate-v4-theme.ts
index 69c3a0d..b0b2408 100644
--- a/scripts/generate-v4-theme.ts
+++ b/scripts/generate-v4-theme.ts
@@ -528,14 +528,6 @@ const lineHeight = {
160: String(tokens.LineHeight[160].$value),
170: String(tokens.LineHeight[170].$value),
175: String(tokens.LineHeight[175].$value),
- "1-0": String(tokens.LineHeight[100].$value),
- "1-2": String(tokens.LineHeight[120].$value),
- "1-3": String(tokens.LineHeight[130].$value),
- "1-4": String(tokens.LineHeight[140].$value),
- "1-5": String(tokens.LineHeight[150].$value),
- "1-6": String(tokens.LineHeight[160].$value),
- "1-7": String(tokens.LineHeight[170].$value),
- "1-75": String(tokens.LineHeight[175].$value),
};
const borderRadius = {
@@ -560,12 +552,6 @@ const boxShadow = {
8: tokens.Elevation[8].$value,
};
-const listStyleType = {
- "lower-latin": "lower-latin",
- circle: "circle",
- square: "square",
-};
-
function generateColorVariables(): string {
const lines: string[] = [];
@@ -650,19 +636,6 @@ function generateFontSizeUtilities(): string {
return lines.join("\n");
}
-function generateListStyleTypeUtilities(): string {
- const lines: string[] = [];
-
- for (const [name, value] of Object.entries(listStyleType)) {
- lines.push(`@utility list-${name} {`);
- lines.push(` list-style-type: ${value};`);
- lines.push(`}`);
- lines.push(``);
- }
-
- return lines.join("\n");
-}
-
function generateV4CSS(): string {
return `@theme {
/* Colors */
@@ -685,9 +658,7 @@ ${generateShadowVariables()}
}
/* Font size utilities */
-${generateFontSizeUtilities()}
-/* List style type utilities */
-${generateListStyleTypeUtilities()}`;
+${generateFontSizeUtilities()}`;
}
const output = generateV4CSS();