@react-spectrum/checkbox 3.7.4 → 3.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/import.mjs +71 -43
  2. package/dist/main.css +1 -1
  3. package/dist/main.js +71 -43
  4. package/dist/main.js.map +1 -1
  5. package/dist/module.js +71 -43
  6. package/dist/module.js.map +1 -1
  7. package/dist/types.d.ts.map +1 -1
  8. package/package.json +13 -13
  9. package/src/Checkbox.tsx +4 -2
  10. package/src/CheckboxGroup.tsx +2 -3
package/dist/import.mjs CHANGED
@@ -60,45 +60,57 @@ const $8c8ab388b155237e$export$baf37c4be89255b8 = (0, $gpy1V$react).createContex
60
60
 
61
61
  var $fe1a56c62936037c$exports = {};
62
62
 
63
- $parcel$export($fe1a56c62936037c$exports, "spectrum-Checkbox", () => $fe1a56c62936037c$export$f8ee3e99d637ccac, (v) => $fe1a56c62936037c$export$f8ee3e99d637ccac = v);
64
- $parcel$export($fe1a56c62936037c$exports, "spectrum-Checkbox-input", () => $fe1a56c62936037c$export$fbf255e91152b086, (v) => $fe1a56c62936037c$export$fbf255e91152b086 = v);
65
63
  $parcel$export($fe1a56c62936037c$exports, "focus-ring", () => $fe1a56c62936037c$export$f39a09f249340e2a, (v) => $fe1a56c62936037c$export$f39a09f249340e2a = v);
66
- $parcel$export($fe1a56c62936037c$exports, "spectrum-Checkbox-box", () => $fe1a56c62936037c$export$b07bd551df410935, (v) => $fe1a56c62936037c$export$b07bd551df410935 = v);
67
- $parcel$export($fe1a56c62936037c$exports, "is-indeterminate", () => $fe1a56c62936037c$export$682c8615600f6ee, (v) => $fe1a56c62936037c$export$682c8615600f6ee = v);
68
- $parcel$export($fe1a56c62936037c$exports, "spectrum-Checkbox-checkmark", () => $fe1a56c62936037c$export$e152b25f70350d85, (v) => $fe1a56c62936037c$export$e152b25f70350d85 = v);
69
- $parcel$export($fe1a56c62936037c$exports, "spectrum-Checkbox-partialCheckmark", () => $fe1a56c62936037c$export$7f6ea68ad4b1fa69, (v) => $fe1a56c62936037c$export$7f6ea68ad4b1fa69 = v);
64
+ $parcel$export($fe1a56c62936037c$exports, "i18nFontFamily", () => $fe1a56c62936037c$export$8c4ee2c50c22c514, (v) => $fe1a56c62936037c$export$8c4ee2c50c22c514 = v);
70
65
  $parcel$export($fe1a56c62936037c$exports, "is-checked", () => $fe1a56c62936037c$export$3f46c891456641e7, (v) => $fe1a56c62936037c$export$3f46c891456641e7 = v);
71
- $parcel$export($fe1a56c62936037c$exports, "spectrum-Checkbox-label", () => $fe1a56c62936037c$export$9244b14cfa532d4f, (v) => $fe1a56c62936037c$export$9244b14cfa532d4f = v);
72
- $parcel$export($fe1a56c62936037c$exports, "is-hovered", () => $fe1a56c62936037c$export$b8813cd5d7824ce7, (v) => $fe1a56c62936037c$export$b8813cd5d7824ce7 = v);
73
66
  $parcel$export($fe1a56c62936037c$exports, "is-disabled", () => $fe1a56c62936037c$export$d35bc1e505d1ebbf, (v) => $fe1a56c62936037c$export$d35bc1e505d1ebbf = v);
74
- $parcel$export($fe1a56c62936037c$exports, "spectrum-Checkbox--quiet", () => $fe1a56c62936037c$export$3a2eb50fe5450439, (v) => $fe1a56c62936037c$export$3a2eb50fe5450439 = v);
67
+ $parcel$export($fe1a56c62936037c$exports, "is-hovered", () => $fe1a56c62936037c$export$b8813cd5d7824ce7, (v) => $fe1a56c62936037c$export$b8813cd5d7824ce7 = v);
68
+ $parcel$export($fe1a56c62936037c$exports, "is-indeterminate", () => $fe1a56c62936037c$export$682c8615600f6ee, (v) => $fe1a56c62936037c$export$682c8615600f6ee = v);
75
69
  $parcel$export($fe1a56c62936037c$exports, "is-invalid", () => $fe1a56c62936037c$export$14a30de2866685fa, (v) => $fe1a56c62936037c$export$14a30de2866685fa = v);
76
- var $fe1a56c62936037c$export$f8ee3e99d637ccac;
77
- var $fe1a56c62936037c$export$fbf255e91152b086;
70
+ $parcel$export($fe1a56c62936037c$exports, "spectrum-Checkbox", () => $fe1a56c62936037c$export$f8ee3e99d637ccac, (v) => $fe1a56c62936037c$export$f8ee3e99d637ccac = v);
71
+ $parcel$export($fe1a56c62936037c$exports, "spectrum-Checkbox--quiet", () => $fe1a56c62936037c$export$3a2eb50fe5450439, (v) => $fe1a56c62936037c$export$3a2eb50fe5450439 = v);
72
+ $parcel$export($fe1a56c62936037c$exports, "spectrum-Checkbox-box", () => $fe1a56c62936037c$export$b07bd551df410935, (v) => $fe1a56c62936037c$export$b07bd551df410935 = v);
73
+ $parcel$export($fe1a56c62936037c$exports, "spectrum-Checkbox-checkmark", () => $fe1a56c62936037c$export$e152b25f70350d85, (v) => $fe1a56c62936037c$export$e152b25f70350d85 = v);
74
+ $parcel$export($fe1a56c62936037c$exports, "spectrum-Checkbox-input", () => $fe1a56c62936037c$export$fbf255e91152b086, (v) => $fe1a56c62936037c$export$fbf255e91152b086 = v);
75
+ $parcel$export($fe1a56c62936037c$exports, "spectrum-Checkbox-label", () => $fe1a56c62936037c$export$9244b14cfa532d4f, (v) => $fe1a56c62936037c$export$9244b14cfa532d4f = v);
76
+ $parcel$export($fe1a56c62936037c$exports, "spectrum-Checkbox-partialCheckmark", () => $fe1a56c62936037c$export$7f6ea68ad4b1fa69, (v) => $fe1a56c62936037c$export$7f6ea68ad4b1fa69 = v);
77
+ $parcel$export($fe1a56c62936037c$exports, "spectrum-FocusRing-ring", () => $fe1a56c62936037c$export$4109102f950813a6, (v) => $fe1a56c62936037c$export$4109102f950813a6 = v);
78
+ $parcel$export($fe1a56c62936037c$exports, "spectrum-FocusRing", () => $fe1a56c62936037c$export$24c7f46a6e3605dd, (v) => $fe1a56c62936037c$export$24c7f46a6e3605dd = v);
79
+ $parcel$export($fe1a56c62936037c$exports, "spectrum-FocusRing--quiet", () => $fe1a56c62936037c$export$2927016961429360, (v) => $fe1a56c62936037c$export$2927016961429360 = v);
78
80
  var $fe1a56c62936037c$export$f39a09f249340e2a;
79
- var $fe1a56c62936037c$export$b07bd551df410935;
80
- var $fe1a56c62936037c$export$682c8615600f6ee;
81
- var $fe1a56c62936037c$export$e152b25f70350d85;
82
- var $fe1a56c62936037c$export$7f6ea68ad4b1fa69;
81
+ var $fe1a56c62936037c$export$8c4ee2c50c22c514;
83
82
  var $fe1a56c62936037c$export$3f46c891456641e7;
84
- var $fe1a56c62936037c$export$9244b14cfa532d4f;
85
- var $fe1a56c62936037c$export$b8813cd5d7824ce7;
86
83
  var $fe1a56c62936037c$export$d35bc1e505d1ebbf;
87
- var $fe1a56c62936037c$export$3a2eb50fe5450439;
84
+ var $fe1a56c62936037c$export$b8813cd5d7824ce7;
85
+ var $fe1a56c62936037c$export$682c8615600f6ee;
88
86
  var $fe1a56c62936037c$export$14a30de2866685fa;
89
- $fe1a56c62936037c$export$f8ee3e99d637ccac = "spectrum-Checkbox_4870fc";
90
- $fe1a56c62936037c$export$fbf255e91152b086 = "spectrum-Checkbox-input_4870fc";
91
- $fe1a56c62936037c$export$f39a09f249340e2a = "focus-ring_4870fc";
92
- $fe1a56c62936037c$export$b07bd551df410935 = "spectrum-Checkbox-box_4870fc";
93
- $fe1a56c62936037c$export$682c8615600f6ee = "is-indeterminate_4870fc";
94
- $fe1a56c62936037c$export$e152b25f70350d85 = "spectrum-Checkbox-checkmark_4870fc";
95
- $fe1a56c62936037c$export$7f6ea68ad4b1fa69 = "spectrum-Checkbox-partialCheckmark_4870fc";
96
- $fe1a56c62936037c$export$3f46c891456641e7 = "is-checked_4870fc";
97
- $fe1a56c62936037c$export$9244b14cfa532d4f = "spectrum-Checkbox-label_4870fc";
98
- $fe1a56c62936037c$export$b8813cd5d7824ce7 = "is-hovered_4870fc";
99
- $fe1a56c62936037c$export$d35bc1e505d1ebbf = "is-disabled_4870fc";
100
- $fe1a56c62936037c$export$3a2eb50fe5450439 = "spectrum-Checkbox--quiet_4870fc";
101
- $fe1a56c62936037c$export$14a30de2866685fa = "is-invalid_4870fc";
87
+ var $fe1a56c62936037c$export$f8ee3e99d637ccac;
88
+ var $fe1a56c62936037c$export$3a2eb50fe5450439;
89
+ var $fe1a56c62936037c$export$b07bd551df410935;
90
+ var $fe1a56c62936037c$export$e152b25f70350d85;
91
+ var $fe1a56c62936037c$export$fbf255e91152b086;
92
+ var $fe1a56c62936037c$export$9244b14cfa532d4f;
93
+ var $fe1a56c62936037c$export$7f6ea68ad4b1fa69;
94
+ var $fe1a56c62936037c$export$4109102f950813a6;
95
+ var $fe1a56c62936037c$export$24c7f46a6e3605dd;
96
+ var $fe1a56c62936037c$export$2927016961429360;
97
+ $fe1a56c62936037c$export$f39a09f249340e2a = `ISsn1a_focus-ring`;
98
+ $fe1a56c62936037c$export$8c4ee2c50c22c514 = `ISsn1a_i18nFontFamily`;
99
+ $fe1a56c62936037c$export$3f46c891456641e7 = `ISsn1a_is-checked`;
100
+ $fe1a56c62936037c$export$d35bc1e505d1ebbf = `ISsn1a_is-disabled`;
101
+ $fe1a56c62936037c$export$b8813cd5d7824ce7 = `ISsn1a_is-hovered`;
102
+ $fe1a56c62936037c$export$682c8615600f6ee = `ISsn1a_is-indeterminate`;
103
+ $fe1a56c62936037c$export$14a30de2866685fa = `ISsn1a_is-invalid`;
104
+ $fe1a56c62936037c$export$f8ee3e99d637ccac = `ISsn1a_spectrum-Checkbox`;
105
+ $fe1a56c62936037c$export$3a2eb50fe5450439 = `ISsn1a_spectrum-Checkbox--quiet`;
106
+ $fe1a56c62936037c$export$b07bd551df410935 = `ISsn1a_spectrum-Checkbox-box`;
107
+ $fe1a56c62936037c$export$e152b25f70350d85 = `ISsn1a_spectrum-Checkbox-checkmark`;
108
+ $fe1a56c62936037c$export$fbf255e91152b086 = `ISsn1a_spectrum-Checkbox-input`;
109
+ $fe1a56c62936037c$export$9244b14cfa532d4f = `ISsn1a_spectrum-Checkbox-label`;
110
+ $fe1a56c62936037c$export$7f6ea68ad4b1fa69 = `ISsn1a_spectrum-Checkbox-partialCheckmark`;
111
+ $fe1a56c62936037c$export$4109102f950813a6 = `ISsn1a_spectrum-FocusRing-ring`;
112
+ $fe1a56c62936037c$export$24c7f46a6e3605dd = `ISsn1a_spectrum-FocusRing ${$fe1a56c62936037c$export$4109102f950813a6}`;
113
+ $fe1a56c62936037c$export$2927016961429360 = `ISsn1a_spectrum-FocusRing--quiet`;
102
114
 
