@basic-ui/material 1.0.0-alpha.31 → 1.0.0-alpha.33

package/build/cjs/index.js

@@ -2193,9 +2193,9 @@ const LineRipple = /*#__PURE__*/react$1.forwardRef(function LineRipple(props, fo
   });
 });
 
-const makeSelector$1 = state => `input:${state} ~ &,` + `select:${state} ~ &,` + `button:${state} ~ &,` + `textarea:${state} ~ &`;
+const makeSelector$1 = state => `input:${state} ~ &,` + `select:${state} ~ &,` + `button:${state} ~ &,` + `textarea:${state} ~ &,` + `[role="button"]:${state} ~ &`;
 
-const Overlay = props => {
+const FilledContainerOverlay = props => {
   const {
     forceActive
   } = props;
@@ -2228,7 +2228,7 @@ const Overlay = props => {
   });
 };
 
-const BorderBottom = () => /*#__PURE__*/jsxRuntime.jsx(Box, {
+const FilledContainerBorderBottom = () => /*#__PURE__*/jsxRuntime.jsx(Box, {
   __css: {
     position: 'absolute',
     bottom: 0,
@@ -2298,9 +2298,9 @@ const FilledContainer = /*#__PURE__*/react$1.forwardRef(function FilledContainer
       htmlFor: inputId,
       color: active || error ? color : undefined,
       children: label
-    }), children, /*#__PURE__*/jsxRuntime.jsx(Overlay, {
+    }), children, /*#__PURE__*/jsxRuntime.jsx(FilledContainerOverlay, {
       forceActive: active
-    }), /*#__PURE__*/jsxRuntime.jsx(BorderBottom, {}), /*#__PURE__*/jsxRuntime.jsx(LineRipple, {
+    }), /*#__PURE__*/jsxRuntime.jsx(FilledContainerBorderBottom, {}), /*#__PURE__*/jsxRuntime.jsx(LineRipple, {
       active: active || error,
       color: color
     })]
@@ -4221,6 +4221,7 @@ const Select = /*#__PURE__*/react$1.forwardRef(function Select(props, forwardedR
     children,
     renderValue: renderValueProp,
     leadingIcon = null,
+    CustomContainer: overwrittenContainer,
     ...otherProps
   } = props;
   const [value, onChange] = core.useControlledState(valueProp, onChangeProp, defaultValue, setState => (e, v) => {
@@ -4231,7 +4232,7 @@ const Select = /*#__PURE__*/react$1.forwardRef(function Select(props, forwardedR
   const [open, setOpen] = react$1.useState(false);
   const fallbackId = react$1.useId();
   const theme = useTheme();
-  const Container = componentMap[variant] || OutlinedContainer;
+  const Container = overwrittenContainer || componentMap[variant] || OutlinedContainer;
 
   const handleFocus = () => {
     setHasFocus(true);
@@ -4287,7 +4288,7 @@ const Select = /*#__PURE__*/react$1.forwardRef(function Select(props, forwardedR
         labelIsFloating: labelIsFloating,
         inputId: inputId,
         hasFocus: hasFocus,
-        disabled: disabled,
+        disabled: disabled ?? false,
         forceActive: open,
         error: hasError,
         leadingIcon: Boolean(leadingIcon),
@@ -5217,7 +5218,7 @@ const SwitchCircle = ({
 
 const CheckBoxCore = core.CheckBox;
 
-function getSizeCssVariables(size) {
+function getSizeCssVariables(size, hasIcon) {
   const multiplier = size === 'small' ? 0.75 : 1;
   const BORDER_WIDTH = 2;
   const TRAIL_WIDTH = 52 * multiplier;
@@ -5231,7 +5232,11 @@ function getSizeCssVariables(size) {
     ['--switch-thumb-size-checked-inactive']: polished.rem(TRAIL_HEIGHT - BORDER_WIDTH * 4),
     ['--switch-thumb-size-checked-active']: polished.rem(TRAIL_HEIGHT - BORDER_WIDTH * 2),
     ['--switch-thumb-size-unchecked-inactive']: polished.rem(TRAIL_HEIGHT / 2),
-    ['--switch-thumb-size-unchecked-active']: polished.rem(TRAIL_HEIGHT - BORDER_WIDTH * 2)
+    ['--switch-thumb-size-unchecked-active']: polished.rem(TRAIL_HEIGHT - BORDER_WIDTH * 2),
+    ...(hasIcon && {
+      ['--switch-thumb-size-unchecked-inactive']: 'var(--switch-thumb-size-checked-inactive)',
+      ['--switch-thumb-size-unchecked-active']: 'var(--switch-thumb-size-checked-active)'
+    })
   };
 }
 
@@ -5252,7 +5257,7 @@ const SwitchInner = /*#__PURE__*/react$1.forwardRef(function SwitchInner(props,
     display: "inline-block",
     position: "relative",
     minWidth: "auto",
-    sx: getSizeCssVariables(size),
+    sx: getSizeCssVariables(size, Boolean(icon)),
     children: [/*#__PURE__*/jsxRuntime.jsx(SwitchTrail, {
       checked: checked,
       disabled: disabled
@@ -5827,6 +5832,7 @@ exports.EASING_STANDARD = EASING_STANDARD;
 exports.EASING_STANDARD_ACCELERATE = EASING_STANDARD_ACCELERATE;
 exports.EASING_STANDARD_DECELERATE = EASING_STANDARD_DECELERATE;
 exports.FilledContainer = FilledContainer;
+exports.FilledContainerOverlay = FilledContainerOverlay;
 exports.FloatingLabel = FloatingLabel;
 exports.HelperText = HelperText;
 exports.LineRipple = LineRipple;