@react-spectrum/checkbox 3.9.11 → 3.9.13
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/Checkbox.main.js +3 -7
- package/dist/Checkbox.main.js.map +1 -1
- package/dist/Checkbox.mjs +4 -8
- package/dist/Checkbox.module.js +4 -8
- package/dist/Checkbox.module.js.map +1 -1
- package/dist/CheckboxGroup.main.js +2 -5
- package/dist/CheckboxGroup.main.js.map +1 -1
- package/dist/CheckboxGroup.mjs +2 -5
- package/dist/CheckboxGroup.module.js +2 -5
- package/dist/CheckboxGroup.module.js.map +1 -1
- package/dist/checkbox_vars_css.main.js +17 -17
- package/dist/checkbox_vars_css.mjs +17 -17
- package/dist/checkbox_vars_css.module.js +17 -17
- package/dist/types.d.ts +1 -1
- package/dist/types.d.ts.map +1 -1
- package/dist/{vars.a2ced2df.css → vars.6d89b710.css} +90 -89
- package/dist/vars.6d89b710.css.map +1 -0
- package/package.json +14 -14
- package/src/Checkbox.tsx +6 -8
- package/src/CheckboxGroup.tsx +5 -8
- package/dist/vars.a2ced2df.css.map +0 -1
package/dist/Checkbox.main.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
var $bdf3bf7fe71fe120$exports = require("./context.main.js");
|
|
2
|
-
require("./vars.
|
|
2
|
+
require("./vars.6d89b710.css");
|
|
3
3
|
var $591f3ccba6339bdb$exports = require("./checkbox_vars_css.main.js");
|
|
4
4
|
var $lfSyy$reactariacomponents = require("react-aria-components");
|
|
5
5
|
var $lfSyy$spectrumiconsuiCheckmarkSmall = require("@spectrum-icons/ui/CheckmarkSmall");
|
|
@@ -46,7 +46,7 @@ $parcel$export(module.exports, "Checkbox", () => $096ccd12d23dd6cc$export$48513f
|
|
|
46
46
|
|
|
47
47
|
|
|
48
48
|
|
|
49
|
-
|
|
49
|
+
const $096ccd12d23dd6cc$export$48513f6b9f8ce62d = /*#__PURE__*/ (0, $lfSyy$react.forwardRef)(function Checkbox(props, ref) {
|
|
50
50
|
let originalProps = props;
|
|
51
51
|
let inputRef = (0, $lfSyy$react.useRef)(null);
|
|
52
52
|
let domRef = (0, $lfSyy$reactspectrumutils.useFocusableRef)(ref, inputRef);
|
|
@@ -111,11 +111,7 @@ function $096ccd12d23dd6cc$var$Checkbox(props, ref) {
|
|
|
111
111
|
}, markIcon), children && /*#__PURE__*/ (0, ($parcel$interopDefault($lfSyy$react))).createElement("span", {
|
|
112
112
|
className: (0, $lfSyy$reactspectrumutils.classNames)((0, ($parcel$interopDefault($591f3ccba6339bdb$exports))), 'spectrum-Checkbox-label')
|
|
113
113
|
}, children));
|
|
114
|
-
}
|
|
115
|
-
/**
|
|
116
|
-
* Checkboxes allow users to select multiple items from a list of individual items,
|
|
117
|
-
* or to mark one individual item as selected.
|
|
118
|
-
*/ let $096ccd12d23dd6cc$export$48513f6b9f8ce62d = /*#__PURE__*/ (0, $lfSyy$react.forwardRef)($096ccd12d23dd6cc$var$Checkbox);
|
|
114
|
+
});
|
|
119
115
|
|
|
120
116
|
|
|
121
117
|
//# sourceMappingURL=Checkbox.main.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AAsBM,MAAM,0DAAW,CAAA,GAAA,uBAAS,EAAE,SAAS,SAAS,KAA4B,EAAE,GAAmC;IACpH,IAAI,gBAAgB;IACpB,IAAI,WAAW,CAAA,GAAA,mBAAK,EAAoB;IACxC,IAAI,SAAS,CAAA,GAAA,yCAAc,EAAE,KAAK;IAElC,CAAC,OAAO,OAAO,GAAG,CAAA,GAAA,0CAAc,EAAE,OAAO,QAAQ,CAAA,GAAA,0CAAc;IAC/D,QAAQ,CAAA,GAAA,6CAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,qCAAW,EAAE;IACrB,IAAI,mBACF,kBAAkB,qBAClB,eAAe,kBACf,SAAS,YACT,QAAQ,EACR,GAAG,YACJ,GAAG;IACJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IAEjC,2EAA2E;IAC3E,gFAAgF;IAChF,8EAA8E;IAC9E,IAAI,aAAa,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,8CAAmB;IAC/C,IAAI,cAAC,UAAU,aAAE,SAAS,cAAE,UAAU,EAAC,GAAG,aAEtC,CAAA,GAAA,6CAAmB,EAAE;QACrB,GAAG,KAAK;QACR,qFAAqF;QACrF,2EAA2E;QAC3E,aAAa;QACb,OAAO,MAAM,KAAK;QAClB,2EAA2E;QAC3E,8EAA8E;QAC9E,YAAY,cAAc,UAAU;QACpC,iBAAiB,cAAc,eAAe;QAC9C,WAAW,cAAc,SAAS;IACpC,GAAG,YAAY,YAEb,CAAA,GAAA,oCAAU,EAAE,OAAO,CAAA,GAAA,wCAAa,EAAE,QAAQ;IAE9C,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,qCAAO,EAAE;oBAAC;IAAU;IAElD,IAAI,WAAW,gCACX,0DAAC,CAAA,GAAA,yDAAQ;QAAE,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;uBAChD,0DAAC,CAAA,GAAA,8DAAa;QAAE,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;;IAEzD,IAAI,YAAY;QACd,KAAK,IAAI,OAAO;YAAC;YAAc;YAAmB;SAAe,CAC/D,IAAI,aAAa,CAAC,IAAI,IAAI,MACxB,QAAQ,IAAI,CAAC,GAAG,IAAI,0HAA0H,CAAC;QAGnJ,IAAI,MAAM,KAAK,IAAI,MACjB,QAAQ,IAAI,CAAC;IAEjB;IAEA,qBACE,0DAAC;QACE,GAAG,UAAU;QACb,GAAG,UAAU;QACd,KAAK;QACL,WACE,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,mDAAK,GACL,qBACA;YACE,cAAc,WAAW,OAAO;YAChC,oBAAoB;YACpB,4BAA4B,CAAC;YAC7B,cAAc;YACd,eAAe;YACf,cAAc;QAChB,GACA,WAAW,SAAS;qBAGxB,0DAAC,CAAA,GAAA,+BAAQ;QAAE,gBAAgB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAAe,WAAW;qBACtE,0DAAC;QACE,GAAG,UAAU;QACd,KAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;uBAElC,0DAAC;QAAK,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;OAA2B,WAC9D,0BACC,0DAAC;QAAK,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;OACjC;AAKX","sources":["packages/@react-spectrum/checkbox/src/Checkbox.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {CheckboxContext, useContextProps} from 'react-aria-components';\nimport {CheckboxGroupContext} from './context';\nimport CheckmarkSmall from '@spectrum-icons/ui/CheckmarkSmall';\nimport {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport DashSmall from '@spectrum-icons/ui/DashSmall';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport React, {forwardRef, useContext, useRef} from 'react';\nimport {SpectrumCheckboxProps} from '@react-types/checkbox';\nimport styles from '@adobe/spectrum-css-temp/components/checkbox/vars.css';\nimport {useCheckbox, useCheckboxGroupItem} from '@react-aria/checkbox';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useHover} from '@react-aria/interactions';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useToggleState} from '@react-stately/toggle';\n\n/**\n * Checkboxes allow users to select multiple items from a list of individual items,\n * or to mark one individual item as selected.\n */\nexport const Checkbox = forwardRef(function Checkbox(props: SpectrumCheckboxProps, ref: FocusableRef<HTMLLabelElement>) {\n let originalProps = props;\n let inputRef = useRef<HTMLInputElement>(null);\n let domRef = useFocusableRef(ref, inputRef);\n\n [props, domRef] = useContextProps(props, domRef, CheckboxContext);\n props = useProviderProps(props);\n props = useFormProps(props);\n let {\n isIndeterminate = false,\n isEmphasized = false,\n autoFocus,\n children,\n ...otherProps\n } = props;\n let {styleProps} = useStyleProps(otherProps);\n\n // Swap hooks depending on whether this checkbox is inside a CheckboxGroup.\n // This is a bit unorthodox. Typically, hooks cannot be called in a conditional,\n // but since the checkbox won't move in and out of a group, it should be safe.\n let groupState = useContext(CheckboxGroupContext);\n let {inputProps, isInvalid, isDisabled} = groupState\n // eslint-disable-next-line react-hooks/rules-of-hooks\n ? useCheckboxGroupItem({\n ...props,\n // Value is optional for standalone checkboxes, but required for CheckboxGroup items;\n // it's passed explicitly here to avoid typescript error (requires ignore).\n // @ts-ignore\n value: props.value,\n // Only pass isRequired and validationState to react-aria if they came from\n // the props for this individual checkbox, and not from the group via context.\n isRequired: originalProps.isRequired,\n validationState: originalProps.validationState,\n isInvalid: originalProps.isInvalid\n }, groupState, inputRef)\n // eslint-disable-next-line react-hooks/rules-of-hooks\n : useCheckbox(props, useToggleState(props), inputRef);\n\n let {hoverProps, isHovered} = useHover({isDisabled});\n\n let markIcon = isIndeterminate\n ? <DashSmall UNSAFE_className={classNames(styles, 'spectrum-Checkbox-partialCheckmark')} />\n : <CheckmarkSmall UNSAFE_className={classNames(styles, 'spectrum-Checkbox-checkmark')} />;\n\n if (groupState) {\n for (let key of ['isSelected', 'defaultSelected', 'isEmphasized']) {\n if (originalProps[key] != null) {\n console.warn(`${key} is unsupported on individual <Checkbox> elements within a <CheckboxGroup>. Please apply these props to the group instead.`);\n }\n }\n if (props.value == null) {\n console.warn('A <Checkbox> element within a <CheckboxGroup> requires a `value` property.');\n }\n }\n\n return (\n <label\n {...styleProps}\n {...hoverProps}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-Checkbox',\n {\n 'is-checked': inputProps.checked,\n 'is-indeterminate': isIndeterminate,\n 'spectrum-Checkbox--quiet': !isEmphasized,\n 'is-invalid': isInvalid,\n 'is-disabled': isDisabled,\n 'is-hovered': isHovered\n },\n styleProps.className\n )\n }>\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n <input\n {...inputProps}\n ref={inputRef}\n className={classNames(styles, 'spectrum-Checkbox-input')} />\n </FocusRing>\n <span className={classNames(styles, 'spectrum-Checkbox-box')}>{markIcon}</span>\n {children && (\n <span className={classNames(styles, 'spectrum-Checkbox-label')}>\n {children}\n </span>\n )}\n </label>\n );\n});\n"],"names":[],"version":3,"file":"Checkbox.main.js.map"}
|
package/dist/Checkbox.mjs
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {CheckboxGroupContext as $8c8ab388b155237e$export$baf37c4be89255b8} from "./context.mjs";
|
|
2
|
-
import "./vars.
|
|
2
|
+
import "./vars.6d89b710.css";
|
|
3
3
|
import $cvQES$checkbox_vars_cssmodulejs from "./checkbox_vars_css.mjs";
|
|
4
4
|
import {useContextProps as $cvQES$useContextProps, CheckboxContext as $cvQES$CheckboxContext} from "react-aria-components";
|
|
5
5
|
import $cvQES$spectrumiconsuiCheckmarkSmall from "@spectrum-icons/ui/CheckmarkSmall";
|
|
6
6
|
import {useFocusableRef as $cvQES$useFocusableRef, useStyleProps as $cvQES$useStyleProps, classNames as $cvQES$classNames} from "@react-spectrum/utils";
|
|
7
7
|
import $cvQES$spectrumiconsuiDashSmall from "@spectrum-icons/ui/DashSmall";
|
|
8
8
|
import {FocusRing as $cvQES$FocusRing} from "@react-aria/focus";
|
|
9
|
-
import $cvQES$react, {
|
|
9
|
+
import $cvQES$react, {forwardRef as $cvQES$forwardRef, useRef as $cvQES$useRef, useContext as $cvQES$useContext} from "react";
|
|
10
10
|
import {useCheckboxGroupItem as $cvQES$useCheckboxGroupItem, useCheckbox as $cvQES$useCheckbox} from "@react-aria/checkbox";
|
|
11
11
|
import {useFormProps as $cvQES$useFormProps} from "@react-spectrum/form";
|
|
12
12
|
import {useHover as $cvQES$useHover} from "@react-aria/interactions";
|
|
@@ -40,7 +40,7 @@ function $parcel$interopDefault(a) {
|
|
|
40
40
|
|
|
41
41
|
|
|
42
42
|
|
|
43
|
-
|
|
43
|
+
const $25b6292d81af2844$export$48513f6b9f8ce62d = /*#__PURE__*/ (0, $cvQES$forwardRef)(function Checkbox(props, ref) {
|
|
44
44
|
let originalProps = props;
|
|
45
45
|
let inputRef = (0, $cvQES$useRef)(null);
|
|
46
46
|
let domRef = (0, $cvQES$useFocusableRef)(ref, inputRef);
|
|
@@ -105,11 +105,7 @@ function $25b6292d81af2844$var$Checkbox(props, ref) {
|
|
|
105
105
|
}, markIcon), children && /*#__PURE__*/ (0, $cvQES$react).createElement("span", {
|
|
106
106
|
className: (0, $cvQES$classNames)((0, ($parcel$interopDefault($cvQES$checkbox_vars_cssmodulejs))), 'spectrum-Checkbox-label')
|
|
107
107
|
}, children));
|
|
108
|
-
}
|
|
109
|
-
/**
|
|
110
|
-
* Checkboxes allow users to select multiple items from a list of individual items,
|
|
111
|
-
* or to mark one individual item as selected.
|
|
112
|
-
*/ let $25b6292d81af2844$export$48513f6b9f8ce62d = /*#__PURE__*/ (0, $cvQES$forwardRef)($25b6292d81af2844$var$Checkbox);
|
|
108
|
+
});
|
|
113
109
|
|
|
114
110
|
|
|
115
111
|
export {$25b6292d81af2844$export$48513f6b9f8ce62d as Checkbox};
|
package/dist/Checkbox.module.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {CheckboxGroupContext as $8c8ab388b155237e$export$baf37c4be89255b8} from "./context.module.js";
|
|
2
|
-
import "./vars.
|
|
2
|
+
import "./vars.6d89b710.css";
|
|
3
3
|
import $cvQES$checkbox_vars_cssmodulejs from "./checkbox_vars_css.module.js";
|
|
4
4
|
import {useContextProps as $cvQES$useContextProps, CheckboxContext as $cvQES$CheckboxContext} from "react-aria-components";
|
|
5
5
|
import $cvQES$spectrumiconsuiCheckmarkSmall from "@spectrum-icons/ui/CheckmarkSmall";
|
|
6
6
|
import {useFocusableRef as $cvQES$useFocusableRef, useStyleProps as $cvQES$useStyleProps, classNames as $cvQES$classNames} from "@react-spectrum/utils";
|
|
7
7
|
import $cvQES$spectrumiconsuiDashSmall from "@spectrum-icons/ui/DashSmall";
|
|
8
8
|
import {FocusRing as $cvQES$FocusRing} from "@react-aria/focus";
|
|
9
|
-
import $cvQES$react, {
|
|
9
|
+
import $cvQES$react, {forwardRef as $cvQES$forwardRef, useRef as $cvQES$useRef, useContext as $cvQES$useContext} from "react";
|
|
10
10
|
import {useCheckboxGroupItem as $cvQES$useCheckboxGroupItem, useCheckbox as $cvQES$useCheckbox} from "@react-aria/checkbox";
|
|
11
11
|
import {useFormProps as $cvQES$useFormProps} from "@react-spectrum/form";
|
|
12
12
|
import {useHover as $cvQES$useHover} from "@react-aria/interactions";
|
|
@@ -40,7 +40,7 @@ function $parcel$interopDefault(a) {
|
|
|
40
40
|
|
|
41
41
|
|
|
42
42
|
|
|
43
|
-
|
|
43
|
+
const $25b6292d81af2844$export$48513f6b9f8ce62d = /*#__PURE__*/ (0, $cvQES$forwardRef)(function Checkbox(props, ref) {
|
|
44
44
|
let originalProps = props;
|
|
45
45
|
let inputRef = (0, $cvQES$useRef)(null);
|
|
46
46
|
let domRef = (0, $cvQES$useFocusableRef)(ref, inputRef);
|
|
@@ -105,11 +105,7 @@ function $25b6292d81af2844$var$Checkbox(props, ref) {
|
|
|
105
105
|
}, markIcon), children && /*#__PURE__*/ (0, $cvQES$react).createElement("span", {
|
|
106
106
|
className: (0, $cvQES$classNames)((0, ($parcel$interopDefault($cvQES$checkbox_vars_cssmodulejs))), 'spectrum-Checkbox-label')
|
|
107
107
|
}, children));
|
|
108
|
-
}
|
|
109
|
-
/**
|
|
110
|
-
* Checkboxes allow users to select multiple items from a list of individual items,
|
|
111
|
-
* or to mark one individual item as selected.
|
|
112
|
-
*/ let $25b6292d81af2844$export$48513f6b9f8ce62d = /*#__PURE__*/ (0, $cvQES$forwardRef)($25b6292d81af2844$var$Checkbox);
|
|
108
|
+
});
|
|
113
109
|
|
|
114
110
|
|
|
115
111
|
export {$25b6292d81af2844$export$48513f6b9f8ce62d as Checkbox};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AAsBM,MAAM,0DAAW,CAAA,GAAA,iBAAS,EAAE,SAAS,SAAS,KAA4B,EAAE,GAAmC;IACpH,IAAI,gBAAgB;IACpB,IAAI,WAAW,CAAA,GAAA,aAAK,EAAoB;IACxC,IAAI,SAAS,CAAA,GAAA,sBAAc,EAAE,KAAK;IAElC,CAAC,OAAO,OAAO,GAAG,CAAA,GAAA,sBAAc,EAAE,OAAO,QAAQ,CAAA,GAAA,sBAAc;IAC/D,QAAQ,CAAA,GAAA,uBAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,mBAAW,EAAE;IACrB,IAAI,mBACF,kBAAkB,qBAClB,eAAe,kBACf,SAAS,YACT,QAAQ,EACR,GAAG,YACJ,GAAG;IACJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE;IAEjC,2EAA2E;IAC3E,gFAAgF;IAChF,8EAA8E;IAC9E,IAAI,aAAa,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAmB;IAC/C,IAAI,cAAC,UAAU,aAAE,SAAS,cAAE,UAAU,EAAC,GAAG,aAEtC,CAAA,GAAA,2BAAmB,EAAE;QACrB,GAAG,KAAK;QACR,qFAAqF;QACrF,2EAA2E;QAC3E,aAAa;QACb,OAAO,MAAM,KAAK;QAClB,2EAA2E;QAC3E,8EAA8E;QAC9E,YAAY,cAAc,UAAU;QACpC,iBAAiB,cAAc,eAAe;QAC9C,WAAW,cAAc,SAAS;IACpC,GAAG,YAAY,YAEb,CAAA,GAAA,kBAAU,EAAE,OAAO,CAAA,GAAA,qBAAa,EAAE,QAAQ;IAE9C,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE;oBAAC;IAAU;IAElD,IAAI,WAAW,gCACX,gCAAC,CAAA,GAAA,+BAAQ;QAAE,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0DAAK,GAAG;uBAChD,gCAAC,CAAA,GAAA,oCAAa;QAAE,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0DAAK,GAAG;;IAEzD,IAAI,YAAY;QACd,KAAK,IAAI,OAAO;YAAC;YAAc;YAAmB;SAAe,CAC/D,IAAI,aAAa,CAAC,IAAI,IAAI,MACxB,QAAQ,IAAI,CAAC,GAAG,IAAI,0HAA0H,CAAC;QAGnJ,IAAI,MAAM,KAAK,IAAI,MACjB,QAAQ,IAAI,CAAC;IAEjB;IAEA,qBACE,gCAAC;QACE,GAAG,UAAU;QACb,GAAG,UAAU;QACd,KAAK;QACL,WACE,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,0DAAK,GACL,qBACA;YACE,cAAc,WAAW,OAAO;YAChC,oBAAoB;YACpB,4BAA4B,CAAC;YAC7B,cAAc;YACd,eAAe;YACf,cAAc;QAChB,GACA,WAAW,SAAS;qBAGxB,gCAAC,CAAA,GAAA,gBAAQ;QAAE,gBAAgB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0DAAK,GAAG;QAAe,WAAW;qBACtE,gCAAC;QACE,GAAG,UAAU;QACd,KAAK;QACL,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0DAAK,GAAG;uBAElC,gCAAC;QAAK,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0DAAK,GAAG;OAA2B,WAC9D,0BACC,gCAAC;QAAK,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0DAAK,GAAG;OACjC;AAKX","sources":["packages/@react-spectrum/checkbox/src/Checkbox.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {CheckboxContext, useContextProps} from 'react-aria-components';\nimport {CheckboxGroupContext} from './context';\nimport CheckmarkSmall from '@spectrum-icons/ui/CheckmarkSmall';\nimport {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport DashSmall from '@spectrum-icons/ui/DashSmall';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport React, {forwardRef, useContext, useRef} from 'react';\nimport {SpectrumCheckboxProps} from '@react-types/checkbox';\nimport styles from '@adobe/spectrum-css-temp/components/checkbox/vars.css';\nimport {useCheckbox, useCheckboxGroupItem} from '@react-aria/checkbox';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useHover} from '@react-aria/interactions';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useToggleState} from '@react-stately/toggle';\n\n/**\n * Checkboxes allow users to select multiple items from a list of individual items,\n * or to mark one individual item as selected.\n */\nexport const Checkbox = forwardRef(function Checkbox(props: SpectrumCheckboxProps, ref: FocusableRef<HTMLLabelElement>) {\n let originalProps = props;\n let inputRef = useRef<HTMLInputElement>(null);\n let domRef = useFocusableRef(ref, inputRef);\n\n [props, domRef] = useContextProps(props, domRef, CheckboxContext);\n props = useProviderProps(props);\n props = useFormProps(props);\n let {\n isIndeterminate = false,\n isEmphasized = false,\n autoFocus,\n children,\n ...otherProps\n } = props;\n let {styleProps} = useStyleProps(otherProps);\n\n // Swap hooks depending on whether this checkbox is inside a CheckboxGroup.\n // This is a bit unorthodox. Typically, hooks cannot be called in a conditional,\n // but since the checkbox won't move in and out of a group, it should be safe.\n let groupState = useContext(CheckboxGroupContext);\n let {inputProps, isInvalid, isDisabled} = groupState\n // eslint-disable-next-line react-hooks/rules-of-hooks\n ? useCheckboxGroupItem({\n ...props,\n // Value is optional for standalone checkboxes, but required for CheckboxGroup items;\n // it's passed explicitly here to avoid typescript error (requires ignore).\n // @ts-ignore\n value: props.value,\n // Only pass isRequired and validationState to react-aria if they came from\n // the props for this individual checkbox, and not from the group via context.\n isRequired: originalProps.isRequired,\n validationState: originalProps.validationState,\n isInvalid: originalProps.isInvalid\n }, groupState, inputRef)\n // eslint-disable-next-line react-hooks/rules-of-hooks\n : useCheckbox(props, useToggleState(props), inputRef);\n\n let {hoverProps, isHovered} = useHover({isDisabled});\n\n let markIcon = isIndeterminate\n ? <DashSmall UNSAFE_className={classNames(styles, 'spectrum-Checkbox-partialCheckmark')} />\n : <CheckmarkSmall UNSAFE_className={classNames(styles, 'spectrum-Checkbox-checkmark')} />;\n\n if (groupState) {\n for (let key of ['isSelected', 'defaultSelected', 'isEmphasized']) {\n if (originalProps[key] != null) {\n console.warn(`${key} is unsupported on individual <Checkbox> elements within a <CheckboxGroup>. Please apply these props to the group instead.`);\n }\n }\n if (props.value == null) {\n console.warn('A <Checkbox> element within a <CheckboxGroup> requires a `value` property.');\n }\n }\n\n return (\n <label\n {...styleProps}\n {...hoverProps}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-Checkbox',\n {\n 'is-checked': inputProps.checked,\n 'is-indeterminate': isIndeterminate,\n 'spectrum-Checkbox--quiet': !isEmphasized,\n 'is-invalid': isInvalid,\n 'is-disabled': isDisabled,\n 'is-hovered': isHovered\n },\n styleProps.className\n )\n }>\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n <input\n {...inputProps}\n ref={inputRef}\n className={classNames(styles, 'spectrum-Checkbox-input')} />\n </FocusRing>\n <span className={classNames(styles, 'spectrum-Checkbox-box')}>{markIcon}</span>\n {children && (\n <span className={classNames(styles, 'spectrum-Checkbox-label')}>\n {children}\n </span>\n )}\n </label>\n );\n});\n"],"names":[],"version":3,"file":"Checkbox.module.js.map"}
|
|
@@ -38,7 +38,7 @@ $parcel$export(module.exports, "CheckboxGroup", () => $1151290755e16c44$export$4
|
|
|
38
38
|
|
|
39
39
|
|
|
40
40
|
|
|
41
|
-
|
|
41
|
+
const $1151290755e16c44$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, ($parcel$interopDefault($5yQLk$react))).forwardRef(function CheckboxGroup(props, ref) {
|
|
42
42
|
props = (0, $5yQLk$reactspectrumprovider.useProviderProps)(props);
|
|
43
43
|
props = (0, $5yQLk$reactspectrumform.useFormProps)(props);
|
|
44
44
|
let { isEmphasized: isEmphasized, children: children, orientation: orientation = 'vertical' } = props;
|
|
@@ -62,10 +62,7 @@ function $1151290755e16c44$var$CheckboxGroup(props, ref) {
|
|
|
62
62
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($5yQLk$react))).createElement((0, $bdf3bf7fe71fe120$exports.CheckboxGroupContext).Provider, {
|
|
63
63
|
value: state
|
|
64
64
|
}, children))));
|
|
65
|
-
}
|
|
66
|
-
/**
|
|
67
|
-
* A CheckboxGroup allows users to select one or more items from a list of choices.
|
|
68
|
-
*/ const $1151290755e16c44$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, ($parcel$interopDefault($5yQLk$react))).forwardRef($1151290755e16c44$var$CheckboxGroup);
|
|
65
|
+
});
|
|
69
66
|
|
|
70
67
|
|
|
71
68
|
//# sourceMappingURL=CheckboxGroup.main.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AAiBM,MAAM,0DAAgB,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,cAAc,KAAiC,EAAE,GAA2B;IACjI,QAAQ,CAAA,GAAA,6CAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,qCAAW,EAAE;IACrB,IAAI,gBACF,YAAY,YACZ,QAAQ,eACR,cAAc,YACf,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,QAAQ,CAAA,GAAA,iDAAoB,EAAE;IAClC,IAAI,cAAC,UAAU,EAAE,GAAG,YAAW,GAAG,CAAA,GAAA,yCAAe,EAAE,OAAO;IAE1D,qBACE,0DAAC,CAAA,GAAA,+BAAI;QACF,GAAG,KAAK;QACR,GAAG,UAAU;QACd,KAAK;QACL,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QACrC,aAAY;QACZ,8CAAA;qBACA,0DAAC;QACE,GAAG,UAAU;QACd,WACE,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,mDAAK,GACL,6BACA;YACE,yCAAyC,gBAAgB;QAC3D;qBAGJ,0DAAC,CAAA,GAAA,qCAAO;QAAE,cAAc;qBACtB,0DAAC,CAAA,GAAA,8CAAmB,EAAE,QAAQ;QAAC,OAAO;OACnC;AAMb","sources":["packages/@react-spectrum/checkbox/src/CheckboxGroup.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {CheckboxGroupContext} from './context';\nimport {classNames, useDOMRef} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {Field} from '@react-spectrum/label';\nimport {Provider, useProviderProps} from '@react-spectrum/provider';\nimport React from 'react';\nimport {SpectrumCheckboxGroupProps} from '@react-types/checkbox';\nimport styles from '@adobe/spectrum-css-temp/components/fieldgroup/vars.css';\nimport {useCheckboxGroup} from '@react-aria/checkbox';\nimport {useCheckboxGroupState} from '@react-stately/checkbox';\nimport {useFormProps} from '@react-spectrum/form';\n\n/**\n * A CheckboxGroup allows users to select one or more items from a list of choices.\n */\nexport const CheckboxGroup = React.forwardRef(function CheckboxGroup(props: SpectrumCheckboxGroupProps, ref: DOMRef<HTMLDivElement>) {\n props = useProviderProps(props);\n props = useFormProps(props);\n let {\n isEmphasized,\n children,\n orientation = 'vertical'\n } = props;\n let domRef = useDOMRef(ref);\n let state = useCheckboxGroupState(props);\n let {groupProps, ...otherProps} = useCheckboxGroup(props, state);\n\n return (\n <Field\n {...props}\n {...otherProps}\n ref={domRef}\n wrapperClassName={classNames(styles, 'spectrum-FieldGroup')}\n elementType=\"span\"\n includeNecessityIndicatorInAccessibilityName>\n <div\n {...groupProps}\n className={\n classNames(\n styles,\n 'spectrum-FieldGroup-group',\n {\n 'spectrum-FieldGroup-group--horizontal': orientation === 'horizontal'\n }\n )\n }>\n <Provider isEmphasized={isEmphasized}>\n <CheckboxGroupContext.Provider value={state}>\n {children}\n </CheckboxGroupContext.Provider>\n </Provider>\n </div>\n </Field>\n );\n});\n"],"names":[],"version":3,"file":"CheckboxGroup.main.js.map"}
|
package/dist/CheckboxGroup.mjs
CHANGED
|
@@ -32,7 +32,7 @@ function $parcel$interopDefault(a) {
|
|
|
32
32
|
|
|
33
33
|
|
|
34
34
|
|
|
35
|
-
|
|
35
|
+
const $73f43ce9d441cc69$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $8sUxO$react).forwardRef(function CheckboxGroup(props, ref) {
|
|
36
36
|
props = (0, $8sUxO$useProviderProps)(props);
|
|
37
37
|
props = (0, $8sUxO$useFormProps)(props);
|
|
38
38
|
let { isEmphasized: isEmphasized, children: children, orientation: orientation = 'vertical' } = props;
|
|
@@ -56,10 +56,7 @@ function $73f43ce9d441cc69$var$CheckboxGroup(props, ref) {
|
|
|
56
56
|
}, /*#__PURE__*/ (0, $8sUxO$react).createElement((0, $8c8ab388b155237e$export$baf37c4be89255b8).Provider, {
|
|
57
57
|
value: state
|
|
58
58
|
}, children))));
|
|
59
|
-
}
|
|
60
|
-
/**
|
|
61
|
-
* A CheckboxGroup allows users to select one or more items from a list of choices.
|
|
62
|
-
*/ const $73f43ce9d441cc69$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $8sUxO$react).forwardRef($73f43ce9d441cc69$var$CheckboxGroup);
|
|
59
|
+
});
|
|
63
60
|
|
|
64
61
|
|
|
65
62
|
export {$73f43ce9d441cc69$export$4aa08d5625cb8ead as CheckboxGroup};
|
|
@@ -32,7 +32,7 @@ function $parcel$interopDefault(a) {
|
|
|
32
32
|
|
|
33
33
|
|
|
34
34
|
|
|
35
|
-
|
|
35
|
+
const $73f43ce9d441cc69$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $8sUxO$react).forwardRef(function CheckboxGroup(props, ref) {
|
|
36
36
|
props = (0, $8sUxO$useProviderProps)(props);
|
|
37
37
|
props = (0, $8sUxO$useFormProps)(props);
|
|
38
38
|
let { isEmphasized: isEmphasized, children: children, orientation: orientation = 'vertical' } = props;
|
|
@@ -56,10 +56,7 @@ function $73f43ce9d441cc69$var$CheckboxGroup(props, ref) {
|
|
|
56
56
|
}, /*#__PURE__*/ (0, $8sUxO$react).createElement((0, $8c8ab388b155237e$export$baf37c4be89255b8).Provider, {
|
|
57
57
|
value: state
|
|
58
58
|
}, children))));
|
|
59
|
-
}
|
|
60
|
-
/**
|
|
61
|
-
* A CheckboxGroup allows users to select one or more items from a list of choices.
|
|
62
|
-
*/ const $73f43ce9d441cc69$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $8sUxO$react).forwardRef($73f43ce9d441cc69$var$CheckboxGroup);
|
|
59
|
+
});
|
|
63
60
|
|
|
64
61
|
|
|
65
62
|
export {$73f43ce9d441cc69$export$4aa08d5625cb8ead as CheckboxGroup};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AAiBM,MAAM,0DAAgB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,cAAc,KAAiC,EAAE,GAA2B;IACjI,QAAQ,CAAA,GAAA,uBAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,mBAAW,EAAE;IACrB,IAAI,gBACF,YAAY,YACZ,QAAQ,eACR,cAAc,YACf,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,IAAI,QAAQ,CAAA,GAAA,4BAAoB,EAAE;IAClC,IAAI,cAAC,UAAU,EAAE,GAAG,YAAW,GAAG,CAAA,GAAA,uBAAe,EAAE,OAAO;IAE1D,qBACE,gCAAC,CAAA,GAAA,YAAI;QACF,GAAG,KAAK;QACR,GAAG,UAAU;QACd,KAAK;QACL,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,4DAAK,GAAG;QACrC,aAAY;QACZ,8CAAA;qBACA,gCAAC;QACE,GAAG,UAAU;QACd,WACE,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,4DAAK,GACL,6BACA;YACE,yCAAyC,gBAAgB;QAC3D;qBAGJ,gCAAC,CAAA,GAAA,eAAO;QAAE,cAAc;qBACtB,gCAAC,CAAA,GAAA,yCAAmB,EAAE,QAAQ;QAAC,OAAO;OACnC;AAMb","sources":["packages/@react-spectrum/checkbox/src/CheckboxGroup.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {CheckboxGroupContext} from './context';\nimport {classNames, useDOMRef} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {Field} from '@react-spectrum/label';\nimport {Provider, useProviderProps} from '@react-spectrum/provider';\nimport React from 'react';\nimport {SpectrumCheckboxGroupProps} from '@react-types/checkbox';\nimport styles from '@adobe/spectrum-css-temp/components/fieldgroup/vars.css';\nimport {useCheckboxGroup} from '@react-aria/checkbox';\nimport {useCheckboxGroupState} from '@react-stately/checkbox';\nimport {useFormProps} from '@react-spectrum/form';\n\n/**\n * A CheckboxGroup allows users to select one or more items from a list of choices.\n */\nexport const CheckboxGroup = React.forwardRef(function CheckboxGroup(props: SpectrumCheckboxGroupProps, ref: DOMRef<HTMLDivElement>) {\n props = useProviderProps(props);\n props = useFormProps(props);\n let {\n isEmphasized,\n children,\n orientation = 'vertical'\n } = props;\n let domRef = useDOMRef(ref);\n let state = useCheckboxGroupState(props);\n let {groupProps, ...otherProps} = useCheckboxGroup(props, state);\n\n return (\n <Field\n {...props}\n {...otherProps}\n ref={domRef}\n wrapperClassName={classNames(styles, 'spectrum-FieldGroup')}\n elementType=\"span\"\n includeNecessityIndicatorInAccessibilityName>\n <div\n {...groupProps}\n className={\n classNames(\n styles,\n 'spectrum-FieldGroup-group',\n {\n 'spectrum-FieldGroup-group--horizontal': orientation === 'horizontal'\n }\n )\n }>\n <Provider isEmphasized={isEmphasized}>\n <CheckboxGroupContext.Provider value={state}>\n {children}\n </CheckboxGroupContext.Provider>\n </Provider>\n </div>\n </Field>\n );\n});\n"],"names":[],"version":3,"file":"CheckboxGroup.module.js.map"}
|
|
@@ -37,23 +37,23 @@ var $591f3ccba6339bdb$export$7f6ea68ad4b1fa69;
|
|
|
37
37
|
var $591f3ccba6339bdb$export$4109102f950813a6;
|
|
38
38
|
var $591f3ccba6339bdb$export$24c7f46a6e3605dd;
|
|
39
39
|
var $591f3ccba6339bdb$export$2927016961429360;
|
|
40
|
-
$591f3ccba6339bdb$export$f39a09f249340e2a = `
|
|
41
|
-
$591f3ccba6339bdb$export$8c4ee2c50c22c514 = `
|
|
42
|
-
$591f3ccba6339bdb$export$3f46c891456641e7 = `
|
|
43
|
-
$591f3ccba6339bdb$export$d35bc1e505d1ebbf = `
|
|
44
|
-
$591f3ccba6339bdb$export$b8813cd5d7824ce7 = `
|
|
45
|
-
$591f3ccba6339bdb$export$682c8615600f6ee = `
|
|
46
|
-
$591f3ccba6339bdb$export$14a30de2866685fa = `
|
|
47
|
-
$591f3ccba6339bdb$export$f8ee3e99d637ccac = `
|
|
48
|
-
$591f3ccba6339bdb$export$3a2eb50fe5450439 = `
|
|
49
|
-
$591f3ccba6339bdb$export$b07bd551df410935 = `
|
|
50
|
-
$591f3ccba6339bdb$export$e152b25f70350d85 = `
|
|
51
|
-
$591f3ccba6339bdb$export$fbf255e91152b086 = `
|
|
52
|
-
$591f3ccba6339bdb$export$9244b14cfa532d4f = `
|
|
53
|
-
$591f3ccba6339bdb$export$7f6ea68ad4b1fa69 = `
|
|
54
|
-
$591f3ccba6339bdb$export$4109102f950813a6 = `
|
|
55
|
-
$591f3ccba6339bdb$export$24c7f46a6e3605dd = `
|
|
56
|
-
$591f3ccba6339bdb$export$2927016961429360 = `
|
|
40
|
+
$591f3ccba6339bdb$export$f39a09f249340e2a = `_59xJYq_focus-ring`;
|
|
41
|
+
$591f3ccba6339bdb$export$8c4ee2c50c22c514 = `_59xJYq_i18nFontFamily`;
|
|
42
|
+
$591f3ccba6339bdb$export$3f46c891456641e7 = `_59xJYq_is-checked`;
|
|
43
|
+
$591f3ccba6339bdb$export$d35bc1e505d1ebbf = `_59xJYq_is-disabled`;
|
|
44
|
+
$591f3ccba6339bdb$export$b8813cd5d7824ce7 = `_59xJYq_is-hovered`;
|
|
45
|
+
$591f3ccba6339bdb$export$682c8615600f6ee = `_59xJYq_is-indeterminate`;
|
|
46
|
+
$591f3ccba6339bdb$export$14a30de2866685fa = `_59xJYq_is-invalid`;
|
|
47
|
+
$591f3ccba6339bdb$export$f8ee3e99d637ccac = `_59xJYq_spectrum-Checkbox`;
|
|
48
|
+
$591f3ccba6339bdb$export$3a2eb50fe5450439 = `_59xJYq_spectrum-Checkbox--quiet`;
|
|
49
|
+
$591f3ccba6339bdb$export$b07bd551df410935 = `_59xJYq_spectrum-Checkbox-box`;
|
|
50
|
+
$591f3ccba6339bdb$export$e152b25f70350d85 = `_59xJYq_spectrum-Checkbox-checkmark`;
|
|
51
|
+
$591f3ccba6339bdb$export$fbf255e91152b086 = `_59xJYq_spectrum-Checkbox-input`;
|
|
52
|
+
$591f3ccba6339bdb$export$9244b14cfa532d4f = `_59xJYq_spectrum-Checkbox-label`;
|
|
53
|
+
$591f3ccba6339bdb$export$7f6ea68ad4b1fa69 = `_59xJYq_spectrum-Checkbox-partialCheckmark`;
|
|
54
|
+
$591f3ccba6339bdb$export$4109102f950813a6 = `_59xJYq_spectrum-FocusRing-ring`;
|
|
55
|
+
$591f3ccba6339bdb$export$24c7f46a6e3605dd = `_59xJYq_spectrum-FocusRing ${$591f3ccba6339bdb$export$4109102f950813a6}`;
|
|
56
|
+
$591f3ccba6339bdb$export$2927016961429360 = `_59xJYq_spectrum-FocusRing--quiet`;
|
|
57
57
|
|
|
58
58
|
|
|
59
59
|
//# sourceMappingURL=checkbox_vars_css.main.js.map
|
|
@@ -38,23 +38,23 @@ var $fe1a56c62936037c$export$7f6ea68ad4b1fa69;
|
|
|
38
38
|
var $fe1a56c62936037c$export$4109102f950813a6;
|
|
39
39
|
var $fe1a56c62936037c$export$24c7f46a6e3605dd;
|
|
40
40
|
var $fe1a56c62936037c$export$2927016961429360;
|
|
41
|
-
$fe1a56c62936037c$export$f39a09f249340e2a = `
|
|
42
|
-
$fe1a56c62936037c$export$8c4ee2c50c22c514 = `
|
|
43
|
-
$fe1a56c62936037c$export$3f46c891456641e7 = `
|
|
44
|
-
$fe1a56c62936037c$export$d35bc1e505d1ebbf = `
|
|
45
|
-
$fe1a56c62936037c$export$b8813cd5d7824ce7 = `
|
|
46
|
-
$fe1a56c62936037c$export$682c8615600f6ee = `
|
|
47
|
-
$fe1a56c62936037c$export$14a30de2866685fa = `
|
|
48
|
-
$fe1a56c62936037c$export$f8ee3e99d637ccac = `
|
|
49
|
-
$fe1a56c62936037c$export$3a2eb50fe5450439 = `
|
|
50
|
-
$fe1a56c62936037c$export$b07bd551df410935 = `
|
|
51
|
-
$fe1a56c62936037c$export$e152b25f70350d85 = `
|
|
52
|
-
$fe1a56c62936037c$export$fbf255e91152b086 = `
|
|
53
|
-
$fe1a56c62936037c$export$9244b14cfa532d4f = `
|
|
54
|
-
$fe1a56c62936037c$export$7f6ea68ad4b1fa69 = `
|
|
55
|
-
$fe1a56c62936037c$export$4109102f950813a6 = `
|
|
56
|
-
$fe1a56c62936037c$export$24c7f46a6e3605dd = `
|
|
57
|
-
$fe1a56c62936037c$export$2927016961429360 = `
|
|
41
|
+
$fe1a56c62936037c$export$f39a09f249340e2a = `_59xJYq_focus-ring`;
|
|
42
|
+
$fe1a56c62936037c$export$8c4ee2c50c22c514 = `_59xJYq_i18nFontFamily`;
|
|
43
|
+
$fe1a56c62936037c$export$3f46c891456641e7 = `_59xJYq_is-checked`;
|
|
44
|
+
$fe1a56c62936037c$export$d35bc1e505d1ebbf = `_59xJYq_is-disabled`;
|
|
45
|
+
$fe1a56c62936037c$export$b8813cd5d7824ce7 = `_59xJYq_is-hovered`;
|
|
46
|
+
$fe1a56c62936037c$export$682c8615600f6ee = `_59xJYq_is-indeterminate`;
|
|
47
|
+
$fe1a56c62936037c$export$14a30de2866685fa = `_59xJYq_is-invalid`;
|
|
48
|
+
$fe1a56c62936037c$export$f8ee3e99d637ccac = `_59xJYq_spectrum-Checkbox`;
|
|
49
|
+
$fe1a56c62936037c$export$3a2eb50fe5450439 = `_59xJYq_spectrum-Checkbox--quiet`;
|
|
50
|
+
$fe1a56c62936037c$export$b07bd551df410935 = `_59xJYq_spectrum-Checkbox-box`;
|
|
51
|
+
$fe1a56c62936037c$export$e152b25f70350d85 = `_59xJYq_spectrum-Checkbox-checkmark`;
|
|
52
|
+
$fe1a56c62936037c$export$fbf255e91152b086 = `_59xJYq_spectrum-Checkbox-input`;
|
|
53
|
+
$fe1a56c62936037c$export$9244b14cfa532d4f = `_59xJYq_spectrum-Checkbox-label`;
|
|
54
|
+
$fe1a56c62936037c$export$7f6ea68ad4b1fa69 = `_59xJYq_spectrum-Checkbox-partialCheckmark`;
|
|
55
|
+
$fe1a56c62936037c$export$4109102f950813a6 = `_59xJYq_spectrum-FocusRing-ring`;
|
|
56
|
+
$fe1a56c62936037c$export$24c7f46a6e3605dd = `_59xJYq_spectrum-FocusRing ${$fe1a56c62936037c$export$4109102f950813a6}`;
|
|
57
|
+
$fe1a56c62936037c$export$2927016961429360 = `_59xJYq_spectrum-FocusRing--quiet`;
|
|
58
58
|
|
|
59
59
|
|
|
60
60
|
export {$fe1a56c62936037c$exports as default};
|
|
@@ -38,23 +38,23 @@ var $fe1a56c62936037c$export$7f6ea68ad4b1fa69;
|
|
|
38
38
|
var $fe1a56c62936037c$export$4109102f950813a6;
|
|
39
39
|
var $fe1a56c62936037c$export$24c7f46a6e3605dd;
|
|
40
40
|
var $fe1a56c62936037c$export$2927016961429360;
|
|
41
|
-
$fe1a56c62936037c$export$f39a09f249340e2a = `
|
|
42
|
-
$fe1a56c62936037c$export$8c4ee2c50c22c514 = `
|
|
43
|
-
$fe1a56c62936037c$export$3f46c891456641e7 = `
|
|
44
|
-
$fe1a56c62936037c$export$d35bc1e505d1ebbf = `
|
|
45
|
-
$fe1a56c62936037c$export$b8813cd5d7824ce7 = `
|
|
46
|
-
$fe1a56c62936037c$export$682c8615600f6ee = `
|
|
47
|
-
$fe1a56c62936037c$export$14a30de2866685fa = `
|
|
48
|
-
$fe1a56c62936037c$export$f8ee3e99d637ccac = `
|
|
49
|
-
$fe1a56c62936037c$export$3a2eb50fe5450439 = `
|
|
50
|
-
$fe1a56c62936037c$export$b07bd551df410935 = `
|
|
51
|
-
$fe1a56c62936037c$export$e152b25f70350d85 = `
|
|
52
|
-
$fe1a56c62936037c$export$fbf255e91152b086 = `
|
|
53
|
-
$fe1a56c62936037c$export$9244b14cfa532d4f = `
|
|
54
|
-
$fe1a56c62936037c$export$7f6ea68ad4b1fa69 = `
|
|
55
|
-
$fe1a56c62936037c$export$4109102f950813a6 = `
|
|
56
|
-
$fe1a56c62936037c$export$24c7f46a6e3605dd = `
|
|
57
|
-
$fe1a56c62936037c$export$2927016961429360 = `
|
|
41
|
+
$fe1a56c62936037c$export$f39a09f249340e2a = `_59xJYq_focus-ring`;
|
|
42
|
+
$fe1a56c62936037c$export$8c4ee2c50c22c514 = `_59xJYq_i18nFontFamily`;
|
|
43
|
+
$fe1a56c62936037c$export$3f46c891456641e7 = `_59xJYq_is-checked`;
|
|
44
|
+
$fe1a56c62936037c$export$d35bc1e505d1ebbf = `_59xJYq_is-disabled`;
|
|
45
|
+
$fe1a56c62936037c$export$b8813cd5d7824ce7 = `_59xJYq_is-hovered`;
|
|
46
|
+
$fe1a56c62936037c$export$682c8615600f6ee = `_59xJYq_is-indeterminate`;
|
|
47
|
+
$fe1a56c62936037c$export$14a30de2866685fa = `_59xJYq_is-invalid`;
|
|
48
|
+
$fe1a56c62936037c$export$f8ee3e99d637ccac = `_59xJYq_spectrum-Checkbox`;
|
|
49
|
+
$fe1a56c62936037c$export$3a2eb50fe5450439 = `_59xJYq_spectrum-Checkbox--quiet`;
|
|
50
|
+
$fe1a56c62936037c$export$b07bd551df410935 = `_59xJYq_spectrum-Checkbox-box`;
|
|
51
|
+
$fe1a56c62936037c$export$e152b25f70350d85 = `_59xJYq_spectrum-Checkbox-checkmark`;
|
|
52
|
+
$fe1a56c62936037c$export$fbf255e91152b086 = `_59xJYq_spectrum-Checkbox-input`;
|
|
53
|
+
$fe1a56c62936037c$export$9244b14cfa532d4f = `_59xJYq_spectrum-Checkbox-label`;
|
|
54
|
+
$fe1a56c62936037c$export$7f6ea68ad4b1fa69 = `_59xJYq_spectrum-Checkbox-partialCheckmark`;
|
|
55
|
+
$fe1a56c62936037c$export$4109102f950813a6 = `_59xJYq_spectrum-FocusRing-ring`;
|
|
56
|
+
$fe1a56c62936037c$export$24c7f46a6e3605dd = `_59xJYq_spectrum-FocusRing ${$fe1a56c62936037c$export$4109102f950813a6}`;
|
|
57
|
+
$fe1a56c62936037c$export$2927016961429360 = `_59xJYq_spectrum-FocusRing--quiet`;
|
|
58
58
|
|
|
59
59
|
|
|
60
60
|
export {$fe1a56c62936037c$exports as default};
|
package/dist/types.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ import { FocusableRefValue, DOMRefValue } from "@react-types/shared";
|
|
|
5
5
|
* Checkboxes allow users to select multiple items from a list of individual items,
|
|
6
6
|
* or to mark one individual item as selected.
|
|
7
7
|
*/
|
|
8
|
-
export
|
|
8
|
+
export const Checkbox: React.ForwardRefExoticComponent<SpectrumCheckboxProps & React.RefAttributes<FocusableRefValue<HTMLLabelElement, HTMLLabelElement>>>;
|
|
9
9
|
/**
|
|
10
10
|
* A CheckboxGroup allows users to select one or more items from a list of choices.
|
|
11
11
|
*/
|
package/dist/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;
|
|
1
|
+
{"mappings":";;;AC4BA;;;GAGG;AACH,OAAO,MAAM,6IAyFX,CAAC;ACjGH;;GAEG;AACH,OAAO,MAAM,6HAuCX,CAAC;ACpDH,YAAY,EAAC,qBAAqB,EAAE,0BAA0B,EAAC,MAAM,uBAAuB,CAAC","sources":["packages/@react-spectrum/checkbox/src/packages/@react-spectrum/checkbox/src/context.ts","packages/@react-spectrum/checkbox/src/packages/@react-spectrum/checkbox/src/Checkbox.tsx","packages/@react-spectrum/checkbox/src/packages/@react-spectrum/checkbox/src/CheckboxGroup.tsx","packages/@react-spectrum/checkbox/src/packages/@react-spectrum/checkbox/src/index.ts","packages/@react-spectrum/checkbox/src/index.ts"],"sourcesContent":[null,null,null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/// <reference types=\"css-module-types\" />\nexport {Checkbox} from './Checkbox';\nexport {CheckboxGroup} from './CheckboxGroup';\nexport type {SpectrumCheckboxProps, SpectrumCheckboxGroupProps} from '@react-types/checkbox';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
|
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
.
|
|
1
|
+
._59xJYq_i18nFontFamily {
|
|
2
2
|
font-synthesis: weight;
|
|
3
3
|
font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
.
|
|
6
|
+
._59xJYq_i18nFontFamily:lang(ar) {
|
|
7
7
|
font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
.
|
|
10
|
+
._59xJYq_i18nFontFamily:lang(he) {
|
|
11
11
|
font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.
|
|
14
|
+
._59xJYq_i18nFontFamily:lang(zh) {
|
|
15
15
|
font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
.
|
|
18
|
+
._59xJYq_i18nFontFamily:lang(zh-Hans) {
|
|
19
19
|
font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
.
|
|
22
|
+
._59xJYq_i18nFontFamily:lang(zh-Hant) {
|
|
23
23
|
font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
.
|
|
26
|
+
._59xJYq_i18nFontFamily:lang(zh-SG), ._59xJYq_i18nFontFamily:lang(zh-CN) {
|
|
27
27
|
font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
.
|
|
30
|
+
._59xJYq_i18nFontFamily:lang(ko) {
|
|
31
31
|
font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
.
|
|
34
|
+
._59xJYq_i18nFontFamily:lang(ja) {
|
|
35
35
|
font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
.
|
|
38
|
+
._59xJYq_spectrum-FocusRing-ring {
|
|
39
39
|
--spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
|
|
40
40
|
--spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
|
|
41
41
|
--spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
--spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
.
|
|
46
|
+
._59xJYq_spectrum-FocusRing-ring:after {
|
|
47
47
|
border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
|
|
48
48
|
content: "";
|
|
49
49
|
margin: calc(-1 * var(--spectrum-focus-ring-border-size));
|
|
@@ -54,47 +54,48 @@
|
|
|
54
54
|
inset: 0;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
.
|
|
57
|
+
._59xJYq_spectrum-FocusRing._59xJYq_focus-ring:after {
|
|
58
58
|
margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
|
|
59
59
|
box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
|
|
60
60
|
}
|
|
61
61
|
|
|
62
|
-
.
|
|
62
|
+
._59xJYq_spectrum-FocusRing--quiet:after {
|
|
63
63
|
border-radius: 0;
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
-
.
|
|
66
|
+
._59xJYq_spectrum-FocusRing--quiet._59xJYq_focus-ring:after {
|
|
67
67
|
margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
|
|
68
68
|
box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
|
|
69
69
|
}
|
|
70
70
|
|
|
71
71
|
@media (forced-colors: active) {
|
|
72
|
-
.
|
|
72
|
+
._59xJYq_spectrum-FocusRing, ._59xJYq_spectrum-FocusRing-ring, ._59xJYq_spectrum-FocusRing--quiet {
|
|
73
73
|
--spectrum-high-contrast-focus-ring-color: Highlight;
|
|
74
74
|
}
|
|
75
75
|
|
|
76
|
-
:is(.
|
|
76
|
+
:is(._59xJYq_spectrum-FocusRing, ._59xJYq_spectrum-FocusRing-ring, ._59xJYq_spectrum-FocusRing--quiet):after {
|
|
77
77
|
forced-color-adjust: none;
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
80
|
|
|
81
|
-
.
|
|
81
|
+
._59xJYq_spectrum-Checkbox {
|
|
82
82
|
box-sizing: border-box;
|
|
83
83
|
min-block-size: var(--spectrum-checkbox-height, var(--spectrum-global-dimension-size-400));
|
|
84
84
|
vertical-align: top;
|
|
85
85
|
isolation: isolate;
|
|
86
|
-
align-items: flex-start;
|
|
87
86
|
max-inline-size: 100%;
|
|
87
|
+
align-items: flex-start;
|
|
88
88
|
padding-inline-end: calc(var(--spectrum-checkbox-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * 2);
|
|
89
89
|
display: inline-flex;
|
|
90
90
|
position: relative;
|
|
91
91
|
}
|
|
92
92
|
|
|
93
|
-
.
|
|
93
|
+
._59xJYq_spectrum-Checkbox-input {
|
|
94
94
|
box-sizing: border-box;
|
|
95
95
|
inline-size: calc(100% + var(--spectrum-checkbox-cursor-hit-x, var(--spectrum-global-dimension-size-100)));
|
|
96
96
|
opacity: .0001;
|
|
97
97
|
z-index: 1;
|
|
98
|
+
touch-action: manipulation;
|
|
98
99
|
cursor: default;
|
|
99
100
|
block-size: 100%;
|
|
100
101
|
margin: 0;
|
|
@@ -107,54 +108,54 @@
|
|
|
107
108
|
overflow: visible;
|
|
108
109
|
}
|
|
109
110
|
|
|
110
|
-
.
|
|
111
|
+
._59xJYq_spectrum-Checkbox-input:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
|
|
111
112
|
left: calc(var(--spectrum-checkbox-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * -1);
|
|
112
113
|
}
|
|
113
114
|
|
|
114
|
-
.
|
|
115
|
+
._59xJYq_spectrum-Checkbox-input:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
|
|
115
116
|
left: calc(var(--spectrum-checkbox-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * -1);
|
|
116
117
|
}
|
|
117
118
|
|
|
118
|
-
.
|
|
119
|
+
._59xJYq_spectrum-Checkbox-input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
119
120
|
right: calc(var(--spectrum-checkbox-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * -1);
|
|
120
121
|
}
|
|
121
122
|
|
|
122
|
-
.
|
|
123
|
+
._59xJYq_spectrum-Checkbox-input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
123
124
|
right: calc(var(--spectrum-checkbox-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * -1);
|
|
124
125
|
}
|
|
125
126
|
|
|
126
|
-
.
|
|
127
|
+
._59xJYq_spectrum-Checkbox-input:disabled {
|
|
127
128
|
cursor: default;
|
|
128
129
|
}
|
|
129
130
|
|
|
130
|
-
.
|
|
131
|
+
._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring + ._59xJYq_spectrum-Checkbox-box:after {
|
|
131
132
|
margin: calc(var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * -1);
|
|
132
133
|
}
|
|
133
134
|
|
|
134
|
-
.
|
|
135
|
+
._59xJYq_spectrum-Checkbox._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box:before {
|
|
135
136
|
border-width: calc(var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175)) / 2);
|
|
136
137
|
}
|
|
137
138
|
|
|
138
|
-
.
|
|
139
|
+
._59xJYq_spectrum-Checkbox._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box ._59xJYq_spectrum-Checkbox-checkmark {
|
|
139
140
|
display: none;
|
|
140
141
|
}
|
|
141
142
|
|
|
142
|
-
.
|
|
143
|
+
._59xJYq_spectrum-Checkbox._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box ._59xJYq_spectrum-Checkbox-partialCheckmark {
|
|
143
144
|
opacity: 1;
|
|
144
145
|
display: block;
|
|
145
146
|
transform: scale(1);
|
|
146
147
|
}
|
|
147
148
|
|
|
148
|
-
.
|
|
149
|
+
._59xJYq_spectrum-Checkbox._59xJYq_is-checked ._59xJYq_spectrum-Checkbox-box:before {
|
|
149
150
|
border-width: calc(var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175)) / 2);
|
|
150
151
|
}
|
|
151
152
|
|
|
152
|
-
.
|
|
153
|
+
._59xJYq_spectrum-Checkbox._59xJYq_is-checked ._59xJYq_spectrum-Checkbox-box ._59xJYq_spectrum-Checkbox-checkmark {
|
|
153
154
|
opacity: 1;
|
|
154
155
|
transform: scale(1);
|
|
155
156
|
}
|
|
156
157
|
|
|
157
|
-
.
|
|
158
|
+
._59xJYq_spectrum-Checkbox-label {
|
|
158
159
|
text-align: start;
|
|
159
160
|
font-size: var(--spectrum-checkbox-text-size, var(--spectrum-alias-font-size-default));
|
|
160
161
|
font-weight: var(--spectrum-checkbox-text-font-weight, var(--spectrum-global-font-weight-regular));
|
|
@@ -163,7 +164,7 @@
|
|
|
163
164
|
line-height: 1.49;
|
|
164
165
|
}
|
|
165
166
|
|
|
166
|
-
.
|
|
167
|
+
._59xJYq_spectrum-Checkbox-box {
|
|
167
168
|
box-sizing: border-box;
|
|
168
169
|
inline-size: var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175));
|
|
169
170
|
block-size: var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175));
|
|
@@ -173,7 +174,7 @@
|
|
|
173
174
|
position: relative;
|
|
174
175
|
}
|
|
175
176
|
|
|
176
|
-
.
|
|
177
|
+
._59xJYq_spectrum-Checkbox-box:before {
|
|
177
178
|
z-index: 0;
|
|
178
179
|
content: "";
|
|
179
180
|
box-sizing: border-box;
|
|
@@ -187,7 +188,7 @@
|
|
|
187
188
|
position: absolute;
|
|
188
189
|
}
|
|
189
190
|
|
|
190
|
-
.
|
|
191
|
+
._59xJYq_spectrum-Checkbox-box:after {
|
|
191
192
|
border-radius: calc(var(--spectrum-checkbox-box-border-radius, var(--spectrum-alias-border-radius-small)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)));
|
|
192
193
|
content: "";
|
|
193
194
|
margin: var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25));
|
|
@@ -198,7 +199,7 @@
|
|
|
198
199
|
transform: translateX(0);
|
|
199
200
|
}
|
|
200
201
|
|
|
201
|
-
.
|
|
202
|
+
._59xJYq_spectrum-Checkbox-checkmark, ._59xJYq_spectrum-Checkbox-partialCheckmark {
|
|
202
203
|
opacity: 0;
|
|
203
204
|
transition: opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out, transform var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
|
|
204
205
|
margin-block-start: calc(var(--spectrum-icon-checkmark-small-height) / -2);
|
|
@@ -208,43 +209,43 @@
|
|
|
208
209
|
transform: scale(0);
|
|
209
210
|
}
|
|
210
211
|
|
|
211
|
-
.
|
|
212
|
+
._59xJYq_spectrum-Checkbox-checkmark:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
|
|
212
213
|
left: 50%;
|
|
213
214
|
}
|
|
214
215
|
|
|
215
|
-
.
|
|
216
|
+
._59xJYq_spectrum-Checkbox-checkmark:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
|
|
216
217
|
left: 50%;
|
|
217
218
|
}
|
|
218
219
|
|
|
219
|
-
.
|
|
220
|
+
._59xJYq_spectrum-Checkbox-partialCheckmark:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
|
|
220
221
|
left: 50%;
|
|
221
222
|
}
|
|
222
223
|
|
|
223
|
-
.
|
|
224
|
+
._59xJYq_spectrum-Checkbox-partialCheckmark:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
|
|
224
225
|
left: 50%;
|
|
225
226
|
}
|
|
226
227
|
|
|
227
|
-
.
|
|
228
|
+
._59xJYq_spectrum-Checkbox-checkmark:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
228
229
|
right: 50%;
|
|
229
230
|
}
|
|
230
231
|
|
|
231
|
-
.
|
|
232
|
+
._59xJYq_spectrum-Checkbox-checkmark:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
232
233
|
right: 50%;
|
|
233
234
|
}
|
|
234
235
|
|
|
235
|
-
.
|
|
236
|
+
._59xJYq_spectrum-Checkbox-partialCheckmark:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
236
237
|
right: 50%;
|
|
237
238
|
}
|
|
238
239
|
|
|
239
|
-
.
|
|
240
|
+
._59xJYq_spectrum-Checkbox-partialCheckmark:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
240
241
|
right: 50%;
|
|
241
242
|
}
|
|
242
243
|
|
|
243
|
-
.
|
|
244
|
+
._59xJYq_spectrum-Checkbox-partialCheckmark {
|
|
244
245
|
display: none;
|
|
245
246
|
}
|
|
246
247
|
|
|
247
|
-
.
|
|
248
|
+
._59xJYq_spectrum-Checkbox {
|
|
248
249
|
--spectrum-checkbox-emphasized-text-color-key-focus: var(--spectrum-checkbox-emphasized-text-color-hover, var(--spectrum-alias-text-color-hover));
|
|
249
250
|
--spectrum-checkbox-box-border-color: var(--spectrum-alias-toggle-color-default);
|
|
250
251
|
--spectrum-checkbox-box-border-color-hover: var(--spectrum-alias-toggle-color-hover);
|
|
@@ -264,180 +265,180 @@
|
|
|
264
265
|
border-color: var(--spectrum-checkbox-emphasized-box-border-color, var(--spectrum-global-color-gray-600));
|
|
265
266
|
}
|
|
266
267
|
|
|
267
|
-
.
|
|
268
|
+
._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-checkmark, ._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-partialCheckmark {
|
|
268
269
|
color: var(--spectrum-checkbox-checkmark-color, var(--spectrum-global-color-gray-75));
|
|
269
270
|
}
|
|
270
271
|
|
|
271
|
-
.
|
|
272
|
+
._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-box:before {
|
|
272
273
|
border-color: var(--spectrum-checkbox-emphasized-box-border-color, var(--spectrum-global-color-gray-600));
|
|
273
274
|
background-color: var(--spectrum-checkbox-emphasized-box-background-color, var(--spectrum-global-color-gray-75));
|
|
274
275
|
}
|
|
275
276
|
|
|
276
|
-
.
|
|
277
|
+
._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-label {
|
|
277
278
|
color: var(--spectrum-checkbox-emphasized-text-color, var(--spectrum-alias-text-color));
|
|
278
279
|
}
|
|
279
280
|
|
|
280
|
-
.
|
|
281
|
+
._59xJYq_spectrum-Checkbox._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_is-checked ._59xJYq_spectrum-Checkbox-box:before {
|
|
281
282
|
border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected, var(--spectrum-global-color-blue-500));
|
|
282
283
|
}
|
|
283
284
|
|
|
284
|
-
.
|
|
285
|
+
._59xJYq_spectrum-Checkbox._59xJYq_is-hovered ._59xJYq_spectrum-Checkbox-box:before {
|
|
285
286
|
border-color: var(--spectrum-checkbox-emphasized-box-border-color-hover, var(--spectrum-global-color-gray-700));
|
|
286
287
|
}
|
|
287
288
|
|
|
288
|
-
.
|
|
289
|
+
._59xJYq_spectrum-Checkbox._59xJYq_is-hovered ._59xJYq_spectrum-Checkbox-label {
|
|
289
290
|
color: var(--spectrum-checkbox-emphasized-text-color-hover, var(--spectrum-alias-text-color-hover));
|
|
290
291
|
}
|
|
291
292
|
|
|
292
|
-
.
|
|
293
|
+
._59xJYq_spectrum-Checkbox._59xJYq_is-hovered._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_is-hovered ._59xJYq_spectrum-Checkbox-input:checked + ._59xJYq_spectrum-Checkbox-box:before {
|
|
293
294
|
border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected-hover, var(--spectrum-global-color-blue-600));
|
|
294
295
|
}
|
|
295
296
|
|
|
296
|
-
.
|
|
297
|
+
._59xJYq_spectrum-Checkbox:active ._59xJYq_spectrum-Checkbox-box:before {
|
|
297
298
|
border-color: var(--spectrum-checkbox-emphasized-box-border-color-down, var(--spectrum-global-color-gray-800));
|
|
298
299
|
}
|
|
299
300
|
|
|
300
|
-
.
|
|
301
|
+
._59xJYq_spectrum-Checkbox:active ._59xJYq_spectrum-Checkbox-label {
|
|
301
302
|
color: var(--spectrum-checkbox-emphasized-text-color-down, var(--spectrum-alias-text-color-down));
|
|
302
303
|
}
|
|
303
304
|
|
|
304
|
-
.
|
|
305
|
+
._59xJYq_spectrum-Checkbox:active._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox:active ._59xJYq_spectrum-Checkbox-input:checked + ._59xJYq_spectrum-Checkbox-box:before {
|
|
305
306
|
border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected-down, var(--spectrum-global-color-blue-700));
|
|
306
307
|
}
|
|
307
308
|
|
|
308
|
-
.
|
|
309
|
+
._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input:disabled + ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input:disabled:active + ._59xJYq_spectrum-Checkbox-box:before {
|
|
309
310
|
border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
|
|
310
311
|
background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
|
|
311
312
|
}
|
|
312
313
|
|
|
313
|
-
.
|
|
314
|
+
._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input:disabled ~ ._59xJYq_spectrum-Checkbox-label, ._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input:disabled:active ~ ._59xJYq_spectrum-Checkbox-label {
|
|
314
315
|
color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
|
|
315
316
|
}
|
|
316
317
|
|
|
317
|
-
.
|
|
318
|
+
._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input:checked:disabled + ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input:checked:disabled:active + ._59xJYq_spectrum-Checkbox-box:before {
|
|
318
319
|
border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
|
|
319
320
|
background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
|
|
320
321
|
}
|
|
321
322
|
|
|
322
|
-
.
|
|
323
|
+
._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input:checked:disabled ~ ._59xJYq_spectrum-Checkbox-label, ._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input:checked:disabled:active ~ ._59xJYq_spectrum-Checkbox-label {
|
|
323
324
|
color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
|
|
324
325
|
}
|
|
325
326
|
|
|
326
|
-
.
|
|
327
|
+
._59xJYq_spectrum-Checkbox._59xJYq_is-disabled ._59xJYq_spectrum-Checkbox-input:disabled + ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_is-disabled ._59xJYq_spectrum-Checkbox-input:disabled:active + ._59xJYq_spectrum-Checkbox-box:before {
|
|
327
328
|
border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
|
|
328
329
|
background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
|
|
329
330
|
}
|
|
330
331
|
|
|
331
|
-
.
|
|
332
|
+
._59xJYq_spectrum-Checkbox._59xJYq_is-disabled ._59xJYq_spectrum-Checkbox-input:disabled ~ ._59xJYq_spectrum-Checkbox-label, ._59xJYq_spectrum-Checkbox._59xJYq_is-disabled ._59xJYq_spectrum-Checkbox-input:disabled:active ~ ._59xJYq_spectrum-Checkbox-label {
|
|
332
333
|
color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
|
|
333
334
|
}
|
|
334
335
|
|
|
335
|
-
.
|
|
336
|
+
._59xJYq_spectrum-Checkbox._59xJYq_is-disabled ._59xJYq_spectrum-Checkbox-input:checked:disabled + ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_is-disabled ._59xJYq_spectrum-Checkbox-input:checked:disabled:active + ._59xJYq_spectrum-Checkbox-box:before {
|
|
336
337
|
border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
|
|
337
338
|
background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
|
|
338
339
|
}
|
|
339
340
|
|
|
340
|
-
.
|
|
341
|
+
._59xJYq_spectrum-Checkbox._59xJYq_is-disabled ._59xJYq_spectrum-Checkbox-input:checked:disabled ~ ._59xJYq_spectrum-Checkbox-label, ._59xJYq_spectrum-Checkbox._59xJYq_is-disabled ._59xJYq_spectrum-Checkbox-input:checked:disabled:active ~ ._59xJYq_spectrum-Checkbox-label {
|
|
341
342
|
color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
|
|
342
343
|
}
|
|
343
344
|
|
|
344
|
-
.
|
|
345
|
+
._59xJYq_spectrum-Checkbox._59xJYq_is-disabled._59xJYq_is-hovered ._59xJYq_spectrum-Checkbox-box:before {
|
|
345
346
|
border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
|
|
346
347
|
background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
|
|
347
348
|
}
|
|
348
349
|
|
|
349
|
-
.
|
|
350
|
+
._59xJYq_spectrum-Checkbox._59xJYq_is-disabled._59xJYq_is-hovered ._59xJYq_spectrum-Checkbox-label {
|
|
350
351
|
color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
|
|
351
352
|
}
|
|
352
353
|
|
|
353
|
-
.
|
|
354
|
+
._59xJYq_spectrum-Checkbox._59xJYq_is-disabled:active ._59xJYq_spectrum-Checkbox-box:before {
|
|
354
355
|
border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400));
|
|
355
356
|
background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75));
|
|
356
357
|
}
|
|
357
358
|
|
|
358
|
-
.
|
|
359
|
+
._59xJYq_spectrum-Checkbox._59xJYq_is-disabled:active ._59xJYq_spectrum-Checkbox-label {
|
|
359
360
|
color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled));
|
|
360
361
|
}
|
|
361
362
|
|
|
362
|
-
.
|
|
363
|
+
._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input + ._59xJYq_spectrum-Checkbox-box:after {
|
|
363
364
|
box-shadow: 0 0 0 var(--spectrum-checkbox-focus-ring-size-key-focus, var(--spectrum-alias-focus-ring-size)) var(--spectrum-checkbox-focus-ring-color-key-focus, var(--spectrum-alias-focus-ring-color));
|
|
364
365
|
opacity: 0;
|
|
365
366
|
}
|
|
366
367
|
|
|
367
|
-
.
|
|
368
|
+
._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring + ._59xJYq_spectrum-Checkbox-box:before {
|
|
368
369
|
border-color: var(--spectrum-checkbox-box-border-color-key-focus, var(--spectrum-global-color-gray-700));
|
|
369
370
|
}
|
|
370
371
|
|
|
371
|
-
.
|
|
372
|
+
._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring + ._59xJYq_spectrum-Checkbox-box:after {
|
|
372
373
|
opacity: 1;
|
|
373
374
|
}
|
|
374
375
|
|
|
375
|
-
.
|
|
376
|
+
._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input:checked._59xJYq_focus-ring + ._59xJYq_spectrum-Checkbox-box:before {
|
|
376
377
|
border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected-key-focus, var(--spectrum-global-color-blue-600));
|
|
377
378
|
}
|
|
378
379
|
|
|
379
|
-
.
|
|
380
|
+
._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring ~ ._59xJYq_spectrum-Checkbox-label {
|
|
380
381
|
color: var(--spectrum-checkbox-emphasized-text-color-key-focus, var(--spectrum-alias-text-color-hover));
|
|
381
382
|
}
|
|
382
383
|
|
|
383
|
-
.
|
|
384
|
+
._59xJYq_spectrum-Checkbox._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring + ._59xJYq_spectrum-Checkbox-box:before {
|
|
384
385
|
border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected-key-focus, var(--spectrum-global-color-blue-600));
|
|
385
386
|
}
|
|
386
387
|
|
|
387
|
-
.
|
|
388
|
+
._59xJYq_spectrum-Checkbox._59xJYq_spectrum-Checkbox--quiet ._59xJYq_spectrum-Checkbox-input:checked + ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_spectrum-Checkbox--quiet._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_spectrum-Checkbox--quiet._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring + ._59xJYq_spectrum-Checkbox-box:before {
|
|
388
389
|
border-color: var(--spectrum-checkbox-quiet-box-border-color-selected, var(--spectrum-global-color-gray-700));
|
|
389
390
|
}
|
|
390
391
|
|
|
391
|
-
.
|
|
392
|
+
._59xJYq_spectrum-Checkbox._59xJYq_spectrum-Checkbox--quiet._59xJYq_is-hovered._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_spectrum-Checkbox--quiet._59xJYq_is-hovered ._59xJYq_spectrum-Checkbox-input:checked + ._59xJYq_spectrum-Checkbox-box:before {
|
|
392
393
|
border-color: var(--spectrum-checkbox-quiet-box-border-color-selected-hover, var(--spectrum-global-color-gray-800));
|
|
393
394
|
}
|
|
394
395
|
|
|
395
|
-
.
|
|
396
|
+
._59xJYq_spectrum-Checkbox._59xJYq_spectrum-Checkbox--quiet:active._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_spectrum-Checkbox--quiet:active ._59xJYq_spectrum-Checkbox-input:checked + ._59xJYq_spectrum-Checkbox-box:before {
|
|
396
397
|
border-color: var(--spectrum-checkbox-quiet-box-border-color-selected-down, var(--spectrum-global-color-gray-900));
|
|
397
398
|
}
|
|
398
399
|
|
|
399
|
-
.
|
|
400
|
+
._59xJYq_spectrum-Checkbox._59xJYq_is-invalid ._59xJYq_spectrum-Checkbox-input:checked + ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring + ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid ._59xJYq_spectrum-Checkbox-input:checked + ._59xJYq_spectrum-Checkbox-box:before {
|
|
400
401
|
border-color: var(--spectrum-checkbox-box-border-color-error, var(--spectrum-global-color-red-500));
|
|
401
402
|
}
|
|
402
403
|
|
|
403
|
-
.
|
|
404
|
+
._59xJYq_spectrum-Checkbox._59xJYq_is-invalid ._59xJYq_spectrum-Checkbox-label {
|
|
404
405
|
color: var(--spectrum-checkbox-text-color-error, var(--spectrum-global-color-red-600));
|
|
405
406
|
}
|
|
406
407
|
|
|
407
|
-
.
|
|
408
|
+
._59xJYq_spectrum-Checkbox._59xJYq_is-invalid._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring + ._59xJYq_spectrum-Checkbox-box:before {
|
|
408
409
|
border-color: var(--spectrum-checkbox-box-border-color-error-hover, var(--spectrum-global-color-red-600));
|
|
409
410
|
}
|
|
410
411
|
|
|
411
|
-
.
|
|
412
|
+
._59xJYq_spectrum-Checkbox._59xJYq_is-invalid._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring ~ ._59xJYq_spectrum-Checkbox-label {
|
|
412
413
|
color: var(--spectrum-checkbox-text-color-error-hover, var(--spectrum-global-color-red-700));
|
|
413
414
|
}
|
|
414
415
|
|
|
415
|
-
.
|
|
416
|
+
._59xJYq_spectrum-Checkbox._59xJYq_is-invalid ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring + ._59xJYq_spectrum-Checkbox-box:before {
|
|
416
417
|
border-color: var(--spectrum-checkbox-box-border-color-error-hover, var(--spectrum-global-color-red-600));
|
|
417
418
|
}
|
|
418
419
|
|
|
419
|
-
.
|
|
420
|
+
._59xJYq_spectrum-Checkbox._59xJYq_is-invalid ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring ~ ._59xJYq_spectrum-Checkbox-label {
|
|
420
421
|
color: var(--spectrum-checkbox-text-color-error-hover, var(--spectrum-global-color-red-700));
|
|
421
422
|
}
|
|
422
423
|
|
|
423
|
-
.
|
|
424
|
+
._59xJYq_spectrum-Checkbox._59xJYq_is-invalid._59xJYq_is-hovered ._59xJYq_spectrum-Checkbox-input:checked + ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid._59xJYq_is-hovered ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid._59xJYq_is-hovered._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box:before {
|
|
424
425
|
border-color: var(--spectrum-checkbox-box-border-color-error-hover, var(--spectrum-global-color-red-600));
|
|
425
426
|
}
|
|
426
427
|
|
|
427
|
-
.
|
|
428
|
+
._59xJYq_spectrum-Checkbox._59xJYq_is-invalid._59xJYq_is-hovered ._59xJYq_spectrum-Checkbox-label {
|
|
428
429
|
color: var(--spectrum-checkbox-text-color-error-hover, var(--spectrum-global-color-red-700));
|
|
429
430
|
}
|
|
430
431
|
|
|
431
|
-
.
|
|
432
|
+
._59xJYq_spectrum-Checkbox._59xJYq_is-invalid:active ._59xJYq_spectrum-Checkbox-input:checked + ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid:active ._59xJYq_spectrum-Checkbox-box:before {
|
|
432
433
|
border-color: var(--spectrum-checkbox-box-border-color-error-down, var(--spectrum-global-color-red-700));
|
|
433
434
|
}
|
|
434
435
|
|
|
435
|
-
.
|
|
436
|
+
._59xJYq_spectrum-Checkbox._59xJYq_is-invalid:active ._59xJYq_spectrum-Checkbox-label {
|
|
436
437
|
color: var(--spectrum-checkbox-text-color-error-down, var(--spectrum-global-color-red-700));
|
|
437
438
|
}
|
|
438
439
|
|
|
439
440
|
@media (forced-colors: active) {
|
|
440
|
-
.
|
|
441
|
+
._59xJYq_spectrum-Checkbox {
|
|
441
442
|
forced-color-adjust: none;
|
|
442
443
|
--spectrum-alias-toggle-color-default: ButtonText;
|
|
443
444
|
--spectrum-alias-toggle-color-hover: Highlight;
|
|
@@ -479,9 +480,9 @@
|
|
|
479
480
|
--spectrum-checkbox-emphasized-box-border-color-selected-down: Highlight;
|
|
480
481
|
}
|
|
481
482
|
|
|
482
|
-
.
|
|
483
|
+
._59xJYq_spectrum-Checkbox._59xJYq_spectrum-Checkbox--quiet, ._59xJYq_spectrum-Checkbox._59xJYq_is-indeterminate {
|
|
483
484
|
--spectrum-alias-toggle-color-default: ButtonText;
|
|
484
485
|
--spectrum-alias-toggle-color-selected: ButtonText;
|
|
485
486
|
}
|
|
486
487
|
}
|
|
487
|
-
/*# sourceMappingURL=vars.
|
|
488
|
+
/*# sourceMappingURL=vars.6d89b710.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAMJ;;;;;;;;;;;;AAiBA;;;;;;;;;;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAgCE;;;;AAMI;;;;AASF;;;;AAIA;;;;AAIA;;;;;;AAWA;;;;AAKA;;;;;AAOJ;;;;;;;;;AASA;;;;;;;;;;AAaE;;;;;;;;;;;;;;AAiBA;;;;;;;;;;;AAiBF;;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAeA;;;;AAgBA;;;;;;;;;;;;;;;;;;;;AAyBE;;;;AAME;;;;;AAMF;;;;AAQI;;;;AAQA;;;;AAIF;;;;AAKE;;;;AAQA;;;;AAIF;;;;AAKE;;;;AAUA;;;;;AAMF;;;;AANE;;;;;AAMF;;;;AAWI;;;;;AAMF;;;;AANE;;;;;AAMF;;;;AASE;;;;;AAKF;;;;AALE;;;;;AAKF;;;;AAWA;;;;;AAMA;;;;AAGA;;;;AAME;;;;AAKJ;;;;AAQI;;;;AAWF;;;;AAQE;;;;AASA;;;;AAcF;;;;AAKF;;;;AAOI;;;;AAKF;;;;AALE;;;;AAKF;;;;AASE;;;;AAKF;;;;AAQE;;;;AAKF;;;;AAON;EACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CE","sources":["packages/@adobe/spectrum-css-temp/components/checkbox/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"vars.6d89b710.css.map"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/checkbox",
|
|
3
|
-
"version": "3.9.
|
|
3
|
+
"version": "3.9.13",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -36,19 +36,19 @@
|
|
|
36
36
|
"url": "https://github.com/adobe/react-spectrum"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@react-aria/checkbox": "^3.15.
|
|
40
|
-
"@react-aria/focus": "^3.
|
|
41
|
-
"@react-aria/interactions": "^3.
|
|
42
|
-
"@react-spectrum/form": "^3.7.
|
|
43
|
-
"@react-spectrum/label": "^3.16.
|
|
44
|
-
"@react-spectrum/utils": "^3.12.
|
|
45
|
-
"@react-stately/checkbox": "^3.6.
|
|
46
|
-
"@react-stately/toggle": "^3.8.
|
|
47
|
-
"@react-types/checkbox": "^3.9.
|
|
48
|
-
"@react-types/shared": "^3.
|
|
49
|
-
"@spectrum-icons/ui": "^3.6.
|
|
39
|
+
"@react-aria/checkbox": "^3.15.2",
|
|
40
|
+
"@react-aria/focus": "^3.20.0",
|
|
41
|
+
"@react-aria/interactions": "^3.24.0",
|
|
42
|
+
"@react-spectrum/form": "^3.7.12",
|
|
43
|
+
"@react-spectrum/label": "^3.16.12",
|
|
44
|
+
"@react-spectrum/utils": "^3.12.2",
|
|
45
|
+
"@react-stately/checkbox": "^3.6.12",
|
|
46
|
+
"@react-stately/toggle": "^3.8.2",
|
|
47
|
+
"@react-types/checkbox": "^3.9.2",
|
|
48
|
+
"@react-types/shared": "^3.28.0",
|
|
49
|
+
"@spectrum-icons/ui": "^3.6.13",
|
|
50
50
|
"@swc/helpers": "^0.5.0",
|
|
51
|
-
"react-aria-components": "^1.
|
|
51
|
+
"react-aria-components": "^1.7.0"
|
|
52
52
|
},
|
|
53
53
|
"devDependencies": {
|
|
54
54
|
"@adobe/spectrum-css-temp": "3.0.0-alpha.1",
|
|
@@ -61,5 +61,5 @@
|
|
|
61
61
|
"publishConfig": {
|
|
62
62
|
"access": "public"
|
|
63
63
|
},
|
|
64
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "4d3c72c94eea2d72eb3a0e7d56000c6ef7e39726"
|
|
65
65
|
}
|
package/src/Checkbox.tsx
CHANGED
|
@@ -26,7 +26,11 @@ import {useHover} from '@react-aria/interactions';
|
|
|
26
26
|
import {useProviderProps} from '@react-spectrum/provider';
|
|
27
27
|
import {useToggleState} from '@react-stately/toggle';
|
|
28
28
|
|
|
29
|
-
|
|
29
|
+
/**
|
|
30
|
+
* Checkboxes allow users to select multiple items from a list of individual items,
|
|
31
|
+
* or to mark one individual item as selected.
|
|
32
|
+
*/
|
|
33
|
+
export const Checkbox = forwardRef(function Checkbox(props: SpectrumCheckboxProps, ref: FocusableRef<HTMLLabelElement>) {
|
|
30
34
|
let originalProps = props;
|
|
31
35
|
let inputRef = useRef<HTMLInputElement>(null);
|
|
32
36
|
let domRef = useFocusableRef(ref, inputRef);
|
|
@@ -115,10 +119,4 @@ function Checkbox(props: SpectrumCheckboxProps, ref: FocusableRef<HTMLLabelEleme
|
|
|
115
119
|
)}
|
|
116
120
|
</label>
|
|
117
121
|
);
|
|
118
|
-
}
|
|
119
|
-
/**
|
|
120
|
-
* Checkboxes allow users to select multiple items from a list of individual items,
|
|
121
|
-
* or to mark one individual item as selected.
|
|
122
|
-
*/
|
|
123
|
-
let _Checkbox = forwardRef(Checkbox);
|
|
124
|
-
export {_Checkbox as Checkbox};
|
|
122
|
+
});
|
package/src/CheckboxGroup.tsx
CHANGED
|
@@ -22,7 +22,10 @@ import {useCheckboxGroup} from '@react-aria/checkbox';
|
|
|
22
22
|
import {useCheckboxGroupState} from '@react-stately/checkbox';
|
|
23
23
|
import {useFormProps} from '@react-spectrum/form';
|
|
24
24
|
|
|
25
|
-
|
|
25
|
+
/**
|
|
26
|
+
* A CheckboxGroup allows users to select one or more items from a list of choices.
|
|
27
|
+
*/
|
|
28
|
+
export const CheckboxGroup = React.forwardRef(function CheckboxGroup(props: SpectrumCheckboxGroupProps, ref: DOMRef<HTMLDivElement>) {
|
|
26
29
|
props = useProviderProps(props);
|
|
27
30
|
props = useFormProps(props);
|
|
28
31
|
let {
|
|
@@ -61,10 +64,4 @@ function CheckboxGroup(props: SpectrumCheckboxGroupProps, ref: DOMRef<HTMLDivEle
|
|
|
61
64
|
</div>
|
|
62
65
|
</Field>
|
|
63
66
|
);
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
/**
|
|
67
|
-
* A CheckboxGroup allows users to select one or more items from a list of choices.
|
|
68
|
-
*/
|
|
69
|
-
const _CheckboxGroup = React.forwardRef(CheckboxGroup);
|
|
70
|
-
export {_CheckboxGroup as CheckboxGroup};
|
|
67
|
+
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAMJ;;;;;;;;;;;;AAiBA;;;;;;;;;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AA8BE;;;;AAMI;;;;AASF;;;;AAIA;;;;AAIA;;;;;;AAWA;;;;AAKA;;;;;AAOJ;;;;;;;;;AASA;;;;;;;;;;AAaE;;;;;;;;;;;;;;AAiBA;;;;;;;;;;;AAiBF;;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAeA;;;;AAgBA;;;;;;;;;;;;;;;;;;;;AAyBE;;;;AAME;;;;;AAMF;;;;AAQI;;;;AAQA;;;;AAIF;;;;AAKE;;;;AAQA;;;;AAIF;;;;AAKE;;;;AAUA;;;;;AAMF;;;;AANE;;;;;AAMF;;;;AAWI;;;;;AAMF;;;;AANE;;;;;AAMF;;;;AASE;;;;;AAKF;;;;AALE;;;;;AAKF;;;;AAWA;;;;;AAMA;;;;AAGA;;;;AAME;;;;AAKJ;;;;AAQI;;;;AAWF;;;;AAQE;;;;AASA;;;;AAcF;;;;AAKF;;;;AAOI;;;;AAKF;;;;AALE;;;;AAKF;;;;AASE;;;;AAKF;;;;AAQE;;;;AAKF;;;;AAON;EACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CE","sources":["packages/@adobe/spectrum-css-temp/components/checkbox/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"vars.a2ced2df.css.map"}
|