@serendie/ui 2.5.1-dev.202602161330 → 2.5.1-dev.202602170627

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 (51) hide show
  1. package/README.md +63 -8
  2. package/dist/client.js +135 -119
  3. package/dist/components/Avatar/Avatar.js +3 -3
  4. package/dist/components/Badge/Badge.d.ts +6 -6
  5. package/dist/components/Badge/Badge.js +21 -21
  6. package/dist/components/Banner/Banner.d.ts +1 -4
  7. package/dist/components/Banner/Banner.js +8 -11
  8. package/dist/components/Button/Button.d.ts +0 -2
  9. package/dist/components/Button/Button.js +10 -11
  10. package/dist/components/CheckBox/CheckBox.js +4 -4
  11. package/dist/components/DatePicker/styles.js +1 -1
  12. package/dist/components/Divider/Divider.d.ts +2 -2
  13. package/dist/components/Divider/Divider.js +11 -11
  14. package/dist/components/Drawer/Drawer.js +3 -3
  15. package/dist/components/DropdownMenu/DropdownMenu.js +5 -5
  16. package/dist/components/IconButton/IconButton.d.ts +0 -1
  17. package/dist/components/IconButton/IconButton.js +0 -1
  18. package/dist/components/ModalDialog/ModalDialog.js +1 -1
  19. package/dist/components/ProgressIndicator/ProgressIndicator.js +9 -9
  20. package/dist/components/Search/Search.js +5 -5
  21. package/dist/components/Select/Select.js +14 -14
  22. package/dist/components/Switch/Switch.js +5 -5
  23. package/dist/components/Toast/Toast.d.ts +3 -5
  24. package/dist/components/Toast/Toast.js +8 -10
  25. package/dist/i18n/index.d.ts +1 -1
  26. package/dist/i18n/provider.d.ts +29 -4
  27. package/dist/i18n/provider.js +31 -11
  28. package/dist/index.d.ts +2 -0
  29. package/dist/index.js +135 -119
  30. package/dist/node_modules/@serendie/design-token/dist/panda-tokens.js +310 -0
  31. package/dist/node_modules/@serendie/design-token/dist/tokens.js +126 -0
  32. package/dist/preset.d.ts +0 -930
  33. package/dist/styled-system/css/conditions.js +1 -1
  34. package/dist/styled-system/jsx/is-valid-prop.js +1 -1
  35. package/dist/styles.css +1 -1
  36. package/dist/theme/ThemeContext.d.ts +55 -0
  37. package/dist/theme/ThemeContext.js +15 -0
  38. package/dist/theme/index.d.ts +3 -0
  39. package/dist/theme/index.js +11 -0
  40. package/dist/theme/initColorScheme.d.ts +74 -0
  41. package/dist/theme/initColorScheme.js +32 -0
  42. package/dist/theme/useSystemColorScheme.d.ts +15 -0
  43. package/dist/theme/useSystemColorScheme.js +19 -0
  44. package/dist/tokens/getToken.d.ts +0 -378
  45. package/dist/tokens/index.d.ts +0 -930
  46. package/package.json +2 -2
  47. package/styled-system/css/conditions.js +1 -1
  48. package/styled-system/jsx/is-valid-prop.js +1 -1
  49. package/styled-system/themes/index.d.ts +6 -1
  50. package/styled-system/themes/theme-konjo-dark.json +5 -0
  51. package/styled-system/types/conditions.d.ts +2 -0
@@ -1570,936 +1570,6 @@ export declare const SerendieTokens: {
1570
1570
  };
1571
1571
  };
1572
1572
  };
