From 1e3c3cdaa2033eaba5944c65e0473e53f6c1e580 Mon Sep 17 00:00:00 2001 From: SHIMADA Takayuki Date: Fri, 27 Mar 2026 10:52:47 +0900 Subject: [PATCH] feat!: remove deprecated tokens and drop others as v1 breaking changes - Remove deprecated lineHeight tokens (dot notation: leading-1-0, leading-1-2, etc.) - Remove screens tokens (desktop, desktop-admin) - Remove listStyleType tokens (list-lower-latin, list-circle, list-square) - Remove aspectRatio tokens (aspect-1/1, aspect-3/2, aspect-16/9) - Update build artifacts and generation scripts accordingly - Add MIGRATE_TO_V1.md with migration guide - Add link to migration guide in README BREAKING CHANGE: screens, listStyleType, and aspectRatio tokens have been removed. See MIGRATE_TO_V1.md for migration instructions. --- MIGRATE_TO_V1.md | 135 +++++++++++++++++++ README.md | 4 + examples-v4/src/tailwind-theme-plugin/v4.css | 25 ---- examples/tailwind-theme-plugin/index.cjs.js | 2 +- examples/tailwind-theme-plugin/index.es.js | 54 +++----- scripts/generate-theme.ts | 23 ---- scripts/generate-v4-theme.ts | 31 +---- 7 files changed, 157 insertions(+), 117 deletions(-) create mode 100644 MIGRATE_TO_V1.md 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();