@octoguide/mui-ui-toolkit 0.7.2 → 0.7.4

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/index.js CHANGED
@@ -645,12 +645,14 @@ function createMuiTheme(tokens, darkMode = false) {
645
645
  subtle: darkMode ? "#2a2a2a" : tokens.colors.backgroundSubtle
646
646
  },
647
647
  border: tokens.colors.border,
648
- text: darkMode ? void 0 : {
649
- primary: tokens.colors.textPrimary,
650
- secondary: tokens.colors.textSecondary,
651
- disabled: tokens.colors.textDisabled
652
- },
653
- divider: darkMode ? void 0 : tokens.colors.divider
648
+ ...darkMode ? {} : {
649
+ text: {
650
+ primary: tokens.colors.textPrimary,
651
+ secondary: tokens.colors.textSecondary,
652
+ disabled: tokens.colors.textDisabled
653
+ },
654
+ divider: tokens.colors.divider
655
+ }
654
656
  },
655
657
  typography: {
656
658
  fontFamily: tokens.typography.fontFamilyBase,
@@ -2862,7 +2864,7 @@ var StyledLegend = (0, import_styles20.styled)("legend")(({ theme }) => ({
2862
2864
  fontFamily: theme.tokens.typography.fontFamilyBase,
2863
2865
  fontSize: theme.tokens.typography.fontSizeLg,
2864
2866
  fontWeight: theme.tokens.typography.fontWeightRegular,
2865
- color: theme.tokens.colors.textPrimary,
2867
+ color: theme.palette.mode === "dark" ? theme.palette.common.white : theme.tokens.colors.textPrimary,
2866
2868
  marginBottom: theme.spacing(1),
2867
2869
  padding: 0
2868
2870
  }));
@@ -2871,7 +2873,7 @@ var StyledToggleWrapper = (0, import_styles20.styled)("div")(({ theme }) => ({
2871
2873
  flexDirection: "row",
2872
2874
  width: theme.spacing(15),
2873
2875
  height: theme.spacing(6),
2874
- backgroundColor: theme.palette.common.white,
2876
+ backgroundColor: theme.palette.mode === "dark" ? theme.palette.background.paper : theme.palette.common.white,
2875
2877
  border: `1px solid ${theme.tokens.colors.border}`,
2876
2878
  borderRadius: theme.tokens.borderRadius.md
2877
2879
  }));
@@ -2886,7 +2888,7 @@ var StyledSwitch = (0, import_styles20.styled)("label", {
2886
2888
  fontSize: theme.tokens.typography.fontSizeMd,
2887
2889
  fontFamily: theme.tokens.typography.fontFamilyBase,
2888
2890
  fontWeight: theme.tokens.typography.fontWeightBold,
2889
- color: theme.tokens.colors.textPrimary,
2891
+ color: theme.palette.mode === "dark" ? theme.palette.common.white : theme.tokens.colors.textPrimary,
2890
2892
  borderRadius: theme.tokens.borderRadius.md,
2891
2893
  userSelect: "none",
2892
2894
  cursor: "pointer",