1573
- kurikawa: {
1574
- tokens: {
1575
- colors: {
1576
- sd: {
1577
- system: {
1578
- color: {
1579
- impression: {
1580
- primary: {
1581
- value: string;
1582
- };
1583
- onPrimary: {
1584
- value: string;
1585
- };
1586
- primaryContainer: {
1587
- value: string;
1588
- };
1589
- onPrimaryContainer: {
1590
- value: string;
1591
- };
1592
- secondary: {
1593
- value: string;
1594
- };
1595
- onSecondary: {
1596
- value: string;
1597
- };
1598
- secondaryContainer: {
1599
- value: string;
1600
- };
1601
- onSecondaryContainer: {
1602
- value: string;
1603
- };
1604
- tertiary: {
1605
- value: string;
1606
- };
1607
- onTertiary: {
1608
- value: string;
1609
- };
1610
- tertiaryContainer: {
1611
- value: string;
1612
- };
1613
- onTertiaryContainer: {
1614
- value: string;
1615
- };
1616
- notice: {
1617
- value: string;
1618
- };
1619
- onNotice: {
1620
- value: string;
1621
- };
1622
- noticeContainer: {
1623
- value: string;
1624
- };
1625
- onNoticeContainer: {
1626
- value: string;
1627
- };
1628
- noticeContainerVariant: {
1629
- value: string;
1630
- };
1631
- onNoticeContainerVariant: {
1632
- value: string;
1633
- };
1634
- negative: {
1635
- value: string;
1636
- };
1637
- onNegative: {
1638
- value: string;
1639
- };
1640
- negativeContainer: {
1641
- value: string;
1642
- };
1643
- onNegativeContainer: {
1644
- value: string;
1645
- };
1646
- negativeContainerVariant: {
1647
- value: string;
1648
- };
1649
- onNegativeContainerVariant: {
1650
- value: string;
1651
- };
1652
- positive: {
1653
- value: string;
1654
- };
1655
- onPositive: {
1656
- value: string;
1657
- };
1658
- positiveContainer: {
1659
- value: string;
1660
- };
1661
- onPositiveContainer: {
1662
- value: string;
1663
- };
1664
- positiveContainerVariant: {
1665
- value: string;
1666
- };
1667
- onPositiveContainerVariant: {
1668
- value: string;
1669
- };
1670
- };
1671
- component: {
1672
- surface: {
1673
- value: string;
1674
- };
1675
- onSurface: {
1676
- value: string;
1677
- };
1678
- onSurfaceVariant: {
1679
- value: string;
1680
- };
1681
- inverseSurface: {
1682
- value: string;
1683
- };
1684
- inverseOnSurface: {
1685
- value: string;
1686
- };
1687
- inversePrimary: {
1688
- value: string;
1689
- };
1690
- outlineBright: {
1691
- value: string;
1692
- };
1693
- outline: {
1694
- value: string;
1695
- };
1696
- outlineDim: {
1697
- value: string;
1698
- };
1699
- scrim: {
1700
- value: string;
1701
- };
1702
- surfaceDim: {
1703
- value: string;
1704
- };
1705
- surfaceBright: {
1706
- value: string;
1707
- };
1708
- surfaceContainerBright: {
1709
- value: string;
1710
- };
1711
- surfaceContainer: {
1712
- value: string;
1713
- };
1714
- surfaceContainerDim: {
1715
- value: string;
1716
- };
1717
- };
1718
- interaction: {
1719
- disabled: {
1720
- value: string;
1721
- };
1722
- disabledOnSurface: {
1723
- value: string;
1724
- };
1725
- selected: {
1726
- value: string;
1727
- };
1728
- selectedSurface: {
1729
- value: string;
1730
- };
1731
- hovered: {
1732
- value: string;
1733
- };
1734
- hoveredVariant: {
1735
- value: string;
1736
- };
1737
- hoveredOnPrimary: {
1738
- value: string;
1739
- };
1740
- };
1741
- chart: {
1742
- mark: {
1743
- primary: {
1744
- "01": {
1745
- value: string;
1746
- };
1747
- "02": {
1748
- value: string;
1749
- };
1750
- "03": {
1751
- value: string;
1752
- };
1753
- "04": {
1754
- value: string;
1755
- };
1756
- "05": {
1757
- value: string;
1758
- };
1759
- "06": {
1760
- value: string;
1761
- };
1762
- };
1763
- positive: {
1764
- "01": {
1765
- value: string;
1766
- };
1767
- "02": {
1768
- value: string;
1769
- };
1770
- "03": {
1771
- value: string;
1772
- };
1773
- "04": {
1774
- value: string;
1775
- };
1776
- "05": {
1777
- value: string;
1778
- };
1779
- "06": {
1780
- value: string;
1781
- };
1782
- };
1783
- negative: {
1784
- "01": {
1785
- value: string;
1786
- };
1787
- "02": {
1788
- value: string;
1789
- };
1790
- "03": {
1791
- value: string;
1792
- };
1793
- "04": {
1794
- value: string;
1795
- };
1796
- "05": {
1797
- value: string;
1798
- };
1799
- "06": {
1800
- value: string;
1801
- };
1802
- };
1803
- notice: {
1804
- "01": {
1805
- value: string;
1806
- };
1807
- "02": {
1808
- value: string;
1809
- };
1810
- "03": {
1811
- value: string;
1812
- };
1813
- "04": {
1814
- value: string;
1815
- };
1816
- "05": {
1817
- value: string;
1818
- };
1819
- "06": {
1820
- value: string;
1821
- };
1822
- };
1823
- multi: {
1824
- 10: {
1825
- value: string;
1826
- };
1827
- "01": {
1828
- value: string;
1829
- };
1830
- "02": {
1831
- value: string;
1832
- };
1833
- "03": {
1834
- value: string;
1835
- };
1836
- "04": {
1837
- value: string;
1838
- };
1839
- "05": {
1840
- value: string;
1841
- };
1842
- "06": {
1843
- value: string;
1844
- };
1845
- "07": {
1846
- value: string;
1847
- };
1848
- "08": {
1849
- value: string;
1850
- };
1851
- "09": {
1852
- value: string;
1853
- };
1854
- };
1855
- };
1856
- component: {
1857
- onMarkLabel: {
1858
- value: string;
1859
- };
1860
- inverseOnMarkLabel: {
1861
- value: string;
1862
- };
1863
- scalemark: {
1864
- value: string;
1865
- };
1866
- threshold: {
1867
- value: string;
1868
- };
1869
- chartSurface: {
1870
- value: string;
1871
- };
1872
- onChartSurface: {
1873
- value: string;
1874
- };
1875
- };
1876
- };
1877
- };
1878
- };
1879
- };
1880
- };
1881
- };
1882
- };
1883
- sumire: {
1884
- tokens: {
1885
- colors: {
1886
- sd: {
1887
- system: {
1888
- color: {
1889
- impression: {
1890
- primary: {
1891
- value: string;
1892
- };
1893
- onPrimary: {
1894
- value: string;
1895
- };
1896
- primaryContainer: {
1897
- value: string;
1898
- };
1899
- onPrimaryContainer: {
1900
- value: string;
1901
- };
1902
- secondary: {
1903
- value: string;
1904
- };
1905
- onSecondary: {
1906
- value: string;
1907
- };
1908
- secondaryContainer: {
1909
- value: string;
1910
- };
1911
- onSecondaryContainer: {
1912
- value: string;
1913
- };
1914
- tertiary: {
1915
- value: string;
1916
- };
1917
- onTertiary: {
1918
- value: string;
1919
- };
1920
- tertiaryContainer: {
1921
- value: string;
1922
- };
1923
- onTertiaryContainer: {
1924
- value: string;
1925
- };
1926
- notice: {
1927
- value: string;
1928
- };
1929
- onNotice: {
1930
- value: string;
1931
- };
1932
- noticeContainer: {
1933
- value: string;
1934
- };
1935
- onNoticeContainer: {
1936
- value: string;
1937
- };
1938
- noticeContainerVariant: {
1939
- value: string;
1940
- };
1941
- onNoticeContainerVariant: {
1942
- value: string;
1943
- };
1944
- negative: {
1945
- value: string;
1946
- };
1947
- onNegative: {
1948
- value: string;
1949
- };
1950
- negativeContainer: {
1951
- value: string;
1952
- };
1953
- onNegativeContainer: {
1954
- value: string;
1955
- };
1956
- negativeContainerVariant: {
1957
- value: string;
1958
- };
1959
- onNegativeContainerVariant: {
1960
- value: string;
1961
- };
1962
- positive: {
1963
- value: string;
1964
- };
1965
- onPositive: {
1966
- value: string;
1967
- };
1968
- positiveContainer: {
1969
- value: string;
1970
- };
1971
- onPositiveContainer: {
1972
- value: string;
1973
- };
1974
- positiveContainerVariant: {
1975
- value: string;
1976
- };
1977
- onPositiveContainerVariant: {
1978
- value: string;
1979
- };
1980
- };
1981
- component: {
1982
- surface: {
1983
- value: string;
1984
- };
1985
- onSurface: {
1986
- value: string;
1987
- };
1988
- onSurfaceVariant: {
1989
- value: string;
1990
- };
1991
- inverseSurface: {
1992
- value: string;
1993
- };
1994
- inverseOnSurface: {
1995
- value: string;
1996
- };
1997
- inversePrimary: {
1998
- value: string;
1999
- };
2000
- outlineBright: {
2001
- value: string;
2002
- };
2003
- outline: {
2004
- value: string;
2005
- };
2006
- outlineDim: {
2007
- value: string;
2008
- };
2009
- scrim: {
2010
- value: string;
2011
- };
2012
- surfaceDim: {
2013
- value: string;
2014
- };
2015
- surfaceBright: {
2016
- value: string;
2017
- };
2018
- surfaceContainerBright: {
2019
- value: string;
2020
- };
2021
- surfaceContainer: {
2022
- value: string;
2023
- };
2024
- surfaceContainerDim: {
2025
- value: string;
2026
- };
2027
- };
2028
- interaction: {
2029
- disabled: {
2030
- value: string;
2031
- };
2032
- disabledOnSurface: {
2033
- value: string;
2034
- };
2035
- selected: {
2036
- value: string;
2037
- };
2038
- selectedSurface: {
2039
- value: string;
2040
- };
2041
- hovered: {
2042
- value: string;
2043
- };
2044
- hoveredVariant: {
2045
- value: string;
2046
- };
2047
- hoveredOnPrimary: {
2048
- value: string;
2049
- };
2050
- };
2051
- chart: {
2052
- mark: {
2053
- primary: {
2054
- "01": {
2055
- value: string;
2056
- };
2057
- "02": {
2058
- value: string;
2059
- };
2060
- "03": {
2061
- value: string;
2062
- };
2063
- "04": {
2064
- value: string;
2065
- };
2066
- "05": {
2067
- value: string;
2068
- };
2069
- "06": {
2070
- value: string;
2071
- };
2072
- };
2073
- positive: {
2074
- "01": {
2075
- value: string;
2076
- };
2077
- "02": {
2078
- value: string;
2079
- };
2080
- "03": {
2081
- value: string;
2082
- };
2083
- "04": {
2084
- value: string;
2085
- };
2086
- "05": {
2087
- value: string;
2088
- };
2089
- "06": {
2090
- value: string;
2091
- };
2092
- };
2093
- negative: {
2094
- "01": {
2095
- value: string;
2096
- };
2097
- "02": {
2098
- value: string;
2099
- };
2100
- "03": {
2101
- value: string;
2102
- };
2103
- "04": {
2104
- value: string;
2105
- };
2106
- "05": {
2107
- value: string;
2108
- };
2109
- "06": {
2110
- value: string;
2111
- };
2112
- };
2113
- notice: {
2114
- "01": {
2115
- value: string;
2116
- };
2117
- "02": {
2118
- value: string;
2119
- };
2120
- "03": {
2121
- value: string;
2122
- };
2123
- "04": {
2124
- value: string;
2125
- };
2126
- "05": {
2127
- value: string;
2128
- };
2129
- "06": {
2130
- value: string;
2131
- };
2132
- };
2133
- multi: {
2134
- 10: {
2135
- value: string;
2136
- };
2137
- "01": {
2138
- value: string;
2139
- };
2140
- "02": {
2141
- value: string;
2142
- };
2143
- "03": {
2144
- value: string;
2145
- };
2146
- "04": {
2147
- value: string;
2148
- };
2149
- "05": {
2150
- value: string;
2151
- };
2152
- "06": {
2153
- value: string;
2154
- };
2155
- "07": {
2156
- value: string;
2157
- };
2158
- "08": {
2159
- value: string;
2160
- };
2161
- "09": {
2162
- value: string;
2163
- };
2164
- };
2165
- };
2166
- component: {
2167
- onMarkLabel: {
2168
- value: string;
2169
- };
2170
- inverseOnMarkLabel: {
2171
- value: string;
2172
- };
2173
- scalemark: {
2174
- value: string;
2175
- };
2176
- threshold: {
2177
- value: string;
2178
- };
2179
- chartSurface: {
2180
- value: string;
2181
- };
2182
- onChartSurface: {
2183
- value: string;
2184
- };
2185
- };
2186
- };
2187
- };
2188
- };
2189
- };
2190
- };
2191
- };
2192
- };
2193
- tsutsuji: {
2194
- tokens: {
2195
- colors: {
2196
- sd: {
2197
- system: {
2198
- color: {
2199
- impression: {
2200
- primary: {
2201
- value: string;
2202
- };
2203
- onPrimary: {
2204
- value: string;
2205
- };
2206
- primaryContainer: {
2207
- value: string;
2208
- };
2209
- onPrimaryContainer: {
2210
- value: string;
2211
- };
2212
- secondary: {
2213
- value: string;
2214
- };
2215
- onSecondary: {
2216
- value: string;
2217
- };
2218
- secondaryContainer: {
2219
- value: string;
2220
- };
2221
- onSecondaryContainer: {
2222
- value: string;
2223
- };
2224
- tertiary: {
2225
- value: string;
2226
- };
2227
- onTertiary: {
2228
- value: string;
2229
- };
2230
- tertiaryContainer: {
2231
- value: string;
2232
- };
2233
- onTertiaryContainer: {
2234
- value: string;
2235
- };
2236
- notice: {
2237
- value: string;
2238
- };
2239
- onNotice: {
2240
- value: string;
2241
- };
2242
- noticeContainer: {
2243
- value: string;
2244
- };
2245
- onNoticeContainer: {
2246
- value: string;
2247
- };
2248
- noticeContainerVariant: {
2249
- value: string;
2250
- };
2251
- onNoticeContainerVariant: {
2252
- value: string;
2253
- };
2254
- negative: {
2255
- value: string;
2256
- };
2257
- onNegative: {
2258
- value: string;
2259
- };
2260
- negativeContainer: {
2261
- value: string;
2262
- };
2263
- onNegativeContainer: {
2264
- value: string;
2265
- };
2266
- negativeContainerVariant: {
2267
- value: string;
2268
- };
2269
- onNegativeContainerVariant: {
2270
- value: string;
2271
- };
2272
- positive: {
2273
- value: string;
2274
- };
2275
- onPositive: {
2276
- value: string;
2277
- };
2278
- positiveContainer: {
2279
- value: string;
2280
- };
2281
- onPositiveContainer: {
2282
- value: string;
2283
- };
2284
- positiveContainerVariant: {
2285
- value: string;
2286
- };
2287
- onPositiveContainerVariant: {
2288
- value: string;
2289
- };
2290
- };
2291
- component: {
2292
- surface: {
2293
- value: string;
2294
- };
2295
- onSurface: {
2296
- value: string;
2297
- };
2298
- onSurfaceVariant: {
2299
- value: string;
2300
- };
2301
- inverseSurface: {
2302
- value: string;
2303
- };
2304
- inverseOnSurface: {
2305
- value: string;
2306
- };
2307
- inversePrimary: {
2308
- value: string;
2309
- };
2310
- outlineBright: {
2311
- value: string;
2312
- };
2313
- outline: {
2314
- value: string;
2315
- };
2316
- outlineDim: {
2317
- value: string;
2318
- };
2319
- scrim: {
2320
- value: string;
2321
- };
2322
- surfaceDim: {
2323
- value: string;
2324
- };
2325
- surfaceBright: {
2326
- value: string;
2327
- };
2328
- surfaceContainerBright: {
2329
- value: string;
2330
- };
2331
- surfaceContainer: {
2332
- value: string;
2333
- };
2334
- surfaceContainerDim: {
2335
- value: string;
2336
- };
2337
- };
2338
- interaction: {
2339
- disabled: {
2340
- value: string;
2341
- };
2342
- disabledOnSurface: {
2343
- value: string;
2344
- };
2345
- selected: {
2346
- value: string;
2347
- };
2348
- selectedSurface: {
2349
- value: string;
2350
- };
2351
- hovered: {
2352
- value: string;
2353
- };
2354
- hoveredVariant: {
2355
- value: string;
2356
- };
2357
- hoveredOnPrimary: {
2358
- value: string;
2359
- };
2360
- };
2361
- chart: {
2362
- mark: {
2363
- primary: {
2364
- "01": {
2365
- value: string;
2366
- };
2367
- "02": {
2368
- value: string;
2369
- };
2370
- "03": {
2371
- value: string;
2372
- };
2373
- "04": {
2374
- value: string;
2375
- };
2376
- "05": {
2377
- value: string;
2378
- };
2379
- "06": {
2380
- value: string;
2381
- };
2382
- };
2383
- positive: {
2384
- "01": {
2385
- value: string;
2386
- };
2387
- "02": {
2388
- value: string;
2389
- };
2390
- "03": {
2391
- value: string;
2392
- };
2393
- "04": {
2394
- value: string;
2395
- };
2396
- "05": {
2397
- value: string;
2398
- };
2399
- "06": {
2400
- value: string;
2401
- };
2402
- };
2403
- negative: {
2404
- "01": {
2405
- value: string;
2406
- };
2407
- "02": {
2408
- value: string;
2409
- };
2410
- "03": {
2411
- value: string;
2412
- };
2413
- "04": {
2414
- value: string;
2415
- };
2416
- "05": {
2417
- value: string;
2418
- };
2419
- "06": {
2420
- value: string;
2421
- };
2422
- };
2423
- notice: {
2424
- "01": {
2425
- value: string;
2426
- };
2427
- "02": {
2428
- value: string;
2429
- };
2430
- "03": {
2431
- value: string;
2432
- };
2433
- "04": {
2434
- value: string;
2435
- };
2436
- "05": {
2437
- value: string;
2438
- };
2439
- "06": {
2440
- value: string;
2441
- };
2442
- };
2443
- multi: {
2444
- 10: {
2445
- value: string;
2446
- };
2447
- "01": {
2448
- value: string;
2449
- };
2450
- "02": {
2451
- value: string;
2452
- };
2453
- "03": {
2454
- value: string;
2455
- };
2456
- "04": {
2457
- value: string;
2458
- };
2459
- "05": {
2460
- value: string;
2461
- };
2462
- "06": {
2463
- value: string;
2464
- };
2465
- "07": {
2466
- value: string;
2467
- };
2468
- "08": {
2469
- value: string;
2470
- };
2471
- "09": {
2472
- value: string;
2473
- };
2474
- };
2475
- };
2476
- component: {
2477
- onMarkLabel: {
2478
- value: string;
2479
- };
2480
- inverseOnMarkLabel: {
2481
- value: string;
2482
- };
2483
- scalemark: {
2484
- value: string;
2485
- };
2486
- threshold: {
2487
- value: string;
2488
- };
2489
- chartSurface: {
2490
- value: string;
2491
- };
2492
- onChartSurface: {
2493
- value: string;
2494
- };
2495
- };
2496
- };
2497
- };
2498
- };
2499
- };
2500
- };
2501
- };
2502
- };
2503
1573
  };
2504
1574
  };
2505
1575
  export declare const SerendieTypography: {