@tokenami/config 0.0.20 → 0.0.22
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 +94 -16
- package/dist/index.d.ts +94 -16
- package/dist/index.js +353 -118
- package/dist/index.mjs +349 -118
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -31,6 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
31
31
|
var src_exports = {};
|
|
32
32
|
__export(src_exports, {
|
|
33
33
|
ArbitraryValue: () => ArbitraryValue,
|
|
34
|
+
GridProperty: () => GridProperty,
|
|
34
35
|
GridValue: () => GridValue,
|
|
35
36
|
TokenProperty: () => TokenProperty,
|
|
36
37
|
TokenValue: () => TokenValue,
|
|
@@ -41,6 +42,9 @@ __export(src_exports, {
|
|
|
41
42
|
getTokenPropertyName: () => getTokenPropertyName,
|
|
42
43
|
getTokenPropertyParts: () => getTokenPropertyParts,
|
|
43
44
|
getTokenValueParts: () => getTokenValueParts,
|
|
45
|
+
gridProperty: () => gridProperty,
|
|
46
|
+
logicalProperties: () => logicalProperties,
|
|
47
|
+
mapShorthandToLonghands: () => mapShorthandToLonghands,
|
|
44
48
|
properties: () => properties,
|
|
45
49
|
tokenProperty: () => tokenProperty,
|
|
46
50
|
tokenValue: () => tokenValue,
|
|
@@ -50,44 +54,63 @@ module.exports = __toCommonJS(src_exports);
|
|
|
50
54
|
|
|
51
55
|
// src/config.ts
|
|
52
56
|
var v = __toESM(require("valibot"));
|
|
57
|
+
var gridPropertyRegex = /--_grid/;
|
|
58
|
+
var GridProperty = {
|
|
59
|
+
safeParse: (input) => {
|
|
60
|
+
const schema = v.string([v.regex(gridPropertyRegex)]);
|
|
61
|
+
v.safeParse(schema, input);
|
|
62
|
+
}
|
|
63
|
+
};
|
|
64
|
+
function gridProperty() {
|
|
65
|
+
return `--_grid`;
|
|
66
|
+
}
|
|
67
|
+
var gridValueRegex = /^\d+/;
|
|
68
|
+
var GridValue = {
|
|
69
|
+
safeParse: (input) => {
|
|
70
|
+
const schema = v.string([v.regex(gridValueRegex)]);
|
|
71
|
+
v.safeParse(schema, input);
|
|
72
|
+
}
|
|
73
|
+
};
|
|
74
|
+
var tokenPropertyRegex = /(?<!var\()--(\w([\w-]+)?)/;
|
|
75
|
+
var TokenProperty = {
|
|
76
|
+
safeParse: (input) => {
|
|
77
|
+
const schema = v.string([v.regex(tokenPropertyRegex)]);
|
|
78
|
+
return v.safeParse(schema, input);
|
|
79
|
+
}
|
|
80
|
+
};
|
|
53
81
|
function tokenProperty(name) {
|
|
54
82
|
return `--${name}`;
|
|
55
83
|
}
|
|
84
|
+
var variantPropertyRegex = /(?<!var\()--((\w)([\w-]+)_([\w-]+))/;
|
|
85
|
+
var VariantProperty = {
|
|
86
|
+
safeParse: (input) => {
|
|
87
|
+
const schema = v.string([v.regex(variantPropertyRegex)]);
|
|
88
|
+
return v.safeParse(schema, input);
|
|
89
|
+
}
|
|
90
|
+
};
|
|
56
91
|
function variantProperty(variant, name) {
|
|
57
92
|
return `--${variant}_${name}`;
|
|
58
93
|
}
|
|
94
|
+
var tokenValueRegex = /var\((--([\w-]+)_([\w-]+))\)/;
|
|
95
|
+
var TokenValue = {
|
|
96
|
+
safeParse: (input) => {
|
|
97
|
+
const schema = v.string([v.regex(tokenValueRegex)]);
|
|
98
|
+
return v.safeParse(schema, input);
|
|
99
|
+
}
|
|
100
|
+
};
|
|
59
101
|
function tokenValue(themeKey, name) {
|
|
60
102
|
return `var(--${themeKey}_${name})`;
|
|
61
103
|
}
|
|
104
|
+
var aritraryValueRegex = /var\(---,(.+)\)/;
|
|
105
|
+
var ArbitraryValue = {
|
|
106
|
+
safeParse: (input) => {
|
|
107
|
+
const schema = v.string([v.regex(aritraryValueRegex)]);
|
|
108
|
+
return v.safeParse(schema, input);
|
|
109
|
+
}
|
|
110
|
+
};
|
|
62
111
|
function arbitraryValue(value) {
|
|
63
112
|
return `var(---,${value})`;
|
|
64
113
|
}
|
|
65
|
-
var tokenPropertyRegex = /(?<!var\()--((\w)([\w-]+)?)/;
|
|
66
|
-
var variantPropertyRegex = /(?<!var\()--((\w)([\w-]+)_([\w-]+))/;
|
|
67
|
-
var tokenValueRegex = /var\(--([\w-]+)_([\w-]+)\)/;
|
|
68
|
-
var aritraryValueRegex = /var\(---,(.+)\)/;
|
|
69
|
-
var gridValueRegex = /^\d+/;
|
|
70
|
-
var gridValueRegexSchema = v.regex(gridValueRegex);
|
|
71
|
-
var gridValueSchema = v.string([gridValueRegexSchema]);
|
|
72
|
-
var GridValue = { safeParse: (input) => v.safeParse(gridValueSchema, input) };
|
|
73
|
-
var tokenPropertyRegexSchema = v.regex(tokenPropertyRegex);
|
|
74
|
-
var tokenPropertySchema = v.string([tokenPropertyRegexSchema]);
|
|
75
|
-
var TokenProperty = { safeParse: (input) => v.safeParse(tokenPropertySchema, input) };
|
|
76
|
-
var variantPropertyRegexSchema = v.regex(variantPropertyRegex);
|
|
77
|
-
var variantPropertySchema = v.string([
|
|
78
|
-
variantPropertyRegexSchema
|
|
79
|
-
]);
|
|
80
|
-
var VariantProperty = {
|
|
81
|
-
safeParse: (input) => v.safeParse(variantPropertySchema, input)
|
|
82
|
-
};
|
|
83
|
-
var tokenValueRegexSchema = v.regex(tokenValueRegex);
|
|
84
|
-
var tokenValueSchema = v.string([tokenValueRegexSchema]);
|
|
85
|
-
var TokenValue = { safeParse: (input) => v.safeParse(tokenValueSchema, input) };
|
|
86
|
-
var arbitraryValueRegexSchema = v.regex(aritraryValueRegex);
|
|
87
|
-
var arbitraryValueSchema = v.string([
|
|
88
|
-
arbitraryValueRegexSchema
|
|
89
|
-
]);
|
|
90
|
-
var ArbitraryValue = { safeParse: (input) => v.safeParse(arbitraryValueSchema, input) };
|
|
91
114
|
var createConfig = (obj) => {
|
|
92
115
|
return obj;
|
|
93
116
|
};
|
|
@@ -95,28 +118,23 @@ function getTokenPropertyName(tokenProperty2) {
|
|
|
95
118
|
return tokenProperty2.replace(tokenPropertyRegex, "$1");
|
|
96
119
|
}
|
|
97
120
|
function getTokenPropertyParts(tokenProperty2, config) {
|
|
121
|
+
var _a, _b, _c;
|
|
98
122
|
const name = getTokenPropertyName(tokenProperty2);
|
|
99
123
|
const [alias, ...variants] = name.split("_").reverse();
|
|
100
|
-
const
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
const
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
const isValidSelector = selectorVariants.length <= 1;
|
|
111
|
-
const isValidVariants = variants.length === validVariants.length;
|
|
112
|
-
const isValid = isValidResponsive && isValidSelector && isValidVariants;
|
|
113
|
-
const [responsive] = responsiveVariants;
|
|
114
|
-
const [selector] = selectorVariants;
|
|
115
|
-
return isValid ? { name, alias, responsive, selector } : null;
|
|
124
|
+
const [v1, v2, ...invalidVariants] = variants.reverse();
|
|
125
|
+
const responsive = ((_a = config.responsive) == null ? void 0 : _a[v1]) && v1;
|
|
126
|
+
const selectorVariant1 = ((_b = config.selectors) == null ? void 0 : _b[v1]) && !v2 ? v1 : void 0;
|
|
127
|
+
const selectorVariant2 = responsive && ((_c = config.selectors) == null ? void 0 : _c[v2]) && v2;
|
|
128
|
+
const selector = selectorVariant1 || selectorVariant2;
|
|
129
|
+
const hasInvalidVariant = v1 && !responsive && !selector;
|
|
130
|
+
const variant = [responsive, selector].filter(Boolean).join("_");
|
|
131
|
+
if (invalidVariants.length || hasInvalidVariant)
|
|
132
|
+
return null;
|
|
133
|
+
return { name, alias, responsive, selector, variant };
|
|
116
134
|
}
|
|
117
135
|
function getTokenValueParts(tokenValue2) {
|
|
118
|
-
const [,
|
|
119
|
-
return { themeKey
|
|
136
|
+
const [, property, themeKey, token] = tokenValue2.split(tokenValueRegex);
|
|
137
|
+
return { property, themeKey, token };
|
|
120
138
|
}
|
|
121
139
|
|
|
122
140
|
// src/config.default.ts
|
|
@@ -127,19 +145,19 @@ var defaultConfig = createConfig({
|
|
|
127
145
|
theme: {},
|
|
128
146
|
aliases: {},
|
|
129
147
|
selectors: {
|
|
130
|
-
active: "&:active",
|
|
131
148
|
after: "&::after",
|
|
132
149
|
before: "&::before",
|
|
133
|
-
disabled: "&:disabled",
|
|
134
150
|
even: "&:nth-child(even)",
|
|
151
|
+
odd: "&:nth-child(odd)",
|
|
135
152
|
"first-child": "&:first-child",
|
|
153
|
+
"last-child": "&:last-child",
|
|
154
|
+
placeholder: "&::placeholder",
|
|
155
|
+
hover: "&:hover",
|
|
136
156
|
focus: "&:focus",
|
|
137
157
|
"focus-visible": "&:focus-visible",
|
|
138
158
|
"focus-within": "&:focus-within",
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
odd: "&:nth-child(odd)",
|
|
142
|
-
placeholder: "&::placeholder"
|
|
159
|
+
active: "&:active",
|
|
160
|
+
disabled: "&:disabled"
|
|
143
161
|
},
|
|
144
162
|
properties: {
|
|
145
163
|
"accent-color": ["color"],
|
|
@@ -275,11 +293,78 @@ var defaultConfig = createConfig({
|
|
|
275
293
|
var config_default_default = defaultConfig;
|
|
276
294
|
|
|
277
295
|
// src/supports.ts
|
|
296
|
+
var logicalProperties = [
|
|
297
|
+
"block-size",
|
|
298
|
+
"border-block",
|
|
299
|
+
"border-block-width",
|
|
300
|
+
"border-block-style",
|
|
301
|
+
"border-block-color",
|
|
302
|
+
"border-block-start",
|
|
303
|
+
"border-block-end",
|
|
304
|
+
"border-block-start-color",
|
|
305
|
+
"border-block-start-style",
|
|
306
|
+
"border-block-start-width",
|
|
307
|
+
"border-block-end-color",
|
|
308
|
+
"border-block-end-style",
|
|
309
|
+
"border-block-end-width",
|
|
310
|
+
"border-inline",
|
|
311
|
+
"border-inline-color",
|
|
312
|
+
"border-inline-style",
|
|
313
|
+
"border-inline-width",
|
|
314
|
+
"border-inline-start",
|
|
315
|
+
"border-inline-end",
|
|
316
|
+
"border-inline-start-color",
|
|
317
|
+
"border-inline-start-style",
|
|
318
|
+
"border-inline-start-width",
|
|
319
|
+
"border-inline-end-color",
|
|
320
|
+
"border-inline-end-style",
|
|
321
|
+
"border-inline-end-width",
|
|
322
|
+
"contain-intrinsic-block-size",
|
|
323
|
+
"contain-intrinsic-inline-size",
|
|
324
|
+
"inset-block",
|
|
325
|
+
"inset-block-end",
|
|
326
|
+
"inset-block-start",
|
|
327
|
+
"inset-inline",
|
|
328
|
+
"inset-inline-end",
|
|
329
|
+
"inset-inline-start",
|
|
330
|
+
"margin-block",
|
|
331
|
+
"margin-block-end",
|
|
332
|
+
"margin-block-start",
|
|
333
|
+
"margin-inline",
|
|
334
|
+
"margin-inline-end",
|
|
335
|
+
"margin-inline-start",
|
|
336
|
+
"max-block-size",
|
|
337
|
+
"min-block-size",
|
|
338
|
+
"max-inline-size",
|
|
339
|
+
"min-inline-size",
|
|
340
|
+
"overflow-block",
|
|
341
|
+
"overflow-inline",
|
|
342
|
+
"overscroll-behavior-block",
|
|
343
|
+
"overscroll-behavior-inline",
|
|
344
|
+
"padding-block",
|
|
345
|
+
"padding-block-end",
|
|
346
|
+
"padding-block-start",
|
|
347
|
+
"padding-inline",
|
|
348
|
+
"padding-inline-end",
|
|
349
|
+
"padding-inline-start",
|
|
350
|
+
"scroll-margin-block",
|
|
351
|
+
"scroll-margin-block-end",
|
|
352
|
+
"scroll-margin-block-start",
|
|
353
|
+
"scroll-margin-inline",
|
|
354
|
+
"scroll-margin-inline-end",
|
|
355
|
+
"scroll-margin-inline-start",
|
|
356
|
+
"scroll-padding-block",
|
|
357
|
+
"scroll-padding-block-end",
|
|
358
|
+
"scroll-padding-block-start",
|
|
359
|
+
"scroll-padding-inline",
|
|
360
|
+
"scroll-padding-inline-end",
|
|
361
|
+
"scroll-padding-inline-start"
|
|
362
|
+
];
|
|
278
363
|
var properties = [
|
|
364
|
+
"all",
|
|
279
365
|
"-webkit-line-clamp",
|
|
280
366
|
"accent-color",
|
|
281
367
|
"align-tracks",
|
|
282
|
-
"all",
|
|
283
368
|
"animation",
|
|
284
369
|
"animation-composition",
|
|
285
370
|
"animation-delay",
|
|
@@ -307,8 +392,6 @@ var properties = [
|
|
|
307
392
|
"background-position-y",
|
|
308
393
|
"background-repeat",
|
|
309
394
|
"background-size",
|
|
310
|
-
"block-overflow",
|
|
311
|
-
"block-size",
|
|
312
395
|
"border",
|
|
313
396
|
"border-style",
|
|
314
397
|
"border-color",
|
|
@@ -329,36 +412,12 @@ var properties = [
|
|
|
329
412
|
"border-left-color",
|
|
330
413
|
"border-left-style",
|
|
331
414
|
"border-left-width",
|
|
332
|
-
"border-block",
|
|
333
|
-
"border-block-width",
|
|
334
|
-
"border-block-style",
|
|
335
|
-
"border-block-color",
|
|
336
|
-
"border-block-start",
|
|
337
|
-
"border-block-end",
|
|
338
|
-
"border-block-start-color",
|
|
339
|
-
"border-block-start-style",
|
|
340
|
-
"border-block-start-width",
|
|
341
|
-
"border-block-end-color",
|
|
342
|
-
"border-block-end-style",
|
|
343
|
-
"border-block-end-width",
|
|
344
415
|
"border-image",
|
|
345
416
|
"border-image-outset",
|
|
346
417
|
"border-image-repeat",
|
|
347
418
|
"border-image-slice",
|
|
348
419
|
"border-image-source",
|
|
349
420
|
"border-image-width",
|
|
350
|
-
"border-inline",
|
|
351
|
-
"border-inline-color",
|
|
352
|
-
"border-inline-style",
|
|
353
|
-
"border-inline-width",
|
|
354
|
-
"border-inline-start",
|
|
355
|
-
"border-inline-end",
|
|
356
|
-
"border-inline-start-color",
|
|
357
|
-
"border-inline-start-style",
|
|
358
|
-
"border-inline-start-width",
|
|
359
|
-
"border-inline-end-color",
|
|
360
|
-
"border-inline-end-style",
|
|
361
|
-
"border-inline-end-width",
|
|
362
421
|
"border-radius",
|
|
363
422
|
"border-top-left-radius",
|
|
364
423
|
"border-top-right-radius",
|
|
@@ -395,9 +454,7 @@ var properties = [
|
|
|
395
454
|
"column-count",
|
|
396
455
|
"column-width",
|
|
397
456
|
"contain",
|
|
398
|
-
"contain-intrinsic-block-size",
|
|
399
457
|
"contain-intrinsic-height",
|
|
400
|
-
"contain-intrinsic-inline-size",
|
|
401
458
|
"contain-intrinsic-size",
|
|
402
459
|
"contain-intrinsic-width",
|
|
403
460
|
"container",
|
|
@@ -478,12 +535,6 @@ var properties = [
|
|
|
478
535
|
"right",
|
|
479
536
|
"bottom",
|
|
480
537
|
"left",
|
|
481
|
-
"inset-block",
|
|
482
|
-
"inset-block-end",
|
|
483
|
-
"inset-block-start",
|
|
484
|
-
"inset-inline",
|
|
485
|
-
"inset-inline-end",
|
|
486
|
-
"inset-inline-start",
|
|
487
538
|
"isolation",
|
|
488
539
|
"justify-tracks",
|
|
489
540
|
"letter-spacing",
|
|
@@ -500,12 +551,6 @@ var properties = [
|
|
|
500
551
|
"margin-right",
|
|
501
552
|
"margin-bottom",
|
|
502
553
|
"margin-left",
|
|
503
|
-
"margin-block",
|
|
504
|
-
"margin-block-end",
|
|
505
|
-
"margin-block-start",
|
|
506
|
-
"margin-inline",
|
|
507
|
-
"margin-inline-end",
|
|
508
|
-
"margin-inline-start",
|
|
509
554
|
"margin-trim",
|
|
510
555
|
"mask",
|
|
511
556
|
"mask-border",
|
|
@@ -527,14 +572,10 @@ var properties = [
|
|
|
527
572
|
"math-depth",
|
|
528
573
|
"math-shift",
|
|
529
574
|
"math-style",
|
|
530
|
-
"max-block-size",
|
|
531
575
|
"max-height",
|
|
532
|
-
"max-inline-size",
|
|
533
576
|
"max-lines",
|
|
534
577
|
"max-width",
|
|
535
|
-
"min-block-size",
|
|
536
578
|
"min-height",
|
|
537
|
-
"min-inline-size",
|
|
538
579
|
"min-width",
|
|
539
580
|
"mix-blend-mode",
|
|
540
581
|
"object-fit",
|
|
@@ -555,15 +596,11 @@ var properties = [
|
|
|
555
596
|
"outline-width",
|
|
556
597
|
"overflow",
|
|
557
598
|
"overflow-anchor",
|
|
558
|
-
"overflow-block",
|
|
559
599
|
"overflow-clip-margin",
|
|
560
|
-
"overflow-inline",
|
|
561
600
|
"overflow-wrap",
|
|
562
601
|
"overflow-x",
|
|
563
602
|
"overflow-y",
|
|
564
603
|
"overscroll-behavior",
|
|
565
|
-
"overscroll-behavior-block",
|
|
566
|
-
"overscroll-behavior-inline",
|
|
567
604
|
"overscroll-behavior-x",
|
|
568
605
|
"overscroll-behavior-y",
|
|
569
606
|
"padding",
|
|
@@ -571,12 +608,6 @@ var properties = [
|
|
|
571
608
|
"padding-right",
|
|
572
609
|
"padding-bottom",
|
|
573
610
|
"padding-left",
|
|
574
|
-
"padding-block",
|
|
575
|
-
"padding-block-end",
|
|
576
|
-
"padding-block-start",
|
|
577
|
-
"padding-inline",
|
|
578
|
-
"padding-inline-end",
|
|
579
|
-
"padding-inline-start",
|
|
580
611
|
"page",
|
|
581
612
|
"page-break-after",
|
|
582
613
|
"page-break-before",
|
|
@@ -609,23 +640,11 @@ var properties = [
|
|
|
609
640
|
"scroll-margin-right",
|
|
610
641
|
"scroll-margin-bottom",
|
|
611
642
|
"scroll-margin-left",
|
|
612
|
-
"scroll-margin-block",
|
|
613
|
-
"scroll-margin-block-end",
|
|
614
|
-
"scroll-margin-block-start",
|
|
615
|
-
"scroll-margin-inline",
|
|
616
|
-
"scroll-margin-inline-end",
|
|
617
|
-
"scroll-margin-inline-start",
|
|
618
643
|
"scroll-padding",
|
|
619
644
|
"scroll-padding-top",
|
|
620
645
|
"scroll-padding-right",
|
|
621
646
|
"scroll-padding-bottom",
|
|
622
647
|
"scroll-padding-left",
|
|
623
|
-
"scroll-padding-block",
|
|
624
|
-
"scroll-padding-block-end",
|
|
625
|
-
"scroll-padding-block-start",
|
|
626
|
-
"scroll-padding-inline",
|
|
627
|
-
"scroll-padding-inline-end",
|
|
628
|
-
"scroll-padding-inline-start",
|
|
629
648
|
"scroll-snap-align",
|
|
630
649
|
"scroll-snap-stop",
|
|
631
650
|
"scroll-snap-type",
|
|
@@ -688,11 +707,224 @@ var properties = [
|
|
|
688
707
|
"word-wrap",
|
|
689
708
|
"writing-mode",
|
|
690
709
|
"z-index",
|
|
691
|
-
"zoom"
|
|
710
|
+
"zoom",
|
|
711
|
+
// logical properties have higher specificity
|
|
712
|
+
...logicalProperties
|
|
692
713
|
];
|
|
714
|
+
|
|
715
|
+
// src/shorthands.ts
|
|
716
|
+
var mapShorthandToLonghands = {
|
|
717
|
+
all: properties.filter((property) => property === "all"),
|
|
718
|
+
animation: [
|
|
719
|
+
"animation-name",
|
|
720
|
+
"animation-duration",
|
|
721
|
+
"animation-timing-function",
|
|
722
|
+
"animation-delay",
|
|
723
|
+
"animation-iteration-count",
|
|
724
|
+
"animation-direction",
|
|
725
|
+
"animation-fill-mode",
|
|
726
|
+
"animation-play-state",
|
|
727
|
+
"animation-timeline"
|
|
728
|
+
],
|
|
729
|
+
background: [
|
|
730
|
+
"background-attachment",
|
|
731
|
+
"background-clip",
|
|
732
|
+
"background-color",
|
|
733
|
+
"background-image",
|
|
734
|
+
"background-position",
|
|
735
|
+
"background-repeat",
|
|
736
|
+
"background-size"
|
|
737
|
+
],
|
|
738
|
+
border: [
|
|
739
|
+
"border-top",
|
|
740
|
+
"border-right",
|
|
741
|
+
"border-bottom",
|
|
742
|
+
"border-left",
|
|
743
|
+
"border-color",
|
|
744
|
+
"border-style",
|
|
745
|
+
"border-width",
|
|
746
|
+
"border-image",
|
|
747
|
+
"border-radius"
|
|
748
|
+
],
|
|
749
|
+
"border-top": ["border-top-width", "border-top-style", "border-top-color"],
|
|
750
|
+
"border-right": ["border-right-width", "border-right-style", "border-right-color"],
|
|
751
|
+
"border-bottom": ["border-bottom-width", "border-bottom-style", "border-bottom-color"],
|
|
752
|
+
"border-left": ["border-left-width", "border-left-style", "border-left-color"],
|
|
753
|
+
"border-color": [
|
|
754
|
+
"border-top-color",
|
|
755
|
+
"border-right-color",
|
|
756
|
+
"border-bottom-color",
|
|
757
|
+
"border-left-color"
|
|
758
|
+
],
|
|
759
|
+
"border-style": [
|
|
760
|
+
"border-top-style",
|
|
761
|
+
"border-right-style",
|
|
762
|
+
"border-bottom-style",
|
|
763
|
+
"border-left-style"
|
|
764
|
+
],
|
|
765
|
+
"border-width": [
|
|
766
|
+
"border-top-width",
|
|
767
|
+
"border-right-width",
|
|
768
|
+
"border-bottom-width",
|
|
769
|
+
"border-left-width"
|
|
770
|
+
],
|
|
771
|
+
"border-image": [
|
|
772
|
+
"border-image-source",
|
|
773
|
+
"border-image-slice",
|
|
774
|
+
"border-image-width",
|
|
775
|
+
"border-image-outset",
|
|
776
|
+
"border-image-repeat"
|
|
777
|
+
],
|
|
778
|
+
"border-radius": [
|
|
779
|
+
"border-top-left-radius",
|
|
780
|
+
"border-top-right-radius",
|
|
781
|
+
"border-bottom-right-radius",
|
|
782
|
+
"border-bottom-left-radius"
|
|
783
|
+
],
|
|
784
|
+
"border-block": [
|
|
785
|
+
"border-block-width",
|
|
786
|
+
"border-block-style",
|
|
787
|
+
"border-block-color",
|
|
788
|
+
"border-block-start",
|
|
789
|
+
"border-block-end"
|
|
790
|
+
],
|
|
791
|
+
"border-block-width": ["border-block-start-width", "border-block-end-width"],
|
|
792
|
+
"border-block-style": ["border-block-start-style", "border-block-end-style"],
|
|
793
|
+
"border-block-color": ["border-block-start-color", "border-block-end-color"],
|
|
794
|
+
"border-block-start": [
|
|
795
|
+
"border-block-start-width",
|
|
796
|
+
"border-block-start-style",
|
|
797
|
+
"border-block-start-color"
|
|
798
|
+
],
|
|
799
|
+
"border-block-end": [
|
|
800
|
+
"border-block-end-width",
|
|
801
|
+
"border-block-end-style",
|
|
802
|
+
"border-block-end-color"
|
|
803
|
+
],
|
|
804
|
+
"border-inline": [
|
|
805
|
+
"border-inline-width",
|
|
806
|
+
"border-inline-style",
|
|
807
|
+
"border-inline-color",
|
|
808
|
+
"border-inline-start",
|
|
809
|
+
"border-inline-end"
|
|
810
|
+
],
|
|
811
|
+
"border-inline-width": ["border-inline-start-width", "border-inline-end-width"],
|
|
812
|
+
"border-inline-style": ["border-inline-start-style", "border-inline-end-style"],
|
|
813
|
+
"border-inline-color": ["border-inline-start-color", "border-inline-end-color"],
|
|
814
|
+
"border-inline-start": [
|
|
815
|
+
"border-inline-start-width",
|
|
816
|
+
"border-inline-start-style",
|
|
817
|
+
"border-inline-start-color"
|
|
818
|
+
],
|
|
819
|
+
"border-inline-end": [
|
|
820
|
+
"border-inline-end-width",
|
|
821
|
+
"border-inline-end-style",
|
|
822
|
+
"border-inline-end-color"
|
|
823
|
+
],
|
|
824
|
+
"column-rule": ["column-rule-width", "column-rule-style", "column-rule-color"],
|
|
825
|
+
columns: ["column-width", "column-count"],
|
|
826
|
+
container: ["container-name", "container-type"],
|
|
827
|
+
"contain-intrinsic-size": ["contain-intrinsic-width", "contain-intrinsic-height"],
|
|
828
|
+
flex: ["flex-grow", "flex-shrink", "flex-basis"],
|
|
829
|
+
"flex-flow": ["flex-direction", "flex-wrap"],
|
|
830
|
+
font: [
|
|
831
|
+
"font-style",
|
|
832
|
+
"font-variant",
|
|
833
|
+
"font-weight",
|
|
834
|
+
"font-stretch",
|
|
835
|
+
"font-size",
|
|
836
|
+
"line-height",
|
|
837
|
+
"font-family"
|
|
838
|
+
],
|
|
839
|
+
"font-variant": [
|
|
840
|
+
"font-variant-ligatures",
|
|
841
|
+
"font-variant-caps",
|
|
842
|
+
"font-variant-numeric",
|
|
843
|
+
"font-variant-east-asian"
|
|
844
|
+
],
|
|
845
|
+
gap: ["row-gap", "column-gap"],
|
|
846
|
+
grid: [
|
|
847
|
+
"grid-template-rows",
|
|
848
|
+
"grid-template-columns",
|
|
849
|
+
"grid-template-areas",
|
|
850
|
+
"grid-auto-rows",
|
|
851
|
+
"grid-auto-columns",
|
|
852
|
+
"grid-auto-flow"
|
|
853
|
+
],
|
|
854
|
+
"grid-area": ["grid-row-start", "grid-column-start", "grid-row-end", "grid-column-end"],
|
|
855
|
+
"grid-column": ["grid-column-start", "grid-column-end"],
|
|
856
|
+
"grid-row": ["grid-row-start", "grid-row-end"],
|
|
857
|
+
"grid-template": ["grid-template-rows", "grid-template-columns", "grid-template-areas"],
|
|
858
|
+
inset: ["top", "right", "bottom", "left"],
|
|
859
|
+
"list-style": ["list-style-type", "list-style-position", "list-style-image"],
|
|
860
|
+
"inset-block": ["inset-block-start", "inset-block-end"],
|
|
861
|
+
"inset-inline": ["inset-inline-start", "inset-inline-end"],
|
|
862
|
+
margin: ["margin-top", "margin-right", "margin-bottom", "margin-left"],
|
|
863
|
+
"margin-block": ["margin-block-start", "margin-block-end"],
|
|
864
|
+
"margin-inline": ["margin-inline-start", "margin-inline-end"],
|
|
865
|
+
mask: [
|
|
866
|
+
"mask-image",
|
|
867
|
+
"mask-mode",
|
|
868
|
+
"mask-position",
|
|
869
|
+
"mask-size",
|
|
870
|
+
"mask-repeat",
|
|
871
|
+
"mask-origin",
|
|
872
|
+
"mask-clip",
|
|
873
|
+
"mask-composite",
|
|
874
|
+
"mask-type"
|
|
875
|
+
],
|
|
876
|
+
"mask-border": [
|
|
877
|
+
"mask-border-mode",
|
|
878
|
+
"mask-border-outset",
|
|
879
|
+
"mask-border-repeat",
|
|
880
|
+
"mask-border-slice",
|
|
881
|
+
"mask-border-source",
|
|
882
|
+
"mask-border-width"
|
|
883
|
+
],
|
|
884
|
+
offset: ["offset-position", "offset-path", "offset-distance", "offset-anchor", "offset-rotate"],
|
|
885
|
+
outline: ["outline-color", "outline-style", "outline-width"],
|
|
886
|
+
overflow: ["overflow-x", "overflow-y"],
|
|
887
|
+
padding: ["padding-top", "padding-right", "padding-bottom", "padding-left"],
|
|
888
|
+
"padding-block": ["padding-block-start", "padding-block-end"],
|
|
889
|
+
"padding-inline": ["padding-inline-start", "padding-inline-end"],
|
|
890
|
+
"place-content": ["align-content", "justify-content"],
|
|
891
|
+
"place-items": ["align-items", "justify-items"],
|
|
892
|
+
"place-self": ["align-self", "justify-self"],
|
|
893
|
+
"scroll-margin": [
|
|
894
|
+
"scroll-margin-top",
|
|
895
|
+
"scroll-margin-right",
|
|
896
|
+
"scroll-margin-bottom",
|
|
897
|
+
"scroll-margin-left"
|
|
898
|
+
],
|
|
899
|
+
"scroll-margin-block": ["scroll-margin-block-start", "scroll-margin-block-end"],
|
|
900
|
+
"scroll-margin-inline": ["scroll-margin-inline-start", "scroll-margin-inline-end"],
|
|
901
|
+
"scroll-padding": [
|
|
902
|
+
"scroll-padding-top",
|
|
903
|
+
"scroll-padding-right",
|
|
904
|
+
"scroll-padding-bottom",
|
|
905
|
+
"scroll-padding-left"
|
|
906
|
+
],
|
|
907
|
+
"scroll-padding-block": ["scroll-padding-block-start", "scroll-padding-block-end"],
|
|
908
|
+
"scroll-padding-inline": ["scroll-padding-inline-start", "scroll-padding-inline-end"],
|
|
909
|
+
"scroll-timeline": ["scroll-timeline-name", "scroll-timeline-axis"],
|
|
910
|
+
"text-decoration": [
|
|
911
|
+
"text-decoration-line",
|
|
912
|
+
"text-decoration-style",
|
|
913
|
+
"text-decoration-color",
|
|
914
|
+
"text-decoration-thickness"
|
|
915
|
+
],
|
|
916
|
+
"text-emphasis": ["text-emphasis-style", "text-emphasis-color"],
|
|
917
|
+
transition: [
|
|
918
|
+
"transition-property",
|
|
919
|
+
"transition-duration",
|
|
920
|
+
"transition-timing-function",
|
|
921
|
+
"transition-delay"
|
|
922
|
+
]
|
|
923
|
+
};
|
|
693
924
|
// Annotate the CommonJS export names for ESM import in node:
|
|
694
925
|
0 && (module.exports = {
|
|
695
926
|
ArbitraryValue,
|
|
927
|
+
GridProperty,
|
|
696
928
|
GridValue,
|
|
697
929
|
TokenProperty,
|
|
698
930
|
TokenValue,
|
|
@@ -703,6 +935,9 @@ var properties = [
|
|
|
703
935
|
getTokenPropertyName,
|
|
704
936
|
getTokenPropertyParts,
|
|
705
937
|
getTokenValueParts,
|
|
938
|
+
gridProperty,
|
|
939
|
+
logicalProperties,
|
|
940
|
+
mapShorthandToLonghands,
|
|
706
941
|
properties,
|
|
707
942
|
tokenProperty,
|
|
708
943
|
tokenValue,
|