@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
package/dist/node_modules/@serendie/design-token/dist/tokens.js CHANGED
@@ -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: {