@tokenami/ds 0.0.68 → 0.0.70
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/README.md +24 -2
- package/dist/index.cjs +44 -214
- package/dist/index.d.cts +44 -2368
- package/dist/index.d.ts +44 -2368
- package/dist/index.js +45 -215
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -1,84 +1,14 @@
|
|
|
1
1
|
import { createConfig } from '@tokenami/config';
|
|
2
|
-
import {
|
|
2
|
+
import { blackP3A, whiteP3A, grayP3, mauveP3, slateP3, sageP3, oliveP3, sandP3, goldP3, bronzeP3, brownP3, yellowP3, amberP3, orangeP3, tomatoP3, redP3, rubyP3, crimsonP3, pinkP3, plumP3, purpleP3, violetP3, irisP3, indigoP3, blueP3, cyanP3, tealP3, jadeP3, greenP3, grassP3, limeP3, mintP3, skyP3, grayP3A, mauveP3A, slateP3A, sageP3A, oliveP3A, sandP3A, goldP3A, bronzeP3A, brownP3A, yellowP3A, amberP3A, orangeP3A, tomatoP3A, redP3A, rubyP3A, crimsonP3A, pinkP3A, plumP3A, purpleP3A, violetP3A, irisP3A, indigoP3A, blueP3A, cyanP3A, tealP3A, jadeP3A, greenP3A, grassP3A, limeP3A, mintP3A, skyP3A, grayDarkP3, mauveDarkP3, slateDarkP3, sageDarkP3, oliveDarkP3, sandDarkP3, goldDarkP3, bronzeDarkP3, brownDarkP3, yellowDarkP3, amberDarkP3, orangeDarkP3, tomatoDarkP3, redDarkP3, rubyDarkP3, crimsonDarkP3, pinkDarkP3, plumDarkP3, purpleDarkP3, violetDarkP3, irisDarkP3, indigoDarkP3, blueDarkP3, cyanDarkP3, tealDarkP3, jadeDarkP3, greenDarkP3, grassDarkP3, limeDarkP3, mintDarkP3, skyDarkP3, grayDarkP3A, mauveDarkP3A, slateDarkP3A, sageDarkP3A, oliveDarkP3A, sandDarkP3A, goldDarkP3A, bronzeDarkP3A, brownDarkP3A, yellowDarkP3A, amberDarkP3A, orangeDarkP3A, tomatoDarkP3A, redDarkP3A, rubyDarkP3A, crimsonDarkP3A, pinkDarkP3A, plumDarkP3A, purpleDarkP3A, violetDarkP3A, irisDarkP3A, indigoDarkP3A, blueDarkP3A, cyanDarkP3A, tealDarkP3A, jadeDarkP3A, greenDarkP3A, grassDarkP3A, limeDarkP3A, mintDarkP3A, skyDarkP3A } from '@radix-ui/colors';
|
|
3
3
|
|
|
4
4
|
// src/index.ts
|
|
5
5
|
var shared = {
|
|
6
|
-
black: "#000",
|
|
7
|
-
white: "#fff",
|
|
8
|
-
...blackA,
|
|
9
|
-
...whiteA
|
|
10
|
-
};
|
|
11
|
-
var sharedP3 = {
|
|
12
6
|
black: "color(display-p3 0 0 0)",
|
|
13
7
|
white: "color(display-p3 1 1 1)",
|
|
14
8
|
...blackP3A,
|
|
15
9
|
...whiteP3A
|
|
16
10
|
};
|
|
17
11
|
var light = {
|
|
18
|
-
...gray,
|
|
19
|
-
...mauve,
|
|
20
|
-
...slate,
|
|
21
|
-
...sage,
|
|
22
|
-
...olive,
|
|
23
|
-
...sand,
|
|
24
|
-
...gold,
|
|
25
|
-
...bronze,
|
|
26
|
-
...brown,
|
|
27
|
-
...yellow,
|
|
28
|
-
...amber,
|
|
29
|
-
...orange,
|
|
30
|
-
...tomato,
|
|
31
|
-
...red,
|
|
32
|
-
...ruby,
|
|
33
|
-
...crimson,
|
|
34
|
-
...pink,
|
|
35
|
-
...plum,
|
|
36
|
-
...purple,
|
|
37
|
-
...violet,
|
|
38
|
-
...iris,
|
|
39
|
-
...indigo,
|
|
40
|
-
...blue,
|
|
41
|
-
...cyan,
|
|
42
|
-
...teal,
|
|
43
|
-
...jade,
|
|
44
|
-
...green,
|
|
45
|
-
...grass,
|
|
46
|
-
...lime,
|
|
47
|
-
...mint,
|
|
48
|
-
...sky,
|
|
49
|
-
...grayA,
|
|
50
|
-
...mauveA,
|
|
51
|
-
...slateA,
|
|
52
|
-
...sageA,
|
|
53
|
-
...oliveA,
|
|
54
|
-
...sandA,
|
|
55
|
-
...goldA,
|
|
56
|
-
...bronzeA,
|
|
57
|
-
...brownA,
|
|
58
|
-
...yellowA,
|
|
59
|
-
...amberA,
|
|
60
|
-
...orangeA,
|
|
61
|
-
...tomatoA,
|
|
62
|
-
...redA,
|
|
63
|
-
...rubyA,
|
|
64
|
-
...crimsonA,
|
|
65
|
-
...pinkA,
|
|
66
|
-
...plumA,
|
|
67
|
-
...purpleA,
|
|
68
|
-
...violetA,
|
|
69
|
-
...irisA,
|
|
70
|
-
...indigoA,
|
|
71
|
-
...blueA,
|
|
72
|
-
...cyanA,
|
|
73
|
-
...tealA,
|
|
74
|
-
...jadeA,
|
|
75
|
-
...greenA,
|
|
76
|
-
...grassA,
|
|
77
|
-
...limeA,
|
|
78
|
-
...mintA,
|
|
79
|
-
...skyA
|
|
80
|
-
};
|
|
81
|
-
var lightP3 = {
|
|
82
12
|
...grayP3,
|
|
83
13
|
...mauveP3,
|
|
84
14
|
...slateP3,
|
|
@@ -143,70 +73,6 @@ var lightP3 = {
|
|
|
143
73
|
...skyP3A
|
|
144
74
|
};
|
|
145
75
|
var dark = {
|
|
146
|
-
...grayDark,
|
|
147
|
-
...mauveDark,
|
|
148
|
-
...slateDark,
|
|
149
|
-
...sageDark,
|
|
150
|
-
...oliveDark,
|
|
151
|
-
...sandDark,
|
|
152
|
-
...goldDark,
|
|
153
|
-
...bronzeDark,
|
|
154
|
-
...brownDark,
|
|
155
|
-
...yellowDark,
|
|
156
|
-
...amberDark,
|
|
157
|
-
...orangeDark,
|
|
158
|
-
...tomatoDark,
|
|
159
|
-
...redDark,
|
|
160
|
-
...rubyDark,
|
|
161
|
-
...crimsonDark,
|
|
162
|
-
...pinkDark,
|
|
163
|
-
...plumDark,
|
|
164
|
-
...purpleDark,
|
|
165
|
-
...violetDark,
|
|
166
|
-
...irisDark,
|
|
167
|
-
...indigoDark,
|
|
168
|
-
...blueDark,
|
|
169
|
-
...cyanDark,
|
|
170
|
-
...tealDark,
|
|
171
|
-
...jadeDark,
|
|
172
|
-
...greenDark,
|
|
173
|
-
...grassDark,
|
|
174
|
-
...limeDark,
|
|
175
|
-
...mintDark,
|
|
176
|
-
...skyDark,
|
|
177
|
-
...grayDarkA,
|
|
178
|
-
...mauveDarkA,
|
|
179
|
-
...slateDarkA,
|
|
180
|
-
...sageDarkA,
|
|
181
|
-
...oliveDarkA,
|
|
182
|
-
...sandDarkA,
|
|
183
|
-
...goldDarkA,
|
|
184
|
-
...bronzeDarkA,
|
|
185
|
-
...brownDarkA,
|
|
186
|
-
...yellowDarkA,
|
|
187
|
-
...amberDarkA,
|
|
188
|
-
...orangeDarkA,
|
|
189
|
-
...tomatoDarkA,
|
|
190
|
-
...redDarkA,
|
|
191
|
-
...rubyDarkA,
|
|
192
|
-
...crimsonDarkA,
|
|
193
|
-
...pinkDarkA,
|
|
194
|
-
...plumDarkA,
|
|
195
|
-
...purpleDarkA,
|
|
196
|
-
...violetDarkA,
|
|
197
|
-
...irisDarkA,
|
|
198
|
-
...indigoDarkA,
|
|
199
|
-
...blueDarkA,
|
|
200
|
-
...cyanDarkA,
|
|
201
|
-
...tealDarkA,
|
|
202
|
-
...jadeDarkA,
|
|
203
|
-
...greenDarkA,
|
|
204
|
-
...grassDarkA,
|
|
205
|
-
...limeDarkA,
|
|
206
|
-
...mintDarkA,
|
|
207
|
-
...skyDarkA
|
|
208
|
-
};
|
|
209
|
-
var darkP3 = {
|
|
210
76
|
...grayDarkP3,
|
|
211
77
|
...mauveDarkP3,
|
|
212
78
|
...slateDarkP3,
|
|
@@ -469,23 +335,7 @@ var src_default = createConfig({
|
|
|
469
335
|
display: "none"
|
|
470
336
|
}
|
|
471
337
|
},
|
|
472
|
-
themeSelector: (mode) => {
|
|
473
|
-
const attrSelector = (mode2) => `[data-theme=${mode2}]`;
|
|
474
|
-
const p3 = (modeSelector) => [
|
|
475
|
-
"@supports (color: color(display-p3 1 1 1))",
|
|
476
|
-
"@media (color-gamut: p3)",
|
|
477
|
-
modeSelector
|
|
478
|
-
];
|
|
479
|
-
if (mode === "root")
|
|
480
|
-
return ":root";
|
|
481
|
-
if (mode === "rootP3")
|
|
482
|
-
return p3(":root");
|
|
483
|
-
if (mode === "lightP3")
|
|
484
|
-
return p3(attrSelector("light"));
|
|
485
|
-
if (mode === "darkP3")
|
|
486
|
-
return p3(attrSelector("dark"));
|
|
487
|
-
return attrSelector(mode);
|
|
488
|
-
},
|
|
338
|
+
themeSelector: (mode) => mode === "root" ? ":root" : `[data-theme=${mode}]`,
|
|
489
339
|
theme: {
|
|
490
340
|
modes: {
|
|
491
341
|
root: {
|
|
@@ -511,30 +361,6 @@ var src_default = createConfig({
|
|
|
511
361
|
...shared,
|
|
512
362
|
...dark
|
|
513
363
|
}
|
|
514
|
-
},
|
|
515
|
-
rootP3: {
|
|
516
|
-
color: {
|
|
517
|
-
current: "currentColor",
|
|
518
|
-
transparent: "transparent",
|
|
519
|
-
...sharedP3,
|
|
520
|
-
...lightP3
|
|
521
|
-
}
|
|
522
|
-
},
|
|
523
|
-
lightP3: {
|
|
524
|
-
color: {
|
|
525
|
-
current: "currentColor",
|
|
526
|
-
transparent: "transparent",
|
|
527
|
-
...sharedP3,
|
|
528
|
-
...lightP3
|
|
529
|
-
}
|
|
530
|
-
},
|
|
531
|
-
darkP3: {
|
|
532
|
-
color: {
|
|
533
|
-
current: "currentColor",
|
|
534
|
-
transparent: "transparent",
|
|
535
|
-
...sharedP3,
|
|
536
|
-
...darkP3
|
|
537
|
-
}
|
|
538
364
|
}
|
|
539
365
|
},
|
|
540
366
|
alpha: {
|
|
@@ -716,21 +542,6 @@ var src_default = createConfig({
|
|
|
716
542
|
"lg-xl": fluid({ property: "fluid-flex-basis", from: BP_LG, to: BP_XL }),
|
|
717
543
|
"lg-2xl": fluid({ property: "fluid-flex-basis", from: BP_LG, to: BP_2XL })
|
|
718
544
|
},
|
|
719
|
-
"fluid-text-size": {
|
|
720
|
-
xs: 12 / BASE_FONT_SIZE,
|
|
721
|
-
sm: 14 / BASE_FONT_SIZE,
|
|
722
|
-
base: 16 / BASE_FONT_SIZE,
|
|
723
|
-
lg: 18 / BASE_FONT_SIZE,
|
|
724
|
-
xl: 20 / BASE_FONT_SIZE,
|
|
725
|
-
"2xl": 24 / BASE_FONT_SIZE,
|
|
726
|
-
"3xl": 30 / BASE_FONT_SIZE,
|
|
727
|
-
"4xl": 36 / BASE_FONT_SIZE,
|
|
728
|
-
"5xl": 48 / BASE_FONT_SIZE,
|
|
729
|
-
"6xl": 60 / BASE_FONT_SIZE,
|
|
730
|
-
"7xl": 72 / BASE_FONT_SIZE,
|
|
731
|
-
"8xl": 96 / BASE_FONT_SIZE,
|
|
732
|
-
"9xl": 128 / BASE_FONT_SIZE
|
|
733
|
-
},
|
|
734
545
|
"fluid-text-size-clamp": {
|
|
735
546
|
"min-max": fluid({ property: "fluid-text-size", from: BP_SM, to: BP_2XL, divider: 1 }),
|
|
736
547
|
"sm-md": fluid({ property: "fluid-text-size", from: BP_SM, to: BP_MD, divider: 1 }),
|
|
@@ -786,7 +597,7 @@ var src_default = createConfig({
|
|
|
786
597
|
"lg-xl": fluid({ property: "fluid-inset-y", from: BP_LG, to: BP_XL }),
|
|
787
598
|
"lg-2xl": fluid({ property: "fluid-inset-y", from: BP_LG, to: BP_2XL })
|
|
788
599
|
},
|
|
789
|
-
"fluid-bottom": {
|
|
600
|
+
"fluid-bottom-clamp": {
|
|
790
601
|
"min-max": fluid({ property: "fluid-bottom", from: BP_SM, to: BP_2XL }),
|
|
791
602
|
"sm-md": fluid({ property: "fluid-bottom", from: BP_SM, to: BP_MD }),
|
|
792
603
|
"sm-lg": fluid({ property: "fluid-bottom", from: BP_SM, to: BP_LG }),
|
|
@@ -808,7 +619,7 @@ var src_default = createConfig({
|
|
|
808
619
|
"lg-xl": fluid({ property: "fluid-top", from: BP_LG, to: BP_XL }),
|
|
809
620
|
"lg-2xl": fluid({ property: "fluid-top", from: BP_LG, to: BP_2XL })
|
|
810
621
|
},
|
|
811
|
-
"fluid-inset-x": {
|
|
622
|
+
"fluid-inset-x-clamp": {
|
|
812
623
|
"min-max": fluid({ property: "fluid-inset-x", from: BP_SM, to: BP_2XL }),
|
|
813
624
|
"sm-md": fluid({ property: "fluid-inset-x", from: BP_SM, to: BP_MD }),
|
|
814
625
|
"sm-lg": fluid({ property: "fluid-inset-x", from: BP_SM, to: BP_LG }),
|
|
@@ -841,7 +652,7 @@ var src_default = createConfig({
|
|
|
841
652
|
"lg-xl": fluid({ property: "fluid-left", from: BP_LG, to: BP_XL }),
|
|
842
653
|
"lg-2xl": fluid({ property: "fluid-left", from: BP_LG, to: BP_2XL })
|
|
843
654
|
},
|
|
844
|
-
"fluid-m": {
|
|
655
|
+
"fluid-m-clamp": {
|
|
845
656
|
"min-max": fluid({ property: "fluid-m", from: BP_SM, to: BP_2XL }),
|
|
846
657
|
"sm-md": fluid({ property: "fluid-m", from: BP_SM, to: BP_MD }),
|
|
847
658
|
"sm-lg": fluid({ property: "fluid-m", from: BP_SM, to: BP_LG }),
|
|
@@ -1232,14 +1043,22 @@ var src_default = createConfig({
|
|
|
1232
1043
|
mono: `ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace`
|
|
1233
1044
|
},
|
|
1234
1045
|
gradient: {
|
|
1235
|
-
"to-t": optionalViaGradient("to top"),
|
|
1236
|
-
"to-tr": optionalViaGradient("to top right"),
|
|
1237
|
-
"to-r": optionalViaGradient("to right"),
|
|
1238
|
-
"to-br": optionalViaGradient("to bottom right"),
|
|
1239
|
-
"to-b": optionalViaGradient("to bottom"),
|
|
1240
|
-
"to-bl": optionalViaGradient("to bottom left"),
|
|
1241
|
-
"to-l": optionalViaGradient("to left"),
|
|
1242
|
-
"to-tl": optionalViaGradient("to top left")
|
|
1046
|
+
"to-t": optionalViaGradient("to top in srgb"),
|
|
1047
|
+
"to-tr": optionalViaGradient("to top right in srgb"),
|
|
1048
|
+
"to-r": optionalViaGradient("to right in srgb"),
|
|
1049
|
+
"to-br": optionalViaGradient("to bottom right in srgb"),
|
|
1050
|
+
"to-b": optionalViaGradient("to bottom in srgb"),
|
|
1051
|
+
"to-bl": optionalViaGradient("to bottom left in srgb"),
|
|
1052
|
+
"to-l": optionalViaGradient("to left in srgb"),
|
|
1053
|
+
"to-tl": optionalViaGradient("to top left in srgb"),
|
|
1054
|
+
"hd-to-t": optionalViaGradient("to top in oklch"),
|
|
1055
|
+
"hd-to-tr": optionalViaGradient("to top right in oklch"),
|
|
1056
|
+
"hd-to-r": optionalViaGradient("to right in oklch"),
|
|
1057
|
+
"hd-to-br": optionalViaGradient("to bottom right in oklch"),
|
|
1058
|
+
"hd-to-b": optionalViaGradient("to bottom in oklch"),
|
|
1059
|
+
"hd-to-bl": optionalViaGradient("to bottom left in oklch"),
|
|
1060
|
+
"hd-to-l": optionalViaGradient("to left in oklch"),
|
|
1061
|
+
"hd-to-tl": optionalViaGradient("to top left in oklch")
|
|
1243
1062
|
},
|
|
1244
1063
|
space: {
|
|
1245
1064
|
"0": 0,
|
|
@@ -1442,6 +1261,21 @@ var src_default = createConfig({
|
|
|
1442
1261
|
"8xl": rem(96),
|
|
1443
1262
|
"9xl": rem(128)
|
|
1444
1263
|
},
|
|
1264
|
+
"fluid-text-size": {
|
|
1265
|
+
xs: 12 / BASE_FONT_SIZE,
|
|
1266
|
+
sm: 14 / BASE_FONT_SIZE,
|
|
1267
|
+
base: 16 / BASE_FONT_SIZE,
|
|
1268
|
+
lg: 18 / BASE_FONT_SIZE,
|
|
1269
|
+
xl: 20 / BASE_FONT_SIZE,
|
|
1270
|
+
"2xl": 24 / BASE_FONT_SIZE,
|
|
1271
|
+
"3xl": 30 / BASE_FONT_SIZE,
|
|
1272
|
+
"4xl": 36 / BASE_FONT_SIZE,
|
|
1273
|
+
"5xl": 48 / BASE_FONT_SIZE,
|
|
1274
|
+
"6xl": 60 / BASE_FONT_SIZE,
|
|
1275
|
+
"7xl": 72 / BASE_FONT_SIZE,
|
|
1276
|
+
"8xl": 96 / BASE_FONT_SIZE,
|
|
1277
|
+
"9xl": 128 / BASE_FONT_SIZE
|
|
1278
|
+
},
|
|
1445
1279
|
tracking: {
|
|
1446
1280
|
tighter: "-0.05em",
|
|
1447
1281
|
tight: "-0.025em",
|
|
@@ -1642,8 +1476,6 @@ var src_default = createConfig({
|
|
|
1642
1476
|
"background-position-x": ["grid", "space"],
|
|
1643
1477
|
"background-position-y": ["grid", "space"],
|
|
1644
1478
|
"block-size": ["size", "grid", "fluid-height-clamp"],
|
|
1645
|
-
"block-size-min": ["number"],
|
|
1646
|
-
"block-size-max": ["number"],
|
|
1647
1479
|
border: ["line"],
|
|
1648
1480
|
"border-top": ["line"],
|
|
1649
1481
|
"border-right": ["line"],
|
|
@@ -1699,8 +1531,6 @@ var src_default = createConfig({
|
|
|
1699
1531
|
fill: ["color"],
|
|
1700
1532
|
flex: ["flex"],
|
|
1701
1533
|
"flex-basis": ["grid", "space", "fluid-flex-basis-clamp"],
|
|
1702
|
-
"flex-basis-min": ["number"],
|
|
1703
|
-
"flex-basis-max": ["number"],
|
|
1704
1534
|
"fluid-height-min": ["number"],
|
|
1705
1535
|
"fluid-height-max": ["number"],
|
|
1706
1536
|
"fluid-border-spacing-min": ["number"],
|
|
@@ -1821,18 +1651,18 @@ var src_default = createConfig({
|
|
|
1821
1651
|
"inline-size": ["size", "grid", "fluid-width-clamp"],
|
|
1822
1652
|
inset: ["grid", "space", "fluid-inset-clamp"],
|
|
1823
1653
|
"inset-block": ["grid", "space", "fluid-inset-y-clamp"],
|
|
1824
|
-
"inset-block-end": ["grid", "space", "fluid-bottom"],
|
|
1654
|
+
"inset-block-end": ["grid", "space", "fluid-bottom-clamp"],
|
|
1825
1655
|
"inset-block-start": ["grid", "space", "fluid-top-clamp"],
|
|
1826
|
-
"inset-inline": ["grid", "space", "fluid-inset-x"],
|
|
1656
|
+
"inset-inline": ["grid", "space", "fluid-inset-x-clamp"],
|
|
1827
1657
|
"inset-inline-end": ["grid", "space", "fluid-right-clamp"],
|
|
1828
1658
|
"inset-inline-start": ["grid", "space", "fluid-left-clamp"],
|
|
1829
1659
|
left: ["grid", "space", "fluid-left-clamp"],
|
|
1830
1660
|
"letter-spacing": ["tracking"],
|
|
1831
|
-
margin: ["grid", "fluid-m"],
|
|
1661
|
+
margin: ["grid", "fluid-m-clamp"],
|
|
1832
1662
|
"margin-block": ["grid", "fluid-my-clamp"],
|
|
1833
1663
|
"margin-block-end": ["grid", "fluid-mb-clamp"],
|
|
1834
1664
|
"margin-block-start": ["grid", "fluid-mt-clamp"],
|
|
1835
|
-
"margin-inline": ["grid", "fluid-mx"],
|
|
1665
|
+
"margin-inline": ["grid", "fluid-mx-clamp"],
|
|
1836
1666
|
"margin-inline-end": ["grid", "fluid-mr-clamp"],
|
|
1837
1667
|
"margin-inline-start": ["grid", "fluid-ml-clamp"],
|
|
1838
1668
|
"margin-top": ["grid", "fluid-mt-clamp"],
|
|
@@ -1852,11 +1682,11 @@ var src_default = createConfig({
|
|
|
1852
1682
|
"outline-color": ["color"],
|
|
1853
1683
|
"outline-width": ["line-size"],
|
|
1854
1684
|
"outline-offset": ["offset"],
|
|
1855
|
-
padding: ["grid", "fluid-p"],
|
|
1685
|
+
padding: ["grid", "fluid-p-clamp"],
|
|
1856
1686
|
"padding-block": ["grid", "fluid-py-clamp"],
|
|
1857
1687
|
"padding-block-end": ["grid", "fluid-pb-clamp"],
|
|
1858
1688
|
"padding-block-start": ["grid", "fluid-pt-clamp"],
|
|
1859
|
-
"padding-inline": ["grid", "fluid-px"],
|
|
1689
|
+
"padding-inline": ["grid", "fluid-px-clamp"],
|
|
1860
1690
|
"padding-inline-end": ["grid", "fluid-pr-clamp"],
|
|
1861
1691
|
"padding-inline-start": ["grid", "fluid-pl-clamp"],
|
|
1862
1692
|
"padding-top": ["grid", "fluid-pt-clamp"],
|
|
@@ -1865,11 +1695,11 @@ var src_default = createConfig({
|
|
|
1865
1695
|
"padding-left": ["grid", "fluid-pl-clamp"],
|
|
1866
1696
|
right: ["grid", "space", "fluid-right-clamp"],
|
|
1867
1697
|
"row-gap": ["grid", "fluid-row-gap-clamp"],
|
|
1868
|
-
"scroll-margin": ["grid", "fluid-scroll-m"],
|
|
1698
|
+
"scroll-margin": ["grid", "fluid-scroll-m-clamp"],
|
|
1869
1699
|
"scroll-margin-block": ["grid", "fluid-scroll-my-clamp"],
|
|
1870
1700
|
"scroll-margin-block-end": ["grid", "fluid-scroll-mb-clamp"],
|
|
1871
1701
|
"scroll-margin-block-start": ["grid", "fluid-scroll-mt-clamp"],
|
|
1872
|
-
"scroll-margin-inline": ["grid", "fluid-scroll-mx"],
|
|
1702
|
+
"scroll-margin-inline": ["grid", "fluid-scroll-mx-clamp"],
|
|
1873
1703
|
"scroll-margin-inline-end": ["grid", "fluid-scroll-mr-clamp"],
|
|
1874
1704
|
"scroll-margin-inline-start": ["grid", "fluid-scroll-ml-clamp"],
|
|
1875
1705
|
"scroll-margin-top": ["grid", "fluid-scroll-mt-clamp"],
|
|
@@ -1880,7 +1710,7 @@ var src_default = createConfig({
|
|
|
1880
1710
|
"scroll-padding-block": ["grid", "fluid-scroll-py-clamp"],
|
|
1881
1711
|
"scroll-padding-block-end": ["grid", "fluid-scroll-pb-clamp"],
|
|
1882
1712
|
"scroll-padding-block-start": ["grid", "fluid-scroll-pt-clamp"],
|
|
1883
|
-
"scroll-padding-inline": ["grid", "fluid-scroll-px"],
|
|
1713
|
+
"scroll-padding-inline": ["grid", "fluid-scroll-px-clamp"],
|
|
1884
1714
|
"scroll-padding-inline-end": ["grid", "fluid-scroll-pr-clamp"],
|
|
1885
1715
|
"scroll-padding-inline-start": ["grid", "fluid-scroll-pl-clamp"],
|
|
1886
1716
|
"scroll-padding-top": ["grid", "fluid-scroll-pt-clamp"],
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tokenami/ds",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.70",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -33,11 +33,11 @@
|
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@radix-ui/colors": "^3.0.0",
|
|
36
|
-
"@tokenami/config": "0.0.
|
|
36
|
+
"@tokenami/config": "0.0.70"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"tsup": "^7.0.0",
|
|
40
40
|
"typescript": "^5.1.3"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "e42bbb02d2699ad6625106eea72fa155efebdd73"
|
|
43
43
|
}
|