@serendie/ui 2.5.0 → 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 (52) 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/TextField/TextField.js +52 -48
  24. package/dist/components/Toast/Toast.d.ts +3 -5
  25. package/dist/components/Toast/Toast.js +8 -10
  26. package/dist/i18n/index.d.ts +1 -1
  27. package/dist/i18n/provider.d.ts +29 -4
  28. package/dist/i18n/provider.js +31 -11
  29. package/dist/index.d.ts +2 -0
  30. package/dist/index.js +135 -119
  31. package/dist/node_modules/@serendie/design-token/dist/panda-tokens.js +310 -0
  32. package/dist/node_modules/@serendie/design-token/dist/tokens.js +126 -0
  33. package/dist/preset.d.ts +0 -930
  34. package/dist/styled-system/css/conditions.js +1 -1
  35. package/dist/styled-system/jsx/is-valid-prop.js +1 -1
  36. package/dist/styles.css +1 -1
  37. package/dist/theme/ThemeContext.d.ts +55 -0
  38. package/dist/theme/ThemeContext.js +15 -0
  39. package/dist/theme/index.d.ts +3 -0
  40. package/dist/theme/index.js +11 -0
  41. package/dist/theme/initColorScheme.d.ts +74 -0
  42. package/dist/theme/initColorScheme.js +32 -0
  43. package/dist/theme/useSystemColorScheme.d.ts +15 -0
  44. package/dist/theme/useSystemColorScheme.js +19 -0
  45. package/dist/tokens/getToken.d.ts +0 -378
  46. package/dist/tokens/index.d.ts +0 -930
  47. package/package.json +2 -2
  48. package/styled-system/css/conditions.js +1 -1
  49. package/styled-system/jsx/is-valid-prop.js +1 -1
  50. package/styled-system/themes/index.d.ts +6 -1
  51. package/styled-system/themes/theme-konjo-dark.json +5 -0
  52. package/styled-system/types/conditions.d.ts +2 -0
@@ -1736,6 +1736,316 @@ const e = {
1736
1736
  }
1737
1737
  }
1738
1738
  },
