@charcoal-ui/react 3.11.0 → 3.12.0
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.cjs.js +3 -3
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +3 -3
- package/dist/index.esm.js.map +1 -1
- package/package.json +8 -8
- package/src/components/Checkbox/__snapshots__/index.story.storyshot +80 -58
- package/src/components/Checkbox/index.story.tsx +31 -23
- package/src/components/Checkbox/index.tsx +6 -2
package/dist/index.esm.js
CHANGED
|
@@ -1586,7 +1586,7 @@ var Checkbox = forwardRef16(function CheckboxInner({
|
|
|
1586
1586
|
const {
|
|
1587
1587
|
inputProps
|
|
1588
1588
|
} = useCheckbox(ariaCheckboxProps, state, objectRef);
|
|
1589
|
-
const isDisabled =
|
|
1589
|
+
const isDisabled = props.disabled ?? false;
|
|
1590
1590
|
return /* @__PURE__ */ jsxs14(InputRoot, { "aria-disabled": isDisabled, className: props.className, children: [
|
|
1591
1591
|
/* @__PURE__ */ jsxs14(CheckboxRoot, { children: [
|
|
1592
1592
|
/* @__PURE__ */ jsx27(CheckboxInput, { type: "checkbox", ...inputProps, readOnly: props.readonly }),
|
|
@@ -1599,13 +1599,13 @@ var Checkbox_default = memo7(Checkbox);
|
|
|
1599
1599
|
var hiddenCss = css11(["visibility:hidden;"]);
|
|
1600
1600
|
var InputRoot = styled21.label.withConfig({
|
|
1601
1601
|
componentId: "ccl__sc-wrdmwj-0"
|
|
1602
|
-
})(["position:relative;display:flex;cursor:pointer;gap:4px;&:disabled,&[aria-disabled]:not([aria-disabled='false']){cursor:default;opacity:0.32;}"]);
|
|
1602
|
+
})(["position:relative;display:flex;cursor:pointer;gap:4px;&:has(input[readonly]){cursor:default;}&:disabled,&[aria-disabled]:not([aria-disabled='false']){cursor:default;opacity:0.32;}"]);
|
|
1603
1603
|
var CheckboxRoot = styled21.div.withConfig({
|
|
1604
1604
|
componentId: "ccl__sc-wrdmwj-1"
|
|
1605
1605
|
})(["position:relative;"]);
|
|
1606
1606
|
var CheckboxInput = styled21.input.withConfig({
|
|
1607
1607
|
componentId: "ccl__sc-wrdmwj-2"
|
|
1608
|
-
})(["&[type='checkbox']{appearance:none;display:block;cursor:pointer;margin:0;width:20px;height:20px;border-radius:4px;transition:0.2s box-shadow,0.2s background-color;&:disabled{cursor:default;}
|
|
1608
|
+
})(["&[type='checkbox']{appearance:none;display:block;cursor:pointer;margin:0;width:20px;height:20px;border-radius:4px;transition:0.2s box-shadow,0.2s background-color;&:disabled{cursor:default;}&[readonly]{cursor:default;opacity:0.32;}&:checked{background-color:var(--charcoal-brand);&:not(:disabled):not([aria-disabled]),&[aria-disabled='false']{&:hover{background-color:var(--charcoal-brand-hover);}&:active{background-color:var(--charcoal-brand-press);}}}&:not(:disabled):not([aria-disabled]),&[aria-disabled='false']{", " &[aria-invalid='true']{box-shadow:0 0 0 4px rgba(255,43,0,0.32);}}&:not(:checked){border-width:2px;border-style:solid;border-color:var(--charcoal-text4);}}"], focusVisibleFocusRingCss7);
|
|
1609
1609
|
var CheckboxInputOverlay = styled21.div.withConfig({
|
|
1610
1610
|
componentId: "ccl__sc-wrdmwj-3"
|
|
1611
1611
|
})(["position:absolute;top:-2px;left:-2px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--charcoal-text5);", ";"], ({
|