103
115
 
104
116
 
@@ -108,9 +120,9 @@ $fe1a56c62936037c$export$14a30de2866685fa = "is-invalid_4870fc";
108
120
  function $25b6292d81af2844$var$Checkbox(props, ref) {
109
121
  let originalProps = props;
110
122
  props = (0, $gpy1V$useProviderProps)(props);
111
- let { isIndeterminate: isIndeterminate = false , isEmphasized: isEmphasized = false , isDisabled: isDisabled = false , autoFocus: autoFocus , children: children , validationState: validationState , ...otherProps } = props;
112
- let { styleProps: styleProps } = (0, $gpy1V$useStyleProps)(otherProps);
113
- let { hoverProps: hoverProps , isHovered: isHovered } = (0, $gpy1V$useHover)({
123
+ let { isIndeterminate: isIndeterminate = false, isEmphasized: isEmphasized = false, isDisabled: isDisabled = false, autoFocus: autoFocus, children: children, validationState: validationState, isInvalid: isInvalid, ...otherProps } = props;
124
+ let { styleProps: styleProps } = (0, $gpy1V$useStyleProps)(otherProps);
125
+ let { hoverProps: hoverProps, isHovered: isHovered } = (0, $gpy1V$useHover)({
114
126
  isDisabled: isDisabled
115
127
  });
116
128
  let inputRef = (0, $gpy1V$useRef)(null);
@@ -119,7 +131,7 @@ function $25b6292d81af2844$var$Checkbox(props, ref) {
119
131
  // This is a bit unorthodox. Typically, hooks cannot be called in a conditional,
120
132
  // but since the checkbox won't move in and out of a group, it should be safe.
121
133
  let groupState = (0, $gpy1V$useContext)((0, $8c8ab388b155237e$export$baf37c4be89255b8));
122
- let { inputProps: inputProps } = groupState ? (0, $gpy1V$useCheckboxGroupItem)({
134
+ let { inputProps: inputProps } = groupState ? (0, $gpy1V$useCheckboxGroupItem)({
123
135
  ...props,
124
136
  // Value is optional for standalone checkboxes, but required for CheckboxGroup items;
125
137
  // it's passed explicitly here to avoid typescript error (requires ignore).
@@ -128,7 +140,8 @@ function $25b6292d81af2844$var$Checkbox(props, ref) {
128
140
  // Only pass isRequired and validationState to react-aria if they came from
129
141
  // the props for this individual checkbox, and not from the group via context.
130
142
  isRequired: originalProps.isRequired,
131
- validationState: originalProps.validationState
143
+ validationState: originalProps.validationState,
144
+ isInvalid: originalProps.isInvalid
132
145
  }, groupState, inputRef) : (0, $gpy1V$useCheckbox)(props, (0, $gpy1V$useToggleState)(props), inputRef);
133
146
  let markIcon = isIndeterminate ? /*#__PURE__*/ (0, $gpy1V$react).createElement((0, $gpy1V$spectrumiconsuiDashSmall), {
134
147
  UNSAFE_className: (0, $gpy1V$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($fe1a56c62936037c$exports))), "spectrum-Checkbox-partialCheckmark")
@@ -151,7 +164,7 @@ function $25b6292d81af2844$var$Checkbox(props, ref) {
151
164
  "is-checked": inputProps.checked,
152
165
  "is-indeterminate": isIndeterminate,
153
166
  "spectrum-Checkbox--quiet": !isEmphasized,
154
- "is-invalid": validationState === "invalid",
167
+ "is-invalid": isInvalid || validationState === "invalid",
155
168
  "is-disabled": isDisabled,
156
169
  "is-hovered": isHovered
157
170
  }, styleProps.className)
@@ -191,15 +204,30 @@ function $25b6292d81af2844$var$Checkbox(props, ref) {
191
204
 
192
205
  var $4cb2b26710154c56$exports = {};
193
206
 
207
+ $parcel$export($4cb2b26710154c56$exports, "focus-ring", () => $4cb2b26710154c56$export$f39a09f249340e2a, (v) => $4cb2b26710154c56$export$f39a09f249340e2a = v);
208
+ $parcel$export($4cb2b26710154c56$exports, "i18nFontFamily", () => $4cb2b26710154c56$export$8c4ee2c50c22c514, (v) => $4cb2b26710154c56$export$8c4ee2c50c22c514 = v);
194
209
  $parcel$export($4cb2b26710154c56$exports, "spectrum-FieldGroup", () => $4cb2b26710154c56$export$75eb16cbfc18279c, (v) => $4cb2b26710154c56$export$75eb16cbfc18279c = v);
195
210
  $parcel$export($4cb2b26710154c56$exports, "spectrum-FieldGroup-group", () => $4cb2b26710154c56$export$984c7bbbfc7ddffc, (v) => $4cb2b26710154c56$export$984c7bbbfc7ddffc = v);
196
211
  $parcel$export($4cb2b26710154c56$exports, "spectrum-FieldGroup-group--horizontal", () => $4cb2b26710154c56$export$1ad8646bcba21c0e, (v) => $4cb2b26710154c56$export$1ad8646bcba21c0e = v);
212
+ $parcel$export($4cb2b26710154c56$exports, "spectrum-FocusRing-ring", () => $4cb2b26710154c56$export$4109102f950813a6, (v) => $4cb2b26710154c56$export$4109102f950813a6 = v);
213
+ $parcel$export($4cb2b26710154c56$exports, "spectrum-FocusRing", () => $4cb2b26710154c56$export$24c7f46a6e3605dd, (v) => $4cb2b26710154c56$export$24c7f46a6e3605dd = v);
214
+ $parcel$export($4cb2b26710154c56$exports, "spectrum-FocusRing--quiet", () => $4cb2b26710154c56$export$2927016961429360, (v) => $4cb2b26710154c56$export$2927016961429360 = v);
215
+ var $4cb2b26710154c56$export$f39a09f249340e2a;
216
+ var $4cb2b26710154c56$export$8c4ee2c50c22c514;
197
217
  var $4cb2b26710154c56$export$75eb16cbfc18279c;
198
218
  var $4cb2b26710154c56$export$984c7bbbfc7ddffc;
199
219
  var $4cb2b26710154c56$export$1ad8646bcba21c0e;
200
- $4cb2b26710154c56$export$75eb16cbfc18279c = "spectrum-FieldGroup_41d350";
201
- $4cb2b26710154c56$export$984c7bbbfc7ddffc = "spectrum-FieldGroup-group_41d350";
202
- $4cb2b26710154c56$export$1ad8646bcba21c0e = "spectrum-FieldGroup-group--horizontal_41d350";
220
+ var $4cb2b26710154c56$export$4109102f950813a6;
221
+ var $4cb2b26710154c56$export$24c7f46a6e3605dd;
222
+ var $4cb2b26710154c56$export$2927016961429360;
223
+ $4cb2b26710154c56$export$f39a09f249340e2a = `hyn22G_focus-ring`;
224
+ $4cb2b26710154c56$export$8c4ee2c50c22c514 = `hyn22G_i18nFontFamily`;
225
+ $4cb2b26710154c56$export$75eb16cbfc18279c = `hyn22G_spectrum-FieldGroup`;
226
+ $4cb2b26710154c56$export$984c7bbbfc7ddffc = `hyn22G_spectrum-FieldGroup-group`;
227
+ $4cb2b26710154c56$export$1ad8646bcba21c0e = `hyn22G_spectrum-FieldGroup-group--horizontal`;
228
+ $4cb2b26710154c56$export$4109102f950813a6 = `hyn22G_spectrum-FocusRing-ring`;
229
+ $4cb2b26710154c56$export$24c7f46a6e3605dd = `hyn22G_spectrum-FocusRing ${$4cb2b26710154c56$export$4109102f950813a6}`;
230
+ $4cb2b26710154c56$export$2927016961429360 = `hyn22G_spectrum-FocusRing--quiet`;
203
231
 
204
232
 
205
233
 
@@ -208,10 +236,10 @@ $4cb2b26710154c56$export$1ad8646bcba21c0e = "spectrum-FieldGroup-group--horizont
208
236
  function $73f43ce9d441cc69$var$CheckboxGroup(props, ref) {
209
237
  props = (0, $gpy1V$useProviderProps)(props);
210
238
  props = (0, $gpy1V$useFormProps)(props);
211
- let { isEmphasized: isEmphasized , children: children , orientation: orientation = "vertical" , validationState: validationState } = props;
239
+ let { isEmphasized: isEmphasized, children: children, orientation: orientation = "vertical" } = props;
212
240
  let domRef = (0, $gpy1V$useDOMRef)(ref);
213
241
  let state = (0, $gpy1V$useCheckboxGroupState)(props);
214
- let { labelProps: labelProps , groupProps: groupProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = (0, $gpy1V$useCheckboxGroup)(props, state);
242
+ let { labelProps: labelProps, groupProps: groupProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $gpy1V$useCheckboxGroup)(props, state);
215
243
  return /*#__PURE__*/ (0, $gpy1V$react).createElement((0, $gpy1V$Field), {
216
244
  ...props,
217
245
  ref: domRef,
@@ -228,7 +256,7 @@ function $73f43ce9d441cc69$var$CheckboxGroup(props, ref) {
228
256
  })
229
257
  }, /*#__PURE__*/ (0, $gpy1V$react).createElement((0, $gpy1V$Provider), {
230
258
  isEmphasized: isEmphasized,
231
- validationState: validationState
259
+ validationState: state.isInvalid ? "invalid" : undefined
232
260
  }, /*#__PURE__*/ (0, $gpy1V$react).createElement((0, $8c8ab388b155237e$export$baf37c4be89255b8).Provider, {
233
261
  value: state
234
262
  }, children))));
package/dist/main.css CHANGED
@@ -1 +1 @@
1
- :root{font-synthesis:weight}[dir=ltr] .spectrum-Checkbox_4870fc{padding-right:calc(var(--spectrum-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2)}[dir=rtl] .spectrum-Checkbox_4870fc{padding-left:calc(var(--spectrum-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100))*2)}.spectrum-Checkbox_4870fc{box-sizing:border-box;min-height:var(--spectrum-checkbox-height,var(--spectrum-global-dimension-size-400));max-width:100%;vertical-align:top;isolation:isolate;align-items:flex-start;display:inline-flex;position:relative}[dir=ltr] .spectrum-Checkbox-input_4870fc{left:calc(var(--spectrum-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100))*-1)}[dir=rtl] .spectrum-Checkbox-input_4870fc{right:calc(var(--spectrum-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100))*-1)}.spectrum-Checkbox-input_4870fc{box-sizing:border-box;width:calc(100% + var(--spectrum-checkbox-cursor-hit-x,var(--spectrum-global-dimension-size-100)));height:100%;opacity:.0001;z-index:1;cursor:default;margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1.15;position:absolute;top:0;overflow:visible}.spectrum-Checkbox-input_4870fc:disabled{cursor:default}.spectrum-Checkbox-input_4870fc.focus-ring_4870fc+.spectrum-Checkbox-box_4870fc:after{margin:calc(var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25))*-1)}.spectrum-Checkbox_4870fc.is-indeterminate_4870fc .spectrum-Checkbox-box_4870fc:before{border-width:calc(var(--spectrum-checkbox-box-size,var(--spectrum-global-dimension-size-175))/2)}.spectrum-Checkbox_4870fc.is-indeterminate_4870fc .spectrum-Checkbox-box_4870fc .spectrum-Checkbox-checkmark_4870fc{display:none}.spectrum-Checkbox_4870fc.is-indeterminate_4870fc .spectrum-Checkbox-box_4870fc .spectrum-Checkbox-partialCheckmark_4870fc{opacity:1;display:block;transform:scale(1)}.spectrum-Checkbox_4870fc.is-checked_4870fc .spectrum-Checkbox-box_4870fc:before{border-width:calc(var(--spectrum-checkbox-box-size,var(--spectrum-global-dimension-size-175))/2)}.spectrum-Checkbox_4870fc.is-checked_4870fc .spectrum-Checkbox-box_4870fc .spectrum-Checkbox-checkmark_4870fc{opacity:1;transform:scale(1)}[dir=ltr] .spectrum-Checkbox-label_4870fc{text-align:left}[dir=rtl] .spectrum-Checkbox-label_4870fc{text-align:right}[dir=ltr] .spectrum-Checkbox-label_4870fc{margin-left:var(--spectrum-checkbox-text-gap,var(--spectrum-global-dimension-size-125))}[dir=rtl] .spectrum-Checkbox-label_4870fc{margin-right:var(--spectrum-checkbox-text-gap,var(--spectrum-global-dimension-size-125))}.spectrum-Checkbox-label_4870fc{margin-top:var(--spectrum-global-dimension-size-65);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));line-height:1.49}.spectrum-Checkbox-box_4870fc{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));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}.spectrum-Checkbox-box_4870fc: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}.spectrum-Checkbox-box_4870fc: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)}[dir=ltr] .spectrum-Checkbox-checkmark_4870fc,[dir=ltr] .spectrum-Checkbox-partialCheckmark_4870fc{left:50%}[dir=rtl] .spectrum-Checkbox-checkmark_4870fc,[dir=rtl] .spectrum-Checkbox-partialCheckmark_4870fc{right:50%}[dir=ltr] .spectrum-Checkbox-checkmark_4870fc,[dir=ltr] .spectrum-Checkbox-partialCheckmark_4870fc{margin-left:calc(var(--spectrum-icon-checkmark-small-width)/-2)}[dir=rtl] .spectrum-Checkbox-checkmark_4870fc,[dir=rtl] .spectrum-Checkbox-partialCheckmark_4870fc{margin-right:calc(var(--spectrum-icon-checkmark-small-width)/-2)}.spectrum-Checkbox-checkmark_4870fc,.spectrum-Checkbox-partialCheckmark_4870fc{margin-top:calc(var(--spectrum-icon-checkmark-small-height)/-2);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;position:absolute;top:50%;transform:scale(0)}.spectrum-Checkbox-partialCheckmark_4870fc{display:none}.spectrum-Checkbox_4870fc{--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))}.spectrum-Checkbox_4870fc .spectrum-Checkbox-checkmark_4870fc,.spectrum-Checkbox_4870fc .spectrum-Checkbox-partialCheckmark_4870fc{color:var(--spectrum-checkbox-checkmark-color,var(--spectrum-global-color-gray-75))}.spectrum-Checkbox_4870fc .spectrum-Checkbox-box_4870fc: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))}.spectrum-Checkbox_4870fc .spectrum-Checkbox-label_4870fc{color:var(--spectrum-checkbox-emphasized-text-color,var(--spectrum-alias-text-color))}.spectrum-Checkbox_4870fc.is-indeterminate_4870fc .spectrum-Checkbox-box_4870fc:before,.spectrum-Checkbox_4870fc.is-checked_4870fc .spectrum-Checkbox-box_4870fc:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-selected,var(--spectrum-global-color-blue-500))}.spectrum-Checkbox_4870fc.is-hovered_4870fc .spectrum-Checkbox-box_4870fc:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-hover,var(--spectrum-global-color-gray-700))}.spectrum-Checkbox_4870fc.is-hovered_4870fc .spectrum-Checkbox-label_4870fc{color:var(--spectrum-checkbox-emphasized-text-color-hover,var(--spectrum-alias-text-color-hover))}.spectrum-Checkbox_4870fc.is-hovered_4870fc.is-indeterminate_4870fc .spectrum-Checkbox-box_4870fc:before,.spectrum-Checkbox_4870fc.is-hovered_4870fc .spectrum-Checkbox-input_4870fc:checked+.spectrum-Checkbox-box_4870fc:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-selected-hover,var(--spectrum-global-color-blue-600))}.spectrum-Checkbox_4870fc:active .spectrum-Checkbox-box_4870fc:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-down,var(--spectrum-global-color-gray-800))}.spectrum-Checkbox_4870fc:active .spectrum-Checkbox-label_4870fc{color:var(--spectrum-checkbox-emphasized-text-color-down,var(--spectrum-alias-text-color-down))}.spectrum-Checkbox_4870fc:active.is-indeterminate_4870fc .spectrum-Checkbox-box_4870fc:before,.spectrum-Checkbox_4870fc:active .spectrum-Checkbox-input_4870fc:checked+.spectrum-Checkbox-box_4870fc:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-selected-down,var(--spectrum-global-color-blue-700))}.spectrum-Checkbox_4870fc .spectrum-Checkbox-input_4870fc:disabled+.spectrum-Checkbox-box_4870fc:before,.spectrum-Checkbox_4870fc .spectrum-Checkbox-input_4870fc:disabled:active+.spectrum-Checkbox-box_4870fc:before,.spectrum-Checkbox_4870fc .spectrum-Checkbox-input_4870fc:checked:disabled+.spectrum-Checkbox-box_4870fc:before,.spectrum-Checkbox_4870fc .spectrum-Checkbox-input_4870fc:checked:disabled:active+.spectrum-Checkbox-box_4870fc: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))}.spectrum-Checkbox_4870fc .spectrum-Checkbox-input_4870fc:disabled~.spectrum-Checkbox-label_4870fc,.spectrum-Checkbox_4870fc .spectrum-Checkbox-input_4870fc:disabled:active~.spectrum-Checkbox-label_4870fc,.spectrum-Checkbox_4870fc .spectrum-Checkbox-input_4870fc:checked:disabled~.spectrum-Checkbox-label_4870fc,.spectrum-Checkbox_4870fc .spectrum-Checkbox-input_4870fc:checked:disabled:active~.spectrum-Checkbox-label_4870fc{color:var(--spectrum-checkbox-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-Checkbox_4870fc.is-disabled_4870fc .spectrum-Checkbox-input_4870fc:disabled+.spectrum-Checkbox-box_4870fc:before,.spectrum-Checkbox_4870fc.is-disabled_4870fc .spectrum-Checkbox-input_4870fc:disabled:active+.spectrum-Checkbox-box_4870fc:before,.spectrum-Checkbox_4870fc.is-disabled_4870fc .spectrum-Checkbox-input_4870fc:checked:disabled+.spectrum-Checkbox-box_4870fc:before,.spectrum-Checkbox_4870fc.is-disabled_4870fc .spectrum-Checkbox-input_4870fc:checked:disabled:active+.spectrum-Checkbox-box_4870fc: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))}.spectrum-Checkbox_4870fc.is-disabled_4870fc .spectrum-Checkbox-input_4870fc:disabled~.spectrum-Checkbox-label_4870fc,.spectrum-Checkbox_4870fc.is-disabled_4870fc .spectrum-Checkbox-input_4870fc:disabled:active~.spectrum-Checkbox-label_4870fc,.spectrum-Checkbox_4870fc.is-disabled_4870fc .spectrum-Checkbox-input_4870fc:checked:disabled~.spectrum-Checkbox-label_4870fc,.spectrum-Checkbox_4870fc.is-disabled_4870fc .spectrum-Checkbox-input_4870fc:checked:disabled:active~.spectrum-Checkbox-label_4870fc{color:var(--spectrum-checkbox-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-Checkbox_4870fc.is-disabled_4870fc.is-hovered_4870fc .spectrum-Checkbox-box_4870fc:before,.spectrum-Checkbox_4870fc.is-disabled_4870fc:active .spectrum-Checkbox-box_4870fc: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))}.spectrum-Checkbox_4870fc.is-disabled_4870fc.is-hovered_4870fc .spectrum-Checkbox-label_4870fc,.spectrum-Checkbox_4870fc.is-disabled_4870fc:active .spectrum-Checkbox-label_4870fc{color:var(--spectrum-checkbox-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-Checkbox_4870fc .spectrum-Checkbox-input_4870fc+.spectrum-Checkbox-box_4870fc: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}.spectrum-Checkbox_4870fc .spectrum-Checkbox-input_4870fc.focus-ring_4870fc+.spectrum-Checkbox-box_4870fc:before{border-color:var(--spectrum-checkbox-box-border-color-key-focus,var(--spectrum-global-color-gray-700))}.spectrum-Checkbox_4870fc .spectrum-Checkbox-input_4870fc.focus-ring_4870fc+.spectrum-Checkbox-box_4870fc:after{opacity:1}.spectrum-Checkbox_4870fc .spectrum-Checkbox-input_4870fc:checked.focus-ring_4870fc+.spectrum-Checkbox-box_4870fc:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-selected-key-focus,var(--spectrum-global-color-blue-600))}.spectrum-Checkbox_4870fc .spectrum-Checkbox-input_4870fc.focus-ring_4870fc~.spectrum-Checkbox-label_4870fc{color:var(--spectrum-checkbox-emphasized-text-color-key-focus,var(--spectrum-alias-text-color-hover))}.spectrum-Checkbox_4870fc.is-indeterminate_4870fc .spectrum-Checkbox-input_4870fc.focus-ring_4870fc+.spectrum-Checkbox-box_4870fc:before{border-color:var(--spectrum-checkbox-emphasized-box-border-color-selected-key-focus,var(--spectrum-global-color-blue-600))}.spectrum-Checkbox_4870fc.spectrum-Checkbox--quiet_4870fc .spectrum-Checkbox-input_4870fc:checked+.spectrum-Checkbox-box_4870fc:before,.spectrum-Checkbox_4870fc.spectrum-Checkbox--quiet_4870fc.is-indeterminate_4870fc .spectrum-Checkbox-box_4870fc:before,.spectrum-Checkbox_4870fc.spectrum-Checkbox--quiet_4870fc.is-indeterminate_4870fc .spectrum-Checkbox-input_4870fc.focus-ring_4870fc+.spectrum-Checkbox-box_4870fc:before{border-color:var(--spectrum-checkbox-quiet-box-border-color-selected,var(--spectrum-global-color-gray-700))}.spectrum-Checkbox_4870fc.spectrum-Checkbox--quiet_4870fc.is-hovered_4870fc.is-indeterminate_4870fc .spectrum-Checkbox-box_4870fc:before,.spectrum-Checkbox_4870fc.spectrum-Checkbox--quiet_4870fc.is-hovered_4870fc .spectrum-Checkbox-input_4870fc:checked+.spectrum-Checkbox-box_4870fc:before{border-color:var(--spectrum-checkbox-quiet-box-border-color-selected-hover,var(--spectrum-global-color-gray-800))}.spectrum-Checkbox_4870fc.spectrum-Checkbox--quiet_4870fc:active.is-indeterminate_4870fc .spectrum-Checkbox-box_4870fc:before,.spectrum-Checkbox_4870fc.spectrum-Checkbox--quiet_4870fc:active .spectrum-Checkbox-input_4870fc:checked+.spectrum-Checkbox-box_4870fc:before{border-color:var(--spectrum-checkbox-quiet-box-border-color-selected-down,var(--spectrum-global-color-gray-900))}.spectrum-Checkbox_4870fc.is-invalid_4870fc .spectrum-Checkbox-input_4870fc:checked+.spectrum-Checkbox-box_4870fc:before,.spectrum-Checkbox_4870fc.is-invalid_4870fc .spectrum-Checkbox-box_4870fc:before,.spectrum-Checkbox_4870fc.is-invalid_4870fc.is-indeterminate_4870fc .spectrum-Checkbox-box_4870fc:before,.spectrum-Checkbox_4870fc.is-invalid_4870fc .spectrum-Checkbox-input_4870fc:checked+.spectrum-Checkbox-box_4870fc:before{border-color:var(--spectrum-checkbox-box-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-Checkbox_4870fc.is-invalid_4870fc .spectrum-Checkbox-label_4870fc{color:var(--spectrum-checkbox-text-color-error,var(--spectrum-global-color-red-600))}.spectrum-Checkbox_4870fc.is-invalid_4870fc.is-indeterminate_4870fc .spectrum-Checkbox-input_4870fc.focus-ring_4870fc+.spectrum-Checkbox-box_4870fc:before,.spectrum-Checkbox_4870fc.is-invalid_4870fc .spectrum-Checkbox-input_4870fc.focus-ring_4870fc+.spectrum-Checkbox-box_4870fc:before{border-color:var(--spectrum-checkbox-box-border-color-error-hover,var(--spectrum-global-color-red-600))}.spectrum-Checkbox_4870fc.is-invalid_4870fc.is-indeterminate_4870fc .spectrum-Checkbox-input_4870fc.focus-ring_4870fc~.spectrum-Checkbox-label_4870fc,.spectrum-Checkbox_4870fc.is-invalid_4870fc .spectrum-Checkbox-input_4870fc.focus-ring_4870fc~.spectrum-Checkbox-label_4870fc{color:var(--spectrum-checkbox-text-color-error-hover,var(--spectrum-global-color-red-700))}.spectrum-Checkbox_4870fc.is-invalid_4870fc.is-hovered_4870fc .spectrum-Checkbox-input_4870fc:checked+.spectrum-Checkbox-box_4870fc:before,.spectrum-Checkbox_4870fc.is-invalid_4870fc.is-hovered_4870fc .spectrum-Checkbox-box_4870fc:before,.spectrum-Checkbox_4870fc.is-invalid_4870fc.is-hovered_4870fc.is-indeterminate_4870fc .spectrum-Checkbox-box_4870fc:before{border-color:var(--spectrum-checkbox-box-border-color-error-hover,var(--spectrum-global-color-red-600))}.spectrum-Checkbox_4870fc.is-invalid_4870fc.is-hovered_4870fc .spectrum-Checkbox-label_4870fc{color:var(--spectrum-checkbox-text-color-error-hover,var(--spectrum-global-color-red-700))}.spectrum-Checkbox_4870fc.is-invalid_4870fc:active .spectrum-Checkbox-input_4870fc:checked+.spectrum-Checkbox-box_4870fc:before,.spectrum-Checkbox_4870fc.is-invalid_4870fc:active .spectrum-Checkbox-box_4870fc:before{border-color:var(--spectrum-checkbox-box-border-color-error-down,var(--spectrum-global-color-red-700))}.spectrum-Checkbox_4870fc.is-invalid_4870fc:active .spectrum-Checkbox-label_4870fc{color:var(--spectrum-checkbox-text-color-error-down,var(--spectrum-global-color-red-700))}@media (forced-colors:active){.spectrum-Checkbox_4870fc{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}.spectrum-Checkbox_4870fc.spectrum-Checkbox--quiet_4870fc,.spectrum-Checkbox_4870fc.is-indeterminate_4870fc{--spectrum-alias-toggle-color-default:ButtonText;--spectrum-alias-toggle-color-selected:ButtonText}}:root{font-synthesis:weight}.spectrum-FieldGroup_41d350.spectrum-FieldGroup_41d350{width:auto;--spectrum-field-default-width:auto}.spectrum-FieldGroup-group_41d350{flex-direction:column;display:flex}.spectrum-FieldGroup-group--horizontal_41d350{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 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 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
@@ -63,45 +63,57 @@ const $bdf3bf7fe71fe120$export$baf37c4be89255b8 = (0, ($parcel$interopDefault($5
63
63
 
64
64
  var $591f3ccba6339bdb$exports = {};
65
65
 
66
- $parcel$export($591f3ccba6339bdb$exports, "spectrum-Checkbox", () => $591f3ccba6339bdb$export$f8ee3e99d637ccac, (v) => $591f3ccba6339bdb$export$f8ee3e99d637ccac = v);
67
- $parcel$export($591f3ccba6339bdb$exports, "spectrum-Checkbox-input", () => $591f3ccba6339bdb$export$fbf255e91152b086, (v) => $591f3ccba6339bdb$export$fbf255e91152b086 = v);
68
66
  $parcel$export($591f3ccba6339bdb$exports, "focus-ring", () => $591f3ccba6339bdb$export$f39a09f249340e2a, (v) => $591f3ccba6339bdb$export$f39a09f249340e2a = v);
69
- $parcel$export($591f3ccba6339bdb$exports, "spectrum-Checkbox-box", () => $591f3ccba6339bdb$export$b07bd551df410935, (v) => $591f3ccba6339bdb$export$b07bd551df410935 = v);
70
- $parcel$export($591f3ccba6339bdb$exports, "is-indeterminate", () => $591f3ccba6339bdb$export$682c8615600f6ee, (v) => $591f3ccba6339bdb$export$682c8615600f6ee = v);
71
- $parcel$export($591f3ccba6339bdb$exports, "spectrum-Checkbox-checkmark", () => $591f3ccba6339bdb$export$e152b25f70350d85, (v) => $591f3ccba6339bdb$export$e152b25f70350d85 = v);
72
- $parcel$export($591f3ccba6339bdb$exports, "spectrum-Checkbox-partialCheckmark", () => $591f3ccba6339bdb$export$7f6ea68ad4b1fa69, (v) => $591f3ccba6339bdb$export$7f6ea68ad4b1fa69 = v);
67
+ $parcel$export($591f3ccba6339bdb$exports, "i18nFontFamily", () => $591f3ccba6339bdb$export$8c4ee2c50c22c514, (v) => $591f3ccba6339bdb$export$8c4ee2c50c22c514 = v);
73
68
  $parcel$export($591f3ccba6339bdb$exports, "is-checked", () => $591f3ccba6339bdb$export$3f46c891456641e7, (v) => $591f3ccba6339bdb$export$3f46c891456641e7 = v);
74
- $parcel$export($591f3ccba6339bdb$exports, "spectrum-Checkbox-label", () => $591f3ccba6339bdb$export$9244b14cfa532d4f, (v) => $591f3ccba6339bdb$export$9244b14cfa532d4f = v);
75
- $parcel$export($591f3ccba6339bdb$exports, "is-hovered", () => $591f3ccba6339bdb$export$b8813cd5d7824ce7, (v) => $591f3ccba6339bdb$export$b8813cd5d7824ce7 = v);
76
69
  $parcel$export($591f3ccba6339bdb$exports, "is-disabled", () => $591f3ccba6339bdb$export$d35bc1e505d1ebbf, (v) => $591f3ccba6339bdb$export$d35bc1e505d1ebbf = v);
77
- $parcel$export($591f3ccba6339bdb$exports, "spectrum-Checkbox--quiet", () => $591f3ccba6339bdb$export$3a2eb50fe5450439, (v) => $591f3ccba6339bdb$export$3a2eb50fe5450439 = v);
70
+ $parcel$export($591f3ccba6339bdb$exports, "is-hovered", () => $591f3ccba6339bdb$export$b8813cd5d7824ce7, (v) => $591f3ccba6339bdb$export$b8813cd5d7824ce7 = v);
71
+ $parcel$export($591f3ccba6339bdb$exports, "is-indeterminate", () => $591f3ccba6339bdb$export$682c8615600f6ee, (v) => $591f3ccba6339bdb$export$682c8615600f6ee = v);
78
72
  $parcel$export($591f3ccba6339bdb$exports, "is-invalid", () => $591f3ccba6339bdb$export$14a30de2866685fa, (v) => $591f3ccba6339bdb$export$14a30de2866685fa = v);
79
- var $591f3ccba6339bdb$export$f8ee3e99d637ccac;
80
- var $591f3ccba6339bdb$export$fbf255e91152b086;
73
+ $parcel$export($591f3ccba6339bdb$exports, "spectrum-Checkbox", () => $591f3ccba6339bdb$export$f8ee3e99d637ccac, (v) => $591f3ccba6339bdb$export$f8ee3e99d637ccac = v);
74
+ $parcel$export($591f3ccba6339bdb$exports, "spectrum-Checkbox--quiet", () => $591f3ccba6339bdb$export$3a2eb50fe5450439, (v) => $591f3ccba6339bdb$export$3a2eb50fe5450439 = v);
75
+ $parcel$export($591f3ccba6339bdb$exports, "spectrum-Checkbox-box", () => $591f3ccba6339bdb$export$b07bd551df410935, (v) => $591f3ccba6339bdb$export$b07bd551df410935 = v);
76
+ $parcel$export($591f3ccba6339bdb$exports, "spectrum-Checkbox-checkmark", () => $591f3ccba6339bdb$export$e152b25f70350d85, (v) => $591f3ccba6339bdb$export$e152b25f70350d85 = v);
77
+ $parcel$export($591f3ccba6339bdb$exports, "spectrum-Checkbox-input", () => $591f3ccba6339bdb$export$fbf255e91152b086, (v) => $591f3ccba6339bdb$export$fbf255e91152b086 = v);
78
+ $parcel$export($591f3ccba6339bdb$exports, "spectrum-Checkbox-label", () => $591f3ccba6339bdb$export$9244b14cfa532d4f, (v) => $591f3ccba6339bdb$export$9244b14cfa532d4f = v);
79
+ $parcel$export($591f3ccba6339bdb$exports, "spectrum-Checkbox-partialCheckmark", () => $591f3ccba6339bdb$export$7f6ea68ad4b1fa69, (v) => $591f3ccba6339bdb$export$7f6ea68ad4b1fa69 = v);
80
+ $parcel$export($591f3ccba6339bdb$exports, "spectrum-FocusRing-ring", () => $591f3ccba6339bdb$export$4109102f950813a6, (v) => $591f3ccba6339bdb$export$4109102f950813a6 = v);
81
+ $parcel$export($591f3ccba6339bdb$exports, "spectrum-FocusRing", () => $591f3ccba6339bdb$export$24c7f46a6e3605dd, (v) => $591f3ccba6339bdb$export$24c7f46a6e3605dd = v);
82
+ $parcel$export($591f3ccba6339bdb$exports, "spectrum-FocusRing--quiet", () => $591f3ccba6339bdb$export$2927016961429360, (v) => $591f3ccba6339bdb$export$2927016961429360 = v);
81
83
  var $591f3ccba6339bdb$export$f39a09f249340e2a;
82
- var $591f3ccba6339bdb$export$b07bd551df410935;
83
- var $591f3ccba6339bdb$export$682c8615600f6ee;
84
- var $591f3ccba6339bdb$export$e152b25f70350d85;
85
- var $591f3ccba6339bdb$export$7f6ea68ad4b1fa69;
84
+ var $591f3ccba6339bdb$export$8c4ee2c50c22c514;
86
85
  var $591f3ccba6339bdb$export$3f46c891456641e7;
87
- var $591f3ccba6339bdb$export$9244b14cfa532d4f;
88
- var $591f3ccba6339bdb$export$b8813cd5d7824ce7;
89
86
  var $591f3ccba6339bdb$export$d35bc1e505d1ebbf;
90
- var $591f3ccba6339bdb$export$3a2eb50fe5450439;
87
+ var $591f3ccba6339bdb$export$b8813cd5d7824ce7;
88
+ var $591f3ccba6339bdb$export$682c8615600f6ee;
91
89
  var $591f3ccba6339bdb$export$14a30de2866685fa;
92
- $591f3ccba6339bdb$export$f8ee3e99d637ccac = "spectrum-Checkbox_4870fc";
93
- $591f3ccba6339bdb$export$fbf255e91152b086 = "spectrum-Checkbox-input_4870fc";
94
- $591f3ccba6339bdb$export$f39a09f249340e2a = "focus-ring_4870fc";
95
- $591f3ccba6339bdb$export$b07bd551df410935 = "spectrum-Checkbox-box_4870fc";
96
- $591f3ccba6339bdb$export$682c8615600f6ee = "is-indeterminate_4870fc";
97
- $591f3ccba6339bdb$export$e152b25f70350d85 = "spectrum-Checkbox-checkmark_4870fc";
98
- $591f3ccba6339bdb$export$7f6ea68ad4b1fa69 = "spectrum-Checkbox-partialCheckmark_4870fc";
99
- $591f3ccba6339bdb$export$3f46c891456641e7 = "is-checked_4870fc";
100
- $591f3ccba6339bdb$export$9244b14cfa532d4f = "spectrum-Checkbox-label_4870fc";
101
- $591f3ccba6339bdb$export$b8813cd5d7824ce7 = "is-hovered_4870fc";
102
- $591f3ccba6339bdb$export$d35bc1e505d1ebbf = "is-disabled_4870fc";
103
- $591f3ccba6339bdb$export$3a2eb50fe5450439 = "spectrum-Checkbox--quiet_4870fc";
104
- $591f3ccba6339bdb$export$14a30de2866685fa = "is-invalid_4870fc";
90
+ var $591f3ccba6339bdb$export$f8ee3e99d637ccac;
91
+ var $591f3ccba6339bdb$export$3a2eb50fe5450439;
92
+ var $591f3ccba6339bdb$export$b07bd551df410935;
93
+ var $591f3ccba6339bdb$export$e152b25f70350d85;
94
+ var $591f3ccba6339bdb$export$fbf255e91152b086;
95
+ var $591f3ccba6339bdb$export$9244b14cfa532d4f;
96
+ var $591f3ccba6339bdb$export$7f6ea68ad4b1fa69;
97
+ var $591f3ccba6339bdb$export$4109102f950813a6;
98
+ var $591f3ccba6339bdb$export$24c7f46a6e3605dd;
99
+ var $591f3ccba6339bdb$export$2927016961429360;
100
+ $591f3ccba6339bdb$export$f39a09f249340e2a = `ISsn1a_focus-ring`;
101
+ $591f3ccba6339bdb$export$8c4ee2c50c22c514 = `ISsn1a_i18nFontFamily`;
102
+ $591f3ccba6339bdb$export$3f46c891456641e7 = `ISsn1a_is-checked`;
103
+ $591f3ccba6339bdb$export$d35bc1e505d1ebbf = `ISsn1a_is-disabled`;
104
+ $591f3ccba6339bdb$export$b8813cd5d7824ce7 = `ISsn1a_is-hovered`;
105
+ $591f3ccba6339bdb$export$682c8615600f6ee = `ISsn1a_is-indeterminate`;
106
+ $591f3ccba6339bdb$export$14a30de2866685fa = `ISsn1a_is-invalid`;
107
+ $591f3ccba6339bdb$export$f8ee3e99d637ccac = `ISsn1a_spectrum-Checkbox`;
108
+ $591f3ccba6339bdb$export$3a2eb50fe5450439 = `ISsn1a_spectrum-Checkbox--quiet`;
109
+ $591f3ccba6339bdb$export$b07bd551df410935 = `ISsn1a_spectrum-Checkbox-box`;
110
+ $591f3ccba6339bdb$export$e152b25f70350d85 = `ISsn1a_spectrum-Checkbox-checkmark`;
111
+ $591f3ccba6339bdb$export$fbf255e91152b086 = `ISsn1a_spectrum-Checkbox-input`;
112
+ $591f3ccba6339bdb$export$9244b14cfa532d4f = `ISsn1a_spectrum-Checkbox-label`;
113
+ $591f3ccba6339bdb$export$7f6ea68ad4b1fa69 = `ISsn1a_spectrum-Checkbox-partialCheckmark`;
114
+ $591f3ccba6339bdb$export$4109102f950813a6 = `ISsn1a_spectrum-FocusRing-ring`;
115
+ $591f3ccba6339bdb$export$24c7f46a6e3605dd = `ISsn1a_spectrum-FocusRing ${$591f3ccba6339bdb$export$4109102f950813a6}`;
116
+ $591f3ccba6339bdb$export$2927016961429360 = `ISsn1a_spectrum-FocusRing--quiet`;
105
117
 
106
118
 
107
119
 
@@ -111,9 +123,9 @@ $591f3ccba6339bdb$export$14a30de2866685fa = "is-invalid_4870fc";
111
123
  function $096ccd12d23dd6cc$var$Checkbox(props, ref) {
112
124
  let originalProps = props;
113
125
  props = (0, $5Ft2u$reactspectrumprovider.useProviderProps)(props);
114
- let { isIndeterminate: isIndeterminate = false , isEmphasized: isEmphasized = false , isDisabled: isDisabled = false , autoFocus: autoFocus , children: children , validationState: validationState , ...otherProps } = props;
115
- let { styleProps: styleProps } = (0, $5Ft2u$reactspectrumutils.useStyleProps)(otherProps);
116
- let { hoverProps: hoverProps , isHovered: isHovered } = (0, $5Ft2u$reactariainteractions.useHover)({
126
+ let { isIndeterminate: isIndeterminate = false, isEmphasized: isEmphasized = false, isDisabled: isDisabled = false, autoFocus: autoFocus, children: children, validationState: validationState, isInvalid: isInvalid, ...otherProps } = props;
127
+ let { styleProps: styleProps } = (0, $5Ft2u$reactspectrumutils.useStyleProps)(otherProps);
128
+ let { hoverProps: hoverProps, isHovered: isHovered } = (0, $5Ft2u$reactariainteractions.useHover)({
117
129
  isDisabled: isDisabled
118
130
  });
119
131
  let inputRef = (0, $5Ft2u$react.useRef)(null);
@@ -122,7 +134,7 @@ function $096ccd12d23dd6cc$var$Checkbox(props, ref) {
122
134
  // This is a bit unorthodox. Typically, hooks cannot be called in a conditional,
123
135
  // but since the checkbox won't move in and out of a group, it should be safe.
124
136
  let groupState = (0, $5Ft2u$react.useContext)((0, $bdf3bf7fe71fe120$export$baf37c4be89255b8));
125
- let { inputProps: inputProps } = groupState ? (0, $5Ft2u$reactariacheckbox.useCheckboxGroupItem)({
137
+ let { inputProps: inputProps } = groupState ? (0, $5Ft2u$reactariacheckbox.useCheckboxGroupItem)({
126
138
  ...props,
127
139
  // Value is optional for standalone checkboxes, but required for CheckboxGroup items;
128
140
  // it's passed explicitly here to avoid typescript error (requires ignore).
@@ -131,7 +143,8 @@ function $096ccd12d23dd6cc$var$Checkbox(props, ref) {
131
143
  // Only pass isRequired and validationState to react-aria if they came from
132
144
  // the props for this individual checkbox, and not from the group via context.
133
145
  isRequired: originalProps.isRequired,
134
- validationState: originalProps.validationState
146
+ validationState: originalProps.validationState,
147
+ isInvalid: originalProps.isInvalid
135
148
  }, groupState, inputRef) : (0, $5Ft2u$reactariacheckbox.useCheckbox)(props, (0, $5Ft2u$reactstatelytoggle.useToggleState)(props), inputRef);
136
149
  let markIcon = isIndeterminate ? /*#__PURE__*/ (0, ($parcel$interopDefault($5Ft2u$react))).createElement((0, ($parcel$interopDefault($5Ft2u$spectrumiconsuiDashSmall))), {
137
150
  UNSAFE_className: (0, $5Ft2u$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($591f3ccba6339bdb$exports))), "spectrum-Checkbox-partialCheckmark")
@@ -154,7 +167,7 @@ function $096ccd12d23dd6cc$var$Checkbox(props, ref) {
154
167
  "is-checked": inputProps.checked,
155
168
  "is-indeterminate": isIndeterminate,
156
169
  "spectrum-Checkbox--quiet": !isEmphasized,
157
- "is-invalid": validationState === "invalid",
170
+ "is-invalid": isInvalid || validationState === "invalid",
158
171
  "is-disabled": isDisabled,
159
172
  "is-hovered": isHovered
160
173
  }, styleProps.className)
@@ -194,15 +207,30 @@ function $096ccd12d23dd6cc$var$Checkbox(props, ref) {
194
207
 
195
208
  var $53124a3a0fd56fca$exports = {};
196
209
 
210
+ $parcel$export($53124a3a0fd56fca$exports, "focus-ring", () => $53124a3a0fd56fca$export$f39a09f249340e2a, (v) => $53124a3a0fd56fca$export$f39a09f249340e2a = v);
211
+ $parcel$export($53124a3a0fd56fca$exports, "i18nFontFamily", () => $53124a3a0fd56fca$export$8c4ee2c50c22c514, (v) => $53124a3a0fd56fca$export$8c4ee2c50c22c514 = v);
197
212
  $parcel$export($53124a3a0fd56fca$exports, "spectrum-FieldGroup", () => $53124a3a0fd56fca$export$75eb16cbfc18279c, (v) => $53124a3a0fd56fca$export$75eb16cbfc18279c = v);
198
213
  $parcel$export($53124a3a0fd56fca$exports, "spectrum-FieldGroup-group", () => $53124a3a0fd56fca$export$984c7bbbfc7ddffc, (v) => $53124a3a0fd56fca$export$984c7bbbfc7ddffc = v);
199
214
  $parcel$export($53124a3a0fd56fca$exports, "spectrum-FieldGroup-group--horizontal", () => $53124a3a0fd56fca$export$1ad8646bcba21c0e, (v) => $53124a3a0fd56fca$export$1ad8646bcba21c0e = v);
215
+ $parcel$export($53124a3a0fd56fca$exports, "spectrum-FocusRing-ring", () => $53124a3a0fd56fca$export$4109102f950813a6, (v) => $53124a3a0fd56fca$export$4109102f950813a6 = v);
216
+ $parcel$export($53124a3a0fd56fca$exports, "spectrum-FocusRing", () => $53124a3a0fd56fca$export$24c7f46a6e3605dd, (v) => $53124a3a0fd56fca$export$24c7f46a6e3605dd = v);
217
+ $parcel$export($53124a3a0fd56fca$exports, "spectrum-FocusRing--quiet", () => $53124a3a0fd56fca$export$2927016961429360, (v) => $53124a3a0fd56fca$export$2927016961429360 = v);
218
+ var $53124a3a0fd56fca$export$f39a09f249340e2a;
219
+ var $53124a3a0fd56fca$export$8c4ee2c50c22c514;
200
220
  var $53124a3a0fd56fca$export$75eb16cbfc18279c;
201
221
  var $53124a3a0fd56fca$export$984c7bbbfc7ddffc;
202
222
  var $53124a3a0fd56fca$export$1ad8646bcba21c0e;
203
- $53124a3a0fd56fca$export$75eb16cbfc18279c = "spectrum-FieldGroup_41d350";
204
- $53124a3a0fd56fca$export$984c7bbbfc7ddffc = "spectrum-FieldGroup-group_41d350";
205
- $53124a3a0fd56fca$export$1ad8646bcba21c0e = "spectrum-FieldGroup-group--horizontal_41d350";
223
+ var $53124a3a0fd56fca$export$4109102f950813a6;
224
+ var $53124a3a0fd56fca$export$24c7f46a6e3605dd;
225
+ var $53124a3a0fd56fca$export$2927016961429360;
226
+ $53124a3a0fd56fca$export$f39a09f249340e2a = `hyn22G_focus-ring`;
227
+ $53124a3a0fd56fca$export$8c4ee2c50c22c514 = `hyn22G_i18nFontFamily`;
228
+ $53124a3a0fd56fca$export$75eb16cbfc18279c = `hyn22G_spectrum-FieldGroup`;
229
+ $53124a3a0fd56fca$export$984c7bbbfc7ddffc = `hyn22G_spectrum-FieldGroup-group`;
230
+ $53124a3a0fd56fca$export$1ad8646bcba21c0e = `hyn22G_spectrum-FieldGroup-group--horizontal`;
231
+ $53124a3a0fd56fca$export$4109102f950813a6 = `hyn22G_spectrum-FocusRing-ring`;
232
+ $53124a3a0fd56fca$export$24c7f46a6e3605dd = `hyn22G_spectrum-FocusRing ${$53124a3a0fd56fca$export$4109102f950813a6}`;
233
+ $53124a3a0fd56fca$export$2927016961429360 = `hyn22G_spectrum-FocusRing--quiet`;
206
234
 
207
235
 
208
236
 
@@ -211,10 +239,10 @@ $53124a3a0fd56fca$export$1ad8646bcba21c0e = "spectrum-FieldGroup-group--horizont
211
239
  function $1151290755e16c44$var$CheckboxGroup(props, ref) {
212
240
  props = (0, $5Ft2u$reactspectrumprovider.useProviderProps)(props);
213
241
  props = (0, $5Ft2u$reactspectrumform.useFormProps)(props);
214
- let { isEmphasized: isEmphasized , children: children , orientation: orientation = "vertical" , validationState: validationState } = props;
242
+ let { isEmphasized: isEmphasized, children: children, orientation: orientation = "vertical" } = props;
215
243
  let domRef = (0, $5Ft2u$reactspectrumutils.useDOMRef)(ref);
216
244
  let state = (0, $5Ft2u$reactstatelycheckbox.useCheckboxGroupState)(props);
217
- let { labelProps: labelProps , groupProps: groupProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = (0, $5Ft2u$reactariacheckbox.useCheckboxGroup)(props, state);
245
+ let { labelProps: labelProps, groupProps: groupProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $5Ft2u$reactariacheckbox.useCheckboxGroup)(props, state);
218
246
  return /*#__PURE__*/ (0, ($parcel$interopDefault($5Ft2u$react))).createElement((0, $5Ft2u$reactspectrumlabel.Field), {
219
247
  ...props,
220
248
  ref: domRef,
@@ -231,7 +259,7 @@ function $1151290755e16c44$var$CheckboxGroup(props, ref) {
231
259
  })
232
260
  }, /*#__PURE__*/ (0, ($parcel$interopDefault($5Ft2u$react))).createElement((0, $5Ft2u$reactspectrumprovider.Provider), {
233
261
  isEmphasized: isEmphasized,
234
- validationState: validationState
262
+ validationState: state.isInvalid ? "invalid" : undefined
235
263
  }, /*#__PURE__*/ (0, ($parcel$interopDefault($5Ft2u$react))).createElement((0, $bdf3bf7fe71fe120$export$baf37c4be89255b8).Provider, {
236
264
  value: state
237
265
  }, 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 ...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 }, 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': 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 validationState\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={validationState}>\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 {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"}
package/dist/module.js CHANGED
@@ -60,45 +60,57 @@ const $8c8ab388b155237e$export$baf37c4be89255b8 = (0, $gpy1V$react).createContex
60
60
 
61
61
  var $fe1a56c62936037c$exports = {};
62
62
 
63
- $parcel$export($fe1a56c62936037c$exports, "spectrum-Checkbox", () => $fe1a56c62936037c$export$f8ee3e99d637ccac, (v) => $fe1a56c62936037c$export$f8ee3e99d637ccac = v);
64
- $parcel$export($fe1a56c62936037c$exports, "spectrum-Checkbox-input", () => $fe1a56c62936037c$export$fbf255e91152b086, (v) => $fe1a56c62936037c$export$fbf255e91152b086 = v);
65
63
  $parcel$export($fe1a56c62936037c$exports, "focus-ring", () => $fe1a56c62936037c$export$f39a09f249340e2a, (v) => $fe1a56c62936037c$export$f39a09f249340e2a = v);
66
- $parcel$export($fe1a56c62936037c$exports, "spectrum-Checkbox-box", () => $fe1a56c62936037c$export$b07bd551df410935, (v) => $fe1a56c62936037c$export$b07bd551df410935 = v);
67
- $parcel$export($fe1a56c62936037c$exports, "is-indeterminate", () => $fe1a56c62936037c$export$682c8615600f6ee, (v) => $fe1a56c62936037c$export$682c8615600f6ee = v);
68
- $parcel$export($fe1a56c62936037c$exports, "spectrum-Checkbox-checkmark", () => $fe1a56c62936037c$export$e152b25f70350d85, (v) => $fe1a56c62936037c$export$e152b25f70350d85 = v);
69
- $parcel$export($fe1a56c62936037c$exports, "spectrum-Checkbox-partialCheckmark", () => $fe1a56c62936037c$export$7f6ea68ad4b1fa69, (v) => $fe1a56c62936037c$export$7f6ea68ad4b1fa69 = v);
64
+ $parcel$export($fe1a56c62936037c$exports, "i18nFontFamily", () => $fe1a56c62936037c$export$8c4ee2c50c22c514, (v) => $fe1a56c62936037c$export$8c4ee2c50c22c514 = v);
70
65
  $parcel$export($fe1a56c62936037c$exports, "is-checked", () => $fe1a56c62936037c$export$3f46c891456641e7, (v) => $fe1a56c62936037c$export$3f46c891456641e7 = v);
71
- $parcel$export($fe1a56c62936037c$exports, "spectrum-Checkbox-label", () => $fe1a56c62936037c$export$9244b14cfa532d4f, (v) => $fe1a56c62936037c$export$9244b14cfa532d4f = v);
72
- $parcel$export($fe1a56c62936037c$exports, "is-hovered", () => $fe1a56c62936037c$export$b8813cd5d7824ce7, (v) => $fe1a56c62936037c$export$b8813cd5d7824ce7 = v);
73
66
  $parcel$export($fe1a56c62936037c$exports, "is-disabled", () => $fe1a56c62936037c$export$d35bc1e505d1ebbf, (v) => $fe1a56c62936037c$export$d35bc1e505d1ebbf = v);
74
- $parcel$export($fe1a56c62936037c$exports, "spectrum-Checkbox--quiet", () => $fe1a56c62936037c$export$3a2eb50fe5450439, (v) => $fe1a56c62936037c$export$3a2eb50fe5450439 = v);
67
+ $parcel$export($fe1a56c62936037c$exports, "is-hovered", () => $fe1a56c62936037c$export$b8813cd5d7824ce7, (v) => $fe1a56c62936037c$export$b8813cd5d7824ce7 = v);
68
+ $parcel$export($fe1a56c62936037c$exports, "is-indeterminate", () => $fe1a56c62936037c$export$682c8615600f6ee, (v) => $fe1a56c62936037c$export$682c8615600f6ee = v);
75
69
  $parcel$export($fe1a56c62936037c$exports, "is-invalid", () => $fe1a56c62936037c$export$14a30de2866685fa, (v) => $fe1a56c62936037c$export$14a30de2866685fa = v);
76
- var $fe1a56c62936037c$export$f8ee3e99d637ccac;
77
- var $fe1a56c62936037c$export$fbf255e91152b086;
70
+ $parcel$export($fe1a56c62936037c$exports, "spectrum-Checkbox", () => $fe1a56c62936037c$export$f8ee3e99d637ccac, (v) => $fe1a56c62936037c$export$f8ee3e99d637ccac = v);
71
+ $parcel$export($fe1a56c62936037c$exports, "spectrum-Checkbox--quiet", () => $fe1a56c62936037c$export$3a2eb50fe5450439, (v) => $fe1a56c62936037c$export$3a2eb50fe5450439 = v);
72
+ $parcel$export($fe1a56c62936037c$exports, "spectrum-Checkbox-box", () => $fe1a56c62936037c$export$b07bd551df410935, (v) => $fe1a56c62936037c$export$b07bd551df410935 = v);
73
+ $parcel$export($fe1a56c62936037c$exports, "spectrum-Checkbox-checkmark", () => $fe1a56c62936037c$export$e152b25f70350d85, (v) => $fe1a56c62936037c$export$e152b25f70350d85 = v);
74
+ $parcel$export($fe1a56c62936037c$exports, "spectrum-Checkbox-input", () => $fe1a56c62936037c$export$fbf255e91152b086, (v) => $fe1a56c62936037c$export$fbf255e91152b086 = v);
75
+ $parcel$export($fe1a56c62936037c$exports, "spectrum-Checkbox-label", () => $fe1a56c62936037c$export$9244b14cfa532d4f, (v) => $fe1a56c62936037c$export$9244b14cfa532d4f = v);
76
+ $parcel$export($fe1a56c62936037c$exports, "spectrum-Checkbox-partialCheckmark", () => $fe1a56c62936037c$export$7f6ea68ad4b1fa69, (v) => $fe1a56c62936037c$export$7f6ea68ad4b1fa69 = v);
77
+ $parcel$export($fe1a56c62936037c$exports, "spectrum-FocusRing-ring", () => $fe1a56c62936037c$export$4109102f950813a6, (v) => $fe1a56c62936037c$export$4109102f950813a6 = v);
78
+ $parcel$export($fe1a56c62936037c$exports, "spectrum-FocusRing", () => $fe1a56c62936037c$export$24c7f46a6e3605dd, (v) => $fe1a56c62936037c$export$24c7f46a6e3605dd = v);
79
+ $parcel$export($fe1a56c62936037c$exports, "spectrum-FocusRing--quiet", () => $fe1a56c62936037c$export$2927016961429360, (v) => $fe1a56c62936037c$export$2927016961429360 = v);
78
80
  var $fe1a56c62936037c$export$f39a09f249340e2a;
79
- var $fe1a56c62936037c$export$b07bd551df410935;
80
- var $fe1a56c62936037c$export$682c8615600f6ee;
81
- var $fe1a56c62936037c$export$e152b25f70350d85;
82
- var $fe1a56c62936037c$export$7f6ea68ad4b1fa69;
81
+ var $fe1a56c62936037c$export$8c4ee2c50c22c514;
83
82
  var $fe1a56c62936037c$export$3f46c891456641e7;
84
- var $fe1a56c62936037c$export$9244b14cfa532d4f;
85
- var $fe1a56c62936037c$export$b8813cd5d7824ce7;
86
83
  var $fe1a56c62936037c$export$d35bc1e505d1ebbf;
87
- var $fe1a56c62936037c$export$3a2eb50fe5450439;
84
+ var $fe1a56c62936037c$export$b8813cd5d7824ce7;
85
+ var $fe1a56c62936037c$export$682c8615600f6ee;
88
86
  var $fe1a56c62936037c$export$14a30de2866685fa;
89
- $fe1a56c62936037c$export$f8ee3e99d637ccac = "spectrum-Checkbox_4870fc";
90
- $fe1a56c62936037c$export$fbf255e91152b086 = "spectrum-Checkbox-input_4870fc";
91
- $fe1a56c62936037c$export$f39a09f249340e2a = "focus-ring_4870fc";
92
- $fe1a56c62936037c$export$b07bd551df410935 = "spectrum-Checkbox-box_4870fc";
93
- $fe1a56c62936037c$export$682c8615600f6ee = "is-indeterminate_4870fc";
94
- $fe1a56c62936037c$export$e152b25f70350d85 = "spectrum-Checkbox-checkmark_4870fc";
95
- $fe1a56c62936037c$export$7f6ea68ad4b1fa69 = "spectrum-Checkbox-partialCheckmark_4870fc";
96
- $fe1a56c62936037c$export$3f46c891456641e7 = "is-checked_4870fc";
97
- $fe1a56c62936037c$export$9244b14cfa532d4f = "spectrum-Checkbox-label_4870fc";
98
- $fe1a56c62936037c$export$b8813cd5d7824ce7 = "is-hovered_4870fc";
99
- $fe1a56c62936037c$export$d35bc1e505d1ebbf = "is-disabled_4870fc";
100
- $fe1a56c62936037c$export$3a2eb50fe5450439 = "spectrum-Checkbox--quiet_4870fc";
101
- $fe1a56c62936037c$export$14a30de2866685fa = "is-invalid_4870fc";
87
+ var $fe1a56c62936037c$export$f8ee3e99d637ccac;
88
+ var $fe1a56c62936037c$export$3a2eb50fe5450439;
89
+ var $fe1a56c62936037c$export$b07bd551df410935;
90
+ var $fe1a56c62936037c$export$e152b25f70350d85;
91
+ var $fe1a56c62936037c$export$fbf255e91152b086;
92
+ var $fe1a56c62936037c$export$9244b14cfa532d4f;
93
+ var $fe1a56c62936037c$export$7f6ea68ad4b1fa69;
94
+ var $fe1a56c62936037c$export$4109102f950813a6;
95
+ var $fe1a56c62936037c$export$24c7f46a6e3605dd;
96
+ var $fe1a56c62936037c$export$2927016961429360;
97
+ $fe1a56c62936037c$export$f39a09f249340e2a = `ISsn1a_focus-ring`;
98
+ $fe1a56c62936037c$export$8c4ee2c50c22c514 = `ISsn1a_i18nFontFamily`;
99
+ $fe1a56c62936037c$export$3f46c891456641e7 = `ISsn1a_is-checked`;
100
+ $fe1a56c62936037c$export$d35bc1e505d1ebbf = `ISsn1a_is-disabled`;
101
+ $fe1a56c62936037c$export$b8813cd5d7824ce7 = `ISsn1a_is-hovered`;
102
+ $fe1a56c62936037c$export$682c8615600f6ee = `ISsn1a_is-indeterminate`;
103
+ $fe1a56c62936037c$export$14a30de2866685fa = `ISsn1a_is-invalid`;
104
+ $fe1a56c62936037c$export$f8ee3e99d637ccac = `ISsn1a_spectrum-Checkbox`;
105
+ $fe1a56c62936037c$export$3a2eb50fe5450439 = `ISsn1a_spectrum-Checkbox--quiet`;
106
+ $fe1a56c62936037c$export$b07bd551df410935 = `ISsn1a_spectrum-Checkbox-box`;
107
+ $fe1a56c62936037c$export$e152b25f70350d85 = `ISsn1a_spectrum-Checkbox-checkmark`;
108
+ $fe1a56c62936037c$export$fbf255e91152b086 = `ISsn1a_spectrum-Checkbox-input`;
109
+ $fe1a56c62936037c$export$9244b14cfa532d4f = `ISsn1a_spectrum-Checkbox-label`;
110
+ $fe1a56c62936037c$export$7f6ea68ad4b1fa69 = `ISsn1a_spectrum-Checkbox-partialCheckmark`;
111
+ $fe1a56c62936037c$export$4109102f950813a6 = `ISsn1a_spectrum-FocusRing-ring`;
112
+ $fe1a56c62936037c$export$24c7f46a6e3605dd = `ISsn1a_spectrum-FocusRing ${$fe1a56c62936037c$export$4109102f950813a6}`;
113
+ $fe1a56c62936037c$export$2927016961429360 = `ISsn1a_spectrum-FocusRing--quiet`;
102
114
 
103
115
 
104
116
 
@@ -108,9 +120,9 @@ $fe1a56c62936037c$export$14a30de2866685fa = "is-invalid_4870fc";
108
120
  function $25b6292d81af2844$var$Checkbox(props, ref) {
109
121
  let originalProps = props;
110
122
  props = (0, $gpy1V$useProviderProps)(props);
111
- let { isIndeterminate: isIndeterminate = false , isEmphasized: isEmphasized = false , isDisabled: isDisabled = false , autoFocus: autoFocus , children: children , validationState: validationState , ...otherProps } = props;
112
- let { styleProps: styleProps } = (0, $gpy1V$useStyleProps)(otherProps);
113
- let { hoverProps: hoverProps , isHovered: isHovered } = (0, $gpy1V$useHover)({
123
+ let { isIndeterminate: isIndeterminate = false, isEmphasized: isEmphasized = false, isDisabled: isDisabled = false, autoFocus: autoFocus, children: children, validationState: validationState, isInvalid: isInvalid, ...otherProps } = props;
124
+ let { styleProps: styleProps } = (0, $gpy1V$useStyleProps)(otherProps);
125
+ let { hoverProps: hoverProps, isHovered: isHovered } = (0, $gpy1V$useHover)({
114
126
  isDisabled: isDisabled
115
127
  });
116
128
  let inputRef = (0, $gpy1V$useRef)(null);
@@ -119,7 +131,7 @@ function $25b6292d81af2844$var$Checkbox(props, ref) {
119
131
  // This is a bit unorthodox. Typically, hooks cannot be called in a conditional,
120
132
  // but since the checkbox won't move in and out of a group, it should be safe.
121
133
  let groupState = (0, $gpy1V$useContext)((0, $8c8ab388b155237e$export$baf37c4be89255b8));
122
- let { inputProps: inputProps } = groupState ? (0, $gpy1V$useCheckboxGroupItem)({
134
+ let { inputProps: inputProps } = groupState ? (0, $gpy1V$useCheckboxGroupItem)({
123
135
  ...props,
124
136
  // Value is optional for standalone checkboxes, but required for CheckboxGroup items;
125
137
  // it's passed explicitly here to avoid typescript error (requires ignore).
@@ -128,7 +140,8 @@ function $25b6292d81af2844$var$Checkbox(props, ref) {
128
140
  // Only pass isRequired and validationState to react-aria if they came from
129
141
  // the props for this individual checkbox, and not from the group via context.
130
142
  isRequired: originalProps.isRequired,
131
- validationState: originalProps.validationState
143
+ validationState: originalProps.validationState,
144
+ isInvalid: originalProps.isInvalid
132
145
  }, groupState, inputRef) : (0, $gpy1V$useCheckbox)(props, (0, $gpy1V$useToggleState)(props), inputRef);
133
146
  let markIcon = isIndeterminate ? /*#__PURE__*/ (0, $gpy1V$react).createElement((0, $gpy1V$spectrumiconsuiDashSmall), {
134
147
  UNSAFE_className: (0, $gpy1V$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($fe1a56c62936037c$exports))), "spectrum-Checkbox-partialCheckmark")
@@ -151,7 +164,7 @@ function $25b6292d81af2844$var$Checkbox(props, ref) {
151
164
  "is-checked": inputProps.checked,
152
165
  "is-indeterminate": isIndeterminate,
153
166
  "spectrum-Checkbox--quiet": !isEmphasized,
154
- "is-invalid": validationState === "invalid",
167
+ "is-invalid": isInvalid || validationState === "invalid",
155
168
  "is-disabled": isDisabled,
156
169
  "is-hovered": isHovered
157
170
  }, styleProps.className)
@@ -191,15 +204,30 @@ function $25b6292d81af2844$var$Checkbox(props, ref) {
191
204
 
192
205
  var $4cb2b26710154c56$exports = {};
193
206
 
207
+ $parcel$export($4cb2b26710154c56$exports, "focus-ring", () => $4cb2b26710154c56$export$f39a09f249340e2a, (v) => $4cb2b26710154c56$export$f39a09f249340e2a = v);
208
+ $parcel$export($4cb2b26710154c56$exports, "i18nFontFamily", () => $4cb2b26710154c56$export$8c4ee2c50c22c514, (v) => $4cb2b26710154c56$export$8c4ee2c50c22c514 = v);
194
209
  $parcel$export($4cb2b26710154c56$exports, "spectrum-FieldGroup", () => $4cb2b26710154c56$export$75eb16cbfc18279c, (v) => $4cb2b26710154c56$export$75eb16cbfc18279c = v);
195
210
  $parcel$export($4cb2b26710154c56$exports, "spectrum-FieldGroup-group", () => $4cb2b26710154c56$export$984c7bbbfc7ddffc, (v) => $4cb2b26710154c56$export$984c7bbbfc7ddffc = v);
196
211
  $parcel$export($4cb2b26710154c56$exports, "spectrum-FieldGroup-group--horizontal", () => $4cb2b26710154c56$export$1ad8646bcba21c0e, (v) => $4cb2b26710154c56$export$1ad8646bcba21c0e = v);
212
+ $parcel$export($4cb2b26710154c56$exports, "spectrum-FocusRing-ring", () => $4cb2b26710154c56$export$4109102f950813a6, (v) => $4cb2b26710154c56$export$4109102f950813a6 = v);
213
+ $parcel$export($4cb2b26710154c56$exports, "spectrum-FocusRing", () => $4cb2b26710154c56$export$24c7f46a6e3605dd, (v) => $4cb2b26710154c56$export$24c7f46a6e3605dd = v);
214
+ $parcel$export($4cb2b26710154c56$exports, "spectrum-FocusRing--quiet", () => $4cb2b26710154c56$export$2927016961429360, (v) => $4cb2b26710154c56$export$2927016961429360 = v);
215
+ var $4cb2b26710154c56$export$f39a09f249340e2a;
216
+ var $4cb2b26710154c56$export$8c4ee2c50c22c514;
197
217
  var $4cb2b26710154c56$export$75eb16cbfc18279c;
198
218
  var $4cb2b26710154c56$export$984c7bbbfc7ddffc;
199
219
  var $4cb2b26710154c56$export$1ad8646bcba21c0e;
200
- $4cb2b26710154c56$export$75eb16cbfc18279c = "spectrum-FieldGroup_41d350";
201
- $4cb2b26710154c56$export$984c7bbbfc7ddffc = "spectrum-FieldGroup-group_41d350";
202
- $4cb2b26710154c56$export$1ad8646bcba21c0e = "spectrum-FieldGroup-group--horizontal_41d350";
220
+ var $4cb2b26710154c56$export$4109102f950813a6;
221
+ var $4cb2b26710154c56$export$24c7f46a6e3605dd;
222
+ var $4cb2b26710154c56$export$2927016961429360;
223
+ $4cb2b26710154c56$export$f39a09f249340e2a = `hyn22G_focus-ring`;
224
+ $4cb2b26710154c56$export$8c4ee2c50c22c514 = `hyn22G_i18nFontFamily`;
225
+ $4cb2b26710154c56$export$75eb16cbfc18279c = `hyn22G_spectrum-FieldGroup`;
226
+ $4cb2b26710154c56$export$984c7bbbfc7ddffc = `hyn22G_spectrum-FieldGroup-group`;
227
+ $4cb2b26710154c56$export$1ad8646bcba21c0e = `hyn22G_spectrum-FieldGroup-group--horizontal`;
228
+ $4cb2b26710154c56$export$4109102f950813a6 = `hyn22G_spectrum-FocusRing-ring`;
229
+ $4cb2b26710154c56$export$24c7f46a6e3605dd = `hyn22G_spectrum-FocusRing ${$4cb2b26710154c56$export$4109102f950813a6}`;
230
+ $4cb2b26710154c56$export$2927016961429360 = `hyn22G_spectrum-FocusRing--quiet`;
203
231
 
204
232
 
205
233
 
@@ -208,10 +236,10 @@ $4cb2b26710154c56$export$1ad8646bcba21c0e = "spectrum-FieldGroup-group--horizont
208
236
  function $73f43ce9d441cc69$var$CheckboxGroup(props, ref) {
209
237
  props = (0, $gpy1V$useProviderProps)(props);
210
238
  props = (0, $gpy1V$useFormProps)(props);
211
- let { isEmphasized: isEmphasized , children: children , orientation: orientation = "vertical" , validationState: validationState } = props;
239
+ let { isEmphasized: isEmphasized, children: children, orientation: orientation = "vertical" } = props;
212
240
  let domRef = (0, $gpy1V$useDOMRef)(ref);
213
241
  let state = (0, $gpy1V$useCheckboxGroupState)(props);
214
- let { labelProps: labelProps , groupProps: groupProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = (0, $gpy1V$useCheckboxGroup)(props, state);
242
+ let { labelProps: labelProps, groupProps: groupProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $gpy1V$useCheckboxGroup)(props, state);
215
243
  return /*#__PURE__*/ (0, $gpy1V$react).createElement((0, $gpy1V$Field), {
216
244
  ...props,
217
245
  ref: domRef,
@@ -228,7 +256,7 @@ function $73f43ce9d441cc69$var$CheckboxGroup(props, ref) {
228
256
  })
229
257
  }, /*#__PURE__*/ (0, $gpy1V$react).createElement((0, $gpy1V$Provider), {
230
258
  isEmphasized: isEmphasized,
231
- validationState: validationState
259
+ validationState: state.isInvalid ? "invalid" : undefined
232
260
  }, /*#__PURE__*/ (0, $gpy1V$react).createElement((0, $8c8ab388b155237e$export$baf37c4be89255b8).Provider, {
233
261
  value: state
234
262
  }, 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 ...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 }, 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': 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 validationState\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={validationState}>\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 {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"}
package/dist/types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"mappings":";;ACkHA;;;GAGG;AACH,OAAA,IAAI,2KAAgC,CAAC;AClDrC;;GAEG;AACH,OAAA,MAAM,2JAAgD,CAAC;ACzDvD,YAAY,EAAC,qBAAqB,EAAE,0BAA0B,EAAC,MAAM,uBAAuB,CAAC","sources":["packages/@react-spectrum/checkbox/src/packages/@react-spectrum/checkbox/src/context.ts","packages/@react-spectrum/checkbox/src/packages/@react-spectrum/checkbox/src/Checkbox.tsx","packages/@react-spectrum/checkbox/src/packages/@react-spectrum/checkbox/src/CheckboxGroup.tsx","packages/@react-spectrum/checkbox/src/packages/@react-spectrum/checkbox/src/index.ts","packages/@react-spectrum/checkbox/src/index.ts"],"sourcesContent":[null,null,null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/// <reference types=\"css-module-types\" />\nexport {Checkbox} from './Checkbox';\nexport {CheckboxGroup} from './CheckboxGroup';\nexport type {SpectrumCheckboxProps, SpectrumCheckboxGroupProps} from '@react-types/checkbox';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
1
+ {"mappings":";;ACoHA;;;GAGG;AACH,OAAA,IAAI,2KAAgC,CAAC;ACrDrC;;GAEG;AACH,OAAA,MAAM,2JAAgD,CAAC;ACxDvD,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.7.4",
3
+ "version": "3.8.1",
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.10.0",
40
- "@react-aria/focus": "^3.14.0",
41
- "@react-aria/interactions": "^3.17.0",
42
- "@react-spectrum/form": "^3.6.4",
43
- "@react-spectrum/label": "^3.13.1",
44
- "@react-spectrum/utils": "^3.10.1",
45
- "@react-stately/checkbox": "^3.4.4",
46
- "@react-stately/toggle": "^3.6.1",
47
- "@react-types/checkbox": "^3.5.0",
48
- "@react-types/shared": "^3.19.0",
49
- "@spectrum-icons/ui": "^3.5.4",
39
+ "@react-aria/checkbox": "^3.11.1",
40
+ "@react-aria/focus": "^3.14.2",
41
+ "@react-aria/interactions": "^3.19.0",
42
+ "@react-spectrum/form": "^3.6.6",
43
+ "@react-spectrum/label": "^3.15.0",
44
+ "@react-spectrum/utils": "^3.11.0",
45
+ "@react-stately/checkbox": "^3.5.1",
46
+ "@react-stately/toggle": "^3.6.3",
47
+ "@react-types/checkbox": "^3.5.2",
48
+ "@react-types/shared": "^3.21.0",
49
+ "@spectrum-icons/ui": "^3.6.0",
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": "d4dfe4bb842a914f10045ee63fc6b92f034c5b30"
62
+ "gitHead": "4122e44d1991c90507d630d35ed297f89db435d3"
63
63
  }
package/src/Checkbox.tsx CHANGED
@@ -34,6 +34,7 @@ function Checkbox(props: SpectrumCheckboxProps, ref: FocusableRef<HTMLLabelEleme
34
34
  autoFocus,
35
35
  children,
36
36
  validationState,
37
+ isInvalid,
37
38
  ...otherProps
38
39
  } = props;
39
40
  let {styleProps} = useStyleProps(otherProps);
@@ -57,7 +58,8 @@ function Checkbox(props: SpectrumCheckboxProps, ref: FocusableRef<HTMLLabelEleme
57
58
  // Only pass isRequired and validationState to react-aria if they came from
58
59
  // the props for this individual checkbox, and not from the group via context.
59
60
  isRequired: originalProps.isRequired,
60
- validationState: originalProps.validationState
61
+ validationState: originalProps.validationState,
62
+ isInvalid: originalProps.isInvalid
61
63
  }, groupState, inputRef)
62
64
  // eslint-disable-next-line react-hooks/rules-of-hooks
63
65
  : useCheckbox(props, useToggleState(props), inputRef);
@@ -90,7 +92,7 @@ function Checkbox(props: SpectrumCheckboxProps, ref: FocusableRef<HTMLLabelEleme
90
92
  'is-checked': inputProps.checked,
91
93
  'is-indeterminate': isIndeterminate,
92
94
  'spectrum-Checkbox--quiet': !isEmphasized,
93
- 'is-invalid': validationState === 'invalid',
95
+ 'is-invalid': isInvalid || validationState === 'invalid',
94
96
  'is-disabled': isDisabled,
95
97
  'is-hovered': isHovered
96
98
  },
package/src/CheckboxGroup.tsx CHANGED
@@ -28,8 +28,7 @@ function CheckboxGroup(props: SpectrumCheckboxGroupProps, ref: DOMRef<HTMLDivEle
28
28
  let {
29
29
  isEmphasized,
30
30
  children,
31
- orientation = 'vertical',
32
- validationState
31
+ orientation = 'vertical'
33
32
  } = props;
34
33
  let domRef = useDOMRef(ref);
35
34
  let state = useCheckboxGroupState(props);
@@ -56,7 +55,7 @@ function CheckboxGroup(props: SpectrumCheckboxGroupProps, ref: DOMRef<HTMLDivEle
56
55
  }
57
56
  )
58
57
  }>
59
- <Provider isEmphasized={isEmphasized} validationState={validationState}>
58
+ <Provider isEmphasized={isEmphasized} validationState={state.isInvalid ? 'invalid' : undefined}>
60
59
  <CheckboxGroupContext.Provider value={state}>
61
60
  {children}
62
61
  </CheckboxGroupContext.Provider>