@basic-ui/material 1.0.0-alpha.13 → 1.0.0-alpha.16

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 (24) hide show
  1. package/build/cjs/index.js +9 -10
  2. package/build/cjs/index.js.map +1 -1
  3. package/build/esm/Chip/ButtonChip.d.ts +1 -1
  4. package/build/esm/Combobox/Combobox.d.ts +7 -7
  5. package/build/esm/ListItem/ListItem.d.ts +1 -1
  6. package/build/esm/ListItem/ListItem.js +5 -6
  7. package/build/esm/ListItem/ListItem.js.map +1 -1
  8. package/build/esm/Menu/Menu.d.ts +4 -4
  9. package/build/esm/Select/Select.d.ts +1 -1
  10. package/build/esm/SelectItem/SelectItem.d.ts +1 -1
  11. package/build/esm/Snackbar/Snackbar.d.ts +1 -1
  12. package/build/esm/Snackbar/Snackbar.js +4 -4
  13. package/build/esm/Snackbar/Snackbar.js.map +1 -1
  14. package/build/esm/Table/TableHead.d.ts +1 -1
  15. package/build/esm/ThemeExplorer/ThemeBuilder.js +2 -2
  16. package/build/esm/ThemeExplorer/ThemeBuilder.js.map +1 -1
  17. package/build/esm/color.js +2 -2
  18. package/build/esm/color.js.map +1 -1
  19. package/build/tsconfig-build.tsbuildinfo +1 -1
  20. package/package.json +6 -6
  21. package/src/ListItem/ListItem.tsx +5 -6
  22. package/src/Snackbar/Snackbar.tsx +5 -5
  23. package/src/ThemeExplorer/ThemeBuilder.tsx +5 -2
  24. package/src/color.ts +2 -2
package/build/cjs/index.js CHANGED
@@ -596,7 +596,7 @@ function getDarkThemeBackgroundOverlay(theme, backgroundOverlay, overlayColor =
596
596
  }
597
597
 
598
598
  return {
599
- [`.${dynamicTheme.DARK_THEME_CLASS} &, &.${dynamicTheme.DARK_THEME_CLASS}`]: { ...getBackgroundOverlay(theme, backgroundOverlay, overlayColor)
599
+ [`.${dynamicTheme.DARK_SCHEME_CLASS} &, &.${dynamicTheme.DARK_SCHEME_CLASS}`]: { ...getBackgroundOverlay(theme, backgroundOverlay, overlayColor)
600
600
  }
601
601
  };
602
602
  }
@@ -2690,7 +2690,6 @@ const ListItem = /*#__PURE__*/react$1.forwardRef(function ListItem(props, forwar
2690
2690
  const selected = ariaSelectedProp || selectedProp;
2691
2691
  const color = rippleColor || colorProp || 'primary';
2692
2692
  const theme = useTheme();
2693
- const baseOpacity = 0.12;
2694
2693
  const hoverOpacity = 0.16;
2695
2694
  const focusOpacity = 0.24;
2696
2695
  return /*#__PURE__*/jsxRuntime.jsx(Box, {
@@ -2718,20 +2717,20 @@ const ListItem = /*#__PURE__*/react$1.forwardRef(function ListItem(props, forwar
2718
2717
  backgroundColor: alpha('on.surface', focusOpacity)
2719
2718
  },
2720
2719
  ':active': {
2721
- backgroundColor: alpha('on.surface', baseOpacity + 0.12)
2720
+ backgroundColor: alpha('on.surface', focusOpacity)
2722
2721
  },
2723
2722
  '&[aria-selected="true"]': {
2724
- backgroundColor: alpha(color, baseOpacity + 0.12),
2723
+ backgroundColor: alpha(color, 0.08),
2725
2724
  color,
2726
2725
  ':hover': {
2727
- backgroundColor: alpha(color, hoverOpacity + 0.12)
2726
+ backgroundColor: alpha(color, hoverOpacity)
2728
2727
  },
2729
2728
  ':focus': {
2730
2729
  outline: 'none',
2731
- backgroundColor: alpha(color, focusOpacity + 0.12)
2730
+ backgroundColor: alpha(color, focusOpacity)
2732
2731
  },
2733
2732
  ':active': {
2734
- backgroundColor: alpha(color, baseOpacity + 0.24)
2733
+ backgroundColor: alpha(color, focusOpacity)
2735
2734
  }
2736
2735
  },
2737
2736
  '&[data-disabled]': {
@@ -4789,8 +4788,8 @@ function useSnackbarAnimation(ref, timeout) {
4789
4788
 
4790
4789
  const Snackbar = /*#__PURE__*/react$1.forwardRef(function Snackbar(props, forwardedRef) {
4791
4790
  const {
4792
- colorMode
4793
- } = dynamicTheme.useColorMode();
4791
+ colorScheme
4792
+ } = dynamicTheme.useColorScheme();
4794
4793
  const ref = react$1.useRef(null);
4795
4794
  const {
4796
4795
  __css,
@@ -4809,7 +4808,7 @@ const Snackbar = /*#__PURE__*/react$1.forwardRef(function Snackbar(props, forwar
4809
4808
  return /*#__PURE__*/jsxRuntime.jsxs(Paper, {
4810
4809
  elevation: 4,
4811
4810
  darkThemeBackgroundOverlay: 4,
4812
- className: colorMode === 'default' ? dynamicTheme.DARK_THEME_CLASS : dynamicTheme.DEFAULT_THEME_CLASS,
4811
+ className: colorScheme === 'light' ? dynamicTheme.DARK_SCHEME_CLASS : dynamicTheme.LIGHT_SCHEME_CLASS,
4813
4812
  ref: core.assignMultipleRefs(forwardedRef, ref),
4814
4813
  __css: {
4815
4814
  boxShadow: 4,