@breadstone-infrastructure/style-dictionary 0.0.175 → 0.0.177
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/formats/tailwind/DesignTokenType.d.ts +2 -2
- package/formats/tailwind/DesignTokenType.d.ts.map +1 -1
- package/formats/tailwind/TailwindPropertyMapping.d.ts +8 -13
- package/formats/tailwind/TailwindPropertyMapping.d.ts.map +1 -1
- package/formats/tailwind/TailwindPropertyMapping.js +255 -22
- package/formats/tailwind/TailwindPropertyMapping.js.map +1 -1
- package/formats/tailwind/buildTailwindConfig.d.ts.map +1 -1
- package/formats/tailwind/buildTailwindConfig.js +97 -8
- package/formats/tailwind/buildTailwindConfig.js.map +1 -1
- package/formats/tailwind/tailwindFormat.d.ts +3 -2
- package/formats/tailwind/tailwindFormat.d.ts.map +1 -1
- package/formats/tailwind/tailwindFormat.js +38 -21
- package/formats/tailwind/tailwindFormat.js.map +1 -1
- package/index.d.ts +1 -0
- package/index.d.ts.map +1 -1
- package/index.js +3 -1
- package/index.js.map +1 -1
- package/package.json +3 -2
- package/transforms/oklchCssTransform.d.ts +7 -0
- package/transforms/oklchCssTransform.d.ts.map +1 -0
- package/transforms/oklchCssTransform.js +52 -0
- package/transforms/oklchCssTransform.js.map +1 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Supported logical token types as returned by `getType`.
|
|
3
3
|
*
|
|
4
|
-
* This mirrors your original formatter
|
|
4
|
+
* This mirrors your original formatter's behavior and is used for
|
|
5
5
|
* type-based fallback mapping if no valid category is present.
|
|
6
6
|
*
|
|
7
7
|
* @public
|
|
8
8
|
*/
|
|
9
|
-
export type DesignTokenType = 'borderRadius' | 'borderWidth' | 'color' | 'duration' | 'font' | 'fontFamily' | 'fontSize' | 'fontWeight' | 'height' | 'letterSpacing' | 'lineHeight' | 'maxHeight' | 'maxWidth' | 'minHeight' | 'minWidth' | 'opacity' | 'shadow' | 'size' | 'spacing' | 'width' | 'zIndex';
|
|
9
|
+
export type DesignTokenType = 'borderRadius' | 'borderWidth' | 'color' | 'duration' | 'font' | 'fontFamily' | 'fontSize' | 'fontWeight' | 'height' | 'letterSpacing' | 'lineHeight' | 'maxHeight' | 'maxWidth' | 'minHeight' | 'minWidth' | 'opacity' | 'shadow' | 'size' | 'spacing' | 'textDecorationLine' | 'textTransform' | 'width' | 'zIndex';
|
|
10
10
|
//# sourceMappingURL=DesignTokenType.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DesignTokenType.d.ts","sourceRoot":"","sources":["../../../src/formats/tailwind/DesignTokenType.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,MAAM,eAAe,GAAK,cAAc,GAAG,aAAa,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,GAAG,YAAY,GAAG,QAAQ,GAAG,eAAe,GAAG,YAAY,GAAG,WAAW,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"DesignTokenType.d.ts","sourceRoot":"","sources":["../../../src/formats/tailwind/DesignTokenType.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,MAAM,eAAe,GAAK,cAAc,GAAG,aAAa,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,GAAG,YAAY,GAAG,QAAQ,GAAG,eAAe,GAAG,YAAY,GAAG,WAAW,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,oBAAoB,GAAG,eAAe,GAAG,OAAO,GAAG,QAAQ,CAAC"}
|
|
@@ -9,22 +9,16 @@ export type TailwindThemeKey = keyof NonNullable<TailwindConfig['theme']>;
|
|
|
9
9
|
/**
|
|
10
10
|
* Strategy describing how to map a token value under a given theme key.
|
|
11
11
|
*
|
|
12
|
-
* - "flat": Direct mapping, e.g. spacing, fontSize.
|
|
13
|
-
* Example:
|
|
14
|
-
* path: ['layout-header-height'] -> spacing['layout-header-height']
|
|
15
|
-
* - "nested": Nested mapping based on token path segments.
|
|
16
|
-
* Example:
|
|
17
|
-
* path: ['layout', 'header', 'height'] -> spacing.layout.header.height
|
|
18
|
-
* - "shadeMap": Mapping for color shades.
|
|
19
|
-
* Example:
|
|
20
|
-
* path: ['brand', '500'] -> colors.brand['500']
|
|
21
|
-
* - "shadow": Mapping for shadow tokens.
|
|
22
|
-
* Example:
|
|
23
|
-
* path: ['card-shadow'] -> boxShadow['card-shadow']
|
|
24
|
-
*
|
|
25
12
|
* @private
|
|
26
13
|
*/
|
|
27
14
|
type MappingStrategy = 'flat' | 'nested' | 'shadeMap' | 'shadow';
|
|
15
|
+
/**
|
|
16
|
+
* Function type for transforming token paths into Tailwind-compatible keys.
|
|
17
|
+
* Can return either a string (for flat/shadow strategies) or an array (for nested/shadeMap strategies).
|
|
18
|
+
*
|
|
19
|
+
* @public
|
|
20
|
+
*/
|
|
21
|
+
export type PathTransformFn = (path: ReadonlyArray<string>) => string | ReadonlyArray<string>;
|
|
28
22
|
/**
|
|
29
23
|
* Internal mapping definition: for a given Tailwind theme key,
|
|
30
24
|
* which mapping strategy to apply when inserting tokens.
|
|
@@ -34,6 +28,7 @@ type MappingStrategy = 'flat' | 'nested' | 'shadeMap' | 'shadow';
|
|
|
34
28
|
export interface IKeyMapping {
|
|
35
29
|
readonly themeKey: TailwindThemeKey;
|
|
36
30
|
readonly strategy: MappingStrategy;
|
|
31
|
+
readonly pathTransform?: PathTransformFn;
|
|
37
32
|
}
|
|
38
33
|
/**
|
|
39
34
|
* Set of supported design token types for validation.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TailwindPropertyMapping.d.ts","sourceRoot":"","sources":["../../../src/formats/tailwind/TailwindPropertyMapping.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"TailwindPropertyMapping.d.ts","sourceRoot":"","sources":["../../../src/formats/tailwind/TailwindPropertyMapping.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAMzD;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,WAAW,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;AAE1E;;;;GAIG;AACH,KAAK,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,CAAC;AAEjE;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG,CAAC,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,KAAK,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;AAE9F;;;;;GAKG;AACH,MAAM,WAAW,WAAW;IACxB,QAAQ,CAAC,QAAQ,EAAE,gBAAgB,CAAC;IACpC,QAAQ,CAAC,QAAQ,EAAE,eAAe,CAAC;IACnC,QAAQ,CAAC,aAAa,CAAC,EAAE,eAAe,CAAC;CAC5C;AAMD;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,eAAe,CAwBhE,CAAC;AAMF;;;;;;;;GAQG;AACH,eAAO,MAAM,uBAAuB,EAAE,OAAO,CAAC,MAAM,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAwNlF,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,yBAAyB,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,WAAW,CAAC,CAwInF,CAAC"}
|
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
// #region Imports
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
exports.TOKEN_TYPE_TO_KEY_MAPPING = exports.CATEGORY_TO_KEY_MAPPING = exports.SUPPORTED_TOKEN_TYPES = void 0;
|
|
5
|
+
// #endregion
|
|
6
|
+
// #region Constants
|
|
5
7
|
/**
|
|
6
8
|
* Set of supported design token types for validation.
|
|
7
9
|
* Used only for logging; unsupported types are skipped.
|
|
@@ -28,9 +30,13 @@ exports.SUPPORTED_TOKEN_TYPES = [
|
|
|
28
30
|
'shadow',
|
|
29
31
|
'size',
|
|
30
32
|
'spacing',
|
|
33
|
+
'textDecorationLine',
|
|
34
|
+
'textTransform',
|
|
31
35
|
'width',
|
|
32
36
|
'zIndex'
|
|
33
37
|
];
|
|
38
|
+
// #endregion
|
|
39
|
+
// #region Mappings
|
|
34
40
|
/**
|
|
35
41
|
* Maps token-level `category` values (which MUST match Tailwind theme keys)
|
|
36
42
|
* to Tailwind theme keys and the corresponding mapping strategy.
|
|
@@ -43,11 +49,80 @@ exports.SUPPORTED_TOKEN_TYPES = [
|
|
|
43
49
|
exports.CATEGORY_TO_KEY_MAPPING = {
|
|
44
50
|
colors: {
|
|
45
51
|
themeKey: 'colors',
|
|
46
|
-
strategy: '
|
|
52
|
+
strategy: 'shadeMap',
|
|
53
|
+
pathTransform: (path) => {
|
|
54
|
+
// color.light.primary.500 -> ['primary', '500'] (for light variant)
|
|
55
|
+
// color.dark.primary.500 -> ['primary-dark', '500'] (for dark variant)
|
|
56
|
+
// color.light.primary -> ['primary', 'DEFAULT'] (no shade)
|
|
57
|
+
// scheme.light.background -> ['scheme-background', 'DEFAULT']
|
|
58
|
+
// scheme.dark.background -> ['scheme-background-dark', 'DEFAULT']
|
|
59
|
+
if (path[0] === 'color') {
|
|
60
|
+
if (path.length >= 4) {
|
|
61
|
+
const variant = path[1]; // 'light' or 'dark'
|
|
62
|
+
const colorName = path[2]; // 'primary', 'secondary', etc.
|
|
63
|
+
const shade = path[3]; // '500', '100', etc.
|
|
64
|
+
if (variant === 'light') {
|
|
65
|
+
return [colorName, shade];
|
|
66
|
+
}
|
|
67
|
+
else if (variant === 'dark') {
|
|
68
|
+
return [`${colorName}-dark`, shade];
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
else if (path.length === 3) {
|
|
72
|
+
// color.light.primary (no shade) -> ['primary', 'DEFAULT']
|
|
73
|
+
const variant = path[1];
|
|
74
|
+
const colorName = path[2];
|
|
75
|
+
if (variant === 'light') {
|
|
76
|
+
return [colorName, 'DEFAULT'];
|
|
77
|
+
}
|
|
78
|
+
else if (variant === 'dark') {
|
|
79
|
+
return [`${colorName}-dark`, 'DEFAULT'];
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
else if (path[0] === 'scheme' && path.length >= 3) {
|
|
84
|
+
const variant = path[1]; // 'light' or 'dark'
|
|
85
|
+
const schemeName = path[2]; // 'background', 'foreground', etc.
|
|
86
|
+
if (variant === 'light') {
|
|
87
|
+
return [`scheme-${schemeName}`, 'DEFAULT'];
|
|
88
|
+
}
|
|
89
|
+
else if (variant === 'dark') {
|
|
90
|
+
return [`scheme-${schemeName}-dark`, 'DEFAULT'];
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
return path;
|
|
94
|
+
}
|
|
95
|
+
},
|
|
96
|
+
scheme: {
|
|
97
|
+
themeKey: 'colors',
|
|
98
|
+
strategy: 'shadeMap',
|
|
99
|
+
pathTransform: (path) => {
|
|
100
|
+
// scheme.light.background -> ['scheme-background', 'DEFAULT']
|
|
101
|
+
// scheme.dark.background -> ['scheme-background-dark', 'DEFAULT']
|
|
102
|
+
if (path[0] === 'scheme' && path.length >= 3) {
|
|
103
|
+
const variant = path[1]; // 'light' or 'dark'
|
|
104
|
+
const name = path[2]; // 'background', 'foreground', etc.
|
|
105
|
+
if (variant === 'light') {
|
|
106
|
+
return [`scheme-${name}`, 'DEFAULT'];
|
|
107
|
+
}
|
|
108
|
+
else if (variant === 'dark') {
|
|
109
|
+
return [`scheme-${name}-dark`, 'DEFAULT'];
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
return path;
|
|
113
|
+
}
|
|
47
114
|
},
|
|
48
115
|
spacing: {
|
|
49
116
|
themeKey: 'spacing',
|
|
50
|
-
strategy: 'flat'
|
|
117
|
+
strategy: 'flat',
|
|
118
|
+
pathTransform: (path) => {
|
|
119
|
+
// layout.radius -> 'radius'
|
|
120
|
+
// layout.space -> 'space'
|
|
121
|
+
if (path[0] === 'layout') {
|
|
122
|
+
return path[path.length - 1];
|
|
123
|
+
}
|
|
124
|
+
return path.join('-');
|
|
125
|
+
}
|
|
51
126
|
},
|
|
52
127
|
width: {
|
|
53
128
|
themeKey: 'width',
|
|
@@ -59,15 +134,53 @@ exports.CATEGORY_TO_KEY_MAPPING = {
|
|
|
59
134
|
},
|
|
60
135
|
fontFamily: {
|
|
61
136
|
themeKey: 'fontFamily',
|
|
62
|
-
strategy: 'flat'
|
|
137
|
+
strategy: 'flat',
|
|
138
|
+
pathTransform: (path) => {
|
|
139
|
+
// typography.headline1.fontFamily -> 'headline1'
|
|
140
|
+
// font.family -> 'sans' (or custom name)
|
|
141
|
+
if (path[0] === 'typography' && path.length >= 2) {
|
|
142
|
+
return path[1];
|
|
143
|
+
}
|
|
144
|
+
if (path[0] === 'font' && path[1] === 'family') {
|
|
145
|
+
return 'sans';
|
|
146
|
+
}
|
|
147
|
+
return path[path.length - 1];
|
|
148
|
+
}
|
|
63
149
|
},
|
|
64
150
|
fontSize: {
|
|
65
151
|
themeKey: 'fontSize',
|
|
66
|
-
strategy: 'flat'
|
|
152
|
+
strategy: 'flat',
|
|
153
|
+
pathTransform: (path) => {
|
|
154
|
+
// typography.headline1.fontSize -> 'headline1'
|
|
155
|
+
if (path[0] === 'typography' && path.length >= 2) {
|
|
156
|
+
return path[1];
|
|
157
|
+
}
|
|
158
|
+
return path[path.length - 1];
|
|
159
|
+
}
|
|
67
160
|
},
|
|
68
161
|
boxShadow: {
|
|
69
162
|
themeKey: 'boxShadow',
|
|
70
|
-
strategy: 'shadow'
|
|
163
|
+
strategy: 'shadow',
|
|
164
|
+
pathTransform: (path) => {
|
|
165
|
+
// elevation.light.regular -> 'regular'
|
|
166
|
+
// elevation.dark.regular -> 'regular-dark'
|
|
167
|
+
// elevation.none -> 'elevation-none'
|
|
168
|
+
if (path[0] === 'elevation') {
|
|
169
|
+
if (path.length >= 3) {
|
|
170
|
+
const variant = path[1]; // 'light' or 'dark'
|
|
171
|
+
const name = path[2]; // 'regular', 'light', etc.
|
|
172
|
+
if (variant === 'light') {
|
|
173
|
+
return name;
|
|
174
|
+
}
|
|
175
|
+
else if (variant === 'dark') {
|
|
176
|
+
return `${name}-dark`;
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
// elevation.none or other single-level elevation tokens
|
|
180
|
+
return path.join('-');
|
|
181
|
+
}
|
|
182
|
+
return path.join('-');
|
|
183
|
+
}
|
|
71
184
|
},
|
|
72
185
|
opacity: {
|
|
73
186
|
themeKey: 'opacity',
|
|
@@ -87,7 +200,72 @@ exports.CATEGORY_TO_KEY_MAPPING = {
|
|
|
87
200
|
},
|
|
88
201
|
transitionDuration: {
|
|
89
202
|
themeKey: 'transitionDuration',
|
|
90
|
-
strategy: 'flat'
|
|
203
|
+
strategy: 'flat',
|
|
204
|
+
pathTransform: (path) => {
|
|
205
|
+
// duration.short -> 'short'
|
|
206
|
+
// duration._ -> 'DEFAULT'
|
|
207
|
+
if (path[0] === 'duration') {
|
|
208
|
+
return path[1] === '_' ? 'DEFAULT' : path[1];
|
|
209
|
+
}
|
|
210
|
+
return path[path.length - 1];
|
|
211
|
+
}
|
|
212
|
+
},
|
|
213
|
+
// Typography-related categories that didn't get their own top-level entry
|
|
214
|
+
// These are used by sub-properties of typography tokens
|
|
215
|
+
lineHeight: {
|
|
216
|
+
themeKey: 'lineHeight',
|
|
217
|
+
strategy: 'flat',
|
|
218
|
+
pathTransform: (path) => {
|
|
219
|
+
// typography.headline1.lineHeight -> 'headline1'
|
|
220
|
+
if (path[0] === 'typography' && path.length >= 2) {
|
|
221
|
+
return path[1];
|
|
222
|
+
}
|
|
223
|
+
return path[path.length - 1];
|
|
224
|
+
}
|
|
225
|
+
},
|
|
226
|
+
fontWeight: {
|
|
227
|
+
themeKey: 'fontWeight',
|
|
228
|
+
strategy: 'flat',
|
|
229
|
+
pathTransform: (path) => {
|
|
230
|
+
// typography.headline1.fontWeight -> 'headline1'
|
|
231
|
+
if (path[0] === 'typography' && path.length >= 2) {
|
|
232
|
+
return path[1];
|
|
233
|
+
}
|
|
234
|
+
return path[path.length - 1];
|
|
235
|
+
}
|
|
236
|
+
},
|
|
237
|
+
letterSpacing: {
|
|
238
|
+
themeKey: 'letterSpacing',
|
|
239
|
+
strategy: 'flat',
|
|
240
|
+
pathTransform: (path) => {
|
|
241
|
+
// typography.headline1.letterSpacing -> 'headline1'
|
|
242
|
+
if (path[0] === 'typography' && path.length >= 2) {
|
|
243
|
+
return path[1];
|
|
244
|
+
}
|
|
245
|
+
return path[path.length - 1];
|
|
246
|
+
}
|
|
247
|
+
},
|
|
248
|
+
textDecorationLine: {
|
|
249
|
+
themeKey: 'textDecorationColor',
|
|
250
|
+
strategy: 'flat',
|
|
251
|
+
pathTransform: (path) => {
|
|
252
|
+
// typography.headline1.textDecoration -> 'headline1'
|
|
253
|
+
if (path[0] === 'typography' && path.length >= 2) {
|
|
254
|
+
return path[1];
|
|
255
|
+
}
|
|
256
|
+
return path[path.length - 1];
|
|
257
|
+
}
|
|
258
|
+
},
|
|
259
|
+
textTransform: {
|
|
260
|
+
themeKey: 'textTransform',
|
|
261
|
+
strategy: 'flat',
|
|
262
|
+
pathTransform: (path) => {
|
|
263
|
+
// typography.headline1.textTransform -> 'headline1'
|
|
264
|
+
if (path[0] === 'typography' && path.length >= 2) {
|
|
265
|
+
return path[1];
|
|
266
|
+
}
|
|
267
|
+
return path[path.length - 1];
|
|
268
|
+
}
|
|
91
269
|
}
|
|
92
270
|
};
|
|
93
271
|
/**
|
|
@@ -102,7 +280,49 @@ exports.CATEGORY_TO_KEY_MAPPING = {
|
|
|
102
280
|
exports.TOKEN_TYPE_TO_KEY_MAPPING = {
|
|
103
281
|
color: {
|
|
104
282
|
themeKey: 'colors',
|
|
105
|
-
strategy: '
|
|
283
|
+
strategy: 'shadeMap',
|
|
284
|
+
pathTransform: (path) => {
|
|
285
|
+
// color.light.primary.500 -> ['primary', '500'] (for light variant)
|
|
286
|
+
// color.dark.primary.500 -> ['primary-dark', '500'] (for dark variant)
|
|
287
|
+
// color.light.primary -> ['primary', 'DEFAULT'] (no shade)
|
|
288
|
+
// scheme.light.background -> ['scheme-background', 'DEFAULT'] (for light variant)
|
|
289
|
+
// scheme.dark.background -> ['scheme-background-dark', 'DEFAULT'] (for dark variant)
|
|
290
|
+
if (path[0] === 'color') {
|
|
291
|
+
if (path.length >= 4) {
|
|
292
|
+
const variant = path[1]; // 'light' or 'dark'
|
|
293
|
+
const colorName = path[2]; // 'primary', 'secondary', etc.
|
|
294
|
+
const shade = path[3]; // '500', '100', etc.
|
|
295
|
+
if (variant === 'light') {
|
|
296
|
+
return [colorName, shade];
|
|
297
|
+
}
|
|
298
|
+
else if (variant === 'dark') {
|
|
299
|
+
return [`${colorName}-dark`, shade];
|
|
300
|
+
}
|
|
301
|
+
}
|
|
302
|
+
else if (path.length === 3) {
|
|
303
|
+
// color.light.primary (no shade) -> ['primary', 'DEFAULT']
|
|
304
|
+
const variant = path[1];
|
|
305
|
+
const colorName = path[2];
|
|
306
|
+
if (variant === 'light') {
|
|
307
|
+
return [colorName, 'DEFAULT'];
|
|
308
|
+
}
|
|
309
|
+
else if (variant === 'dark') {
|
|
310
|
+
return [`${colorName}-dark`, 'DEFAULT'];
|
|
311
|
+
}
|
|
312
|
+
}
|
|
313
|
+
}
|
|
314
|
+
else if (path[0] === 'scheme' && path.length >= 3) {
|
|
315
|
+
const variant = path[1]; // 'light' or 'dark'
|
|
316
|
+
const schemeName = path[2]; // 'background', 'foreground', etc.
|
|
317
|
+
if (variant === 'light') {
|
|
318
|
+
return [`scheme-${schemeName}`, 'DEFAULT'];
|
|
319
|
+
}
|
|
320
|
+
else if (variant === 'dark') {
|
|
321
|
+
return [`scheme-${schemeName}-dark`, 'DEFAULT'];
|
|
322
|
+
}
|
|
323
|
+
}
|
|
324
|
+
return path;
|
|
325
|
+
}
|
|
106
326
|
},
|
|
107
327
|
spacing: {
|
|
108
328
|
themeKey: 'spacing',
|
|
@@ -146,27 +366,39 @@ exports.TOKEN_TYPE_TO_KEY_MAPPING = {
|
|
|
146
366
|
},
|
|
147
367
|
font: {
|
|
148
368
|
themeKey: 'fontFamily',
|
|
149
|
-
strategy: 'flat'
|
|
369
|
+
strategy: 'flat',
|
|
370
|
+
pathTransform: (path) => {
|
|
371
|
+
// typography.headline1.fontFamily -> 'headline1'
|
|
372
|
+
if (path[0] === 'typography' && path.length >= 2) {
|
|
373
|
+
return path[1];
|
|
374
|
+
}
|
|
375
|
+
if (path[0] === 'font' && path[1] === 'family') {
|
|
376
|
+
return 'DEFAULT';
|
|
377
|
+
}
|
|
378
|
+
return path[path.length - 1];
|
|
379
|
+
}
|
|
150
380
|
},
|
|
151
381
|
fontFamily: {
|
|
152
382
|
themeKey: 'fontFamily',
|
|
153
|
-
strategy: 'flat'
|
|
383
|
+
strategy: 'flat',
|
|
384
|
+
pathTransform: (path) => {
|
|
385
|
+
// typography.headline1.fontFamily -> 'headline1'
|
|
386
|
+
if (path[0] === 'typography' && path.length >= 2) {
|
|
387
|
+
return path[1];
|
|
388
|
+
}
|
|
389
|
+
return path[path.length - 1];
|
|
390
|
+
}
|
|
154
391
|
},
|
|
155
392
|
fontSize: {
|
|
156
393
|
themeKey: 'fontSize',
|
|
157
|
-
strategy: 'flat'
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
strategy: 'flat'
|
|
166
|
-
},
|
|
167
|
-
letterSpacing: {
|
|
168
|
-
themeKey: 'letterSpacing',
|
|
169
|
-
strategy: 'flat'
|
|
394
|
+
strategy: 'flat',
|
|
395
|
+
pathTransform: (path) => {
|
|
396
|
+
// typography.headline1.fontSize -> 'headline1'
|
|
397
|
+
if (path[0] === 'typography' && path.length >= 2) {
|
|
398
|
+
return path[1];
|
|
399
|
+
}
|
|
400
|
+
return path[path.length - 1];
|
|
401
|
+
}
|
|
170
402
|
},
|
|
171
403
|
shadow: {
|
|
172
404
|
themeKey: 'boxShadow',
|
|
@@ -185,4 +417,5 @@ exports.TOKEN_TYPE_TO_KEY_MAPPING = {
|
|
|
185
417
|
strategy: 'flat'
|
|
186
418
|
}
|
|
187
419
|
};
|
|
420
|
+
// #endregion
|
|
188
421
|
//# sourceMappingURL=TailwindPropertyMapping.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TailwindPropertyMapping.js","sourceRoot":"","sources":["../../../src/formats/tailwind/TailwindPropertyMapping.ts"],"names":[],"mappings":";AAAA,kBAAkB;;;
|
|
1
|
+
{"version":3,"file":"TailwindPropertyMapping.js","sourceRoot":"","sources":["../../../src/formats/tailwind/TailwindPropertyMapping.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buildTailwindConfig.d.ts","sourceRoot":"","sources":["../../../src/formats/tailwind/buildTailwindConfig.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"buildTailwindConfig.d.ts","sourceRoot":"","sources":["../../../src/formats/tailwind/buildTailwindConfig.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAoI/D;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,mBAAmB,CAC/B,SAAS,EAAE,aAAa,CAAC,gBAAgB,CAAC,EAC1C,0BAA0B,GAAE,KAAK,CAAC,MAAM,CAAM,GAC/C,cAAc,CA+JhB"}
|
|
@@ -64,6 +64,14 @@ function validateTokenTypes(tokens, ignoredNames = []) {
|
|
|
64
64
|
return !ignoredNames.some((substr) => lower.includes(substr.toLowerCase()));
|
|
65
65
|
})
|
|
66
66
|
.forEach((token) => {
|
|
67
|
+
// If token has a valid category mapping, skip type validation
|
|
68
|
+
const rawCategory = token.category;
|
|
69
|
+
if (rawCategory) {
|
|
70
|
+
const categoryKey = rawCategory;
|
|
71
|
+
if (TailwindPropertyMapping_js_1.CATEGORY_TO_KEY_MAPPING[categoryKey]) {
|
|
72
|
+
return; // Category is valid, no need to check type
|
|
73
|
+
}
|
|
74
|
+
}
|
|
67
75
|
const type = (0, getType_js_1.getType)(token);
|
|
68
76
|
if (!type) {
|
|
69
77
|
return;
|
|
@@ -97,7 +105,8 @@ function resolveMappingForToken(token) {
|
|
|
97
105
|
console.warn(`${(0, utilities_1.symbol)('warning')} ${(0, utilities_1.yellow)(`Token "${token.name}" specifies category "${rawCategory}", which is not mapped. Falling back to token type.`)}`);
|
|
98
106
|
}
|
|
99
107
|
// 2. Type-based mapping
|
|
100
|
-
|
|
108
|
+
// Try multiple type properties: token.type (set by transforms), token.$type (original), token.original.type, token.original.$type
|
|
109
|
+
const type = (token.type ?? token.$type ?? token.original?.type ?? token.original?.$type);
|
|
101
110
|
if (type) {
|
|
102
111
|
const byType = TailwindPropertyMapping_js_1.TOKEN_TYPE_TO_KEY_MAPPING[type];
|
|
103
112
|
if (byType) {
|
|
@@ -132,7 +141,20 @@ function buildTailwindConfig(allTokens, ignoredTokenNameSubstrings = []) {
|
|
|
132
141
|
const config = { theme: { extend: {} } };
|
|
133
142
|
for (const token of allTokens) {
|
|
134
143
|
const lowerName = token.name.toLowerCase();
|
|
135
|
-
|
|
144
|
+
const tokenPath = token.path.join('.');
|
|
145
|
+
// Check if any ignored substring appears in the token name OR path
|
|
146
|
+
if (ignoredTokenNameSubstrings.some((substr) => lowerName.includes(substr.toLowerCase()) ||
|
|
147
|
+
tokenPath.toLowerCase().includes(substr.toLowerCase()))) {
|
|
148
|
+
continue;
|
|
149
|
+
}
|
|
150
|
+
// Skip expanded shadow parts (offsetX, offsetY, blur, spread, color sub-tokens)
|
|
151
|
+
// These are created by expandShadowPreprocessor and should be ignored for Tailwind
|
|
152
|
+
const shadowPartPattern = /\.(offsetX|offsetY|blur|spread|color)\.\d+$/i;
|
|
153
|
+
if (shadowPartPattern.test(tokenPath)) {
|
|
154
|
+
continue;
|
|
155
|
+
}
|
|
156
|
+
// Skip duration tokens (they're typically enums/metadata)
|
|
157
|
+
if (token.path[0] === 'duration' && !token.value) {
|
|
136
158
|
continue;
|
|
137
159
|
}
|
|
138
160
|
const mapping = resolveMappingForToken(token);
|
|
@@ -155,28 +177,65 @@ function buildTailwindConfig(allTokens, ignoredTokenNameSubstrings = []) {
|
|
|
155
177
|
const section = extend[themeKey] ??= {};
|
|
156
178
|
const rawValue = (0, getValue_js_1.getValue)(token);
|
|
157
179
|
const normalized = normalizeValue(rawValue);
|
|
158
|
-
const
|
|
180
|
+
const rawPath = token.path.length > 0 ? token.path : [token.name];
|
|
181
|
+
// Apply pathTransform if defined
|
|
182
|
+
const transformedPath = mapping.pathTransform
|
|
183
|
+
? mapping.pathTransform(rawPath)
|
|
184
|
+
: rawPath;
|
|
185
|
+
// Warn if pathTransform returned original path unchanged (meaning it couldn't transform)
|
|
186
|
+
// Compare content, not reference, for arrays
|
|
187
|
+
const pathsAreEqual = Array.isArray(transformedPath) && Array.isArray(rawPath)
|
|
188
|
+
? transformedPath.length === rawPath.length && transformedPath.every((val, idx) => val === rawPath[idx])
|
|
189
|
+
: transformedPath === rawPath;
|
|
190
|
+
if (mapping.pathTransform && pathsAreEqual) {
|
|
191
|
+
console.warn(`${(0, utilities_1.symbol)('warning')} ${(0, utilities_1.yellow)(`Token "${token.path.join('.')}:${token.name}" could not be transformed by pathTransform. Using raw path.`)}`);
|
|
192
|
+
}
|
|
159
193
|
switch (strategy) {
|
|
160
194
|
case 'flat': {
|
|
161
|
-
|
|
195
|
+
// For flat strategy, use the transformed path as a single key
|
|
196
|
+
const key = typeof transformedPath === 'string'
|
|
197
|
+
? transformedPath
|
|
198
|
+
: Array.isArray(transformedPath)
|
|
199
|
+
? transformedPath.join('-')
|
|
200
|
+
: rawPath.join('-');
|
|
162
201
|
section[key] = normalized;
|
|
163
202
|
break;
|
|
164
203
|
}
|
|
165
204
|
case 'nested': {
|
|
205
|
+
// For nested strategy, split the transformed path if it's a string
|
|
206
|
+
const path = typeof transformedPath === 'string'
|
|
207
|
+
? transformedPath.split('.')
|
|
208
|
+
: Array.isArray(transformedPath)
|
|
209
|
+
? transformedPath
|
|
210
|
+
: rawPath;
|
|
166
211
|
deepSet(section, path, normalized);
|
|
167
212
|
break;
|
|
168
213
|
}
|
|
169
214
|
case 'shadeMap': {
|
|
170
|
-
//
|
|
171
|
-
//
|
|
215
|
+
// For shadeMap strategy, use the transformed path as array [group, shade]
|
|
216
|
+
// Example: ['primary', '500'] -> colors.primary['500']
|
|
217
|
+
// Example: ['primary-dark', '500'] -> colors['primary-dark']['500']
|
|
218
|
+
// Special case: if only DEFAULT exists, output direct value instead of { DEFAULT: value }
|
|
219
|
+
const path = Array.isArray(transformedPath)
|
|
220
|
+
? transformedPath
|
|
221
|
+
: typeof transformedPath === 'string'
|
|
222
|
+
? transformedPath.split('-')
|
|
223
|
+
: rawPath;
|
|
172
224
|
const [group, ...rest] = path;
|
|
173
|
-
const shadeKey = rest.join('
|
|
225
|
+
const shadeKey = rest.join('-') || 'DEFAULT';
|
|
226
|
+
// If this is the first value for this group, we don't know yet if it will be a single value or object
|
|
227
|
+
// Store values temporarily and resolve at the end
|
|
174
228
|
section[group] ??= {};
|
|
175
229
|
section[group][shadeKey] = normalized;
|
|
176
230
|
break;
|
|
177
231
|
}
|
|
178
232
|
case 'shadow': {
|
|
179
|
-
|
|
233
|
+
// For shadow strategy, use the transformed path as a single key
|
|
234
|
+
const key = typeof transformedPath === 'string'
|
|
235
|
+
? transformedPath
|
|
236
|
+
: Array.isArray(transformedPath)
|
|
237
|
+
? transformedPath.join('-')
|
|
238
|
+
: rawPath.join('-');
|
|
180
239
|
section[key] = Array.isArray(normalized) ? normalized.map((v) => String(v)).join(', ') : String(normalized);
|
|
181
240
|
break;
|
|
182
241
|
}
|
|
@@ -186,6 +245,36 @@ function buildTailwindConfig(allTokens, ignoredTokenNameSubstrings = []) {
|
|
|
186
245
|
}
|
|
187
246
|
}
|
|
188
247
|
}
|
|
248
|
+
// Post-process: normalize single-entry objects to use DEFAULT key
|
|
249
|
+
// If a category has only one key-value pair that is NOT already "DEFAULT", rename it to "DEFAULT"
|
|
250
|
+
// Example: { "borderRadius": { "layout-radius": "12px" } } -> { "borderRadius": { "DEFAULT": "12px" } }
|
|
251
|
+
if (config.theme?.extend) {
|
|
252
|
+
const extend = config.theme.extend;
|
|
253
|
+
for (const [categoryKey, categoryValue] of Object.entries(extend)) {
|
|
254
|
+
if (typeof categoryValue === 'object' && categoryValue !== null && !Array.isArray(categoryValue)) {
|
|
255
|
+
const obj = categoryValue;
|
|
256
|
+
const keys = Object.keys(obj);
|
|
257
|
+
// If only one entry exists and it's not already "DEFAULT", rename it to "DEFAULT"
|
|
258
|
+
if (keys.length === 1 && keys[0] !== 'DEFAULT') {
|
|
259
|
+
const value = obj[keys[0]];
|
|
260
|
+
extend[categoryKey] = { DEFAULT: value };
|
|
261
|
+
}
|
|
262
|
+
else if (categoryKey === 'colors') {
|
|
263
|
+
// For colors, recursively normalize nested single-entry objects to use DEFAULT
|
|
264
|
+
// Example: { "background": { "some-key": "..." } } -> { "background": { "DEFAULT": "..." } }
|
|
265
|
+
for (const [colorKey, colorValue] of Object.entries(obj)) {
|
|
266
|
+
if (typeof colorValue === 'object' && colorValue !== null && !Array.isArray(colorValue)) {
|
|
267
|
+
const colorObj = colorValue;
|
|
268
|
+
const colorKeys = Object.keys(colorObj);
|
|
269
|
+
if (colorKeys.length === 1 && colorKeys[0] !== 'DEFAULT') {
|
|
270
|
+
obj[colorKey] = { DEFAULT: colorObj[colorKeys[0]] };
|
|
271
|
+
}
|
|
272
|
+
}
|
|
273
|
+
}
|
|
274
|
+
}
|
|
275
|
+
}
|
|
276
|
+
}
|
|
277
|
+
}
|
|
189
278
|
return config;
|
|
190
279
|
}
|
|
191
280
|
//# sourceMappingURL=buildTailwindConfig.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buildTailwindConfig.js","sourceRoot":"","sources":["../../../src/formats/tailwind/buildTailwindConfig.ts"],"names":[],"mappings":";AAAA,kBAAkB;;
|
|
1
|
+
{"version":3,"file":"buildTailwindConfig.js","sourceRoot":"","sources":["../../../src/formats/tailwind/buildTailwindConfig.ts"],"names":[],"mappings":";AAAA,kBAAkB;;AA0JlB,kDAkKC;AAxTD,oEAAsE;AACtE,2DAAqD;AACrD,6DAAuD;AAEvD,6EAAkK;AAElK,aAAa;AAEb;;;;;;GAMG;AACH,SAAS,cAAc,CAAC,KAAc;IAClC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IACvC,CAAC;IACD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QACzD,OAAO,KAAK,CAAC;IACjB,CAAC;IACD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACzB,CAAC;AAED;;;;;;;GAOG;AACH,SAAS,OAAO,CAAC,GAAwB,EAAE,IAAmB,EAAE,KAAc;IAC1E,IAAI,OAAO,GAAG,GAAG,CAAC;IAClB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACnC,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QACpB,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACxB,OAAO,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;QACzB,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,OAAO,OAAO,CAAC,GAAG,CAAC,KAAK,QAAQ,EAAE,CAAC;gBACpD,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;YACtB,CAAC;YACD,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;QAC3B,CAAC;IACL,CAAC;AACL,CAAC;AAED;;;;;;;;;GASG;AACH,SAAS,kBAAkB,CACvB,MAAuC,EACvC,eAA8B,EAAE;IAEhC,MAAM,SAAS,GAAG,IAAI,GAAG,CAAS,kDAAqB,CAAC,CAAC;IAEzD,MAAM;SACD,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;QACd,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;QACvC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;IAChF,CAAC,CAAC;SACD,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;QACf,8DAA8D;QAC9D,MAAM,WAAW,GAAG,KAAK,CAAC,QAA8B,CAAC;QACzD,IAAI,WAAW,EAAE,CAAC;YACd,MAAM,WAAW,GAAG,WAA+B,CAAC;YACpD,IAAI,oDAAuB,CAAC,WAAW,CAAC,EAAE,CAAC;gBACvC,OAAO,CAAC,2CAA2C;YACvD,CAAC;QACL,CAAC;QAED,MAAM,IAAI,GAAG,IAAA,oBAAO,EAAC,KAAK,CAAC,CAAC;QAC5B,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,OAAO;QACX,CAAC;QAED,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;YACvB,OAAO,CAAC,IAAI,CAAC,GAAG,IAAA,kBAAM,EAAC,SAAS,CAAC,IAAI,IAAA,kBAAM,EAAC,SAAS,IAAI,qDAAqD,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,IAAI,IAAI,CAAC,EAAE,CAAC,CAAC;QAC7J,CAAC;IACL,CAAC,CAAC,CAAC;AACX,CAAC;AAED;;;;;;;;;;GAUG;AACH,SAAS,sBAAsB,CAAC,KAAuB;IACnD,MAAM,WAAW,GAAG,KAAK,CAAC,QAA8B,CAAC;IAEzD,yCAAyC;IACzC,IAAI,WAAW,EAAE,CAAC;QACd,MAAM,WAAW,GAAG,WAA+B,CAAC;QACpD,MAAM,UAAU,GAAG,oDAAuB,CAAC,WAAW,CAAC,CAAC;QACxD,IAAI,UAAU,EAAE,CAAC;YACb,OAAO,UAAU,CAAC;QACtB,CAAC;QAED,8EAA8E;QAC9E,OAAO,CAAC,IAAI,CAAC,GAAG,IAAA,kBAAM,EAAC,SAAS,CAAC,IAAI,IAAA,kBAAM,EAAC,UAAU,KAAK,CAAC,IAAI,yBAAyB,WAAW,qDAAqD,CAAC,EAAE,CAAC,CAAC;IAClK,CAAC;IAED,wBAAwB;IACxB,kIAAkI;IAClI,MAAM,IAAI,GAAG,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,EAAE,IAAI,IAAI,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAgC,CAAC;IAEzH,IAAI,IAAI,EAAE,CAAC;QACP,MAAM,MAAM,GAAG,sDAAyB,CAAC,IAAI,CAAC,CAAC;QAC/C,IAAI,MAAM,EAAE,CAAC;YACT,OAAO,MAAM,CAAC;QAClB,CAAC;IACL,CAAC;IAED,yCAAyC;IACzC,OAAO,SAAS,CAAC;AACrB,CAAC;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,SAAgB,mBAAmB,CAC/B,SAA0C,EAC1C,6BAA4C,EAAE;IAE9C,0DAA0D;IAC1D,kBAAkB,CAAC,SAAS,EAAE,0BAA0B,CAAC,CAAC;IAE1D,MAAM,MAAM,GAAmB,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAS,CAAC;IAEhE,KAAK,MAAM,KAAK,IAAI,SAAS,EAAE,CAAC;QAC5B,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;QAC3C,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAEvC,mEAAmE;QACnE,IAAI,0BAA0B,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAC3C,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;YACxC,SAAS,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CACzD,EAAE,CAAC;YACA,SAAS;QACb,CAAC;QAED,gFAAgF;QAChF,mFAAmF;QACnF,MAAM,iBAAiB,GAAG,8CAA8C,CAAC;QACzE,IAAI,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;YACpC,SAAS;QACb,CAAC;QAED,0DAA0D;QAC1D,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,UAAU,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YAC/C,SAAS;QACb,CAAC;QAED,MAAM,OAAO,GAAG,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAE9C,IAAI,CAAC,OAAO,EAAE,CAAC;YACX,OAAO,CAAC,IAAI,CAAC,GAAG,IAAA,kBAAM,EAAC,SAAS,CAAC,IAAI,IAAA,kBAAM,EAAC,UAAU,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,IAAI,+EAA+E,CAAC,EAAE,CAAC,CAAC;YAC5K,SAAS;QACb,CAAC;QAED,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;QAEvC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC;YACxB,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;gBAChB,MAAM,CAAC,KAAK,GAAG,EAAE,CAAC;gBAClB,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;YAC7B,CAAC;iBAAM,CAAC;gBACJ,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;YAC7B,CAAC;QACL,CAAC;QAED,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;QACnC,2CAA2C;QAC3C,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;QACxC,MAAM,QAAQ,GAAG,IAAA,sBAAQ,EAAC,KAAK,CAAC,CAAC;QACjC,MAAM,UAAU,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;QAC5C,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAElE,iCAAiC;QACjC,MAAM,eAAe,GAAG,OAAO,CAAC,aAAa;YACzC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC;YAChC,CAAC,CAAC,OAAO,CAAC;QAEd,yFAAyF;QACzF,6CAA6C;QAC7C,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC;YAC1E,CAAC,CAAC,eAAe,CAAC,MAAM,KAAK,OAAO,CAAC,MAAM,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;YACxG,CAAC,CAAC,eAAe,KAAK,OAAO,CAAC;QAElC,IAAI,OAAO,CAAC,aAAa,IAAI,aAAa,EAAE,CAAC;YACzC,OAAO,CAAC,IAAI,CAAC,GAAG,IAAA,kBAAM,EAAC,SAAS,CAAC,IAAI,IAAA,kBAAM,EAAC,UAAU,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,IAAI,8DAA8D,CAAC,EAAE,CAAC,CAAC;QAC/J,CAAC;QAED,QAAQ,QAAQ,EAAE,CAAC;YACf,KAAK,MAAM,CAAC,CAAC,CAAC;gBACV,8DAA8D;gBAC9D,MAAM,GAAG,GAAG,OAAO,eAAe,KAAK,QAAQ;oBAC3C,CAAC,CAAC,eAAe;oBACjB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC;wBAC5B,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC;wBAC3B,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBAC5B,OAAO,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC;gBAC1B,MAAM;YACV,CAAC;YACD,KAAK,QAAQ,CAAC,CAAC,CAAC;gBACZ,mEAAmE;gBACnE,MAAM,IAAI,GAAG,OAAO,eAAe,KAAK,QAAQ;oBAC5C,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC;oBAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC;wBAC5B,CAAC,CAAC,eAAe;wBACjB,CAAC,CAAC,OAAO,CAAC;gBAClB,OAAO,CAAC,OAAO,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC;gBACnC,MAAM;YACV,CAAC;YACD,KAAK,UAAU,CAAC,CAAC,CAAC;gBACd,0EAA0E;gBAC1E,uDAAuD;gBACvD,oEAAoE;gBACpE,0FAA0F;gBAC1F,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC;oBACvC,CAAC,CAAC,eAAe;oBACjB,CAAC,CAAC,OAAO,eAAe,KAAK,QAAQ;wBACjC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC;wBAC5B,CAAC,CAAC,OAAO,CAAC;gBAClB,MAAM,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;gBAC9B,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC;gBAE7C,sGAAsG;gBACtG,kDAAkD;gBAClD,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;gBACrB,OAAO,CAAC,KAAK,CAA6B,CAAC,QAAQ,CAAC,GAAG,UAAU,CAAC;gBACnE,MAAM;YACV,CAAC;YACD,KAAK,QAAQ,CAAC,CAAC,CAAC;gBACZ,gEAAgE;gBAChE,MAAM,GAAG,GAAG,OAAO,eAAe,KAAK,QAAQ;oBAC3C,CAAC,CAAC,eAAe;oBACjB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC;wBAC5B,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC;wBAC3B,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBAC5B,OAAO,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAE,UAA6B,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;gBAChI,MAAM;YACV,CAAC;YACD,OAAO,CAAC,CAAC,CAAC;gBACN,OAAO,CAAC,IAAI,CAAC,GAAG,IAAA,kBAAM,EAAC,SAAS,CAAC,IAAI,IAAA,kBAAM,EAAC,iCAAiC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,KAAK,CAAC,IAAI,IAAI,CAAC,EAAE,CAAC,CAAC;gBAChI,MAAM;YACV,CAAC;QACL,CAAC;IACL,CAAC;IAED,kEAAkE;IAClE,kGAAkG;IAClG,wGAAwG;IACxG,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC;QACvB,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,MAAiC,CAAC;QAC9D,KAAK,MAAM,CAAC,WAAW,EAAE,aAAa,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;YAChE,IAAI,OAAO,aAAa,KAAK,QAAQ,IAAI,aAAa,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,CAAC;gBAC/F,MAAM,GAAG,GAAG,aAAwC,CAAC;gBACrD,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBAE9B,kFAAkF;gBAClF,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,SAAS,EAAE,CAAC;oBAC7C,MAAM,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC3B,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;gBAC7C,CAAC;qBAAM,IAAI,WAAW,KAAK,QAAQ,EAAE,CAAC;oBAClC,+EAA+E;oBAC/E,6FAA6F;oBAC7F,KAAK,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;wBACvD,IAAI,OAAO,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;4BACtF,MAAM,QAAQ,GAAG,UAAqC,CAAC;4BACvD,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;4BACxC,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,KAAK,SAAS,EAAE,CAAC;gCACvD,GAAG,CAAC,QAAQ,CAAC,GAAG,EAAE,OAAO,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;4BACxD,CAAC;wBACL,CAAC;oBACL,CAAC;gBACL,CAAC;YACL,CAAC;QACL,CAAC;IACL,CAAC;IAED,OAAO,MAAM,CAAC;AAClB,CAAC"}
|
|
@@ -10,8 +10,9 @@ export declare const tailwindConfigCjsFormat: Format;
|
|
|
10
10
|
*/
|
|
11
11
|
export declare const tailwindConfigEsmFormat: Format;
|
|
12
12
|
/**
|
|
13
|
-
* Style-Dictionary format that generates a
|
|
14
|
-
*
|
|
13
|
+
* Style-Dictionary format that generates a Tailwind plugin module.
|
|
14
|
+
* Exports a proper Tailwind CSS plugin that can be added to the plugins array
|
|
15
|
+
* in tailwind.config.js.
|
|
15
16
|
*/
|
|
16
17
|
export declare const tailwindPluginJsFormat: Format;
|
|
17
18
|
//# sourceMappingURL=tailwindFormat.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tailwindFormat.d.ts","sourceRoot":"","sources":["../../../src/formats/tailwind/tailwindFormat.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"tailwindFormat.d.ts","sourceRoot":"","sources":["../../../src/formats/tailwind/tailwindFormat.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAKrD;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,MAarC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,MAarC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,MA2BpC,CAAC"}
|
|
@@ -12,7 +12,14 @@ exports.tailwindConfigCjsFormat = {
|
|
|
12
12
|
name: 'tailwind/config/cjs',
|
|
13
13
|
format({ dictionary, options }) {
|
|
14
14
|
const config = (0, buildTailwindConfig_js_1.buildTailwindConfig)(dictionary.allTokens, options.ignoredTokenNames ?? []);
|
|
15
|
-
|
|
15
|
+
const header = `// ------------------------------------------------------------------------------
|
|
16
|
+
// <auto-generated>
|
|
17
|
+
// This code was generated by a tool.
|
|
18
|
+
// Changes to this file may cause incorrect behavior and will be lost if
|
|
19
|
+
// the code is regenerated.
|
|
20
|
+
// </auto-generated>
|
|
21
|
+
// ------------------------------------------------------------------------------`;
|
|
22
|
+
return `${header}\n\nmodule.exports = ${JSON.stringify(config, null, 2)};\n`;
|
|
16
23
|
}
|
|
17
24
|
};
|
|
18
25
|
/**
|
|
@@ -23,36 +30,46 @@ exports.tailwindConfigEsmFormat = {
|
|
|
23
30
|
name: 'tailwind/config/esm',
|
|
24
31
|
format({ dictionary, options }) {
|
|
25
32
|
const config = (0, buildTailwindConfig_js_1.buildTailwindConfig)(dictionary.allTokens, options.ignoredTokenNames ?? []);
|
|
26
|
-
|
|
33
|
+
const header = `// ------------------------------------------------------------------------------
|
|
34
|
+
// <auto-generated>
|
|
35
|
+
// This code was generated by a tool.
|
|
36
|
+
// Changes to this file may cause incorrect behavior and will be lost if
|
|
37
|
+
// the code is regenerated.
|
|
38
|
+
// </auto-generated>
|
|
39
|
+
// ------------------------------------------------------------------------------`;
|
|
40
|
+
return `${header}\n\nexport default ${JSON.stringify(config, null, 2)};\n`;
|
|
27
41
|
}
|
|
28
42
|
};
|
|
29
43
|
/**
|
|
30
|
-
* Style-Dictionary format that generates a
|
|
31
|
-
*
|
|
44
|
+
* Style-Dictionary format that generates a Tailwind plugin module.
|
|
45
|
+
* Exports a proper Tailwind CSS plugin that can be added to the plugins array
|
|
46
|
+
* in tailwind.config.js.
|
|
32
47
|
*/
|
|
33
48
|
exports.tailwindPluginJsFormat = {
|
|
34
49
|
name: 'tailwind/plugin',
|
|
35
50
|
format({ dictionary, options }) {
|
|
36
51
|
const config = (0, buildTailwindConfig_js_1.buildTailwindConfig)(dictionary.allTokens, options.ignoredTokenNames ?? []);
|
|
37
52
|
const themeSection = JSON.stringify(config.theme, null, 2);
|
|
38
|
-
|
|
39
|
-
|
|
53
|
+
const header = `// ------------------------------------------------------------------------------
|
|
54
|
+
// <auto-generated>
|
|
55
|
+
// This code was generated by a tool.
|
|
56
|
+
// Changes to this file may cause incorrect behavior and will be lost if
|
|
57
|
+
// the code is regenerated.
|
|
58
|
+
// </auto-generated>
|
|
59
|
+
// ------------------------------------------------------------------------------`;
|
|
60
|
+
return `${header}\n\nconst plugin = require('tailwindcss/plugin');
|
|
40
61
|
|
|
41
|
-
module.exports = {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
})
|
|
53
|
-
]
|
|
54
|
-
};
|
|
55
|
-
`.trim()}\n`;
|
|
62
|
+
module.exports = plugin(function({ addUtilities, theme, e }) {
|
|
63
|
+
// Optional: Add custom utilities here
|
|
64
|
+
// Example: Custom shadow utilities
|
|
65
|
+
// const shadows = theme('boxShadow') || {};
|
|
66
|
+
// const shadowUtils = Object.entries(shadows).reduce((acc, [key, value]) => {
|
|
67
|
+
// acc['.' + e('shadow-' + key)] = { boxShadow: value };
|
|
68
|
+
// return acc;
|
|
69
|
+
// }, {});
|
|
70
|
+
// addUtilities(shadowUtils);
|
|
71
|
+
}, ${themeSection});
|
|
72
|
+
`;
|
|
56
73
|
}
|
|
57
74
|
};
|
|
58
75
|
//# sourceMappingURL=tailwindFormat.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tailwindFormat.js","sourceRoot":"","sources":["../../../src/formats/tailwind/tailwindFormat.ts"],"names":[],"mappings":";AAAA,kBAAkB;;;AAGlB,qEAA+D;AAE/D,aAAa;AAEb;;;GAGG;AACU,QAAA,uBAAuB,GAAW;IAC3C,IAAI,EAAE,qBAAqB;IAC3B,MAAM,CAAC,EAAE,UAAU,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"tailwindFormat.js","sourceRoot":"","sources":["../../../src/formats/tailwind/tailwindFormat.ts"],"names":[],"mappings":";AAAA,kBAAkB;;;AAGlB,qEAA+D;AAE/D,aAAa;AAEb;;;GAGG;AACU,QAAA,uBAAuB,GAAW;IAC3C,IAAI,EAAE,qBAAqB;IAC3B,MAAM,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE;QAC1B,MAAM,MAAM,GAAG,IAAA,4CAAmB,EAAC,UAAU,CAAC,SAAS,EAAE,OAAO,CAAC,iBAAiB,IAAI,EAAE,CAAC,CAAC;QAC1F,MAAM,MAAM,GAAG;;;;;;kFAM2D,CAAC;QAC3E,OAAO,GAAG,MAAM,wBAAwB,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC;IACjF,CAAC;CACJ,CAAC;AAEF;;;GAGG;AACU,QAAA,uBAAuB,GAAW;IAC3C,IAAI,EAAE,qBAAqB;IAC3B,MAAM,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE;QAC1B,MAAM,MAAM,GAAG,IAAA,4CAAmB,EAAC,UAAU,CAAC,SAAS,EAAE,OAAO,CAAC,iBAAiB,IAAI,EAAE,CAAC,CAAC;QAC1F,MAAM,MAAM,GAAG;;;;;;kFAM2D,CAAC;QAC3E,OAAO,GAAG,MAAM,sBAAsB,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC;IAC/E,CAAC;CACJ,CAAC;AAEF;;;;GAIG;AACU,QAAA,sBAAsB,GAAW;IAC1C,IAAI,EAAE,iBAAiB;IACvB,MAAM,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE;QAC1B,MAAM,MAAM,GAAG,IAAA,4CAAmB,EAAC,UAAU,CAAC,SAAS,EAAE,OAAO,CAAC,iBAAiB,IAAI,EAAE,CAAC,CAAC;QAC1F,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAC3D,MAAM,MAAM,GAAG;;;;;;kFAM2D,CAAC;QAE3E,OAAO,GAAG,MAAM;;;;;;;;;;;KAWnB,YAAY;CAChB,CAAC;IACE,CAAC;CACJ,CAAC"}
|
package/index.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ export { shadowCssTransform } from './transforms/shadowCssTransform';
|
|
|
3
3
|
export { gradientCssTransform } from './transforms/gradientCssTransform';
|
|
4
4
|
export { quoteStringTransform } from './transforms/quoteStringTransform';
|
|
5
5
|
export { listScssTransform } from './transforms/listScssTransform';
|
|
6
|
+
export { oklchCssTransform } from './transforms/oklchCssTransform';
|
|
6
7
|
export { expandShadowPreprocessor } from './preprocessors/expandShadowPreprocessor';
|
|
7
8
|
export * from './preprocessors/lint';
|
|
8
9
|
export * from './formats/tailwind';
|
package/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,4CAA4C,CAAC;AAC3F,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAC;AACpF,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,4CAA4C,CAAC;AAC3F,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAC;AACpF,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC"}
|
package/index.js
CHANGED
|
@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.expandShadowPreprocessor = exports.listScssTransform = exports.quoteStringTransform = exports.gradientCssTransform = exports.shadowCssTransform = exports.letterSpacingCalcCssTransform = void 0;
|
|
17
|
+
exports.expandShadowPreprocessor = exports.oklchCssTransform = exports.listScssTransform = exports.quoteStringTransform = exports.gradientCssTransform = exports.shadowCssTransform = exports.letterSpacingCalcCssTransform = void 0;
|
|
18
18
|
var letterSpacingCalcCssTransform_1 = require("./transforms/letterSpacingCalcCssTransform");
|
|
19
19
|
Object.defineProperty(exports, "letterSpacingCalcCssTransform", { enumerable: true, get: function () { return letterSpacingCalcCssTransform_1.letterSpacingCalcCssTransform; } });
|
|
20
20
|
var shadowCssTransform_1 = require("./transforms/shadowCssTransform");
|
|
@@ -25,6 +25,8 @@ var quoteStringTransform_1 = require("./transforms/quoteStringTransform");
|
|
|
25
25
|
Object.defineProperty(exports, "quoteStringTransform", { enumerable: true, get: function () { return quoteStringTransform_1.quoteStringTransform; } });
|
|
26
26
|
var listScssTransform_1 = require("./transforms/listScssTransform");
|
|
27
27
|
Object.defineProperty(exports, "listScssTransform", { enumerable: true, get: function () { return listScssTransform_1.listScssTransform; } });
|
|
28
|
+
var oklchCssTransform_1 = require("./transforms/oklchCssTransform");
|
|
29
|
+
Object.defineProperty(exports, "oklchCssTransform", { enumerable: true, get: function () { return oklchCssTransform_1.oklchCssTransform; } });
|
|
28
30
|
var expandShadowPreprocessor_1 = require("./preprocessors/expandShadowPreprocessor");
|
|
29
31
|
Object.defineProperty(exports, "expandShadowPreprocessor", { enumerable: true, get: function () { return expandShadowPreprocessor_1.expandShadowPreprocessor; } });
|
|
30
32
|
__exportStar(require("./preprocessors/lint"), exports);
|
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,4FAA2F;AAAlF,8IAAA,6BAA6B,OAAA;AACtC,sEAAqE;AAA5D,wHAAA,kBAAkB,OAAA;AAC3B,0EAAyE;AAAhE,4HAAA,oBAAoB,OAAA;AAC7B,0EAAyE;AAAhE,4HAAA,oBAAoB,OAAA;AAC7B,oEAAmE;AAA1D,sHAAA,iBAAiB,OAAA;AAC1B,qFAAoF;AAA3E,oIAAA,wBAAwB,OAAA;AACjC,uDAAqC;AACrC,qDAAmC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,4FAA2F;AAAlF,8IAAA,6BAA6B,OAAA;AACtC,sEAAqE;AAA5D,wHAAA,kBAAkB,OAAA;AAC3B,0EAAyE;AAAhE,4HAAA,oBAAoB,OAAA;AAC7B,0EAAyE;AAAhE,4HAAA,oBAAoB,OAAA;AAC7B,oEAAmE;AAA1D,sHAAA,iBAAiB,OAAA;AAC1B,oEAAmE;AAA1D,sHAAA,iBAAiB,OAAA;AAC1B,qFAAoF;AAA3E,oIAAA,wBAAwB,OAAA;AACjC,uDAAqC;AACrC,qDAAmC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@breadstone-infrastructure/style-dictionary",
|
|
3
3
|
"description": "Common style-dictionary classes and functions",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.177",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
|
|
7
7
|
"repository": {
|
|
@@ -13,7 +13,8 @@
|
|
|
13
13
|
"module": "./index.js",
|
|
14
14
|
"types": "./index.d.ts",
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@breadstone-infrastructure/utilities": "^0.0.
|
|
16
|
+
"@breadstone-infrastructure/utilities": "^0.0.177",
|
|
17
|
+
"chroma-js": "^3.2.0",
|
|
17
18
|
"style-dictionary": "^4.4.0",
|
|
18
19
|
"tailwindcss": "^3.4.18"
|
|
19
20
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Transform } from 'style-dictionary/types';
|
|
2
|
+
/**
|
|
3
|
+
* Transform that converts OKLCH color values to CSS-compatible format.
|
|
4
|
+
* Handles OKLCH color space values and converts them to oklch() CSS function.
|
|
5
|
+
*/
|
|
6
|
+
export declare const oklchCssTransform: Transform;
|
|
7
|
+
//# sourceMappingURL=oklchCssTransform.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"oklchCssTransform.d.ts","sourceRoot":"","sources":["../../src/transforms/oklchCssTransform.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAoB,MAAM,wBAAwB,CAAC;AAK1E;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,SAwC/B,CAAC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
// #region Imports
|
|
3
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
4
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
|
+
};
|
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
exports.oklchCssTransform = void 0;
|
|
8
|
+
const chroma_js_1 = __importDefault(require("chroma-js"));
|
|
9
|
+
const getValue_js_1 = require("../utilities/getValue.js");
|
|
10
|
+
// #endregion
|
|
11
|
+
/**
|
|
12
|
+
* Transform that converts OKLCH color values to CSS-compatible format.
|
|
13
|
+
* Handles OKLCH color space values and converts them to oklch() CSS function.
|
|
14
|
+
*/
|
|
15
|
+
exports.oklchCssTransform = {
|
|
16
|
+
name: 'oklch/css/value',
|
|
17
|
+
type: 'value',
|
|
18
|
+
transitive: true,
|
|
19
|
+
filter: (token) => {
|
|
20
|
+
const type = token.$type ?? token.type;
|
|
21
|
+
return type === 'color' || type === 'oklch';
|
|
22
|
+
},
|
|
23
|
+
transform: (token) => {
|
|
24
|
+
const tokenValue = (0, getValue_js_1.getValue)(token);
|
|
25
|
+
// If already a string (e.g., hex, rgb), try to parse and convert to OKLCH
|
|
26
|
+
if (typeof tokenValue === 'string') {
|
|
27
|
+
try {
|
|
28
|
+
const color = (0, chroma_js_1.default)(tokenValue);
|
|
29
|
+
const [l, c, h] = color.oklch();
|
|
30
|
+
const alpha = color.alpha();
|
|
31
|
+
if (alpha < 1) {
|
|
32
|
+
return `oklch(${(l * 100).toFixed(2)}% ${c.toFixed(4)} ${h.toFixed(2)} / ${alpha.toFixed(2)})`;
|
|
33
|
+
}
|
|
34
|
+
return `oklch(${(l * 100).toFixed(2)}% ${c.toFixed(4)} ${h.toFixed(2)})`;
|
|
35
|
+
}
|
|
36
|
+
catch {
|
|
37
|
+
// If parsing fails, return original value
|
|
38
|
+
return tokenValue;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
// If object with OKLCH components
|
|
42
|
+
if (typeof tokenValue === 'object' && 'l' in tokenValue && 'c' in tokenValue && 'h' in tokenValue) {
|
|
43
|
+
const { l, c, h, alpha } = tokenValue;
|
|
44
|
+
if (alpha !== undefined && alpha < 1) {
|
|
45
|
+
return `oklch(${(l * 100).toFixed(2)}% ${c.toFixed(4)} ${h.toFixed(2)} / ${alpha.toFixed(2)})`;
|
|
46
|
+
}
|
|
47
|
+
return `oklch(${(l * 100).toFixed(2)}% ${c.toFixed(4)} ${h.toFixed(2)})`;
|
|
48
|
+
}
|
|
49
|
+
return tokenValue;
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=oklchCssTransform.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"oklchCssTransform.js","sourceRoot":"","sources":["../../src/transforms/oklchCssTransform.ts"],"names":[],"mappings":";AAAA,kBAAkB;;;;;;AAElB,0DAA+B;AAE/B,0DAAoD;AAEpD,aAAa;AAEb;;;GAGG;AACU,QAAA,iBAAiB,GAAc;IACxC,IAAI,EAAE,iBAAiB;IACvB,IAAI,EAAE,OAAO;IACb,UAAU,EAAE,IAAI;IAChB,MAAM,EAAE,CAAC,KAAuB,EAAW,EAAE;QACzC,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC;QACvC,OAAO,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,OAAO,CAAC;IAChD,CAAC;IACD,SAAS,EAAE,CAAC,KAAuB,EAAE,EAAE;QACnC,MAAM,UAAU,GAAG,IAAA,sBAAQ,EAA+D,KAAK,CAAC,CAAC;QAEjG,0EAA0E;QAC1E,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE,CAAC;YACjC,IAAI,CAAC;gBACD,MAAM,KAAK,GAAG,IAAA,mBAAM,EAAC,UAAU,CAAC,CAAC;gBACjC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;gBAChC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;gBAE5B,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;oBACZ,OAAO,SAAS,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;gBACnG,CAAC;gBACD,OAAO,SAAS,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;YAC7E,CAAC;YAAC,MAAM,CAAC;gBACL,0CAA0C;gBAC1C,OAAO,UAAU,CAAC;YACtB,CAAC;QACL,CAAC;QAED,kCAAkC;QAClC,IAAI,OAAO,UAAU,KAAK,QAAQ,IAAI,GAAG,IAAI,UAAU,IAAI,GAAG,IAAI,UAAU,IAAI,GAAG,IAAI,UAAU,EAAE,CAAC;YAChG,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC;YAEtC,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;gBACnC,OAAO,SAAS,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;YACnG,CAAC;YACD,OAAO,SAAS,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;QAC7E,CAAC;QAED,OAAO,UAAU,CAAC;IACtB,CAAC;CACJ,CAAC"}
|