1739
+ "konjo-dark": {
1740
+ tokens: {
1741
+ colors: {
1742
+ sd: {
1743
+ system: {
1744
+ color: {
1745
+ impression: {
1746
+ primary: {
1747
+ value: "#C0CFFD"
1748
+ },
1749
+ onPrimary: {
1750
+ value: "#000000"
1751
+ },
1752
+ primaryContainer: {
1753
+ value: "#C0CFFD"
1754
+ },
1755
+ onPrimaryContainer: {
1756
+ value: "#000000"
1757
+ },
1758
+ secondary: {
1759
+ value: "#043F81"
1760
+ },
1761
+ onSecondary: {
1762
+ value: "#F0F0F0"
1763
+ },
1764
+ secondaryContainer: {
1765
+ value: "#043F81"
1766
+ },
1767
+ onSecondaryContainer: {
1768
+ value: "#F0F0F0"
1769
+ },
1770
+ tertiary: {
1771
+ value: "#081E3F"
1772
+ },
1773
+ onTertiary: {
1774
+ value: "#F0F0F0"
1775
+ },
1776
+ tertiaryContainer: {
1777
+ value: "#081E3F"
1778
+ },
1779
+ onTertiaryContainer: {
1780
+ value: "#F0F0F0"
1781
+ },
1782
+ notice: {
1783
+ value: "#DEC400"
1784
+ },
1785
+ onNotice: {
1786
+ value: "#FFFFFF"
1787
+ },
1788
+ noticeContainer: {
1789
+ value: "#514400"
1790
+ },
1791
+ onNoticeContainer: {
1792
+ value: "#FFFFFF"
1793
+ },
1794
+ noticeContainerVariant: {
1795
+ value: "#3A3000"
1796
+ },
1797
+ onNoticeContainerVariant: {
1798
+ value: "#F0F0F0"
1799
+ },
1800
+ negative: {
1801
+ value: "#FFC0BB"
1802
+ },
1803
+ onNegative: {
1804
+ value: "#000000"
1805
+ },
1806
+ negativeContainer: {
1807
+ value: "#81001F"
1808
+ },
1809
+ onNegativeContainer: {
1810
+ value: "#FFFFFF"
1811
+ },
1812
+ negativeContainerVariant: {
1813
+ value: "#600114"
1814
+ },
1815
+ onNegativeContainerVariant: {
1816
+ value: "#FFDCDA"
1817
+ },
1818
+ positive: {
1819
+ value: "#2EAB80"
1820
+ },
1821
+ onPositive: {
1822
+ value: "#FFFFFF"
1823
+ },
1824
+ positiveContainer: {
1825
+ value: "#146348"
1826
+ },
1827
+ onPositiveContainer: {
1828
+ value: "#F0F0F0"
1829
+ },
1830
+ positiveContainerVariant: {
1831
+ value: "#12372B"
1832
+ },
1833
+ onPositiveContainerVariant: {
1834
+ value: "#F0F0F0"
1835
+ }
1836
+ },
1837
+ component: {
1838
+ surface: {
1839
+ value: "#141414"
1840
+ },
1841
+ onSurface: {
1842
+ value: "#E4E4E3"
1843
+ },
1844
+ onSurfaceVariant: {
1845
+ value: "#B1B0AE"
1846
+ },
1847
+ inverseSurface: {
1848
+ value: "#F0F0F0"
1849
+ },
1850
+ inverseOnSurface: {
1851
+ value: "#000000"
1852
+ },
1853
+ inversePrimary: {
1854
+ value: "#081E3F"
1855
+ },
1856
+ outlineBright: {
1857
+ value: "#424242"
1858
+ },
1859
+ outline: {
1860
+ value: "#575757"
1861
+ },
1862
+ outlineDim: {
1863
+ value: "#8C8B87"
1864
+ },
1865
+ scrim: {
1866
+ value: "#00000099"
1867
+ },
1868
+ surfaceDim: {
1869
+ value: "#141414"
1870
+ },
1871
+ surfaceBright: {
1872
+ value: "#3B3B3B"
1873
+ },
1874
+ surfaceContainerBright: {
1875
+ value: "#212121"
1876
+ },
1877
+ surfaceContainer: {
1878
+ value: "#2E2E2E"
1879
+ },
1880
+ surfaceContainerDim: {
1881
+ value: "#474747"
1882
+ }
1883
+ },
1884
+ interaction: {
1885
+ disabled: {
1886
+ value: "#31312F"
1887
+ },
1888
+ disabledOnSurface: {
1889
+ value: "#6F6F6F"
1890
+ },
1891
+ selected: {
1892
+ value: "#FFFFFF05"
1893
+ },
1894
+ selectedSurface: {
1895
+ value: "#043F81"
1896
+ },
1897
+ hovered: {
1898
+ value: "#FFFFFF33"
1899
+ },
1900
+ hoveredVariant: {
1901
+ value: "#FFFFFF0D"
1902
+ },
1903
+ hoveredOnPrimary: {
1904
+ value: "#00000099"
1905
+ }
1906
+ },
1907
+ chart: {
1908
+ mark: {
1909
+ primary: {
1910
+ "01": {
1911
+ value: "#DDE3FF"
1912
+ },
1913
+ "02": {
1914
+ value: "#C0CFFD"
1915
+ },
1916
+ "03": {
1917
+ value: "#8FAEFE"
1918
+ },
1919
+ "04": {
1920
+ value: "#3B86F9"
1921
+ },
1922
+ "05": {
1923
+ value: "#056AD8"
1924
+ },
1925
+ "06": {
1926
+ value: "#073165"
1927
+ }
1928
+ },
1929
+ positive: {
1930
+ "01": {
1931
+ value: "#BCEEDD"
1932
+ },
1933
+ "02": {
1934
+ value: "#90E4C7"
1935
+ },
1936
+ "03": {
1937
+ value: "#46D2A2"
1938
+ },
1939
+ "04": {
1940
+ value: "#2EAB80"
1941
+ },
1942
+ "05": {
1943
+ value: "#2C7C60"
1944
+ },
1945
+ "06": {
1946
+ value: "#12372B"
1947
+ }
1948
+ },
1949
+ negative: {
1950
+ "01": {
1951
+ value: "#FFDCDA"
1952
+ },
1953
+ "02": {
1954
+ value: "#FFC0BB"
1955
+ },
1956
+ "03": {
1957
+ value: "#FF8F8F"
1958
+ },
1959
+ "04": {
1960
+ value: "#F64157"
1961
+ },
1962
+ "05": {
1963
+ value: "#D00138"
1964
+ },
1965
+ "06": {
1966
+ value: "#600114"
1967
+ }
1968
+ },
1969
+ notice: {
1970
+ "01": {
1971
+ value: "#FCE998"
1972
+ },
1973
+ "02": {
1974
+ value: "#EDD857"
1975
+ },
1976
+ "03": {
1977
+ value: "#DEC400"
1978
+ },
1979
+ "04": {
1980
+ value: "#A78E00"
1981
+ },
1982
+ "05": {
1983
+ value: "#816E00"
1984
+ },
1985
+ "06": {
1986
+ value: "#3A3000"
1987
+ }
1988
+ },
1989
+ multi: {
1990
+ 10: {
1991
+ value: "#AE8144"
1992
+ },
1993
+ "01": {
1994
+ value: "#056AD8"
1995
+ },
1996
+ "02": {
1997
+ value: "#46D2A2"
1998
+ },
1999
+ "03": {
2000
+ value: "#FF8F8F"
2001
+ },
2002
+ "04": {
2003
+ value: "#B36CCD"
2004
+ },
2005
+ "05": {
2006
+ value: "#8F3D15"
2007
+ },
2008
+ "06": {
2009
+ value: "#4ACBD4"
2010
+ },
2011
+ "07": {
2012
+ value: "#FCE998"
2013
+ },
2014
+ "08": {
2015
+ value: "#B54E1B"
2016
+ },
2017
+ "09": {
2018
+ value: "#9B2657"
2019
+ }
2020
+ }
2021
+ },
2022
+ component: {
2023
+ onMarkLabel: {
2024
+ value: "#000000"
2025
+ },
2026
+ inverseOnMarkLabel: {
2027
+ value: "#FFFFFF"
2028
+ },
2029
+ scalemark: {
2030
+ value: "#E4E4E3"
2031
+ },
2032
+ threshold: {
2033
+ value: "#3B86F9"
2034
+ },
2035
+ chartSurface: {
2036
+ value: "#FFFFFF"
2037
+ },
2038
+ onChartSurface: {
2039
+ value: "#6F6F6F"
2040
+ }
2041
+ }
2042
+ }
2043
+ }
2044
+ }
2045
+ }
2046
+ }
2047
+ }
2048
+ },
1739
2049
  kurikawa: {
1740
2050
  tokens: {
1741
2051
  colors: {
@@ -774,6 +774,132 @@ const e = {
774
774
  }
775
775
  }
776
776
  },
777
+ "konjo-dark": {
778
+ tokens: {
779
+ colors: {
780
+ sd: {
781
+ system: {
782
+ color: {
783
+ impression: {
784
+ primary: "#C0CFFD",
785
+ onPrimary: "#000000",
786
+ primaryContainer: "#C0CFFD",
787
+ onPrimaryContainer: "#000000",
788
+ secondary: "#043F81",
789
+ onSecondary: "#F0F0F0",
790
+ secondaryContainer: "#043F81",
791
+ onSecondaryContainer: "#F0F0F0",
792
+ tertiary: "#081E3F",
793
+ onTertiary: "#F0F0F0",
794
+ tertiaryContainer: "#081E3F",
795
+ onTertiaryContainer: "#F0F0F0",
796
+ notice: "#DEC400",
797
+ onNotice: "#FFFFFF",
798
+ noticeContainer: "#514400",
799
+ onNoticeContainer: "#FFFFFF",
800
+ noticeContainerVariant: "#3A3000",
801
+ onNoticeContainerVariant: "#F0F0F0",
802
+ negative: "#FFC0BB",
803
+ onNegative: "#000000",
804
+ negativeContainer: "#81001F",
805
+ onNegativeContainer: "#FFFFFF",
806
+ negativeContainerVariant: "#600114",
807
+ onNegativeContainerVariant: "#FFDCDA",
808
+ positive: "#2EAB80",
809
+ onPositive: "#FFFFFF",
810
+ positiveContainer: "#146348",
811
+ onPositiveContainer: "#F0F0F0",
812
+ positiveContainerVariant: "#12372B",
813
+ onPositiveContainerVariant: "#F0F0F0"
814
+ },
815
+ component: {
816
+ surface: "#141414",
817
+ onSurface: "#E4E4E3",
818
+ onSurfaceVariant: "#B1B0AE",
819
+ inverseSurface: "#F0F0F0",
820
+ inverseOnSurface: "#000000",
821
+ inversePrimary: "#081E3F",
822
+ outlineBright: "#424242",
823
+ outline: "#575757",
824
+ outlineDim: "#8C8B87",
825
+ scrim: "#00000099",
826
+ surfaceDim: "#141414",
827
+ surfaceBright: "#3B3B3B",
828
+ surfaceContainerBright: "#212121",
829
+ surfaceContainer: "#2E2E2E",
830
+ surfaceContainerDim: "#474747"
831
+ },
832
+ interaction: {
833
+ disabled: "#31312F",
834
+ disabledOnSurface: "#6F6F6F",
835
+ selected: "#FFFFFF05",
836
+ selectedSurface: "#043F81",
837
+ hovered: "#FFFFFF33",
838
+ hoveredVariant: "#FFFFFF0D",
839
+ hoveredOnPrimary: "#00000099"
840
+ },
841
+ chart: {
842
+ mark: {
843
+ primary: {
844
+ "01": "#DDE3FF",
845
+ "02": "#C0CFFD",
846
+ "03": "#8FAEFE",
847
+ "04": "#3B86F9",
848
+ "05": "#056AD8",
849
+ "06": "#073165"
850
+ },
851
+ positive: {
852
+ "01": "#BCEEDD",
853
+ "02": "#90E4C7",
854
+ "03": "#46D2A2",
855
+ "04": "#2EAB80",
856
+ "05": "#2C7C60",
857
+ "06": "#12372B"
858
+ },
859
+ negative: {
860
+ "01": "#FFDCDA",
861
+ "02": "#FFC0BB",
862
+ "03": "#FF8F8F",
863
+ "04": "#F64157",
864
+ "05": "#D00138",
865
+ "06": "#600114"
866
+ },
867
+ notice: {
868
+ "01": "#FCE998",
869
+ "02": "#EDD857",
870
+ "03": "#DEC400",
871
+ "04": "#A78E00",
872
+ "05": "#816E00",
873
+ "06": "#3A3000"
874
+ },
875
+ multi: {
876
+ 10: "#AE8144",
877
+ "01": "#056AD8",
878
+ "02": "#46D2A2",
879
+ "03": "#FF8F8F",
880
+ "04": "#B36CCD",
881
+ "05": "#8F3D15",
882
+ "06": "#4ACBD4",
883
+ "07": "#FCE998",
884
+ "08": "#B54E1B",
885
+ "09": "#9B2657"
886
+ }
887
+ },
888
+ component: {
889
+ onMarkLabel: "#000000",
890
+ inverseOnMarkLabel: "#FFFFFF",
891
+ scalemark: "#E4E4E3",
892
+ threshold: "#3B86F9",
893
+ chartSurface: "#FFFFFF",
894
+ onChartSurface: "#6F6F6F"
895
+ }
896
+ }
897
+ }
898
+ }
899
+ }
900
+ }
901
+ }
902
+ },
777
903
  kurikawa: {
778
904
  tokens: {
779
905
  colors: {