@serendie/ui 2.4.2 → 2.5.0-dev.202602161326

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.
Files changed (19) hide show
  1. package/dist/components/Search/Search.d.ts +11 -1
  2. package/dist/components/Search/Search.js +94 -50
  3. package/dist/components/TextField/TextField.js +52 -48
  4. package/dist/node_modules/@serendie/design-token/dist/panda-tokens.js +124 -5
  5. package/dist/node_modules/@serendie/design-token/dist/tokens.js +52 -11
  6. package/dist/preset.d.ts +119 -0
  7. package/dist/styled-system/tokens/index.js +396 -0
  8. package/dist/styles.css +1 -1
  9. package/dist/tokens/getToken.d.ts +41 -0
  10. package/dist/tokens/index.d.ts +119 -0
  11. package/package.json +1 -1
  12. package/styled-system/themes/theme-asagi.json +1 -1
  13. package/styled-system/themes/theme-kurikawa.json +1 -1
  14. package/styled-system/themes/theme-sumire.json +1 -1
  15. package/styled-system/themes/theme-tsutsuji.json +1 -1
  16. package/styled-system/tokens/index.js +396 -0
  17. package/styled-system/tokens/tokens.d.ts +3 -3
  18. package/styled-system/types/prop-type.d.ts +1 -1
  19. package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-trigger.js +0 -14
package/dist/node_modules/@serendie/design-token/dist/tokens.js CHANGED
@@ -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: "#FFFFFF",
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: "#FFFFFF",
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: "#FFFFFF",
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: "#FFFFFF",
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: "#FFFFFF",
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: {