@tokenami/config 0.0.31 → 0.0.33
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/dist/index.d.mts +336 -182
- package/dist/index.d.ts +336 -182
- package/dist/index.js +89 -89
- package/dist/index.mjs +89 -89
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -28,7 +28,7 @@ __export(src_exports, {
|
|
|
28
28
|
VariantProperty: () => VariantProperty,
|
|
29
29
|
arbitraryValue: () => arbitraryValue,
|
|
30
30
|
createConfig: () => createConfig,
|
|
31
|
-
defaultConfig: () =>
|
|
31
|
+
defaultConfig: () => defaultConfig,
|
|
32
32
|
getCSSPropertiesForAlias: () => getCSSPropertiesForAlias,
|
|
33
33
|
getTokenPropertyName: () => getTokenPropertyName,
|
|
34
34
|
getTokenPropertyParts: () => getTokenPropertyParts,
|
|
@@ -44,93 +44,8 @@ __export(src_exports, {
|
|
|
44
44
|
});
|
|
45
45
|
module.exports = __toCommonJS(src_exports);
|
|
46
46
|
|
|
47
|
-
// src/config.ts
|
|
48
|
-
var gridPropertyRegex = /--_grid/;
|
|
49
|
-
var GridProperty = {
|
|
50
|
-
safeParse: (input) => validate(gridPropertyRegex, input)
|
|
51
|
-
};
|
|
52
|
-
function gridProperty() {
|
|
53
|
-
return `--_grid`;
|
|
54
|
-
}
|
|
55
|
-
var gridValueRegex = /^\d+/;
|
|
56
|
-
var GridValue = {
|
|
57
|
-
safeParse: (input) => validate(gridValueRegex, input)
|
|
58
|
-
};
|
|
59
|
-
var tokenPropertyRegex = /(?<!var\()--(\w([\w-]+)?)/;
|
|
60
|
-
var TokenProperty = {
|
|
61
|
-
safeParse: (input) => validate(tokenPropertyRegex, input)
|
|
62
|
-
};
|
|
63
|
-
function tokenProperty(name) {
|
|
64
|
-
return `--${name}`;
|
|
65
|
-
}
|
|
66
|
-
var variantPropertyRegex = /(?<!var\()--((\w)([\w-]+)_([\w-]+))/;
|
|
67
|
-
var VariantProperty = {
|
|
68
|
-
safeParse: (input) => validate(variantPropertyRegex, input)
|
|
69
|
-
};
|
|
70
|
-
function variantProperty(variant, name) {
|
|
71
|
-
return `--${variant}_${name}`;
|
|
72
|
-
}
|
|
73
|
-
var tokenValueRegex = /var\((--([\w-]+)_([\w-]+))\)/;
|
|
74
|
-
var TokenValue = {
|
|
75
|
-
safeParse: (input) => validate(tokenValueRegex, input)
|
|
76
|
-
};
|
|
77
|
-
function tokenValue(themeKey, name) {
|
|
78
|
-
return `var(--${themeKey}_${name})`;
|
|
79
|
-
}
|
|
80
|
-
var arbitraryValueRegex = /var\(---,(.+)\)/;
|
|
81
|
-
var ArbitraryValue = {
|
|
82
|
-
safeParse: (input) => validate(arbitraryValueRegex, input)
|
|
83
|
-
};
|
|
84
|
-
function arbitraryValue(value) {
|
|
85
|
-
return `var(---,${value})`;
|
|
86
|
-
}
|
|
87
|
-
function validate(regex, input) {
|
|
88
|
-
try {
|
|
89
|
-
const inputString = String(input);
|
|
90
|
-
if (regex.test(inputString)) {
|
|
91
|
-
return { success: true, output: inputString };
|
|
92
|
-
} else {
|
|
93
|
-
return { success: false };
|
|
94
|
-
}
|
|
95
|
-
} catch (e) {
|
|
96
|
-
return { success: false };
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
var createConfig = (obj) => {
|
|
100
|
-
return obj;
|
|
101
|
-
};
|
|
102
|
-
function getTokenPropertyName(tokenProperty2) {
|
|
103
|
-
return tokenProperty2.replace(tokenPropertyRegex, "$1");
|
|
104
|
-
}
|
|
105
|
-
function getTokenPropertySplit(tokenProperty2) {
|
|
106
|
-
const name = getTokenPropertyName(tokenProperty2);
|
|
107
|
-
const [alias, ...variants] = name.split("_").reverse();
|
|
108
|
-
return { alias, variants: variants.reverse() };
|
|
109
|
-
}
|
|
110
|
-
function getTokenPropertyParts(tokenProperty2, config) {
|
|
111
|
-
var _a, _b, _c;
|
|
112
|
-
const name = getTokenPropertyName(tokenProperty2);
|
|
113
|
-
const { alias, variants } = getTokenPropertySplit(tokenProperty2);
|
|
114
|
-
const [firstVariant, secondVariant] = variants;
|
|
115
|
-
const firstSelector = ((_a = config.selectors) == null ? void 0 : _a[firstVariant]) && firstVariant;
|
|
116
|
-
const secondSelector = ((_b = config.selectors) == null ? void 0 : _b[secondVariant]) && secondVariant;
|
|
117
|
-
const responsive = ((_c = config.responsive) == null ? void 0 : _c[firstVariant]) && firstVariant;
|
|
118
|
-
const selector = firstSelector || secondSelector;
|
|
119
|
-
const validVariant = [responsive, selector].filter(Boolean).join("_");
|
|
120
|
-
if (firstVariant && variantProperty(validVariant, alias) !== tokenProperty2)
|
|
121
|
-
return null;
|
|
122
|
-
return { name, alias, responsive, selector, variant: validVariant };
|
|
123
|
-
}
|
|
124
|
-
function getTokenValueParts(tokenValue2) {
|
|
125
|
-
const [, property, themeKey, token] = tokenValue2.split(tokenValueRegex);
|
|
126
|
-
return { property, themeKey, token };
|
|
127
|
-
}
|
|
128
|
-
function getCSSPropertiesForAlias(alias, aliases) {
|
|
129
|
-
return (aliases == null ? void 0 : aliases[alias]) || [alias];
|
|
130
|
-
}
|
|
131
|
-
|
|
132
47
|
// src/config.default.ts
|
|
133
|
-
var defaultConfig =
|
|
48
|
+
var defaultConfig = {
|
|
134
49
|
include: [],
|
|
135
50
|
grid: "0.25rem",
|
|
136
51
|
responsive: {},
|
|
@@ -281,8 +196,93 @@ var defaultConfig = createConfig({
|
|
|
281
196
|
width: ["grid", "size"],
|
|
282
197
|
"z-index": ["z"]
|
|
283
198
|
}
|
|
284
|
-
}
|
|
285
|
-
|
|
199
|
+
};
|
|
200
|
+
|
|
201
|
+
// src/config.ts
|
|
202
|
+
var gridPropertyRegex = /--_grid/;
|
|
203
|
+
var GridProperty = {
|
|
204
|
+
safeParse: (input) => validate(gridPropertyRegex, input)
|
|
205
|
+
};
|
|
206
|
+
function gridProperty() {
|
|
207
|
+
return `--_grid`;
|
|
208
|
+
}
|
|
209
|
+
var gridValueRegex = /^\d+/;
|
|
210
|
+
var GridValue = {
|
|
211
|
+
safeParse: (input) => validate(gridValueRegex, input)
|
|
212
|
+
};
|
|
213
|
+
var tokenPropertyRegex = /(?<!var\()--(\w([\w-]+)?)/;
|
|
214
|
+
var TokenProperty = {
|
|
215
|
+
safeParse: (input) => validate(tokenPropertyRegex, input)
|
|
216
|
+
};
|
|
217
|
+
function tokenProperty(name) {
|
|
218
|
+
return `--${name}`;
|
|
219
|
+
}
|
|
220
|
+
var variantPropertyRegex = /(?<!var\()--((\w)([\w-]+)_([\w-]+))/;
|
|
221
|
+
var VariantProperty = {
|
|
222
|
+
safeParse: (input) => validate(variantPropertyRegex, input)
|
|
223
|
+
};
|
|
224
|
+
function variantProperty(variant, name) {
|
|
225
|
+
return `--${variant}_${name}`;
|
|
226
|
+
}
|
|
227
|
+
var tokenValueRegex = /var\((--([\w-]+)_([\w-]+))\)/;
|
|
228
|
+
var TokenValue = {
|
|
229
|
+
safeParse: (input) => validate(tokenValueRegex, input)
|
|
230
|
+
};
|
|
231
|
+
function tokenValue(themeKey, name) {
|
|
232
|
+
return `var(--${themeKey}_${name})`;
|
|
233
|
+
}
|
|
234
|
+
var arbitraryValueRegex = /var\(---,(.+)\)/;
|
|
235
|
+
var ArbitraryValue = {
|
|
236
|
+
safeParse: (input) => validate(arbitraryValueRegex, input)
|
|
237
|
+
};
|
|
238
|
+
function arbitraryValue(value) {
|
|
239
|
+
return `var(---,${value})`;
|
|
240
|
+
}
|
|
241
|
+
function validate(regex, input) {
|
|
242
|
+
try {
|
|
243
|
+
const inputString = String(input);
|
|
244
|
+
if (regex.test(inputString)) {
|
|
245
|
+
return { success: true, output: inputString };
|
|
246
|
+
} else {
|
|
247
|
+
return { success: false };
|
|
248
|
+
}
|
|
249
|
+
} catch (e) {
|
|
250
|
+
return { success: false };
|
|
251
|
+
}
|
|
252
|
+
}
|
|
253
|
+
function createConfig(obj) {
|
|
254
|
+
const readonlyConfig = obj;
|
|
255
|
+
return { ...defaultConfig, ...readonlyConfig };
|
|
256
|
+
}
|
|
257
|
+
function getTokenPropertyName(tokenProperty2) {
|
|
258
|
+
return tokenProperty2.replace(tokenPropertyRegex, "$1");
|
|
259
|
+
}
|
|
260
|
+
function getTokenPropertySplit(tokenProperty2) {
|
|
261
|
+
const name = getTokenPropertyName(tokenProperty2);
|
|
262
|
+
const [alias, ...variants] = name.split("_").reverse();
|
|
263
|
+
return { alias, variants: variants.reverse() };
|
|
264
|
+
}
|
|
265
|
+
function getTokenPropertyParts(tokenProperty2, config) {
|
|
266
|
+
var _a, _b, _c;
|
|
267
|
+
const name = getTokenPropertyName(tokenProperty2);
|
|
268
|
+
const { alias, variants } = getTokenPropertySplit(tokenProperty2);
|
|
269
|
+
const [firstVariant, secondVariant] = variants;
|
|
270
|
+
const firstSelector = ((_a = config.selectors) == null ? void 0 : _a[firstVariant]) && firstVariant;
|
|
271
|
+
const secondSelector = ((_b = config.selectors) == null ? void 0 : _b[secondVariant]) && secondVariant;
|
|
272
|
+
const responsive = ((_c = config.responsive) == null ? void 0 : _c[firstVariant]) && firstVariant;
|
|
273
|
+
const selector = firstSelector || secondSelector;
|
|
274
|
+
const validVariant = [responsive, selector].filter(Boolean).join("_");
|
|
275
|
+
if (firstVariant && variantProperty(validVariant, alias) !== tokenProperty2)
|
|
276
|
+
return null;
|
|
277
|
+
return { name, alias, responsive, selector, variant: validVariant };
|
|
278
|
+
}
|
|
279
|
+
function getTokenValueParts(tokenValue2) {
|
|
280
|
+
const [, property, themeKey, token] = tokenValue2.split(tokenValueRegex);
|
|
281
|
+
return { property, themeKey, token };
|
|
282
|
+
}
|
|
283
|
+
function getCSSPropertiesForAlias(alias, aliases) {
|
|
284
|
+
return (aliases == null ? void 0 : aliases[alias]) || [alias];
|
|
285
|
+
}
|
|
286
286
|
|
|
287
287
|
// src/supports.ts
|
|
288
288
|
var layers = [
|
package/dist/index.mjs
CHANGED
|
@@ -1,90 +1,5 @@
|
|
|
1
|
-
// src/config.ts
|
|
2
|
-
var gridPropertyRegex = /--_grid/;
|
|
3
|
-
var GridProperty = {
|
|
4
|
-
safeParse: (input) => validate(gridPropertyRegex, input)
|
|
5
|
-
};
|
|
6
|
-
function gridProperty() {
|
|
7
|
-
return `--_grid`;
|
|
8
|
-
}
|
|
9
|
-
var gridValueRegex = /^\d+/;
|
|
10
|
-
var GridValue = {
|
|
11
|
-
safeParse: (input) => validate(gridValueRegex, input)
|
|
12
|
-
};
|
|
13
|
-
var tokenPropertyRegex = /(?<!var\()--(\w([\w-]+)?)/;
|
|
14
|
-
var TokenProperty = {
|
|
15
|
-
safeParse: (input) => validate(tokenPropertyRegex, input)
|
|
16
|
-
};
|
|
17
|
-
function tokenProperty(name) {
|
|
18
|
-
return `--${name}`;
|
|
19
|
-
}
|
|
20
|
-
var variantPropertyRegex = /(?<!var\()--((\w)([\w-]+)_([\w-]+))/;
|
|
21
|
-
var VariantProperty = {
|
|
22
|
-
safeParse: (input) => validate(variantPropertyRegex, input)
|
|
23
|
-
};
|
|
24
|
-
function variantProperty(variant, name) {
|
|
25
|
-
return `--${variant}_${name}`;
|
|
26
|
-
}
|
|
27
|
-
var tokenValueRegex = /var\((--([\w-]+)_([\w-]+))\)/;
|
|
28
|
-
var TokenValue = {
|
|
29
|
-
safeParse: (input) => validate(tokenValueRegex, input)
|
|
30
|
-
};
|
|
31
|
-
function tokenValue(themeKey, name) {
|
|
32
|
-
return `var(--${themeKey}_${name})`;
|
|
33
|
-
}
|
|
34
|
-
var arbitraryValueRegex = /var\(---,(.+)\)/;
|
|
35
|
-
var ArbitraryValue = {
|
|
36
|
-
safeParse: (input) => validate(arbitraryValueRegex, input)
|
|
37
|
-
};
|
|
38
|
-
function arbitraryValue(value) {
|
|
39
|
-
return `var(---,${value})`;
|
|
40
|
-
}
|
|
41
|
-
function validate(regex, input) {
|
|
42
|
-
try {
|
|
43
|
-
const inputString = String(input);
|
|
44
|
-
if (regex.test(inputString)) {
|
|
45
|
-
return { success: true, output: inputString };
|
|
46
|
-
} else {
|
|
47
|
-
return { success: false };
|
|
48
|
-
}
|
|
49
|
-
} catch (e) {
|
|
50
|
-
return { success: false };
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
var createConfig = (obj) => {
|
|
54
|
-
return obj;
|
|
55
|
-
};
|
|
56
|
-
function getTokenPropertyName(tokenProperty2) {
|
|
57
|
-
return tokenProperty2.replace(tokenPropertyRegex, "$1");
|
|
58
|
-
}
|
|
59
|
-
function getTokenPropertySplit(tokenProperty2) {
|
|
60
|
-
const name = getTokenPropertyName(tokenProperty2);
|
|
61
|
-
const [alias, ...variants] = name.split("_").reverse();
|
|
62
|
-
return { alias, variants: variants.reverse() };
|
|
63
|
-
}
|
|
64
|
-
function getTokenPropertyParts(tokenProperty2, config) {
|
|
65
|
-
var _a, _b, _c;
|
|
66
|
-
const name = getTokenPropertyName(tokenProperty2);
|
|
67
|
-
const { alias, variants } = getTokenPropertySplit(tokenProperty2);
|
|
68
|
-
const [firstVariant, secondVariant] = variants;
|
|
69
|
-
const firstSelector = ((_a = config.selectors) == null ? void 0 : _a[firstVariant]) && firstVariant;
|
|
70
|
-
const secondSelector = ((_b = config.selectors) == null ? void 0 : _b[secondVariant]) && secondVariant;
|
|
71
|
-
const responsive = ((_c = config.responsive) == null ? void 0 : _c[firstVariant]) && firstVariant;
|
|
72
|
-
const selector = firstSelector || secondSelector;
|
|
73
|
-
const validVariant = [responsive, selector].filter(Boolean).join("_");
|
|
74
|
-
if (firstVariant && variantProperty(validVariant, alias) !== tokenProperty2)
|
|
75
|
-
return null;
|
|
76
|
-
return { name, alias, responsive, selector, variant: validVariant };
|
|
77
|
-
}
|
|
78
|
-
function getTokenValueParts(tokenValue2) {
|
|
79
|
-
const [, property, themeKey, token] = tokenValue2.split(tokenValueRegex);
|
|
80
|
-
return { property, themeKey, token };
|
|
81
|
-
}
|
|
82
|
-
function getCSSPropertiesForAlias(alias, aliases) {
|
|
83
|
-
return (aliases == null ? void 0 : aliases[alias]) || [alias];
|
|
84
|
-
}
|
|
85
|
-
|
|
86
1
|
// src/config.default.ts
|
|
87
|
-
var defaultConfig =
|
|
2
|
+
var defaultConfig = {
|
|
88
3
|
include: [],
|
|
89
4
|
grid: "0.25rem",
|
|
90
5
|
responsive: {},
|
|
@@ -235,8 +150,93 @@ var defaultConfig = createConfig({
|
|
|
235
150
|
width: ["grid", "size"],
|
|
236
151
|
"z-index": ["z"]
|
|
237
152
|
}
|
|
238
|
-
}
|
|
239
|
-
|
|
153
|
+
};
|
|
154
|
+
|
|
155
|
+
// src/config.ts
|
|
156
|
+
var gridPropertyRegex = /--_grid/;
|
|
157
|
+
var GridProperty = {
|
|
158
|
+
safeParse: (input) => validate(gridPropertyRegex, input)
|
|
159
|
+
};
|
|
160
|
+
function gridProperty() {
|
|
161
|
+
return `--_grid`;
|
|
162
|
+
}
|
|
163
|
+
var gridValueRegex = /^\d+/;
|
|
164
|
+
var GridValue = {
|
|
165
|
+
safeParse: (input) => validate(gridValueRegex, input)
|
|
166
|
+
};
|
|
167
|
+
var tokenPropertyRegex = /(?<!var\()--(\w([\w-]+)?)/;
|
|
168
|
+
var TokenProperty = {
|
|
169
|
+
safeParse: (input) => validate(tokenPropertyRegex, input)
|
|
170
|
+
};
|
|
171
|
+
function tokenProperty(name) {
|
|
172
|
+
return `--${name}`;
|
|
173
|
+
}
|
|
174
|
+
var variantPropertyRegex = /(?<!var\()--((\w)([\w-]+)_([\w-]+))/;
|
|
175
|
+
var VariantProperty = {
|
|
176
|
+
safeParse: (input) => validate(variantPropertyRegex, input)
|
|
177
|
+
};
|
|
178
|
+
function variantProperty(variant, name) {
|
|
179
|
+
return `--${variant}_${name}`;
|
|
180
|
+
}
|
|
181
|
+
var tokenValueRegex = /var\((--([\w-]+)_([\w-]+))\)/;
|
|
182
|
+
var TokenValue = {
|
|
183
|
+
safeParse: (input) => validate(tokenValueRegex, input)
|
|
184
|
+
};
|
|
185
|
+
function tokenValue(themeKey, name) {
|
|
186
|
+
return `var(--${themeKey}_${name})`;
|
|
187
|
+
}
|
|
188
|
+
var arbitraryValueRegex = /var\(---,(.+)\)/;
|
|
189
|
+
var ArbitraryValue = {
|
|
190
|
+
safeParse: (input) => validate(arbitraryValueRegex, input)
|
|
191
|
+
};
|
|
192
|
+
function arbitraryValue(value) {
|
|
193
|
+
return `var(---,${value})`;
|
|
194
|
+
}
|
|
195
|
+
function validate(regex, input) {
|
|
196
|
+
try {
|
|
197
|
+
const inputString = String(input);
|
|
198
|
+
if (regex.test(inputString)) {
|
|
199
|
+
return { success: true, output: inputString };
|
|
200
|
+
} else {
|
|
201
|
+
return { success: false };
|
|
202
|
+
}
|
|
203
|
+
} catch (e) {
|
|
204
|
+
return { success: false };
|
|
205
|
+
}
|
|
206
|
+
}
|
|
207
|
+
function createConfig(obj) {
|
|
208
|
+
const readonlyConfig = obj;
|
|
209
|
+
return { ...defaultConfig, ...readonlyConfig };
|
|
210
|
+
}
|
|
211
|
+
function getTokenPropertyName(tokenProperty2) {
|
|
212
|
+
return tokenProperty2.replace(tokenPropertyRegex, "$1");
|
|
213
|
+
}
|
|
214
|
+
function getTokenPropertySplit(tokenProperty2) {
|
|
215
|
+
const name = getTokenPropertyName(tokenProperty2);
|
|
216
|
+
const [alias, ...variants] = name.split("_").reverse();
|
|
217
|
+
return { alias, variants: variants.reverse() };
|
|
218
|
+
}
|
|
219
|
+
function getTokenPropertyParts(tokenProperty2, config) {
|
|
220
|
+
var _a, _b, _c;
|
|
221
|
+
const name = getTokenPropertyName(tokenProperty2);
|
|
222
|
+
const { alias, variants } = getTokenPropertySplit(tokenProperty2);
|
|
223
|
+
const [firstVariant, secondVariant] = variants;
|
|
224
|
+
const firstSelector = ((_a = config.selectors) == null ? void 0 : _a[firstVariant]) && firstVariant;
|
|
225
|
+
const secondSelector = ((_b = config.selectors) == null ? void 0 : _b[secondVariant]) && secondVariant;
|
|
226
|
+
const responsive = ((_c = config.responsive) == null ? void 0 : _c[firstVariant]) && firstVariant;
|
|
227
|
+
const selector = firstSelector || secondSelector;
|
|
228
|
+
const validVariant = [responsive, selector].filter(Boolean).join("_");
|
|
229
|
+
if (firstVariant && variantProperty(validVariant, alias) !== tokenProperty2)
|
|
230
|
+
return null;
|
|
231
|
+
return { name, alias, responsive, selector, variant: validVariant };
|
|
232
|
+
}
|
|
233
|
+
function getTokenValueParts(tokenValue2) {
|
|
234
|
+
const [, property, themeKey, token] = tokenValue2.split(tokenValueRegex);
|
|
235
|
+
return { property, themeKey, token };
|
|
236
|
+
}
|
|
237
|
+
function getCSSPropertiesForAlias(alias, aliases) {
|
|
238
|
+
return (aliases == null ? void 0 : aliases[alias]) || [alias];
|
|
239
|
+
}
|
|
240
240
|
|
|
241
241
|
// src/supports.ts
|
|
242
242
|
var layers = [
|
|
@@ -881,7 +881,7 @@ export {
|
|
|
881
881
|
VariantProperty,
|
|
882
882
|
arbitraryValue,
|
|
883
883
|
createConfig,
|
|
884
|
-
|
|
884
|
+
defaultConfig,
|
|
885
885
|
getCSSPropertiesForAlias,
|
|
886
886
|
getTokenPropertyName,
|
|
887
887
|
getTokenPropertyParts,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tokenami/config",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.33",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.mjs",
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"csstype": "^3.1.2",
|
|
15
15
|
"tsup": "^7.0.0",
|
|
16
16
|
"typescript": "^5.1.3",
|
|
17
|
-
"@tokenami/dev": "0.0.
|
|
17
|
+
"@tokenami/dev": "0.0.33"
|
|
18
18
|
},
|
|
19
19
|
"scripts": {
|
|
20
20
|
"build": "tsup src/index.ts --format=esm,cjs --dts",
|