@react-spectrum/checkbox 3.8.1 → 3.9.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/import.mjs +11 -10
- package/dist/main.css +1 -1
- package/dist/main.js +11 -10
- package/dist/main.js.map +1 -1
- package/dist/module.js +11 -10
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts.map +1 -1
- package/package.json +13 -13
- package/src/Checkbox.tsx +4 -4
- package/src/CheckboxGroup.tsx +3 -5
package/dist/import.mjs
CHANGED
|
@@ -5,16 +5,18 @@ import $gpy1V$spectrumiconsuiDashSmall from "@spectrum-icons/ui/DashSmall";
|
|
|
5
5
|
import {FocusRing as $gpy1V$FocusRing} from "@react-aria/focus";
|
|
6
6
|
import $gpy1V$react, {useRef as $gpy1V$useRef, useContext as $gpy1V$useContext, forwardRef as $gpy1V$forwardRef} from "react";
|
|
7
7
|
import {useCheckboxGroupItem as $gpy1V$useCheckboxGroupItem, useCheckbox as $gpy1V$useCheckbox, useCheckboxGroup as $gpy1V$useCheckboxGroup} from "@react-aria/checkbox";
|
|
8
|
+
import {useFormProps as $gpy1V$useFormProps} from "@react-spectrum/form";
|
|
8
9
|
import {useHover as $gpy1V$useHover} from "@react-aria/interactions";
|
|
9
10
|
import {useProviderProps as $gpy1V$useProviderProps, Provider as $gpy1V$Provider} from "@react-spectrum/provider";
|
|
10
11
|
import {useToggleState as $gpy1V$useToggleState} from "@react-stately/toggle";
|
|
11
12
|
import {Field as $gpy1V$Field} from "@react-spectrum/label";
|
|
12
13
|
import {useCheckboxGroupState as $gpy1V$useCheckboxGroupState} from "@react-stately/checkbox";
|
|
13
|
-
|
|
14
|
+
|
|
14
15
|
|
|
15
16
|
function $parcel$interopDefault(a) {
|
|
16
17
|
return a && a.__esModule ? a.default : a;
|
|
17
18
|
}
|
|
19
|
+
|
|
18
20
|
function $parcel$export(e, n, v, s) {
|
|
19
21
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
20
22
|
}
|
|
@@ -117,10 +119,12 @@ $fe1a56c62936037c$export$2927016961429360 = `ISsn1a_spectrum-FocusRing--quiet`;
|
|
|
117
119
|
|
|
118
120
|
|
|
119
121
|
|
|
122
|
+
|
|
120
123
|
function $25b6292d81af2844$var$Checkbox(props, ref) {
|
|
121
124
|
let originalProps = props;
|
|
122
125
|
props = (0, $gpy1V$useProviderProps)(props);
|
|
123
|
-
|
|
126
|
+
props = (0, $gpy1V$useFormProps)(props);
|
|
127
|
+
let { isIndeterminate: isIndeterminate = false, isEmphasized: isEmphasized = false, isDisabled: isDisabled = false, autoFocus: autoFocus, children: children, ...otherProps } = props;
|
|
124
128
|
let { styleProps: styleProps } = (0, $gpy1V$useStyleProps)(otherProps);
|
|
125
129
|
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $gpy1V$useHover)({
|
|
126
130
|
isDisabled: isDisabled
|
|
@@ -131,7 +135,7 @@ function $25b6292d81af2844$var$Checkbox(props, ref) {
|
|
|
131
135
|
// This is a bit unorthodox. Typically, hooks cannot be called in a conditional,
|
|
132
136
|
// but since the checkbox won't move in and out of a group, it should be safe.
|
|
133
137
|
let groupState = (0, $gpy1V$useContext)((0, $8c8ab388b155237e$export$baf37c4be89255b8));
|
|
134
|
-
let { inputProps: inputProps } = groupState ? (0, $gpy1V$useCheckboxGroupItem)({
|
|
138
|
+
let { inputProps: inputProps, isInvalid: isInvalid } = groupState ? (0, $gpy1V$useCheckboxGroupItem)({
|
|
135
139
|
...props,
|
|
136
140
|
// Value is optional for standalone checkboxes, but required for CheckboxGroup items;
|
|
137
141
|
// it's passed explicitly here to avoid typescript error (requires ignore).
|
|
@@ -164,7 +168,7 @@ function $25b6292d81af2844$var$Checkbox(props, ref) {
|
|
|
164
168
|
"is-checked": inputProps.checked,
|
|
165
169
|
"is-indeterminate": isIndeterminate,
|
|
166
170
|
"spectrum-Checkbox--quiet": !isEmphasized,
|
|
167
|
-
"is-invalid": isInvalid
|
|
171
|
+
"is-invalid": isInvalid,
|
|
168
172
|
"is-disabled": isDisabled,
|
|
169
173
|
"is-hovered": isHovered
|
|
170
174
|
}, styleProps.className)
|
|
@@ -239,14 +243,12 @@ function $73f43ce9d441cc69$var$CheckboxGroup(props, ref) {
|
|
|
239
243
|
let { isEmphasized: isEmphasized, children: children, orientation: orientation = "vertical" } = props;
|
|
240
244
|
let domRef = (0, $gpy1V$useDOMRef)(ref);
|
|
241
245
|
let state = (0, $gpy1V$useCheckboxGroupState)(props);
|
|
242
|
-
let {
|
|
246
|
+
let { groupProps: groupProps, ...otherProps } = (0, $gpy1V$useCheckboxGroup)(props, state);
|
|
243
247
|
return /*#__PURE__*/ (0, $gpy1V$react).createElement((0, $gpy1V$Field), {
|
|
244
248
|
...props,
|
|
249
|
+
...otherProps,
|
|
245
250
|
ref: domRef,
|
|
246
251
|
wrapperClassName: (0, $gpy1V$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($4cb2b26710154c56$exports))), "spectrum-FieldGroup"),
|
|
247
|
-
labelProps: labelProps,
|
|
248
|
-
descriptionProps: descriptionProps,
|
|
249
|
-
errorMessageProps: errorMessageProps,
|
|
250
252
|
elementType: "span",
|
|
251
253
|
includeNecessityIndicatorInAccessibilityName: true
|
|
252
254
|
}, /*#__PURE__*/ (0, $gpy1V$react).createElement("div", {
|
|
@@ -255,8 +257,7 @@ function $73f43ce9d441cc69$var$CheckboxGroup(props, ref) {
|
|
|
255
257
|
"spectrum-FieldGroup-group--horizontal": orientation === "horizontal"
|
|
256
258
|
})
|
|
257
259
|
}, /*#__PURE__*/ (0, $gpy1V$react).createElement((0, $gpy1V$Provider), {
|
|
258
|
-
isEmphasized: isEmphasized
|
|
259
|
-
validationState: state.isInvalid ? "invalid" : undefined
|
|
260
|
+
isEmphasized: isEmphasized
|
|
260
261
|
}, /*#__PURE__*/ (0, $gpy1V$react).createElement((0, $8c8ab388b155237e$export$baf37c4be89255b8).Provider, {
|
|
261
262
|
value: state
|
|
262
263
|
}, children))));
|
package/dist/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ISsn1a_i18nFontFamily{font-synthesis:weight;font-family:adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.ISsn1a_i18nFontFamily:lang(ar){font-family:myriad-arabic,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.ISsn1a_i18nFontFamily:lang(he){font-family:myriad-hebrew,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.ISsn1a_i18nFontFamily:lang(zh){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Heiti TC Light,sans-serif}.ISsn1a_i18nFontFamily:lang(zh-Hans){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.ISsn1a_i18nFontFamily:lang(zh-Hant){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Microsoft JhengHei UI,Microsoft JhengHei,Heiti TC Light,sans-serif}.ISsn1a_i18nFontFamily:lang(zh-SG),.ISsn1a_i18nFontFamily:lang(zh-CN){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.ISsn1a_i18nFontFamily:lang(ko){font-family:adobe-clean-han-korean,source-han-korean,Malgun Gothic,Apple Gothic,sans-serif}.ISsn1a_i18nFontFamily:lang(ja){font-family:adobe-clean-han-japanese,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Osaka,YuGothic,Yu Gothic,メイリオ,Meiryo,MS Pゴシック,MS PGothic,sans-serif}.ISsn1a_spectrum-FocusRing-ring{--spectrum-focus-ring-border-radius:var(--spectrum-textfield-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-gap:var(--spectrum-alias-input-focusring-gap);--spectrum-focus-ring-size:var(--spectrum-alias-input-focusring-size);--spectrum-focus-ring-border-size:0px;--spectrum-focus-ring-color:var(--spectrum-high-contrast-focus-ring-color,var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color)))}.ISsn1a_spectrum-FocusRing-ring:after{border-radius:calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));content:"";margin:calc(-1*var(--spectrum-focus-ring-border-size));pointer-events:none;transition:box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-out,margin var(--spectrum-global-animation-duration-100,.13s)ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.ISsn1a_spectrum-FocusRing.ISsn1a_focus-ring:after{margin:calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size));box-shadow:0 0 0 var(--spectrum-focus-ring-size)var(--spectrum-focus-ring-color)}.ISsn1a_spectrum-FocusRing--quiet:after{border-radius:0}.ISsn1a_spectrum-FocusRing--quiet.ISsn1a_focus-ring:after{margin:0 0 calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size))0;box-shadow:0 var(--spectrum-focus-ring-size)0 var(--spectrum-focus-ring-color)}.ISsn1a_spectrum-Checkbox{box-sizing:border-box;min-block-size:var(--spectrum-checkbox-height,var(--spectrum-global-dimension-size-400));vertical-align:top;isolation:isolate;align-items:flex-start;max-inline-size:100%;display:inline-flex;position:relative}.ISsn1a_spectrum-Checkbox:not(:-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))){padding-right:calc(var(--spectrum-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2)}.ISsn1a_spectrum-Checkbox:not(:-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))){padding-right:calc(var(--spectrum-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2)}.ISsn1a_spectrum-Checkbox: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))){padding-right:calc(var(--spectrum-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2)}.ISsn1a_spectrum-Checkbox:-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)){padding-left:calc(var(--spectrum-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2)}.ISsn1a_spectrum-Checkbox: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)){padding-left:calc(var(--spectrum-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2)}.ISsn1a_spectrum-Checkbox-input{box-sizing:border-box;inline-size:calc(100% + var(--spectrum-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100)));opacity:.0001;z-index:1;cursor:default;block-size:100%;margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1.15;position:absolute;top:0;overflow:visible}.ISsn1a_spectrum-Checkbox-input:not(:-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))){left:calc(var(--spectrum-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100))*-1)}.ISsn1a_spectrum-Checkbox-input:not(:-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))){left:calc(var(--spectrum-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100))*-1)}.ISsn1a_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))){left:calc(var(--spectrum-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100))*-1)}.ISsn1a_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)){right:calc(var(--spectrum-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100))*-1)}.ISsn1a_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)){right:calc(var(--spectrum-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100))*-1)}.ISsn1a_spectrum-Checkbox-input:disabled{cursor:default}.ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring+.ISsn1a_spectrum-Checkbox-box:after{margin:calc(var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25))*-1)}.ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before{border-width:calc(var(--spectrum-checkbox-box-size,var(--spectrum-global-dimension-size-175))/2)}.ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box .ISsn1a_spectrum-Checkbox-checkmark{display:none}.ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box .ISsn1a_spectrum-Checkbox-partialCheckmark{opacity:1;display:block;transform:scale(1)}.ISsn1a_spectrum-Checkbox.ISsn1a_is-checked .ISsn1a_spectrum-Checkbox-box:before{border-width:calc(var(--spectrum-checkbox-box-size,var(--spectrum-global-dimension-size-175))/2)}.ISsn1a_spectrum-Checkbox.ISsn1a_is-checked .ISsn1a_spectrum-Checkbox-box .ISsn1a_spectrum-Checkbox-checkmark{opacity:1;transform:scale(1)}.ISsn1a_spectrum-Checkbox-label{text-align:start;font-size:var(--spectrum-checkbox-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-checkbox-text-font-weight,var(--spectrum-global-font-weight-regular));margin-top:var(--spectrum-global-dimension-size-65);line-height:1.49}.ISsn1a_spectrum-Checkbox-label:not(:-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))){margin-left:var(--spectrum-checkbox-text-gap,var(--spectrum-global-dimension-size-125))}.ISsn1a_spectrum-Checkbox-label:not(:-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))){margin-left:var(--spectrum-checkbox-text-gap,var(--spectrum-global-dimension-size-125))}.ISsn1a_spectrum-Checkbox-label: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))){margin-left:var(--spectrum-checkbox-text-gap,var(--spectrum-global-dimension-size-125))}.ISsn1a_spectrum-Checkbox-label:-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)){margin-right:var(--spectrum-checkbox-text-gap,var(--spectrum-global-dimension-size-125))}.ISsn1a_spectrum-Checkbox-label: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)){margin-right:var(--spectrum-checkbox-text-gap,var(--spectrum-global-dimension-size-125))}.ISsn1a_spectrum-Checkbox-box{box-sizing:border-box;inline-size:var(--spectrum-checkbox-box-size,var(--spectrum-global-dimension-size-175));block-size:var(--spectrum-checkbox-box-size,var(--spectrum-global-dimension-size-175));margin:calc((var(--spectrum-checkbox-height,var(--spectrum-global-dimension-size-400)) - var(--spectrum-checkbox-box-size,var(--spectrum-global-dimension-size-175)))/2)0;flex-grow:0;flex-shrink:0;position:relative}.ISsn1a_spectrum-Checkbox-box:before{z-index:0;content:"";box-sizing:border-box;width:var(--spectrum-checkbox-box-size,var(--spectrum-global-dimension-size-175));height:var(--spectrum-checkbox-box-size,var(--spectrum-global-dimension-size-175));border-radius:var(--spectrum-checkbox-box-border-radius,var(--spectrum-alias-border-radius-small));border-width:var(--spectrum-checkbox-box-border-size,var(--spectrum-alias-border-size-thick));transition:border var(--spectrum-global-animation-duration-100,.13s)ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-in-out;border-style:solid;display:block;position:absolute}.ISsn1a_spectrum-Checkbox-box:after{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)));content:"";margin:var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25));transition:opacity var(--spectrum-global-animation-duration-100,.13s)ease-out,margin var(--spectrum-global-animation-duration-100,.13s)ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(0)}.ISsn1a_spectrum-Checkbox-checkmark,.ISsn1a_spectrum-Checkbox-partialCheckmark{opacity:0;transition:opacity var(--spectrum-global-animation-duration-100,.13s)ease-in-out,transform var(--spectrum-global-animation-duration-100,.13s)ease-in-out;margin-top:calc(var(--spectrum-icon-checkmark-small-height)/-2);position:absolute;top:50%;transform:scale(0)}.ISsn1a_spectrum-Checkbox-checkmark:not(:-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))){margin-left:calc(var(--spectrum-icon-checkmark-small-width)/-2);left:50%}.ISsn1a_spectrum-Checkbox-checkmark:not(:-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))){margin-left:calc(var(--spectrum-icon-checkmark-small-width)/-2);left:50%}.ISsn1a_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))){margin-left:calc(var(--spectrum-icon-checkmark-small-width)/-2);left:50%}.ISsn1a_spectrum-Checkbox-partialCheckmark:not(:-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))){margin-left:calc(var(--spectrum-icon-checkmark-small-width)/-2);left:50%}.ISsn1a_spectrum-Checkbox-partialCheckmark:not(:-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))){margin-left:calc(var(--spectrum-icon-checkmark-small-width)/-2);left:50%}.ISsn1a_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))){margin-left:calc(var(--spectrum-icon-checkmark-small-width)/-2);left:50%}.ISsn1a_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)){margin-right:calc(var(--spectrum-icon-checkmark-small-width)/-2);right:50%}.ISsn1a_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)){margin-right:calc(var(--spectrum-icon-checkmark-small-width)/-2);right:50%}.ISsn1a_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)){margin-right:calc(var(--spectrum-icon-checkmark-small-width)/-2);right:50%}.ISsn1a_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)){margin-right:calc(var(--spectrum-icon-checkmark-small-width)/-2);right:50%}.ISsn1a_spectrum-Checkbox-partialCheckmark{display:none}.ISsn1a_spectrum-Checkbox{--spectrum-checkbox-emphasized-text-color-key-focus:var(--spectrum-checkbox-emphasized-text-color-hover,var(--spectrum-alias-text-color-hover));--spectrum-checkbox-box-border-color:var(--spectrum-alias-toggle-color-default);--spectrum-checkbox-box-border-color-hover:var(--spectrum-alias-toggle-color-hover);--spectrum-checkbox-box-border-color-key-focus:var(--spectrum-alias-toggle-color-key-focus);--spectrum-checkbox-quiet-box-border-color-selected:var(--spectrum-alias-toggle-color-selected);--spectrum-checkbox-quiet-box-border-color-selected-hover:var(--spectrum-alias-toggle-color-selected-hover);--spectrum-checkbox-quiet-box-border-color-selected-key-focus:var(--spectrum-alias-toggle-color-selected-key-focus);--spectrum-checkbox-emphasized-box-background-color-selected:var(--spectrum-accent-color-900);--spectrum-checkbox-emphasized-box-background-color-selected-hover:var(--spectrum-accent-color-1000);--spectrum-checkbox-emphasized-box-background-color-selected-key-focus:var(--spectrum-accent-color-1000);--spectrum-checkbox-emphasized-box-background-color-selected-down:var(--spectrum-accent-color-1100);--spectrum-checkbox-emphasized-box-border-color-selected:var(--spectrum-accent-color-900);--spectrum-checkbox-emphasized-box-border-color-selected-hover:var(--spectrum-accent-color-1000);--spectrum-checkbox-emphasized-box-border-color-selected-key-focus:var(--spectrum-accent-color-1000);--spectrum-checkbox-emphasized-box-border-color-selected-down:var(--spectrum-accent-color-1100);color:var(--spectrum-checkbox-text-color,var(--spectrum-alias-text-color));border-color:var(--spectrum-checkbox-emphasized-box-border-color,var(--spectrum-global-color-gray-600))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-checkmark,.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-partialCheckmark{color:var(--spectrum-checkbox-checkmark-color,var(--spectrum-global-color-gray-75))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color,var(--spectrum-global-color-gray-600));background-color:var(--spectrum-checkbox-emphasized-box-background-color,var(--spectrum-global-color-gray-75))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-emphasized-text-color,var(--spectrum-alias-text-color))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-checked .ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-selected,var(--spectrum-global-color-blue-500))}:-webkit-any() .ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-selected,var(--spectrum-global-color-blue-500))}:is() .ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-selected,var(--spectrum-global-color-blue-500))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-hover,var(--spectrum-global-color-gray-700))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-emphasized-text-color-hover,var(--spectrum-alias-text-color-hover))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-hovered.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-input:checked+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-selected-hover,var(--spectrum-global-color-blue-600))}.ISsn1a_spectrum-Checkbox:active .ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-down,var(--spectrum-global-color-gray-800))}.ISsn1a_spectrum-Checkbox:active .ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-emphasized-text-color-down,var(--spectrum-alias-text-color-down))}.ISsn1a_spectrum-Checkbox:active.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox:active .ISsn1a_spectrum-Checkbox-input:checked+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-selected-down,var(--spectrum-global-color-blue-700))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:disabled+.ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:disabled:active+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-disabled,var(--spectrum-global-color-gray-400));background-color:var(--spectrum-checkbox-emphasized-box-background-color-disabled,var(--spectrum-global-color-gray-75))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:disabled~.ISsn1a_spectrum-Checkbox-label,.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:disabled:active~.ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:checked:disabled+.ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:checked:disabled:active+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-disabled,var(--spectrum-global-color-gray-400));background-color:var(--spectrum-checkbox-emphasized-box-background-color-disabled,var(--spectrum-global-color-gray-75))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:checked:disabled~.ISsn1a_spectrum-Checkbox-label,.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:checked:disabled:active~.ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:disabled+.ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:disabled:active+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-disabled,var(--spectrum-global-color-gray-400));background-color:var(--spectrum-checkbox-emphasized-box-background-color-disabled,var(--spectrum-global-color-gray-75))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:disabled~.ISsn1a_spectrum-Checkbox-label,.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:disabled:active~.ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:checked:disabled+.ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:checked:disabled:active+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-disabled,var(--spectrum-global-color-gray-400));background-color:var(--spectrum-checkbox-emphasized-box-background-color-disabled,var(--spectrum-global-color-gray-75))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:checked:disabled~.ISsn1a_spectrum-Checkbox-label,.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:checked:disabled:active~.ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-disabled,var(--spectrum-alias-text-color-disabled))}:-webkit-any():disabled+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-disabled,var(--spectrum-global-color-gray-400));background-color:var(--spectrum-checkbox-emphasized-box-background-color-disabled,var(--spectrum-global-color-gray-75))}:is():disabled+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-disabled,var(--spectrum-global-color-gray-400));background-color:var(--spectrum-checkbox-emphasized-box-background-color-disabled,var(--spectrum-global-color-gray-75))}:-webkit-any():disabled:active+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-disabled,var(--spectrum-global-color-gray-400));background-color:var(--spectrum-checkbox-emphasized-box-background-color-disabled,var(--spectrum-global-color-gray-75))}:is():disabled:active+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-disabled,var(--spectrum-global-color-gray-400));background-color:var(--spectrum-checkbox-emphasized-box-background-color-disabled,var(--spectrum-global-color-gray-75))}:-webkit-any():before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-disabled,var(--spectrum-global-color-gray-400));background-color:var(--spectrum-checkbox-emphasized-box-background-color-disabled,var(--spectrum-global-color-gray-75))}:is():before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-disabled,var(--spectrum-global-color-gray-400));background-color:var(--spectrum-checkbox-emphasized-box-background-color-disabled,var(--spectrum-global-color-gray-75))}:-webkit-any():disabled~.ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-disabled,var(--spectrum-alias-text-color-disabled))}:is():disabled~.ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-disabled,var(--spectrum-alias-text-color-disabled))}:-webkit-any():disabled:active~.ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-disabled,var(--spectrum-alias-text-color-disabled))}:is():disabled:active~.ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-disabled,var(--spectrum-global-color-gray-400));background-color:var(--spectrum-checkbox-emphasized-box-background-color-disabled,var(--spectrum-global-color-gray-75))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled:active .ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-disabled,var(--spectrum-global-color-gray-400));background-color:var(--spectrum-checkbox-emphasized-box-background-color-disabled,var(--spectrum-global-color-gray-75))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled:active .ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-disabled,var(--spectrum-alias-text-color-disabled))}:-webkit-any() .ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-disabled,var(--spectrum-global-color-gray-400));background-color:var(--spectrum-checkbox-emphasized-box-background-color-disabled,var(--spectrum-global-color-gray-75))}:is() .ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-disabled,var(--spectrum-global-color-gray-400));background-color:var(--spectrum-checkbox-emphasized-box-background-color-disabled,var(--spectrum-global-color-gray-75))}:-webkit-any() .ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-disabled,var(--spectrum-alias-text-color-disabled))}:is() .ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input+.ISsn1a_spectrum-Checkbox-box:after{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));opacity:0}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-box-border-color-key-focus,var(--spectrum-global-color-gray-700))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring+.ISsn1a_spectrum-Checkbox-box:after{opacity:1}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:checked.ISsn1a_focus-ring+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-selected-key-focus,var(--spectrum-global-color-blue-600))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring~.ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-emphasized-text-color-key-focus,var(--spectrum-alias-text-color-hover))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-selected-key-focus,var(--spectrum-global-color-blue-600))}.ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet .ISsn1a_spectrum-Checkbox-input:checked+.ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-quiet-box-border-color-selected,var(--spectrum-global-color-gray-700))}.ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet.ISsn1a_is-hovered.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-input:checked+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-quiet-box-border-color-selected-hover,var(--spectrum-global-color-gray-800))}.ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet:active.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet:active .ISsn1a_spectrum-Checkbox-input:checked+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-quiet-box-border-color-selected-down,var(--spectrum-global-color-gray-900))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-input:checked+.ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring+.ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-input:checked+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-box-border-color-error,var(--spectrum-global-color-red-500))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-error,var(--spectrum-global-color-red-600))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-box-border-color-error-hover,var(--spectrum-global-color-red-600))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring~.ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-error-hover,var(--spectrum-global-color-red-700))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-box-border-color-error-hover,var(--spectrum-global-color-red-600))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring~.ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-error-hover,var(--spectrum-global-color-red-700))}:-webkit-any()+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-box-border-color-error-hover,var(--spectrum-global-color-red-600))}:is()+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-box-border-color-error-hover,var(--spectrum-global-color-red-600))}:-webkit-any()~.ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-error-hover,var(--spectrum-global-color-red-700))}:is()~.ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-error-hover,var(--spectrum-global-color-red-700))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-input:checked+.ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-hovered.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-box-border-color-error-hover,var(--spectrum-global-color-red-600))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-error-hover,var(--spectrum-global-color-red-700))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid:active .ISsn1a_spectrum-Checkbox-input:checked+.ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid:active .ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-box-border-color-error-down,var(--spectrum-global-color-red-700))}:-webkit-any():before{border-color:var(--spectrum-checkbox-box-border-color-error-down,var(--spectrum-global-color-red-700))}:is():before{border-color:var(--spectrum-checkbox-box-border-color-error-down,var(--spectrum-global-color-red-700))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid:active .ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-error-down,var(--spectrum-global-color-red-700))}@media (forced-colors:active){.ISsn1a_spectrum-Checkbox{forced-color-adjust:none;--spectrum-alias-toggle-color-default:ButtonText;--spectrum-alias-toggle-color-hover:Highlight;--spectrum-alias-toggle-color-key-focus:Highlight;--spectrum-alias-toggle-color-selected:Highlight;--spectrum-alias-toggle-color-selected-hover:Highlight;--spectrum-alias-toggle-color-selected-key-focus:Highlight;--spectrum-alias-toggle-color-selected-down:Highlight;--spectrum-checkbox-box-border-color-error:Highlight;--spectrum-checkbox-box-border-color-error-down:Highlight;--spectrum-checkbox-box-border-color-error-hover:Highlight;--spectrum-checkbox-checkmark-color:HighlightText;--spectrum-checkbox-emphasized-box-background-color:ButtonFace;--spectrum-checkbox-emphasized-box-background-color-disabled:ButtonFace;--spectrum-checkbox-emphasized-box-border-color:ButtonText;--spectrum-checkbox-emphasized-box-border-color-disabled:GrayText;--spectrum-checkbox-emphasized-box-border-color-down:Highlight;--spectrum-checkbox-emphasized-box-border-color-hover:Highlight;--spectrum-checkbox-emphasized-text-color:FieldText;--spectrum-checkbox-emphasized-text-color-down:FieldText;--spectrum-checkbox-emphasized-text-color-hover:FieldText;--spectrum-checkbox-emphasized-text-color-key-focus:FieldText;--spectrum-checkbox-focus-ring-color-key-focus:ButtonText;--spectrum-checkbox-quiet-box-border-color-selected:Highlight;--spectrum-checkbox-quiet-box-border-color-selected-down:Highlight;--spectrum-checkbox-quiet-box-border-color-selected-hover:Highlight;--spectrum-checkbox-text-color:FieldText;--spectrum-checkbox-text-color-disabled:GrayText;--spectrum-checkbox-text-color-error:FieldText;--spectrum-checkbox-text-color-error-down:FieldText;--spectrum-checkbox-text-color-error-hover:FieldText;--spectrum-checkbox-emphasized-box-background-color-selected:Highlight;--spectrum-checkbox-emphasized-box-background-color-selected-hover:Highlight;--spectrum-checkbox-emphasized-box-background-color-selected-key-focus:Highlight;--spectrum-checkbox-emphasized-box-background-color-selected-down:Highlight;--spectrum-checkbox-emphasized-box-border-color-selected:Highlight;--spectrum-checkbox-emphasized-box-border-color-selected-hover:Highlight;--spectrum-checkbox-emphasized-box-border-color-selected-key-focus:Highlight;--spectrum-checkbox-emphasized-box-border-color-selected-down:Highlight}.ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet,.ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate{--spectrum-alias-toggle-color-default:ButtonText;--spectrum-alias-toggle-color-selected:ButtonText}}.hyn22G_i18nFontFamily{font-synthesis:weight;font-family:adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.hyn22G_i18nFontFamily:lang(ar){font-family:myriad-arabic,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.hyn22G_i18nFontFamily:lang(he){font-family:myriad-hebrew,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.hyn22G_i18nFontFamily:lang(zh){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Heiti TC Light,sans-serif}.hyn22G_i18nFontFamily:lang(zh-Hans){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.hyn22G_i18nFontFamily:lang(zh-Hant){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Microsoft JhengHei UI,Microsoft JhengHei,Heiti TC Light,sans-serif}.hyn22G_i18nFontFamily:lang(zh-SG),.hyn22G_i18nFontFamily:lang(zh-CN){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.hyn22G_i18nFontFamily:lang(ko){font-family:adobe-clean-han-korean,source-han-korean,Malgun Gothic,Apple Gothic,sans-serif}.hyn22G_i18nFontFamily:lang(ja){font-family:adobe-clean-han-japanese,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Osaka,YuGothic,Yu Gothic,メイリオ,Meiryo,MS Pゴシック,MS PGothic,sans-serif}.hyn22G_spectrum-FocusRing-ring{--spectrum-focus-ring-border-radius:var(--spectrum-textfield-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-gap:var(--spectrum-alias-input-focusring-gap);--spectrum-focus-ring-size:var(--spectrum-alias-input-focusring-size);--spectrum-focus-ring-border-size:0px;--spectrum-focus-ring-color:var(--spectrum-high-contrast-focus-ring-color,var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color)))}.hyn22G_spectrum-FocusRing-ring:after{border-radius:calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));content:"";margin:calc(-1*var(--spectrum-focus-ring-border-size));pointer-events:none;transition:box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-out,margin var(--spectrum-global-animation-duration-100,.13s)ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.hyn22G_spectrum-FocusRing.hyn22G_focus-ring:after{margin:calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size));box-shadow:0 0 0 var(--spectrum-focus-ring-size)var(--spectrum-focus-ring-color)}.hyn22G_spectrum-FocusRing--quiet:after{border-radius:0}.hyn22G_spectrum-FocusRing--quiet.hyn22G_focus-ring:after{margin:0 0 calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size))0;box-shadow:0 var(--spectrum-focus-ring-size)0 var(--spectrum-focus-ring-color)}.hyn22G_spectrum-FieldGroup.hyn22G_spectrum-FieldGroup{--spectrum-field-default-width:auto;width:auto}.hyn22G_spectrum-FieldGroup-group{flex-direction:column;display:flex}.hyn22G_spectrum-FieldGroup-group--horizontal{flex-flow:wrap}
|
|
1
|
+
.ISsn1a_i18nFontFamily{font-synthesis:weight;font-family:adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.ISsn1a_i18nFontFamily:lang(ar){font-family:myriad-arabic,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.ISsn1a_i18nFontFamily:lang(he){font-family:myriad-hebrew,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.ISsn1a_i18nFontFamily:lang(zh){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Heiti TC Light,sans-serif}.ISsn1a_i18nFontFamily:lang(zh-Hans){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.ISsn1a_i18nFontFamily:lang(zh-Hant){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Microsoft JhengHei UI,Microsoft JhengHei,Heiti TC Light,sans-serif}.ISsn1a_i18nFontFamily:lang(zh-SG),.ISsn1a_i18nFontFamily:lang(zh-CN){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.ISsn1a_i18nFontFamily:lang(ko){font-family:adobe-clean-han-korean,source-han-korean,Malgun Gothic,Apple Gothic,sans-serif}.ISsn1a_i18nFontFamily:lang(ja){font-family:adobe-clean-han-japanese,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Osaka,YuGothic,Yu Gothic,メイリオ,Meiryo,MS Pゴシック,MS PGothic,sans-serif}.ISsn1a_spectrum-FocusRing-ring{--spectrum-focus-ring-border-radius:var(--spectrum-textfield-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-gap:var(--spectrum-alias-input-focusring-gap);--spectrum-focus-ring-size:var(--spectrum-alias-input-focusring-size);--spectrum-focus-ring-border-size:0px;--spectrum-focus-ring-color:var(--spectrum-high-contrast-focus-ring-color,var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color)))}.ISsn1a_spectrum-FocusRing-ring:after{border-radius:calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));content:"";margin:calc(-1*var(--spectrum-focus-ring-border-size));pointer-events:none;transition:box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-out,margin var(--spectrum-global-animation-duration-100,.13s)ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.ISsn1a_spectrum-FocusRing.ISsn1a_focus-ring:after{margin:calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size));box-shadow:0 0 0 var(--spectrum-focus-ring-size)var(--spectrum-focus-ring-color)}.ISsn1a_spectrum-FocusRing--quiet:after{border-radius:0}.ISsn1a_spectrum-FocusRing--quiet.ISsn1a_focus-ring:after{margin:0 0 calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size))0;box-shadow:0 var(--spectrum-focus-ring-size)0 var(--spectrum-focus-ring-color)}.ISsn1a_spectrum-Checkbox{box-sizing:border-box;min-block-size:var(--spectrum-checkbox-height,var(--spectrum-global-dimension-size-400));vertical-align:top;isolation:isolate;align-items:flex-start;max-inline-size:100%;padding-inline-end:calc(var(--spectrum-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2);display:inline-flex;position:relative}.ISsn1a_spectrum-Checkbox-input{box-sizing:border-box;inline-size:calc(100% + var(--spectrum-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100)));opacity:.0001;z-index:1;cursor:default;block-size:100%;margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1.15;position:absolute;top:0;overflow:visible}.ISsn1a_spectrum-Checkbox-input:not(:-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))){left:calc(var(--spectrum-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100))*-1)}.ISsn1a_spectrum-Checkbox-input:not(:-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))){left:calc(var(--spectrum-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100))*-1)}.ISsn1a_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))){left:calc(var(--spectrum-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100))*-1)}.ISsn1a_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)){right:calc(var(--spectrum-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100))*-1)}.ISsn1a_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)){right:calc(var(--spectrum-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100))*-1)}.ISsn1a_spectrum-Checkbox-input:disabled{cursor:default}.ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring+.ISsn1a_spectrum-Checkbox-box:after{margin:calc(var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25))*-1)}.ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before{border-width:calc(var(--spectrum-checkbox-box-size,var(--spectrum-global-dimension-size-175))/2)}.ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box .ISsn1a_spectrum-Checkbox-checkmark{display:none}.ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box .ISsn1a_spectrum-Checkbox-partialCheckmark{opacity:1;display:block;transform:scale(1)}.ISsn1a_spectrum-Checkbox.ISsn1a_is-checked .ISsn1a_spectrum-Checkbox-box:before{border-width:calc(var(--spectrum-checkbox-box-size,var(--spectrum-global-dimension-size-175))/2)}.ISsn1a_spectrum-Checkbox.ISsn1a_is-checked .ISsn1a_spectrum-Checkbox-box .ISsn1a_spectrum-Checkbox-checkmark{opacity:1;transform:scale(1)}.ISsn1a_spectrum-Checkbox-label{text-align:start;font-size:var(--spectrum-checkbox-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-checkbox-text-font-weight,var(--spectrum-global-font-weight-regular));margin-block-start:var(--spectrum-global-dimension-size-65);margin-inline-start:var(--spectrum-checkbox-text-gap,var(--spectrum-global-dimension-size-125));line-height:1.49}.ISsn1a_spectrum-Checkbox-box{box-sizing:border-box;inline-size:var(--spectrum-checkbox-box-size,var(--spectrum-global-dimension-size-175));block-size:var(--spectrum-checkbox-box-size,var(--spectrum-global-dimension-size-175));margin:calc((var(--spectrum-checkbox-height,var(--spectrum-global-dimension-size-400)) - var(--spectrum-checkbox-box-size,var(--spectrum-global-dimension-size-175)))/2)0;flex-grow:0;flex-shrink:0;position:relative}.ISsn1a_spectrum-Checkbox-box:before{z-index:0;content:"";box-sizing:border-box;width:var(--spectrum-checkbox-box-size,var(--spectrum-global-dimension-size-175));height:var(--spectrum-checkbox-box-size,var(--spectrum-global-dimension-size-175));border-radius:var(--spectrum-checkbox-box-border-radius,var(--spectrum-alias-border-radius-small));border-width:var(--spectrum-checkbox-box-border-size,var(--spectrum-alias-border-size-thick));transition:border var(--spectrum-global-animation-duration-100,.13s)ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-in-out;border-style:solid;display:block;position:absolute}.ISsn1a_spectrum-Checkbox-box:after{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)));content:"";margin:var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25));transition:opacity var(--spectrum-global-animation-duration-100,.13s)ease-out,margin var(--spectrum-global-animation-duration-100,.13s)ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(0)}.ISsn1a_spectrum-Checkbox-checkmark,.ISsn1a_spectrum-Checkbox-partialCheckmark{opacity:0;transition:opacity var(--spectrum-global-animation-duration-100,.13s)ease-in-out,transform var(--spectrum-global-animation-duration-100,.13s)ease-in-out;margin-block-start:calc(var(--spectrum-icon-checkmark-small-height)/-2);margin-inline-start:calc(var(--spectrum-icon-checkmark-small-width)/-2);position:absolute;top:50%;transform:scale(0)}.ISsn1a_spectrum-Checkbox-checkmark:not(:-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))){left:50%}.ISsn1a_spectrum-Checkbox-checkmark:not(:-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))){left:50%}.ISsn1a_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))){left:50%}.ISsn1a_spectrum-Checkbox-partialCheckmark:not(:-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))){left:50%}.ISsn1a_spectrum-Checkbox-partialCheckmark:not(:-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))){left:50%}.ISsn1a_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))){left:50%}.ISsn1a_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)){right:50%}.ISsn1a_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)){right:50%}.ISsn1a_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)){right:50%}.ISsn1a_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)){right:50%}.ISsn1a_spectrum-Checkbox-partialCheckmark{display:none}.ISsn1a_spectrum-Checkbox{--spectrum-checkbox-emphasized-text-color-key-focus:var(--spectrum-checkbox-emphasized-text-color-hover,var(--spectrum-alias-text-color-hover));--spectrum-checkbox-box-border-color:var(--spectrum-alias-toggle-color-default);--spectrum-checkbox-box-border-color-hover:var(--spectrum-alias-toggle-color-hover);--spectrum-checkbox-box-border-color-key-focus:var(--spectrum-alias-toggle-color-key-focus);--spectrum-checkbox-quiet-box-border-color-selected:var(--spectrum-alias-toggle-color-selected);--spectrum-checkbox-quiet-box-border-color-selected-hover:var(--spectrum-alias-toggle-color-selected-hover);--spectrum-checkbox-quiet-box-border-color-selected-key-focus:var(--spectrum-alias-toggle-color-selected-key-focus);--spectrum-checkbox-emphasized-box-background-color-selected:var(--spectrum-accent-color-900);--spectrum-checkbox-emphasized-box-background-color-selected-hover:var(--spectrum-accent-color-1000);--spectrum-checkbox-emphasized-box-background-color-selected-key-focus:var(--spectrum-accent-color-1000);--spectrum-checkbox-emphasized-box-background-color-selected-down:var(--spectrum-accent-color-1100);--spectrum-checkbox-emphasized-box-border-color-selected:var(--spectrum-accent-color-900);--spectrum-checkbox-emphasized-box-border-color-selected-hover:var(--spectrum-accent-color-1000);--spectrum-checkbox-emphasized-box-border-color-selected-key-focus:var(--spectrum-accent-color-1000);--spectrum-checkbox-emphasized-box-border-color-selected-down:var(--spectrum-accent-color-1100);color:var(--spectrum-checkbox-text-color,var(--spectrum-alias-text-color));border-color:var(--spectrum-checkbox-emphasized-box-border-color,var(--spectrum-global-color-gray-600))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-checkmark,.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-partialCheckmark{color:var(--spectrum-checkbox-checkmark-color,var(--spectrum-global-color-gray-75))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color,var(--spectrum-global-color-gray-600));background-color:var(--spectrum-checkbox-emphasized-box-background-color,var(--spectrum-global-color-gray-75))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-emphasized-text-color,var(--spectrum-alias-text-color))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-checked .ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-selected,var(--spectrum-global-color-blue-500))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-hover,var(--spectrum-global-color-gray-700))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-emphasized-text-color-hover,var(--spectrum-alias-text-color-hover))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-hovered.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-input:checked+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-selected-hover,var(--spectrum-global-color-blue-600))}.ISsn1a_spectrum-Checkbox:active .ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-down,var(--spectrum-global-color-gray-800))}.ISsn1a_spectrum-Checkbox:active .ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-emphasized-text-color-down,var(--spectrum-alias-text-color-down))}.ISsn1a_spectrum-Checkbox:active.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox:active .ISsn1a_spectrum-Checkbox-input:checked+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-selected-down,var(--spectrum-global-color-blue-700))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:disabled+.ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:disabled:active+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-disabled,var(--spectrum-global-color-gray-400));background-color:var(--spectrum-checkbox-emphasized-box-background-color-disabled,var(--spectrum-global-color-gray-75))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:disabled~.ISsn1a_spectrum-Checkbox-label,.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:disabled:active~.ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:checked:disabled+.ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:checked:disabled:active+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-disabled,var(--spectrum-global-color-gray-400));background-color:var(--spectrum-checkbox-emphasized-box-background-color-disabled,var(--spectrum-global-color-gray-75))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:checked:disabled~.ISsn1a_spectrum-Checkbox-label,.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:checked:disabled:active~.ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:disabled+.ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:disabled:active+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-disabled,var(--spectrum-global-color-gray-400));background-color:var(--spectrum-checkbox-emphasized-box-background-color-disabled,var(--spectrum-global-color-gray-75))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:disabled~.ISsn1a_spectrum-Checkbox-label,.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:disabled:active~.ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:checked:disabled+.ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:checked:disabled:active+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-disabled,var(--spectrum-global-color-gray-400));background-color:var(--spectrum-checkbox-emphasized-box-background-color-disabled,var(--spectrum-global-color-gray-75))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:checked:disabled~.ISsn1a_spectrum-Checkbox-label,.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled .ISsn1a_spectrum-Checkbox-input:checked:disabled:active~.ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-disabled,var(--spectrum-global-color-gray-400));background-color:var(--spectrum-checkbox-emphasized-box-background-color-disabled,var(--spectrum-global-color-gray-75))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled:active .ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-disabled,var(--spectrum-global-color-gray-400));background-color:var(--spectrum-checkbox-emphasized-box-background-color-disabled,var(--spectrum-global-color-gray-75))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-disabled:active .ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input+.ISsn1a_spectrum-Checkbox-box:after{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));opacity:0}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-box-border-color-key-focus,var(--spectrum-global-color-gray-700))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring+.ISsn1a_spectrum-Checkbox-box:after{opacity:1}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input:checked.ISsn1a_focus-ring+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-selected-key-focus,var(--spectrum-global-color-blue-600))}.ISsn1a_spectrum-Checkbox .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring~.ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-emphasized-text-color-key-focus,var(--spectrum-alias-text-color-hover))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-selected-key-focus,var(--spectrum-global-color-blue-600))}.ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet .ISsn1a_spectrum-Checkbox-input:checked+.ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-quiet-box-border-color-selected,var(--spectrum-global-color-gray-700))}.ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet.ISsn1a_is-hovered.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-input:checked+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-quiet-box-border-color-selected-hover,var(--spectrum-global-color-gray-800))}.ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet:active.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet:active .ISsn1a_spectrum-Checkbox-input:checked+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-quiet-box-border-color-selected-down,var(--spectrum-global-color-gray-900))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-input:checked+.ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring+.ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-input:checked+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-box-border-color-error,var(--spectrum-global-color-red-500))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-error,var(--spectrum-global-color-red-600))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-box-border-color-error-hover,var(--spectrum-global-color-red-600))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring~.ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-error-hover,var(--spectrum-global-color-red-700))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring+.ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-box-border-color-error-hover,var(--spectrum-global-color-red-600))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid .ISsn1a_spectrum-Checkbox-input.ISsn1a_focus-ring~.ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-error-hover,var(--spectrum-global-color-red-700))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-input:checked+.ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-hovered.ISsn1a_is-indeterminate .ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-box-border-color-error-hover,var(--spectrum-global-color-red-600))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid.ISsn1a_is-hovered .ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-error-hover,var(--spectrum-global-color-red-700))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid:active .ISsn1a_spectrum-Checkbox-input:checked+.ISsn1a_spectrum-Checkbox-box:before,.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid:active .ISsn1a_spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-box-border-color-error-down,var(--spectrum-global-color-red-700))}.ISsn1a_spectrum-Checkbox.ISsn1a_is-invalid:active .ISsn1a_spectrum-Checkbox-label{color:var(--spectrum-checkbox-text-color-error-down,var(--spectrum-global-color-red-700))}@media (forced-colors:active){.ISsn1a_spectrum-Checkbox{forced-color-adjust:none;--spectrum-alias-toggle-color-default:ButtonText;--spectrum-alias-toggle-color-hover:Highlight;--spectrum-alias-toggle-color-key-focus:Highlight;--spectrum-alias-toggle-color-selected:Highlight;--spectrum-alias-toggle-color-selected-hover:Highlight;--spectrum-alias-toggle-color-selected-key-focus:Highlight;--spectrum-alias-toggle-color-selected-down:Highlight;--spectrum-checkbox-box-border-color-error:Highlight;--spectrum-checkbox-box-border-color-error-down:Highlight;--spectrum-checkbox-box-border-color-error-hover:Highlight;--spectrum-checkbox-checkmark-color:HighlightText;--spectrum-checkbox-emphasized-box-background-color:ButtonFace;--spectrum-checkbox-emphasized-box-background-color-disabled:ButtonFace;--spectrum-checkbox-emphasized-box-border-color:ButtonText;--spectrum-checkbox-emphasized-box-border-color-disabled:GrayText;--spectrum-checkbox-emphasized-box-border-color-down:Highlight;--spectrum-checkbox-emphasized-box-border-color-hover:Highlight;--spectrum-checkbox-emphasized-text-color:FieldText;--spectrum-checkbox-emphasized-text-color-down:FieldText;--spectrum-checkbox-emphasized-text-color-hover:FieldText;--spectrum-checkbox-emphasized-text-color-key-focus:FieldText;--spectrum-checkbox-focus-ring-color-key-focus:ButtonText;--spectrum-checkbox-quiet-box-border-color-selected:Highlight;--spectrum-checkbox-quiet-box-border-color-selected-down:Highlight;--spectrum-checkbox-quiet-box-border-color-selected-hover:Highlight;--spectrum-checkbox-text-color:FieldText;--spectrum-checkbox-text-color-disabled:GrayText;--spectrum-checkbox-text-color-error:FieldText;--spectrum-checkbox-text-color-error-down:FieldText;--spectrum-checkbox-text-color-error-hover:FieldText;--spectrum-checkbox-emphasized-box-background-color-selected:Highlight;--spectrum-checkbox-emphasized-box-background-color-selected-hover:Highlight;--spectrum-checkbox-emphasized-box-background-color-selected-key-focus:Highlight;--spectrum-checkbox-emphasized-box-background-color-selected-down:Highlight;--spectrum-checkbox-emphasized-box-border-color-selected:Highlight;--spectrum-checkbox-emphasized-box-border-color-selected-hover:Highlight;--spectrum-checkbox-emphasized-box-border-color-selected-key-focus:Highlight;--spectrum-checkbox-emphasized-box-border-color-selected-down:Highlight}.ISsn1a_spectrum-Checkbox.ISsn1a_spectrum-Checkbox--quiet,.ISsn1a_spectrum-Checkbox.ISsn1a_is-indeterminate{--spectrum-alias-toggle-color-default:ButtonText;--spectrum-alias-toggle-color-selected:ButtonText}}.hyn22G_i18nFontFamily{font-synthesis:weight;font-family:adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.hyn22G_i18nFontFamily:lang(ar){font-family:myriad-arabic,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.hyn22G_i18nFontFamily:lang(he){font-family:myriad-hebrew,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.hyn22G_i18nFontFamily:lang(zh){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Heiti TC Light,sans-serif}.hyn22G_i18nFontFamily:lang(zh-Hans){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.hyn22G_i18nFontFamily:lang(zh-Hant){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Microsoft JhengHei UI,Microsoft JhengHei,Heiti TC Light,sans-serif}.hyn22G_i18nFontFamily:lang(zh-SG),.hyn22G_i18nFontFamily:lang(zh-CN){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.hyn22G_i18nFontFamily:lang(ko){font-family:adobe-clean-han-korean,source-han-korean,Malgun Gothic,Apple Gothic,sans-serif}.hyn22G_i18nFontFamily:lang(ja){font-family:adobe-clean-han-japanese,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Osaka,YuGothic,Yu Gothic,メイリオ,Meiryo,MS Pゴシック,MS PGothic,sans-serif}.hyn22G_spectrum-FocusRing-ring{--spectrum-focus-ring-border-radius:var(--spectrum-textfield-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-gap:var(--spectrum-alias-input-focusring-gap);--spectrum-focus-ring-size:var(--spectrum-alias-input-focusring-size);--spectrum-focus-ring-border-size:0px;--spectrum-focus-ring-color:var(--spectrum-high-contrast-focus-ring-color,var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color)))}.hyn22G_spectrum-FocusRing-ring:after{border-radius:calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));content:"";margin:calc(-1*var(--spectrum-focus-ring-border-size));pointer-events:none;transition:box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-out,margin var(--spectrum-global-animation-duration-100,.13s)ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.hyn22G_spectrum-FocusRing.hyn22G_focus-ring:after{margin:calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size));box-shadow:0 0 0 var(--spectrum-focus-ring-size)var(--spectrum-focus-ring-color)}.hyn22G_spectrum-FocusRing--quiet:after{border-radius:0}.hyn22G_spectrum-FocusRing--quiet.hyn22G_focus-ring:after{margin:0 0 calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size))0;box-shadow:0 var(--spectrum-focus-ring-size)0 var(--spectrum-focus-ring-color)}.hyn22G_spectrum-FieldGroup.hyn22G_spectrum-FieldGroup{--spectrum-field-default-width:auto;width:auto}.hyn22G_spectrum-FieldGroup-group{flex-direction:column;display:flex}.hyn22G_spectrum-FieldGroup-group--horizontal{flex-flow:wrap}
|
package/dist/main.js
CHANGED
|
@@ -5,16 +5,18 @@ var $5Ft2u$spectrumiconsuiDashSmall = require("@spectrum-icons/ui/DashSmall");
|
|
|
5
5
|
var $5Ft2u$reactariafocus = require("@react-aria/focus");
|
|
6
6
|
var $5Ft2u$react = require("react");
|
|
7
7
|
var $5Ft2u$reactariacheckbox = require("@react-aria/checkbox");
|
|
8
|
+
var $5Ft2u$reactspectrumform = require("@react-spectrum/form");
|
|
8
9
|
var $5Ft2u$reactariainteractions = require("@react-aria/interactions");
|
|
9
10
|
var $5Ft2u$reactspectrumprovider = require("@react-spectrum/provider");
|
|
10
11
|
var $5Ft2u$reactstatelytoggle = require("@react-stately/toggle");
|
|
11
12
|
var $5Ft2u$reactspectrumlabel = require("@react-spectrum/label");
|
|
12
13
|
var $5Ft2u$reactstatelycheckbox = require("@react-stately/checkbox");
|
|
13
|
-
|
|
14
|
+
|
|
14
15
|
|
|
15
16
|
function $parcel$export(e, n, v, s) {
|
|
16
17
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
17
18
|
}
|
|
19
|
+
|
|
18
20
|
function $parcel$interopDefault(a) {
|
|
19
21
|
return a && a.__esModule ? a.default : a;
|
|
20
22
|
}
|
|
@@ -120,10 +122,12 @@ $591f3ccba6339bdb$export$2927016961429360 = `ISsn1a_spectrum-FocusRing--quiet`;
|
|
|
120
122
|
|
|
121
123
|
|
|
122
124
|
|
|
125
|
+
|
|
123
126
|
function $096ccd12d23dd6cc$var$Checkbox(props, ref) {
|
|
124
127
|
let originalProps = props;
|
|
125
128
|
props = (0, $5Ft2u$reactspectrumprovider.useProviderProps)(props);
|
|
126
|
-
|
|
129
|
+
props = (0, $5Ft2u$reactspectrumform.useFormProps)(props);
|
|
130
|
+
let { isIndeterminate: isIndeterminate = false, isEmphasized: isEmphasized = false, isDisabled: isDisabled = false, autoFocus: autoFocus, children: children, ...otherProps } = props;
|
|
127
131
|
let { styleProps: styleProps } = (0, $5Ft2u$reactspectrumutils.useStyleProps)(otherProps);
|
|
128
132
|
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $5Ft2u$reactariainteractions.useHover)({
|
|
129
133
|
isDisabled: isDisabled
|
|
@@ -134,7 +138,7 @@ function $096ccd12d23dd6cc$var$Checkbox(props, ref) {
|
|
|
134
138
|
// This is a bit unorthodox. Typically, hooks cannot be called in a conditional,
|
|
135
139
|
// but since the checkbox won't move in and out of a group, it should be safe.
|
|
136
140
|
let groupState = (0, $5Ft2u$react.useContext)((0, $bdf3bf7fe71fe120$export$baf37c4be89255b8));
|
|
137
|
-
let { inputProps: inputProps } = groupState ? (0, $5Ft2u$reactariacheckbox.useCheckboxGroupItem)({
|
|
141
|
+
let { inputProps: inputProps, isInvalid: isInvalid } = groupState ? (0, $5Ft2u$reactariacheckbox.useCheckboxGroupItem)({
|
|
138
142
|
...props,
|
|
139
143
|
// Value is optional for standalone checkboxes, but required for CheckboxGroup items;
|
|
140
144
|
// it's passed explicitly here to avoid typescript error (requires ignore).
|
|
@@ -167,7 +171,7 @@ function $096ccd12d23dd6cc$var$Checkbox(props, ref) {
|
|
|
167
171
|
"is-checked": inputProps.checked,
|
|
168
172
|
"is-indeterminate": isIndeterminate,
|
|
169
173
|
"spectrum-Checkbox--quiet": !isEmphasized,
|
|
170
|
-
"is-invalid": isInvalid
|
|
174
|
+
"is-invalid": isInvalid,
|
|
171
175
|
"is-disabled": isDisabled,
|
|
172
176
|
"is-hovered": isHovered
|
|
173
177
|
}, styleProps.className)
|
|
@@ -242,14 +246,12 @@ function $1151290755e16c44$var$CheckboxGroup(props, ref) {
|
|
|
242
246
|
let { isEmphasized: isEmphasized, children: children, orientation: orientation = "vertical" } = props;
|
|
243
247
|
let domRef = (0, $5Ft2u$reactspectrumutils.useDOMRef)(ref);
|
|
244
248
|
let state = (0, $5Ft2u$reactstatelycheckbox.useCheckboxGroupState)(props);
|
|
245
|
-
let {
|
|
249
|
+
let { groupProps: groupProps, ...otherProps } = (0, $5Ft2u$reactariacheckbox.useCheckboxGroup)(props, state);
|
|
246
250
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($5Ft2u$react))).createElement((0, $5Ft2u$reactspectrumlabel.Field), {
|
|
247
251
|
...props,
|
|
252
|
+
...otherProps,
|
|
248
253
|
ref: domRef,
|
|
249
254
|
wrapperClassName: (0, $5Ft2u$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($53124a3a0fd56fca$exports))), "spectrum-FieldGroup"),
|
|
250
|
-
labelProps: labelProps,
|
|
251
|
-
descriptionProps: descriptionProps,
|
|
252
|
-
errorMessageProps: errorMessageProps,
|
|
253
255
|
elementType: "span",
|
|
254
256
|
includeNecessityIndicatorInAccessibilityName: true
|
|
255
257
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($5Ft2u$react))).createElement("div", {
|
|
@@ -258,8 +260,7 @@ function $1151290755e16c44$var$CheckboxGroup(props, ref) {
|
|
|
258
260
|
"spectrum-FieldGroup-group--horizontal": orientation === "horizontal"
|
|
259
261
|
})
|
|
260
262
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($5Ft2u$react))).createElement((0, $5Ft2u$reactspectrumprovider.Provider), {
|
|
261
|
-
isEmphasized: isEmphasized
|
|
262
|
-
validationState: state.isInvalid ? "invalid" : undefined
|
|
263
|
+
isEmphasized: isEmphasized
|
|
263
264
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($5Ft2u$react))).createElement((0, $bdf3bf7fe71fe120$export$baf37c4be89255b8).Provider, {
|
|
264
265
|
value: state
|
|
265
266
|
}, children))));
|
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"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","sources":["packages/@react-spectrum/checkbox/src/index.ts","packages/@react-spectrum/checkbox/src/Checkbox.tsx","packages/@react-spectrum/checkbox/src/context.ts","packages/@adobe/spectrum-css-temp/components/checkbox/vars.css","packages/@react-spectrum/checkbox/src/CheckboxGroup.tsx","packages/@adobe/spectrum-css-temp/components/fieldgroup/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/// <reference types=\"css-module-types\" />\nexport {Checkbox} from './Checkbox';\nexport {CheckboxGroup} from './CheckboxGroup';\nexport type {SpectrumCheckboxProps, SpectrumCheckboxGroupProps} from '@react-types/checkbox';\n","/*\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 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 {useHover} from '@react-aria/interactions';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useToggleState} from '@react-stately/toggle';\n\nfunction Checkbox(props: SpectrumCheckboxProps, ref: FocusableRef<HTMLLabelElement>) {\n let originalProps = props;\n props = useProviderProps(props);\n let {\n isIndeterminate = false,\n isEmphasized = false,\n isDisabled = false,\n autoFocus,\n children,\n validationState,\n isInvalid,\n ...otherProps\n } = props;\n let {styleProps} = useStyleProps(otherProps);\n let {hoverProps, isHovered} = useHover({isDisabled});\n\n let inputRef = useRef<HTMLInputElement>(null);\n let domRef = useFocusableRef(ref, inputRef);\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} = 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 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 || validationState === 'invalid',\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/**\n * Checkboxes allow users to select multiple items from a list of individual items,\n * or to mark one individual item as selected.\n */\nlet _Checkbox = forwardRef(Checkbox);\nexport {_Checkbox as Checkbox};\n","/*\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 {CheckboxGroupState} from '@react-stately/checkbox';\nimport React from 'react';\n\nexport const CheckboxGroupContext = React.createContext<CheckboxGroupState | null>(null);\n","/*\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","/*\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\nfunction 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 {labelProps, groupProps, descriptionProps, errorMessageProps} = useCheckboxGroup(props, state);\n\n return (\n <Field\n {...props}\n ref={domRef}\n wrapperClassName={classNames(styles, 'spectrum-FieldGroup')}\n labelProps={labelProps}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\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} validationState={state.isInvalid ? 'invalid' : undefined}>\n <CheckboxGroupContext.Provider value={state}>\n {children}\n </CheckboxGroupContext.Provider>\n </Provider>\n </div>\n </Field>\n );\n}\n\n/**\n * A CheckboxGroup allows users to select one or more items from a list of choices.\n */\nconst _CheckboxGroup = React.forwardRef(CheckboxGroup);\nexport {_CheckboxGroup as CheckboxGroup};\n","/*\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"],"names":[],"version":3,"file":"main.js.map"}
|
|
1
|
+
{"mappings":"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","sources":["packages/@react-spectrum/checkbox/src/index.ts","packages/@react-spectrum/checkbox/src/Checkbox.tsx","packages/@react-spectrum/checkbox/src/context.ts","packages/@adobe/spectrum-css-temp/components/checkbox/vars.css","packages/@react-spectrum/checkbox/src/CheckboxGroup.tsx","packages/@adobe/spectrum-css-temp/components/fieldgroup/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/// <reference types=\"css-module-types\" />\nexport {Checkbox} from './Checkbox';\nexport {CheckboxGroup} from './CheckboxGroup';\nexport type {SpectrumCheckboxProps, SpectrumCheckboxGroupProps} from '@react-types/checkbox';\n","/*\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 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\nfunction Checkbox(props: SpectrumCheckboxProps, ref: FocusableRef<HTMLLabelElement>) {\n let originalProps = props;\n props = useProviderProps(props);\n props = useFormProps(props);\n let {\n isIndeterminate = false,\n isEmphasized = false,\n isDisabled = false,\n autoFocus,\n children,\n ...otherProps\n } = props;\n let {styleProps} = useStyleProps(otherProps);\n let {hoverProps, isHovered} = useHover({isDisabled});\n\n let inputRef = useRef<HTMLInputElement>(null);\n let domRef = useFocusableRef(ref, inputRef);\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} = 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 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/**\n * Checkboxes allow users to select multiple items from a list of individual items,\n * or to mark one individual item as selected.\n */\nlet _Checkbox = forwardRef(Checkbox);\nexport {_Checkbox as Checkbox};\n","/*\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 {CheckboxGroupState} from '@react-stately/checkbox';\nimport React from 'react';\n\nexport const CheckboxGroupContext = React.createContext<CheckboxGroupState | null>(null);\n","/*\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","/*\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\nfunction 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\n/**\n * A CheckboxGroup allows users to select one or more items from a list of choices.\n */\nconst _CheckboxGroup = React.forwardRef(CheckboxGroup);\nexport {_CheckboxGroup as CheckboxGroup};\n","/*\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"],"names":[],"version":3,"file":"main.js.map"}
|
package/dist/module.js
CHANGED
|
@@ -5,16 +5,18 @@ import $gpy1V$spectrumiconsuiDashSmall from "@spectrum-icons/ui/DashSmall";
|
|
|
5
5
|
import {FocusRing as $gpy1V$FocusRing} from "@react-aria/focus";
|
|
6
6
|
import $gpy1V$react, {useRef as $gpy1V$useRef, useContext as $gpy1V$useContext, forwardRef as $gpy1V$forwardRef} from "react";
|
|
7
7
|
import {useCheckboxGroupItem as $gpy1V$useCheckboxGroupItem, useCheckbox as $gpy1V$useCheckbox, useCheckboxGroup as $gpy1V$useCheckboxGroup} from "@react-aria/checkbox";
|
|
8
|
+
import {useFormProps as $gpy1V$useFormProps} from "@react-spectrum/form";
|
|
8
9
|
import {useHover as $gpy1V$useHover} from "@react-aria/interactions";
|
|
9
10
|
import {useProviderProps as $gpy1V$useProviderProps, Provider as $gpy1V$Provider} from "@react-spectrum/provider";
|
|
10
11
|
import {useToggleState as $gpy1V$useToggleState} from "@react-stately/toggle";
|
|
11
12
|
import {Field as $gpy1V$Field} from "@react-spectrum/label";
|
|
12
13
|
import {useCheckboxGroupState as $gpy1V$useCheckboxGroupState} from "@react-stately/checkbox";
|
|
13
|
-
|
|
14
|
+
|
|
14
15
|
|
|
15
16
|
function $parcel$interopDefault(a) {
|
|
16
17
|
return a && a.__esModule ? a.default : a;
|
|
17
18
|
}
|
|
19
|
+
|
|
18
20
|
function $parcel$export(e, n, v, s) {
|
|
19
21
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
20
22
|
}
|
|
@@ -117,10 +119,12 @@ $fe1a56c62936037c$export$2927016961429360 = `ISsn1a_spectrum-FocusRing--quiet`;
|
|
|
117
119
|
|
|
118
120
|
|
|
119
121
|
|
|
122
|
+
|
|
120
123
|
function $25b6292d81af2844$var$Checkbox(props, ref) {
|
|
121
124
|
let originalProps = props;
|
|
122
125
|
props = (0, $gpy1V$useProviderProps)(props);
|
|
123
|
-
|
|
126
|
+
props = (0, $gpy1V$useFormProps)(props);
|
|
127
|
+
let { isIndeterminate: isIndeterminate = false, isEmphasized: isEmphasized = false, isDisabled: isDisabled = false, autoFocus: autoFocus, children: children, ...otherProps } = props;
|
|
124
128
|
let { styleProps: styleProps } = (0, $gpy1V$useStyleProps)(otherProps);
|
|
125
129
|
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $gpy1V$useHover)({
|
|
126
130
|
isDisabled: isDisabled
|
|
@@ -131,7 +135,7 @@ function $25b6292d81af2844$var$Checkbox(props, ref) {
|
|
|
131
135
|
// This is a bit unorthodox. Typically, hooks cannot be called in a conditional,
|
|
132
136
|
// but since the checkbox won't move in and out of a group, it should be safe.
|
|
133
137
|
let groupState = (0, $gpy1V$useContext)((0, $8c8ab388b155237e$export$baf37c4be89255b8));
|
|
134
|
-
let { inputProps: inputProps } = groupState ? (0, $gpy1V$useCheckboxGroupItem)({
|
|
138
|
+
let { inputProps: inputProps, isInvalid: isInvalid } = groupState ? (0, $gpy1V$useCheckboxGroupItem)({
|
|
135
139
|
...props,
|
|
136
140
|
// Value is optional for standalone checkboxes, but required for CheckboxGroup items;
|
|
137
141
|
// it's passed explicitly here to avoid typescript error (requires ignore).
|
|
@@ -164,7 +168,7 @@ function $25b6292d81af2844$var$Checkbox(props, ref) {
|
|
|
164
168
|
"is-checked": inputProps.checked,
|
|
165
169
|
"is-indeterminate": isIndeterminate,
|
|
166
170
|
"spectrum-Checkbox--quiet": !isEmphasized,
|
|
167
|
-
"is-invalid": isInvalid
|
|
171
|
+
"is-invalid": isInvalid,
|
|
168
172
|
"is-disabled": isDisabled,
|
|
169
173
|
"is-hovered": isHovered
|
|
170
174
|
}, styleProps.className)
|
|
@@ -239,14 +243,12 @@ function $73f43ce9d441cc69$var$CheckboxGroup(props, ref) {
|
|
|
239
243
|
let { isEmphasized: isEmphasized, children: children, orientation: orientation = "vertical" } = props;
|
|
240
244
|
let domRef = (0, $gpy1V$useDOMRef)(ref);
|
|
241
245
|
let state = (0, $gpy1V$useCheckboxGroupState)(props);
|
|
242
|
-
let {
|
|
246
|
+
let { groupProps: groupProps, ...otherProps } = (0, $gpy1V$useCheckboxGroup)(props, state);
|
|
243
247
|
return /*#__PURE__*/ (0, $gpy1V$react).createElement((0, $gpy1V$Field), {
|
|
244
248
|
...props,
|
|
249
|
+
...otherProps,
|
|
245
250
|
ref: domRef,
|
|
246
251
|
wrapperClassName: (0, $gpy1V$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($4cb2b26710154c56$exports))), "spectrum-FieldGroup"),
|
|
247
|
-
labelProps: labelProps,
|
|
248
|
-
descriptionProps: descriptionProps,
|
|
249
|
-
errorMessageProps: errorMessageProps,
|
|
250
252
|
elementType: "span",
|
|
251
253
|
includeNecessityIndicatorInAccessibilityName: true
|
|
252
254
|
}, /*#__PURE__*/ (0, $gpy1V$react).createElement("div", {
|
|
@@ -255,8 +257,7 @@ function $73f43ce9d441cc69$var$CheckboxGroup(props, ref) {
|
|
|
255
257
|
"spectrum-FieldGroup-group--horizontal": orientation === "horizontal"
|
|
256
258
|
})
|
|
257
259
|
}, /*#__PURE__*/ (0, $gpy1V$react).createElement((0, $gpy1V$Provider), {
|
|
258
|
-
isEmphasized: isEmphasized
|
|
259
|
-
validationState: state.isInvalid ? "invalid" : undefined
|
|
260
|
+
isEmphasized: isEmphasized
|
|
260
261
|
}, /*#__PURE__*/ (0, $gpy1V$react).createElement((0, $8c8ab388b155237e$export$baf37c4be89255b8).Provider, {
|
|
261
262
|
value: state
|
|
262
263
|
}, children))));
|
package/dist/module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"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","sources":["packages/@react-spectrum/checkbox/src/index.ts","packages/@react-spectrum/checkbox/src/Checkbox.tsx","packages/@react-spectrum/checkbox/src/context.ts","packages/@adobe/spectrum-css-temp/components/checkbox/vars.css","packages/@react-spectrum/checkbox/src/CheckboxGroup.tsx","packages/@adobe/spectrum-css-temp/components/fieldgroup/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/// <reference types=\"css-module-types\" />\nexport {Checkbox} from './Checkbox';\nexport {CheckboxGroup} from './CheckboxGroup';\nexport type {SpectrumCheckboxProps, SpectrumCheckboxGroupProps} from '@react-types/checkbox';\n","/*\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 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 {useHover} from '@react-aria/interactions';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useToggleState} from '@react-stately/toggle';\n\nfunction Checkbox(props: SpectrumCheckboxProps, ref: FocusableRef<HTMLLabelElement>) {\n let originalProps = props;\n props = useProviderProps(props);\n let {\n isIndeterminate = false,\n isEmphasized = false,\n isDisabled = false,\n autoFocus,\n children,\n validationState,\n isInvalid,\n ...otherProps\n } = props;\n let {styleProps} = useStyleProps(otherProps);\n let {hoverProps, isHovered} = useHover({isDisabled});\n\n let inputRef = useRef<HTMLInputElement>(null);\n let domRef = useFocusableRef(ref, inputRef);\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} = 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 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 || validationState === 'invalid',\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/**\n * Checkboxes allow users to select multiple items from a list of individual items,\n * or to mark one individual item as selected.\n */\nlet _Checkbox = forwardRef(Checkbox);\nexport {_Checkbox as Checkbox};\n","/*\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 {CheckboxGroupState} from '@react-stately/checkbox';\nimport React from 'react';\n\nexport const CheckboxGroupContext = React.createContext<CheckboxGroupState | null>(null);\n","/*\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","/*\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\nfunction 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 {labelProps, groupProps, descriptionProps, errorMessageProps} = useCheckboxGroup(props, state);\n\n return (\n <Field\n {...props}\n ref={domRef}\n wrapperClassName={classNames(styles, 'spectrum-FieldGroup')}\n labelProps={labelProps}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\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} validationState={state.isInvalid ? 'invalid' : undefined}>\n <CheckboxGroupContext.Provider value={state}>\n {children}\n </CheckboxGroupContext.Provider>\n </Provider>\n </div>\n </Field>\n );\n}\n\n/**\n * A CheckboxGroup allows users to select one or more items from a list of choices.\n */\nconst _CheckboxGroup = React.forwardRef(CheckboxGroup);\nexport {_CheckboxGroup as CheckboxGroup};\n","/*\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"],"names":[],"version":3,"file":"module.js.map"}
|
|
1
|
+
{"mappings":"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","sources":["packages/@react-spectrum/checkbox/src/index.ts","packages/@react-spectrum/checkbox/src/Checkbox.tsx","packages/@react-spectrum/checkbox/src/context.ts","packages/@adobe/spectrum-css-temp/components/checkbox/vars.css","packages/@react-spectrum/checkbox/src/CheckboxGroup.tsx","packages/@adobe/spectrum-css-temp/components/fieldgroup/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/// <reference types=\"css-module-types\" />\nexport {Checkbox} from './Checkbox';\nexport {CheckboxGroup} from './CheckboxGroup';\nexport type {SpectrumCheckboxProps, SpectrumCheckboxGroupProps} from '@react-types/checkbox';\n","/*\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 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\nfunction Checkbox(props: SpectrumCheckboxProps, ref: FocusableRef<HTMLLabelElement>) {\n let originalProps = props;\n props = useProviderProps(props);\n props = useFormProps(props);\n let {\n isIndeterminate = false,\n isEmphasized = false,\n isDisabled = false,\n autoFocus,\n children,\n ...otherProps\n } = props;\n let {styleProps} = useStyleProps(otherProps);\n let {hoverProps, isHovered} = useHover({isDisabled});\n\n let inputRef = useRef<HTMLInputElement>(null);\n let domRef = useFocusableRef(ref, inputRef);\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} = 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 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/**\n * Checkboxes allow users to select multiple items from a list of individual items,\n * or to mark one individual item as selected.\n */\nlet _Checkbox = forwardRef(Checkbox);\nexport {_Checkbox as Checkbox};\n","/*\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 {CheckboxGroupState} from '@react-stately/checkbox';\nimport React from 'react';\n\nexport const CheckboxGroupContext = React.createContext<CheckboxGroupState | null>(null);\n","/*\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","/*\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\nfunction 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\n/**\n * A CheckboxGroup allows users to select one or more items from a list of choices.\n */\nconst _CheckboxGroup = React.forwardRef(CheckboxGroup);\nexport {_CheckboxGroup as CheckboxGroup};\n","/*\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"],"names":[],"version":3,"file":"module.js.map"}
|
package/dist/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;ACoHA;;;GAGG;AACH,OAAA,IAAI,2KAAgC,CAAC;
|
|
1
|
+
{"mappings":";;ACoHA;;;GAGG;AACH,OAAA,IAAI,2KAAgC,CAAC;ACvDrC;;GAEG;AACH,OAAA,MAAM,2JAAgD,CAAC;ACtDvD,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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/checkbox",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.9.0",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -36,17 +36,17 @@
|
|
|
36
36
|
"url": "https://github.com/adobe/react-spectrum"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@react-aria/checkbox": "^3.
|
|
40
|
-
"@react-aria/focus": "^3.
|
|
41
|
-
"@react-aria/interactions": "^3.
|
|
42
|
-
"@react-spectrum/form": "^3.
|
|
43
|
-
"@react-spectrum/label": "^3.
|
|
44
|
-
"@react-spectrum/utils": "^3.11.
|
|
45
|
-
"@react-stately/checkbox": "^3.
|
|
46
|
-
"@react-stately/toggle": "^3.
|
|
47
|
-
"@react-types/checkbox": "^3.
|
|
48
|
-
"@react-types/shared": "^3.
|
|
49
|
-
"@spectrum-icons/ui": "^3.6.
|
|
39
|
+
"@react-aria/checkbox": "^3.12.0",
|
|
40
|
+
"@react-aria/focus": "^3.15.0",
|
|
41
|
+
"@react-aria/interactions": "^3.20.0",
|
|
42
|
+
"@react-spectrum/form": "^3.7.0",
|
|
43
|
+
"@react-spectrum/label": "^3.16.0",
|
|
44
|
+
"@react-spectrum/utils": "^3.11.2",
|
|
45
|
+
"@react-stately/checkbox": "^3.6.0",
|
|
46
|
+
"@react-stately/toggle": "^3.7.0",
|
|
47
|
+
"@react-types/checkbox": "^3.6.0",
|
|
48
|
+
"@react-types/shared": "^3.22.0",
|
|
49
|
+
"@spectrum-icons/ui": "^3.6.2",
|
|
50
50
|
"@swc/helpers": "^0.5.0"
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
@@ -59,5 +59,5 @@
|
|
|
59
59
|
"publishConfig": {
|
|
60
60
|
"access": "public"
|
|
61
61
|
},
|
|
62
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "9ce2f674eab2cc8912800d3162dcf00a1ce94274"
|
|
63
63
|
}
|
package/src/Checkbox.tsx
CHANGED
|
@@ -20,6 +20,7 @@ import React, {forwardRef, useContext, useRef} from 'react';
|
|
|
20
20
|
import {SpectrumCheckboxProps} from '@react-types/checkbox';
|
|
21
21
|
import styles from '@adobe/spectrum-css-temp/components/checkbox/vars.css';
|
|
22
22
|
import {useCheckbox, useCheckboxGroupItem} from '@react-aria/checkbox';
|
|
23
|
+
import {useFormProps} from '@react-spectrum/form';
|
|
23
24
|
import {useHover} from '@react-aria/interactions';
|
|
24
25
|
import {useProviderProps} from '@react-spectrum/provider';
|
|
25
26
|
import {useToggleState} from '@react-stately/toggle';
|
|
@@ -27,14 +28,13 @@ import {useToggleState} from '@react-stately/toggle';
|
|
|
27
28
|
function Checkbox(props: SpectrumCheckboxProps, ref: FocusableRef<HTMLLabelElement>) {
|
|
28
29
|
let originalProps = props;
|
|
29
30
|
props = useProviderProps(props);
|
|
31
|
+
props = useFormProps(props);
|
|
30
32
|
let {
|
|
31
33
|
isIndeterminate = false,
|
|
32
34
|
isEmphasized = false,
|
|
33
35
|
isDisabled = false,
|
|
34
36
|
autoFocus,
|
|
35
37
|
children,
|
|
36
|
-
validationState,
|
|
37
|
-
isInvalid,
|
|
38
38
|
...otherProps
|
|
39
39
|
} = props;
|
|
40
40
|
let {styleProps} = useStyleProps(otherProps);
|
|
@@ -47,7 +47,7 @@ function Checkbox(props: SpectrumCheckboxProps, ref: FocusableRef<HTMLLabelEleme
|
|
|
47
47
|
// This is a bit unorthodox. Typically, hooks cannot be called in a conditional,
|
|
48
48
|
// but since the checkbox won't move in and out of a group, it should be safe.
|
|
49
49
|
let groupState = useContext(CheckboxGroupContext);
|
|
50
|
-
let {inputProps} = groupState
|
|
50
|
+
let {inputProps, isInvalid} = groupState
|
|
51
51
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
52
52
|
? useCheckboxGroupItem({
|
|
53
53
|
...props,
|
|
@@ -92,7 +92,7 @@ function Checkbox(props: SpectrumCheckboxProps, ref: FocusableRef<HTMLLabelEleme
|
|
|
92
92
|
'is-checked': inputProps.checked,
|
|
93
93
|
'is-indeterminate': isIndeterminate,
|
|
94
94
|
'spectrum-Checkbox--quiet': !isEmphasized,
|
|
95
|
-
'is-invalid': isInvalid
|
|
95
|
+
'is-invalid': isInvalid,
|
|
96
96
|
'is-disabled': isDisabled,
|
|
97
97
|
'is-hovered': isHovered
|
|
98
98
|
},
|
package/src/CheckboxGroup.tsx
CHANGED
|
@@ -32,16 +32,14 @@ function CheckboxGroup(props: SpectrumCheckboxGroupProps, ref: DOMRef<HTMLDivEle
|
|
|
32
32
|
} = props;
|
|
33
33
|
let domRef = useDOMRef(ref);
|
|
34
34
|
let state = useCheckboxGroupState(props);
|
|
35
|
-
let {
|
|
35
|
+
let {groupProps, ...otherProps} = useCheckboxGroup(props, state);
|
|
36
36
|
|
|
37
37
|
return (
|
|
38
38
|
<Field
|
|
39
39
|
{...props}
|
|
40
|
+
{...otherProps}
|
|
40
41
|
ref={domRef}
|
|
41
42
|
wrapperClassName={classNames(styles, 'spectrum-FieldGroup')}
|
|
42
|
-
labelProps={labelProps}
|
|
43
|
-
descriptionProps={descriptionProps}
|
|
44
|
-
errorMessageProps={errorMessageProps}
|
|
45
43
|
elementType="span"
|
|
46
44
|
includeNecessityIndicatorInAccessibilityName>
|
|
47
45
|
<div
|
|
@@ -55,7 +53,7 @@ function CheckboxGroup(props: SpectrumCheckboxGroupProps, ref: DOMRef<HTMLDivEle
|
|
|
55
53
|
}
|
|
56
54
|
)
|
|
57
55
|
}>
|
|
58
|
-
<Provider isEmphasized={isEmphasized}
|
|
56
|
+
<Provider isEmphasized={isEmphasized}>
|
|
59
57
|
<CheckboxGroupContext.Provider value={state}>
|
|
60
58
|
{children}
|
|
61
59
|
</CheckboxGroupContext.Provider>
|