@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 +11 -9
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +11 -9
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -529,12 +529,14 @@ function createMuiTheme(tokens, darkMode = false) {
|
|
|
529
529
|
subtle: darkMode ? "#2a2a2a" : tokens.colors.backgroundSubtle
|
|
530
530
|
},
|
|
531
531
|
border: tokens.colors.border,
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
532
|
+
...darkMode ? {} : {
|
|
533
|
+
text: {
|
|
534
|
+
primary: tokens.colors.textPrimary,
|
|
535
|
+
secondary: tokens.colors.textSecondary,
|
|
536
|
+
disabled: tokens.colors.textDisabled
|
|
537
|
+
},
|
|
538
|
+
divider: tokens.colors.divider
|
|
539
|
+
}
|
|
538
540
|
},
|
|
539
541
|
typography: {
|
|
540
542
|
fontFamily: tokens.typography.fontFamilyBase,
|
|
@@ -2802,7 +2804,7 @@ var StyledLegend = styled18("legend")(({ theme }) => ({
|
|
|
2802
2804
|
fontFamily: theme.tokens.typography.fontFamilyBase,
|
|
2803
2805
|
fontSize: theme.tokens.typography.fontSizeLg,
|
|
2804
2806
|
fontWeight: theme.tokens.typography.fontWeightRegular,
|
|
2805
|
-
color: theme.tokens.colors.textPrimary,
|
|
2807
|
+
color: theme.palette.mode === "dark" ? theme.palette.common.white : theme.tokens.colors.textPrimary,
|
|
2806
2808
|
marginBottom: theme.spacing(1),
|
|
2807
2809
|
padding: 0
|
|
2808
2810
|
}));
|
|
@@ -2811,7 +2813,7 @@ var StyledToggleWrapper = styled18("div")(({ theme }) => ({
|
|
|
2811
2813
|
flexDirection: "row",
|
|
2812
2814
|
width: theme.spacing(15),
|
|
2813
2815
|
height: theme.spacing(6),
|
|
2814
|
-
backgroundColor: theme.palette.common.white,
|
|
2816
|
+
backgroundColor: theme.palette.mode === "dark" ? theme.palette.background.paper : theme.palette.common.white,
|
|
2815
2817
|
border: `1px solid ${theme.tokens.colors.border}`,
|
|
2816
2818
|
borderRadius: theme.tokens.borderRadius.md
|
|
2817
2819
|
}));
|
|
@@ -2826,7 +2828,7 @@ var StyledSwitch = styled18("label", {
|
|
|
2826
2828
|
fontSize: theme.tokens.typography.fontSizeMd,
|
|
2827
2829
|
fontFamily: theme.tokens.typography.fontFamilyBase,
|
|
2828
2830
|
fontWeight: theme.tokens.typography.fontWeightBold,
|
|
2829
|
-
color: theme.tokens.colors.textPrimary,
|
|
2831
|
+
color: theme.palette.mode === "dark" ? theme.palette.common.white : theme.tokens.colors.textPrimary,
|
|
2830
2832
|
borderRadius: theme.tokens.borderRadius.md,
|
|
2831
2833
|
userSelect: "none",
|
|
2832
2834
|
cursor: "pointer",
|