@serendie/ui 2.4.1 → 2.4.2-dev.202601211237
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/components/CheckBox/CheckBox.js +8 -7
- package/dist/components/RadioButton/RadioButton.js +2 -1
- package/dist/components/Switch/Switch.js +1 -0
- package/dist/node_modules/@serendie/design-token/dist/panda-tokens.js +124 -5
- package/dist/node_modules/@serendie/design-token/dist/tokens.js +52 -11
- package/dist/preset.d.ts +119 -0
- package/dist/styled-system/tokens/index.js +396 -0
- package/dist/styles.css +1 -1
- package/dist/tokens/getToken.d.ts +41 -0
- package/dist/tokens/index.d.ts +119 -0
- package/package.json +1 -1
- package/styled-system/themes/theme-asagi.json +1 -1
- package/styled-system/themes/theme-kurikawa.json +1 -1
- package/styled-system/themes/theme-sumire.json +1 -1
- package/styled-system/themes/theme-tsutsuji.json +1 -1
- package/styled-system/tokens/index.js +396 -0
- package/styled-system/tokens/tokens.d.ts +3 -3
- package/styled-system/types/prop-type.d.ts +1 -1
|
@@ -10,7 +10,7 @@ import { CheckboxContext as C } from "../../node_modules/@ark-ui/react/dist/comp
|
|
|
10
10
|
import { CheckboxControl as S } from "../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-control.js";
|
|
11
11
|
import { CheckboxLabel as i } from "../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-label.js";
|
|
12
12
|
import { CheckboxHiddenInput as I } from "../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-hidden-input.js";
|
|
13
|
-
const
|
|
13
|
+
const v = {
|
|
14
14
|
flexShrink: 0,
|
|
15
15
|
cursor: "pointer",
|
|
16
16
|
".group:has(:focus-visible) &": {
|
|
@@ -30,7 +30,7 @@ const _ = {
|
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
|
-
},
|
|
33
|
+
}, _ = {
|
|
34
34
|
width: 24,
|
|
35
35
|
height: 24,
|
|
36
36
|
color: "sd.system.color.impression.primary",
|
|
@@ -61,10 +61,11 @@ const _ = {
|
|
|
61
61
|
gap: "sd.system.dimension.spacing.medium",
|
|
62
62
|
paddingY: "sd.system.dimension.spacing.small",
|
|
63
63
|
paddingX: "sd.system.dimension.spacing.medium",
|
|
64
|
-
cursor: "pointer"
|
|
64
|
+
cursor: "pointer",
|
|
65
|
+
position: "relative"
|
|
65
66
|
},
|
|
66
|
-
itemControl:
|
|
67
|
-
checkedIcon:
|
|
67
|
+
itemControl: v,
|
|
68
|
+
checkedIcon: _,
|
|
68
69
|
uncheckedIcon: N,
|
|
69
70
|
itemTextGroup: {
|
|
70
71
|
display: "flex",
|
|
@@ -123,7 +124,7 @@ const _ = {
|
|
|
123
124
|
export {
|
|
124
125
|
H as CheckBox,
|
|
125
126
|
n as CheckBoxStyle,
|
|
126
|
-
|
|
127
|
-
|
|
127
|
+
_ as checkboxCheckedIconCss,
|
|
128
|
+
v as checkboxIconCss,
|
|
128
129
|
N as checkboxUncheckedIconCss
|
|
129
130
|
};
|
|
@@ -43,7 +43,8 @@ const k = {
|
|
|
43
43
|
gap: "sd.system.dimension.spacing.medium",
|
|
44
44
|
paddingY: "sd.system.dimension.spacing.small",
|
|
45
45
|
paddingX: "sd.system.dimension.spacing.medium",
|
|
46
|
-
cursor: "pointer"
|
|
46
|
+
cursor: "pointer",
|
|
47
|
+
position: "relative"
|
|
47
48
|
},
|
|
48
49
|
itemControl: k,
|
|
49
50
|
checkedIcon: R,
|
|
@@ -17,6 +17,7 @@ const n = u({
|
|
|
17
17
|
gap: "sd.system.dimension.spacing.medium",
|
|
18
18
|
paddingY: "sd.system.dimension.spacing.small",
|
|
19
19
|
paddingX: "sd.system.dimension.spacing.medium",
|
|
20
|
+
position: "relative",
|
|
20
21
|
'&[data-focus="true"] .control': {
|
|
21
22
|
borderColor: "sd.system.color.impression.primary"
|
|
22
23
|
}
|
|
@@ -26,6 +26,18 @@ const e = {
|
|
|
26
26
|
},
|
|
27
27
|
wh60: {
|
|
28
28
|
value: "#FFFFFF99"
|
|
29
|
+
},
|
|
30
|
+
wh2: {
|
|
31
|
+
value: "#FFFFFF05"
|
|
32
|
+
},
|
|
33
|
+
wh5: {
|
|
34
|
+
value: "#FFFFFF0D"
|
|
35
|
+
},
|
|
36
|
+
wh20: {
|
|
37
|
+
value: "#FFFFFF33"
|
|
38
|
+
},
|
|
39
|
+
bl60: {
|
|
40
|
+
value: "#00000099"
|
|
29
41
|
}
|
|
30
42
|
},
|
|
31
43
|
gray: {
|
|
@@ -60,6 +72,38 @@ const e = {
|
|
|
60
72
|
value: "#232322"
|
|
61
73
|
}
|
|
62
74
|
},
|
|
75
|
+
neutral: {
|
|
76
|
+
100: {
|
|
77
|
+
value: "#FAFAFA"
|
|
78
|
+
},
|
|
79
|
+
200: {
|
|
80
|
+
value: "#F5F5F5"
|
|
81
|
+
},
|
|
82
|
+
300: {
|
|
83
|
+
value: "#F0F0F0"
|
|
84
|
+
},
|
|
85
|
+
400: {
|
|
86
|
+
value: "#EBEBEB"
|
|
87
|
+
},
|
|
88
|
+
500: {
|
|
89
|
+
value: "#E5E5E5"
|
|
90
|
+
},
|
|
91
|
+
600: {
|
|
92
|
+
value: "#474747"
|
|
93
|
+
},
|
|
94
|
+
700: {
|
|
95
|
+
value: "#3B3B3B"
|
|
96
|
+
},
|
|
97
|
+
800: {
|
|
98
|
+
value: "#2E2E2E"
|
|
99
|
+
},
|
|
100
|
+
900: {
|
|
101
|
+
value: "#212121"
|
|
102
|
+
},
|
|
103
|
+
1e3: {
|
|
104
|
+
value: "#141414"
|
|
105
|
+
}
|
|
106
|
+
},
|
|
63
107
|
red: {
|
|
64
108
|
100: {
|
|
65
109
|
value: "#FCEBEA"
|
|
@@ -436,7 +480,7 @@ const e = {
|
|
|
436
480
|
value: "#BCEEDD"
|
|
437
481
|
},
|
|
438
482
|
onPositiveContainer: {
|
|
439
|
-
value: "#
|
|
483
|
+
value: "#000000"
|
|
440
484
|
},
|
|
441
485
|
positiveContainerVariant: {
|
|
442
486
|
value: "#DBF5EA"
|
|
@@ -475,6 +519,21 @@ const e = {
|
|
|
475
519
|
},
|
|
476
520
|
scrim: {
|
|
477
521
|
value: "#00000033"
|
|
522
|
+
},
|
|
523
|
+
surfaceDim: {
|
|
524
|
+
value: "#F0F0F0"
|
|
525
|
+
},
|
|
526
|
+
surfaceBright: {
|
|
527
|
+
value: "#FFFFFF"
|
|
528
|
+
},
|
|
529
|
+
surfaceContainerBright: {
|
|
530
|
+
value: "#FFFFFF"
|
|
531
|
+
},
|
|
532
|
+
surfaceContainer: {
|
|
533
|
+
value: "#FAFAFA"
|
|
534
|
+
},
|
|
535
|
+
surfaceContainerDim: {
|
|
536
|
+
value: "#F5F5F5"
|
|
478
537
|
}
|
|
479
538
|
},
|
|
480
539
|
interaction: {
|
|
@@ -1456,7 +1515,7 @@ const e = {
|
|
|
1456
1515
|
value: "#BCEEDD"
|
|
1457
1516
|
},
|
|
1458
1517
|
onPositiveContainer: {
|
|
1459
|
-
value: "#
|
|
1518
|
+
value: "#000000"
|
|
1460
1519
|
},
|
|
1461
1520
|
positiveContainerVariant: {
|
|
1462
1521
|
value: "#DBF5EA"
|
|
@@ -1495,6 +1554,21 @@ const e = {
|
|
|
1495
1554
|
},
|
|
1496
1555
|
scrim: {
|
|
1497
1556
|
value: "#00000033"
|
|
1557
|
+
},
|
|
1558
|
+
surfaceDim: {
|
|
1559
|
+
value: "#F0F0F0"
|
|
1560
|
+
},
|
|
1561
|
+
surfaceBright: {
|
|
1562
|
+
value: "#FFFFFF"
|
|
1563
|
+
},
|
|
1564
|
+
surfaceContainerBright: {
|
|
1565
|
+
value: "#FFFFFF"
|
|
1566
|
+
},
|
|
1567
|
+
surfaceContainer: {
|
|
1568
|
+
value: "#FAFAFA"
|
|
1569
|
+
},
|
|
1570
|
+
surfaceContainerDim: {
|
|
1571
|
+
value: "#F5F5F5"
|
|
1498
1572
|
}
|
|
1499
1573
|
},
|
|
1500
1574
|
interaction: {
|
|
@@ -1751,7 +1825,7 @@ const e = {
|
|
|
1751
1825
|
value: "#BCEEDD"
|
|
1752
1826
|
},
|
|
1753
1827
|
onPositiveContainer: {
|
|
1754
|
-
value: "#
|
|
1828
|
+
value: "#000000"
|
|
1755
1829
|
},
|
|
1756
1830
|
positiveContainerVariant: {
|
|
1757
1831
|
value: "#DBF5EA"
|
|
@@ -1790,6 +1864,21 @@ const e = {
|
|
|
1790
1864
|
},
|
|
1791
1865
|
scrim: {
|
|
1792
1866
|
value: "#00000033"
|
|
1867
|
+
},
|
|
1868
|
+
surfaceDim: {
|
|
1869
|
+
value: "#F0F0F0"
|
|
1870
|
+
},
|
|
1871
|
+
surfaceBright: {
|
|
1872
|
+
value: "#FFFFFF"
|
|
1873
|
+
},
|
|
1874
|
+
surfaceContainerBright: {
|
|
1875
|
+
value: "#FFFFFF"
|
|
1876
|
+
},
|
|
1877
|
+
surfaceContainer: {
|
|
1878
|
+
value: "#FAFAFA"
|
|
1879
|
+
},
|
|
1880
|
+
surfaceContainerDim: {
|
|
1881
|
+
value: "#F5F5F5"
|
|
1793
1882
|
}
|
|
1794
1883
|
},
|
|
1795
1884
|
interaction: {
|
|
@@ -2046,7 +2135,7 @@ const e = {
|
|
|
2046
2135
|
value: "#BCEEDD"
|
|
2047
2136
|
},
|
|
2048
2137
|
onPositiveContainer: {
|
|
2049
|
-
value: "#
|
|
2138
|
+
value: "#000000"
|
|
2050
2139
|
},
|
|
2051
2140
|
positiveContainerVariant: {
|
|
2052
2141
|
value: "#DBF5EA"
|
|
@@ -2085,6 +2174,21 @@ const e = {
|
|
|
2085
2174
|
},
|
|
2086
2175
|
scrim: {
|
|
2087
2176
|
value: "#00000033"
|
|
2177
|
+
},
|
|
2178
|
+
surfaceDim: {
|
|
2179
|
+
value: "#F0F0F0"
|
|
2180
|
+
},
|
|
2181
|
+
surfaceBright: {
|
|
2182
|
+
value: "#FFFFFF"
|
|
2183
|
+
},
|
|
2184
|
+
surfaceContainerBright: {
|
|
2185
|
+
value: "#FFFFFF"
|
|
2186
|
+
},
|
|
2187
|
+
surfaceContainer: {
|
|
2188
|
+
value: "#FAFAFA"
|
|
2189
|
+
},
|
|
2190
|
+
surfaceContainerDim: {
|
|
2191
|
+
value: "#F5F5F5"
|
|
2088
2192
|
}
|
|
2089
2193
|
},
|
|
2090
2194
|
interaction: {
|
|
@@ -2341,7 +2445,7 @@ const e = {
|
|
|
2341
2445
|
value: "#BCEEDD"
|
|
2342
2446
|
},
|
|
2343
2447
|
onPositiveContainer: {
|
|
2344
|
-
value: "#
|
|
2448
|
+
value: "#000000"
|
|
2345
2449
|
},
|
|
2346
2450
|
positiveContainerVariant: {
|
|
2347
2451
|
value: "#DBF5EA"
|
|
@@ -2380,6 +2484,21 @@ const e = {
|
|
|
2380
2484
|
},
|
|
2381
2485
|
scrim: {
|
|
2382
2486
|
value: "#00000033"
|
|
2487
|
+
},
|
|
2488
|
+
surfaceDim: {
|
|
2489
|
+
value: "#F0F0F0"
|
|
2490
|
+
},
|
|
2491
|
+
surfaceBright: {
|
|
2492
|
+
value: "#FFFFFF"
|
|
2493
|
+
},
|
|
2494
|
+
surfaceContainerBright: {
|
|
2495
|
+
value: "#FFFFFF"
|
|
2496
|
+
},
|
|
2497
|
+
surfaceContainer: {
|
|
2498
|
+
value: "#FAFAFA"
|
|
2499
|
+
},
|
|
2500
|
+
surfaceContainerDim: {
|
|
2501
|
+
value: "#F5F5F5"
|
|
2383
2502
|
}
|
|
2384
2503
|
},
|
|
2385
2504
|
interaction: {
|
|
@@ -13,7 +13,11 @@ const e = {
|
|
|
13
13
|
bl2: "#00000005",
|
|
14
14
|
bl5: "#0000000D",
|
|
15
15
|
bl20: "#00000033",
|
|
16
|
-
wh60: "#FFFFFF99"
|
|
16
|
+
wh60: "#FFFFFF99",
|
|
17
|
+
wh2: "#FFFFFF05",
|
|
18
|
+
wh5: "#FFFFFF0D",
|
|
19
|
+
wh20: "#FFFFFF33",
|
|
20
|
+
bl60: "#00000099"
|
|
17
21
|
},
|
|
18
22
|
gray: {
|
|
19
23
|
100: "#F0F0F0",
|
|
@@ -27,6 +31,18 @@ const e = {
|
|
|
27
31
|
900: "#31312F",
|
|
28
32
|
1e3: "#232322"
|
|
29
33
|
},
|
|
34
|
+
neutral: {
|
|
35
|
+
100: "#FAFAFA",
|
|
36
|
+
200: "#F5F5F5",
|
|
37
|
+
300: "#F0F0F0",
|
|
38
|
+
400: "#EBEBEB",
|
|
39
|
+
500: "#E5E5E5",
|
|
40
|
+
600: "#474747",
|
|
41
|
+
700: "#3B3B3B",
|
|
42
|
+
800: "#2E2E2E",
|
|
43
|
+
900: "#212121",
|
|
44
|
+
1e3: "#141414"
|
|
45
|
+
},
|
|
30
46
|
red: {
|
|
31
47
|
100: "#FCEBEA",
|
|
32
48
|
200: "#FFDCDA",
|
|
@@ -258,7 +274,7 @@ const e = {
|
|
|
258
274
|
positive: "#2EAB80",
|
|
259
275
|
onPositive: "#FFFFFF",
|
|
260
276
|
positiveContainer: "#BCEEDD",
|
|
261
|
-
onPositiveContainer: "#
|
|
277
|
+
onPositiveContainer: "#000000",
|
|
262
278
|
positiveContainerVariant: "#DBF5EA",
|
|
263
279
|
onPositiveContainerVariant: "#000000"
|
|
264
280
|
},
|
|
@@ -272,7 +288,12 @@ const e = {
|
|
|
272
288
|
outlineBright: "#E4E4E3",
|
|
273
289
|
outline: "#D1D0CD",
|
|
274
290
|
outlineDim: "#8C8B87",
|
|
275
|
-
scrim: "#00000033"
|
|
291
|
+
scrim: "#00000033",
|
|
292
|
+
surfaceDim: "#F0F0F0",
|
|
293
|
+
surfaceBright: "#FFFFFF",
|
|
294
|
+
surfaceContainerBright: "#FFFFFF",
|
|
295
|
+
surfaceContainer: "#FAFAFA",
|
|
296
|
+
surfaceContainerDim: "#F5F5F5"
|
|
276
297
|
},
|
|
277
298
|
interaction: {
|
|
278
299
|
disabled: "#F0F0F0",
|
|
@@ -661,7 +682,7 @@ const e = {
|
|
|
661
682
|
positive: "#2EAB80",
|
|
662
683
|
onPositive: "#FFFFFF",
|
|
663
684
|
positiveContainer: "#BCEEDD",
|
|
664
|
-
onPositiveContainer: "#
|
|
685
|
+
onPositiveContainer: "#000000",
|
|
665
686
|
positiveContainerVariant: "#DBF5EA",
|
|
666
687
|
onPositiveContainerVariant: "#000000"
|
|
667
688
|
},
|
|
@@ -675,7 +696,12 @@ const e = {
|
|
|
675
696
|
outlineBright: "#E4E4E3",
|
|
676
697
|
outline: "#D1D0CD",
|
|
677
698
|
outlineDim: "#8C8B87",
|
|
678
|
-
scrim: "#00000033"
|
|
699
|
+
scrim: "#00000033",
|
|
700
|
+
surfaceDim: "#F0F0F0",
|
|
701
|
+
surfaceBright: "#FFFFFF",
|
|
702
|
+
surfaceContainerBright: "#FFFFFF",
|
|
703
|
+
surfaceContainer: "#FAFAFA",
|
|
704
|
+
surfaceContainerDim: "#F5F5F5"
|
|
679
705
|
},
|
|
680
706
|
interaction: {
|
|
681
707
|
disabled: "#F0F0F0",
|
|
@@ -782,7 +808,7 @@ const e = {
|
|
|
782
808
|
positive: "#2EAB80",
|
|
783
809
|
onPositive: "#FFFFFF",
|
|
784
810
|
positiveContainer: "#BCEEDD",
|
|
785
|
-
onPositiveContainer: "#
|
|
811
|
+
onPositiveContainer: "#000000",
|
|
786
812
|
positiveContainerVariant: "#DBF5EA",
|
|
787
813
|
onPositiveContainerVariant: "#000000"
|
|
788
814
|
},
|
|
@@ -796,7 +822,12 @@ const e = {
|
|
|
796
822
|
outlineBright: "#E4E4E3",
|
|
797
823
|
outline: "#D1D0CD",
|
|
798
824
|
outlineDim: "#8C8B87",
|
|
799
|
-
scrim: "#00000033"
|
|
825
|
+
scrim: "#00000033",
|
|
826
|
+
surfaceDim: "#F0F0F0",
|
|
827
|
+
surfaceBright: "#FFFFFF",
|
|
828
|
+
surfaceContainerBright: "#FFFFFF",
|
|
829
|
+
surfaceContainer: "#FAFAFA",
|
|
830
|
+
surfaceContainerDim: "#F5F5F5"
|
|
800
831
|
},
|
|
801
832
|
interaction: {
|
|
802
833
|
disabled: "#F0F0F0",
|
|
@@ -903,7 +934,7 @@ const e = {
|
|
|
903
934
|
positive: "#2EAB80",
|
|
904
935
|
onPositive: "#FFFFFF",
|
|
905
936
|
positiveContainer: "#BCEEDD",
|
|
906
|
-
onPositiveContainer: "#
|
|
937
|
+
onPositiveContainer: "#000000",
|
|
907
938
|
positiveContainerVariant: "#DBF5EA",
|
|
908
939
|
onPositiveContainerVariant: "#000000"
|
|
909
940
|
},
|
|
@@ -917,7 +948,12 @@ const e = {
|
|
|
917
948
|
outlineBright: "#E4E4E3",
|
|
918
949
|
outline: "#D1D0CD",
|
|
919
950
|
outlineDim: "#8C8B87",
|
|
920
|
-
scrim: "#00000033"
|
|
951
|
+
scrim: "#00000033",
|
|
952
|
+
surfaceDim: "#F0F0F0",
|
|
953
|
+
surfaceBright: "#FFFFFF",
|
|
954
|
+
surfaceContainerBright: "#FFFFFF",
|
|
955
|
+
surfaceContainer: "#FAFAFA",
|
|
956
|
+
surfaceContainerDim: "#F5F5F5"
|
|
921
957
|
},
|
|
922
958
|
interaction: {
|
|
923
959
|
disabled: "#F0F0F0",
|
|
@@ -1024,7 +1060,7 @@ const e = {
|
|
|
1024
1060
|
positive: "#2EAB80",
|
|
1025
1061
|
onPositive: "#FFFFFF",
|
|
1026
1062
|
positiveContainer: "#BCEEDD",
|
|
1027
|
-
onPositiveContainer: "#
|
|
1063
|
+
onPositiveContainer: "#000000",
|
|
1028
1064
|
positiveContainerVariant: "#DBF5EA",
|
|
1029
1065
|
onPositiveContainerVariant: "#000000"
|
|
1030
1066
|
},
|
|
@@ -1038,7 +1074,12 @@ const e = {
|
|
|
1038
1074
|
outlineBright: "#E4E4E3",
|
|
1039
1075
|
outline: "#D1D0CD",
|
|
1040
1076
|
outlineDim: "#8C8B87",
|
|
1041
|
-
scrim: "#00000033"
|
|
1077
|
+
scrim: "#00000033",
|
|
1078
|
+
surfaceDim: "#F0F0F0",
|
|
1079
|
+
surfaceBright: "#FFFFFF",
|
|
1080
|
+
surfaceContainerBright: "#FFFFFF",
|
|
1081
|
+
surfaceContainer: "#FAFAFA",
|
|
1082
|
+
surfaceContainerDim: "#F5F5F5"
|
|
1042
1083
|
},
|
|
1043
1084
|
interaction: {
|
|
1044
1085
|
disabled: "#F0F0F0",
|
package/dist/preset.d.ts
CHANGED
|
@@ -128,6 +128,21 @@ declare const themes: {
|
|
|
128
128
|
scrim: {
|
|
129
129
|
value: string;
|
|
130
130
|
};
|
|
131
|
+
surfaceDim: {
|
|
132
|
+
value: string;
|
|
133
|
+
};
|
|
134
|
+
surfaceBright: {
|
|
135
|
+
value: string;
|
|
136
|
+
};
|
|
137
|
+
surfaceContainerBright: {
|
|
138
|
+
value: string;
|
|
139
|
+
};
|
|
140
|
+
surfaceContainer: {
|
|
141
|
+
value: string;
|
|
142
|
+
};
|
|
143
|
+
surfaceContainerDim: {
|
|
144
|
+
value: string;
|
|
145
|
+
};
|
|
131
146
|
};
|
|
132
147
|
interaction: {
|
|
133
148
|
disabled: {
|
|
@@ -423,6 +438,21 @@ declare const themes: {
|
|
|
423
438
|
scrim: {
|
|
424
439
|
value: string;
|
|
425
440
|
};
|
|
441
|
+
surfaceDim: {
|
|
442
|
+
value: string;
|
|
443
|
+
};
|
|
444
|
+
surfaceBright: {
|
|
445
|
+
value: string;
|
|
446
|
+
};
|
|
447
|
+
surfaceContainerBright: {
|
|
448
|
+
value: string;
|
|
449
|
+
};
|
|
450
|
+
surfaceContainer: {
|
|
451
|
+
value: string;
|
|
452
|
+
};
|
|
453
|
+
surfaceContainerDim: {
|
|
454
|
+
value: string;
|
|
455
|
+
};
|
|
426
456
|
};
|
|
427
457
|
interaction: {
|
|
428
458
|
disabled: {
|
|
@@ -718,6 +748,21 @@ declare const themes: {
|
|
|
718
748
|
scrim: {
|
|
719
749
|
value: string;
|
|
720
750
|
};
|
|
751
|
+
surfaceDim: {
|
|
752
|
+
value: string;
|
|
753
|
+
};
|
|
754
|
+
surfaceBright: {
|
|
755
|
+
value: string;
|
|
756
|
+
};
|
|
757
|
+
surfaceContainerBright: {
|
|
758
|
+
value: string;
|
|
759
|
+
};
|
|
760
|
+
surfaceContainer: {
|
|
761
|
+
value: string;
|
|
762
|
+
};
|
|
763
|
+
surfaceContainerDim: {
|
|
764
|
+
value: string;
|
|
765
|
+
};
|
|
721
766
|
};
|
|
722
767
|
interaction: {
|
|
723
768
|
disabled: {
|
|
@@ -1013,6 +1058,21 @@ declare const themes: {
|
|
|
1013
1058
|
scrim: {
|
|
1014
1059
|
value: string;
|
|
1015
1060
|
};
|
|
1061
|
+
surfaceDim: {
|
|
1062
|
+
value: string;
|
|
1063
|
+
};
|
|
1064
|
+
surfaceBright: {
|
|
1065
|
+
value: string;
|
|
1066
|
+
};
|
|
1067
|
+
surfaceContainerBright: {
|
|
1068
|
+
value: string;
|
|
1069
|
+
};
|
|
1070
|
+
surfaceContainer: {
|
|
1071
|
+
value: string;
|
|
1072
|
+
};
|
|
1073
|
+
surfaceContainerDim: {
|
|
1074
|
+
value: string;
|
|
1075
|
+
};
|
|
1016
1076
|
};
|
|
1017
1077
|
interaction: {
|
|
1018
1078
|
disabled: {
|
|
@@ -1360,6 +1420,18 @@ export declare const SerendiePreset: {
|
|
|
1360
1420
|
wh60: {
|
|
1361
1421
|
value: string;
|
|
1362
1422
|
};
|
|
1423
|
+
wh2: {
|
|
1424
|
+
value: string;
|
|
1425
|
+
};
|
|
1426
|
+
wh5: {
|
|
1427
|
+
value: string;
|
|
1428
|
+
};
|
|
1429
|
+
wh20: {
|
|
1430
|
+
value: string;
|
|
1431
|
+
};
|
|
1432
|
+
bl60: {
|
|
1433
|
+
value: string;
|
|
1434
|
+
};
|
|
1363
1435
|
};
|
|
1364
1436
|
gray: {
|
|
1365
1437
|
100: {
|
|
@@ -1393,6 +1465,38 @@ export declare const SerendiePreset: {
|
|
|
1393
1465
|
value: string;
|
|
1394
1466
|
};
|
|
1395
1467
|
};
|
|
1468
|
+
neutral: {
|
|
1469
|
+
100: {
|
|
1470
|
+
value: string;
|
|
1471
|
+
};
|
|
1472
|
+
200: {
|
|
1473
|
+
value: string;
|
|
1474
|
+
};
|
|
1475
|
+
300: {
|
|
1476
|
+
value: string;
|
|
1477
|
+
};
|
|
1478
|
+
400: {
|
|
1479
|
+
value: string;
|
|
1480
|
+
};
|
|
1481
|
+
500: {
|
|
1482
|
+
value: string;
|
|
1483
|
+
};
|
|
1484
|
+
600: {
|
|
1485
|
+
value: string;
|
|
1486
|
+
};
|
|
1487
|
+
700: {
|
|
1488
|
+
value: string;
|
|
1489
|
+
};
|
|
1490
|
+
800: {
|
|
1491
|
+
value: string;
|
|
1492
|
+
};
|
|
1493
|
+
900: {
|
|
1494
|
+
value: string;
|
|
1495
|
+
};
|
|
1496
|
+
1000: {
|
|
1497
|
+
value: string;
|
|
1498
|
+
};
|
|
1499
|
+
};
|
|
1396
1500
|
red: {
|
|
1397
1501
|
100: {
|
|
1398
1502
|
value: string;
|
|
@@ -1809,6 +1913,21 @@ export declare const SerendiePreset: {
|
|
|
1809
1913
|
scrim: {
|
|
1810
1914
|
value: string;
|
|
1811
1915
|
};
|
|
1916
|
+
surfaceDim: {
|
|
1917
|
+
value: string;
|
|
1918
|
+
};
|
|
1919
|
+
surfaceBright: {
|
|
1920
|
+
value: string;
|
|
1921
|
+
};
|
|
1922
|
+
surfaceContainerBright: {
|
|
1923
|
+
value: string;
|
|
1924
|
+
};
|
|
1925
|
+
surfaceContainer: {
|
|
1926
|
+
value: string;
|
|
1927
|
+
};
|
|
1928
|
+
surfaceContainerDim: {
|
|
1929
|
+
value: string;
|
|
1930
|
+
};
|
|
1812
1931
|
};
|
|
1813
1932
|
interaction: {
|
|
1814
1933
|
disabled: {
|