@react-spectrum/s2 1.3.1 → 1.4.0

package/dist/private/CheckboxGroup.cjs

@@ -54,51 +54,51 @@ const $883687908275b504$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $7mIZM$react
                 if (p[1] === "y") gridColumnEnd = true;
                 rules += p[0];
             }
-            rules += ' se13';
+            rules += ' se131';
             if (props.isInForm) {
-                if (!gridColumnStart) rules += ' z2mU13';
+                if (!gridColumnStart) rules += ' z2mU131';
             }
             if (props.isInForm) {
                 if (props.labelPosition === "side") {
-                    if (!gridColumnEnd) rules += ' yvoofG13';
+                    if (!gridColumnEnd) rules += ' yvoofG131';
                 }
             }
-            if (props.isInForm) rules += ' DLwlgod13';
+            if (props.isInForm) rules += ' DLwlgod131';
             else {
-                if (props.labelPosition === "side") rules += ' DPlN5qb13';
-                else if (props.labelPosition === "top") rules += ' DM8Mfn13';
+                if (props.labelPosition === "side") rules += ' DPlN5qb131';
+                else if (props.labelPosition === "top") rules += ' DM8Mfn131';
             }
-            if (props.labelPosition === "side") rules += ' EPlN5qb13';
-            else if (props.labelPosition === "top") rules += ' E4w1sLc13';
-            if (props.labelPosition === "side") rules += ' CbRM95c13';
-            else if (props.labelPosition === "top") rules += ' Cxaocre13';
+            if (props.labelPosition === "side") rules += ' EPlN5qb131';
+            else if (props.labelPosition === "top") rules += ' E4w1sLc131';
+            if (props.labelPosition === "side") rules += ' CbRM95c131';
+            else if (props.labelPosition === "top") rules += ' Cxaocre131';
             if (props.size === "XL") {
-                rules += ' -_6BNtrc-e13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-e131';
+                rules += ' vx131';
             } else if (props.size === "L") {
-                rules += ' -_6BNtrc-d13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-d131';
+                rules += ' vx131';
             } else if (props.size === "S") {
-                rules += ' -_6BNtrc-b13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-b131';
+                rules += ' vx131';
             } else if (props.size === "XS") {
-                rules += ' -_6BNtrc-a13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-a131';
+                rules += ' vx131';
             } else {
-                rules += ' -_6BNtrc-c13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-c131';
+                rules += ' vx131';
             }
-            rules += ' ea13';
-            rules += ' _Fd13';
-            rules += ' _FnuYUweb13';
-            if (props.size === "XL") rules += ' -BhX7R-Fz13';
-            else if (props.size === "L") rules += ' -BhX7R-Fv13';
-            else if (props.size === "S") rules += ' -BhX7R-Fp13';
-            else if (props.size === "XS") rules += ' -BhX7R-Fn13';
-            else rules += ' -BhX7R-Fx13';
-            rules += ' -AJjOLd-UVxyPec13';
-            rules += ' qg13';
-            rules += ' __ca13';
+            rules += ' ea131';
+            rules += ' _Fd131';
+            rules += ' _FnuYUweb131';
+            if (props.size === "XL") rules += ' -BhX7R-Fz131';
+            else if (props.size === "L") rules += ' -BhX7R-Fv131';
+            else if (props.size === "S") rules += ' -BhX7R-Fp131';
+            else if (props.size === "XS") rules += ' -BhX7R-Fn131';
+            else rules += ' -BhX7R-Fx131';
+            rules += ' -AJjOLd-UVxyPec131';
+            rules += ' qg131';
+            rules += ' __ca131';
             return rules;
         }({
             size: props.size,
@@ -114,6 +114,7 @@ const $883687908275b504$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $7mIZM$react
                         size: size,
                         labelPosition: labelPosition,
                         labelAlign: labelAlign,
+                        isQuiet: true,
                         necessityIndicator: necessityIndicator,
                         contextualHelp: props.contextualHelp,
                         children: label
@@ -121,18 +122,18 @@ const $883687908275b504$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $7mIZM$react
                     /*#__PURE__*/ (0, $7mIZM$reactjsxruntime.jsx)("div", {
                         className: function anonymous(props) {
                             let rules = " ";
-                            rules += ' zXcEWr13';
-                            rules += ' yXcEWr13';
-                            rules += ' BXcEWr13';
-                            rules += ' AXcEWr13';
-                            rules += ' sd13';
-                            if (props.orientation === "horizontal") rules += ' _tc13';
-                            else if (props.orientation === "vertical") rules += ' _ta13';
-                            rules += ' _Fd13';
-                            rules += ' _FnuYUweb13';
-                            rules += ' UgOnRt13';
-                            rules += ' ql13';
-                            rules += ' _wb13';
+                            rules += ' zXcEWr131';
+                            rules += ' yXcEWr131';
+                            rules += ' BXcEWr131';
+                            rules += ' AXcEWr131';
+                            rules += ' sd131';
+                            if (props.orientation === "horizontal") rules += ' _tc131';
+                            else if (props.orientation === "vertical") rules += ' _ta131';
+                            rules += ' _Fd131';
+                            rules += ' _FnuYUweb131';
+                            rules += ' UgOnRt131';
+                            rules += ' ql131';
+                            if (props.orientation === "horizontal") rules += ' _wb131';
                             return rules;
                         }({
                             orientation: orientation

package/dist/private/CheckboxGroup.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAyCM,MAAM,0DAAuB,CAAA,GAAA,0BAAY,EAA0E;AAKnH,MAAM,0DAAgB,CAAA,GAAA,uBAAS,EAAE,SAAS,cAAc,KAAyB,EAAE,GAA2B;IACnH,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,cAAc,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,qCAAU;IACvC,QAAQ,CAAA,GAAA,sCAAW,EAAE;IACrB,IAAI,SACF,KAAK,eACL,WAAW,gBACX,YAAY,YACZ,QAAQ,iBACR,gBAAgB,mBAChB,aAAa,6BACb,qBAAqB,cACrB,OAAO,kBACP,cAAc,8BACd,mBAAmB,kBACnB,YAAY,gBACZ,YAAY,EACZ,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,qBACE,gCAAC,CAAA,GAAA,qDAAgB;QACd,GAAG,UAAU;QACd,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAOJ;YACxB,MAAM,MAAM,IAAI;2BAChB;YACA,UAAU,CAAC,CAAC;QACd,GAAG,MAAM,MAAM;kBACd,CAAC,cAAC,UAAU,aAAE,SAAS,EAAC,iBAAM;;kCAC7B,gCAAC,CAAA,GAAA,oCAAS;wBACR,4CAA4C;wBAC5C,YAAY;wBACZ,YAAY,MAAM,UAAU;wBAC5B,MAAM;wBACN,eAAe;wBACf,YAAY;wBACZ,oBAAoB;wBACpB,gBAAgB,MAAM,cAAc;kCACnC;;kCAEH,gCAAC;wBACC,WAAW;;;;;;;;;;;;;;;0BAeR;yCAAC;wBAAW;kCACf,cAAA,gCAAC,CAAA,GAAA,qCAAU,EAAE,QAAQ;4BAAC,OAAO;gCAAC,GAAG,WAAW;sCAAE;gCAAM,YAAY;4BAAS;sCACvE,cAAA,gCAAC,CAAA,GAAA,yCAAc,EAAE,QAAQ;gCAAC,OAAO;kDAAC;gCAAY;0CAC3C;;;;kCAIP,gCAAC,CAAA,GAAA,kCAAO;wBACN,MAAM;wBACN,YAAY;wBACZ,WAAW;wBACX,aAAa;wBACb,aAAa;kCACZ;;;;;AAKX","sources":["packages/@react-spectrum/s2/src/CheckboxGroup.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 {\n  CheckboxGroup as AriaCheckboxGroup,\n  CheckboxGroupProps as AriaCheckboxGroupProps\n} from 'react-aria-components/CheckboxGroup';\nimport {CheckboxContext} from './Checkbox';\nimport {ContextValue} from 'react-aria-components/slots';\nimport {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {DOMRef, DOMRefValue, GlobalDOMAttributes, HelpTextProps, Orientation, SpectrumLabelableProps} from '@react-types/shared';\nimport {field, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldLabel, HelpText} from './Field';\nimport {FormContext, useFormProps} from './Form';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from './useDOMRef';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface CheckboxGroupProps extends Omit<AriaCheckboxGroupProps, 'className' | 'style' | 'render' | 'children' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps {\n  /**\n   * The size of the Checkboxes in the CheckboxGroup.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The axis the checkboxes should align with.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation,\n  /**\n   * The Checkboxes contained within the CheckboxGroup.\n   */\n  children: ReactNode,\n  /**\n   * By default, checkboxes are not emphasized (gray).\n   * The emphasized (blue) version provides visual prominence.\n   */\n  isEmphasized?: boolean\n}\n\nexport const CheckboxGroupContext = createContext<ContextValue<Partial<CheckboxGroupProps>, DOMRefValue<HTMLDivElement>>>(null);\n\n/**\n * A CheckboxGroup allows users to select one or more items from a list of choices.\n */\nexport const CheckboxGroup = forwardRef(function CheckboxGroup(props: CheckboxGroupProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, CheckboxGroupContext);\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let {\n    label,\n    description,\n    errorMessage,\n    children,\n    labelPosition = 'top',\n    labelAlign = 'start',\n    necessityIndicator = 'icon',\n    size = 'M',\n    orientation = 'vertical',\n    UNSAFE_className = '',\n    UNSAFE_style,\n    isEmphasized,\n    ...groupProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <AriaCheckboxGroup\n      {...groupProps}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={UNSAFE_className + style({\n        ...field(),\n        // Double the usual gap because of the internal padding within checkbox that spectrum has.\n        '--field-gap': {\n          type: 'rowGap',\n          value: 'calc(var(--field-height) - 1lh)'\n        }\n      }, getAllowedOverrides())({\n        size: props.size,\n        labelPosition,\n        isInForm: !!formContext\n      }, props.styles)}>\n      {({isDisabled, isInvalid}) => (<>\n        <FieldLabel\n          includeNecessityIndicatorInAccessibilityName\n          isDisabled={isDisabled}\n          isRequired={props.isRequired}\n          size={size}\n          labelPosition={labelPosition}\n          labelAlign={labelAlign}\n          necessityIndicator={necessityIndicator}\n          contextualHelp={props.contextualHelp}>\n          {label}\n        </FieldLabel>\n        <div\n          className={style({\n            gridArea: 'input',\n            display: 'flex',\n            flexDirection: {\n              orientation: {\n                vertical: 'column',\n                horizontal: 'row'\n              }\n            },\n            lineHeight: 'ui',\n            rowGap: '--field-gap',\n            // Spectrum uses a fixed spacing value for horizontal,\n            // but the gap changes depending on t-shirt size in vertical.\n            columnGap: 16,\n            flexWrap: 'wrap'\n          })({orientation})}>\n          <FormContext.Provider value={{...formContext, size, isRequired: undefined}}>\n            <CheckboxContext.Provider value={{isEmphasized}}>\n              {children}\n            </CheckboxContext.Provider>\n          </FormContext.Provider>\n        </div>\n        <HelpText\n          size={size}\n          isDisabled={isDisabled}\n          isInvalid={isInvalid}\n          description={description}\n          showErrorIcon>\n          {errorMessage}\n        </HelpText>\n      </>)}\n    </AriaCheckboxGroup>\n  );\n});\n"],"names":[],"version":3,"file":"CheckboxGroup.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAwDM,MAAM,0DACX,CAAA,GAAA,0BAAY,EAA0E;AAKjF,MAAM,0DAAgB,CAAA,GAAA,uBAAS,EAAE,SAAS,cAC/C,KAAyB,EACzB,GAA2B;IAE3B,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,cAAc,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,qCAAU;IACvC,QAAQ,CAAA,GAAA,sCAAW,EAAE;IACrB,IAAI,SACF,KAAK,eACL,WAAW,gBACX,YAAY,YACZ,QAAQ,iBACR,gBAAgB,mBAChB,aAAa,6BACb,qBAAqB,cACrB,OAAO,kBACP,cAAc,8BACd,mBAAmB,kBACnB,YAAY,gBACZ,YAAY,EACZ,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,qBACE,gCAAC,CAAA,GAAA,qDAAgB;QACd,GAAG,UAAU;QACd,KAAK;QACL,OAAO;QACP,WACE,mBACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAWE;YACE,MAAM,MAAM,IAAI;2BAChB;YACA,UAAU,CAAC,CAAC;QACd,GACA,MAAM,MAAM;kBAGf,CAAC,cAAC,UAAU,aAAE,SAAS,EAAC,iBACvB;;kCACE,gCAAC,CAAA,GAAA,oCAAS;wBACR,4CAA4C;wBAC5C,YAAY;wBACZ,YAAY,MAAM,UAAU;wBAC5B,MAAM;wBACN,eAAe;wBACf,YAAY;wBACZ,OAAO;wBACP,oBAAoB;wBACpB,gBAAgB,MAAM,cAAc;kCACnC;;kCAEH,gCAAC;wBACC,WAAW;;;;;;;;;;;;;;;0BAmBR;yCAAC;wBAAW;kCACf,cAAA,gCAAC,CAAA,GAAA,qCAAU,EAAE,QAAQ;4BAAC,OAAO;gCAAC,GAAG,WAAW;sCAAE;gCAAM,YAAY;4BAAS;sCACvE,cAAA,gCAAC,CAAA,GAAA,yCAAc,EAAE,QAAQ;gCAAC,OAAO;kDAAC;gCAAY;0CAAI;;;;kCAGtD,gCAAC,CAAA,GAAA,kCAAO;wBACN,MAAM;wBACN,YAAY;wBACZ,WAAW;wBACX,aAAa;wBACb,aAAa;kCACZ;;;;;AAMb","sources":["packages/@react-spectrum/s2/src/CheckboxGroup.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 {\n  CheckboxGroup as AriaCheckboxGroup,\n  CheckboxGroupProps as AriaCheckboxGroupProps\n} from 'react-aria-components/CheckboxGroup';\nimport {CheckboxContext} from './Checkbox';\nimport {ContextValue} from 'react-aria-components/slots';\nimport {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {\n  DOMRef,\n  DOMRefValue,\n  GlobalDOMAttributes,\n  HelpTextProps,\n  Orientation,\n  SpectrumLabelableProps\n} from '@react-types/shared';\nimport {field, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldLabel, HelpText} from './Field';\nimport {FormContext, useFormProps} from './Form';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from './useDOMRef';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface CheckboxGroupProps\n  extends\n    Omit<\n      AriaCheckboxGroupProps,\n      'className' | 'style' | 'render' | 'children' | keyof GlobalDOMAttributes\n    >,\n    StyleProps,\n    SpectrumLabelableProps,\n    HelpTextProps {\n  /**\n   * The size of the Checkboxes in the CheckboxGroup.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL';\n  /**\n   * The axis the checkboxes should align with.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation;\n  /**\n   * The Checkboxes contained within the CheckboxGroup.\n   */\n  children: ReactNode;\n  /**\n   * By default, checkboxes are not emphasized (gray).\n   * The emphasized (blue) version provides visual prominence.\n   */\n  isEmphasized?: boolean;\n}\n\nexport const CheckboxGroupContext =\n  createContext<ContextValue<Partial<CheckboxGroupProps>, DOMRefValue<HTMLDivElement>>>(null);\n\n/**\n * A CheckboxGroup allows users to select one or more items from a list of choices.\n */\nexport const CheckboxGroup = forwardRef(function CheckboxGroup(\n  props: CheckboxGroupProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  [props, ref] = useSpectrumContextProps(props, ref, CheckboxGroupContext);\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let {\n    label,\n    description,\n    errorMessage,\n    children,\n    labelPosition = 'top',\n    labelAlign = 'start',\n    necessityIndicator = 'icon',\n    size = 'M',\n    orientation = 'vertical',\n    UNSAFE_className = '',\n    UNSAFE_style,\n    isEmphasized,\n    ...groupProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <AriaCheckboxGroup\n      {...groupProps}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={\n        UNSAFE_className +\n        style(\n          {\n            ...field(),\n            // Double the usual gap because of the internal padding within checkbox that spectrum has.\n            '--field-gap': {\n              type: 'rowGap',\n              value: 'calc(var(--field-height) - 1lh)'\n            }\n          },\n          getAllowedOverrides()\n        )(\n          {\n            size: props.size,\n            labelPosition,\n            isInForm: !!formContext\n          },\n          props.styles\n        )\n      }>\n      {({isDisabled, isInvalid}) => (\n        <>\n          <FieldLabel\n            includeNecessityIndicatorInAccessibilityName\n            isDisabled={isDisabled}\n            isRequired={props.isRequired}\n            size={size}\n            labelPosition={labelPosition}\n            labelAlign={labelAlign}\n            isQuiet // Make the label affect the width of the group\n            necessityIndicator={necessityIndicator}\n            contextualHelp={props.contextualHelp}>\n            {label}\n          </FieldLabel>\n          <div\n            className={style({\n              gridArea: 'input',\n              display: 'flex',\n              flexDirection: {\n                orientation: {\n                  vertical: 'column',\n                  horizontal: 'row'\n                }\n              },\n              lineHeight: 'ui',\n              rowGap: '--field-gap',\n              // Spectrum uses a fixed spacing value for horizontal,\n              // but the gap changes depending on t-shirt size in vertical.\n              columnGap: 16,\n              flexWrap: {\n                orientation: {\n                  horizontal: 'wrap'\n                }\n              }\n            })({orientation})}>\n            <FormContext.Provider value={{...formContext, size, isRequired: undefined}}>\n              <CheckboxContext.Provider value={{isEmphasized}}>{children}</CheckboxContext.Provider>\n            </FormContext.Provider>\n          </div>\n          <HelpText\n            size={size}\n            isDisabled={isDisabled}\n            isInvalid={isInvalid}\n            description={description}\n            showErrorIcon>\n            {errorMessage}\n          </HelpText>\n        </>\n      )}\n    </AriaCheckboxGroup>\n  );\n});\n"],"names":[],"version":3,"file":"CheckboxGroup.cjs.map"}

package/dist/private/CheckboxGroup.css

@@ -1,154 +1,154 @@
 @layer _.a {
-  .se13 {
+  .se131 {
     display: grid;
   }
 
-  .z2mU13 {
+  .z2mU131 {
     grid-column-start: 1;
   }
 
-  .yvoofG13 {
+  .yvoofG131 {
     grid-column-end: span 2;
   }
 
-  .DM8Mfn13 {
+  .DM8Mfn131 {
     grid-template-columns: 1fr;
   }
 
-  .DPlN5qb13 {
+  .DPlN5qb131 {
     grid-template-columns: auto 1fr;
   }
 
-  .DLwlgod13 {
+  .DLwlgod131 {
     grid-template-columns: subgrid;
   }
 
-  .E4w1sLc13 {
+  .E4w1sLc131 {
     grid-template-rows: auto 1fr auto;
   }
 
-  .EPlN5qb13 {
+  .EPlN5qb131 {
     grid-template-rows: auto 1fr;
   }
 
-  .Cxaocre13 {
+  .Cxaocre131 {
     grid-template-areas: "label"
                          "input"
                          "helptext";
   }
 
-  .CbRM95c13 {
+  .CbRM95c131 {
     grid-template-areas: "label input"
                          "label helptext";
   }
 
-  .-_6BNtrc-c13 {
+  .-_6BNtrc-c131 {
     --fs: pow(1.125, 0);
   }
 
-  .-_6BNtrc-a13 {
+  .-_6BNtrc-a131 {
     --fs: pow(1.125, -2);
   }
 
-  .-_6BNtrc-b13 {
+  .-_6BNtrc-b131 {
     --fs: pow(1.125, -1);
   }
 
-  .-_6BNtrc-d13 {
+  .-_6BNtrc-d131 {
     --fs: pow(1.125, 1);
   }
 
-  .-_6BNtrc-e13 {
+  .-_6BNtrc-e131 {
     --fs: pow(1.125, 2);
   }
 
-  .vx13 {
+  .vx131 {
     font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
   }
 
-  .ea13 {
+  .ea131 {
     align-items: baseline;
   }
 
-  .-BhX7R-Fx13 {
+  .-BhX7R-Fx131 {
     --field-height: calc(2rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fn13 {
+  .-BhX7R-Fn131 {
     --field-height: calc(1.25rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fp13 {
+  .-BhX7R-Fp131 {
     --field-height: calc(1.5rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fv13 {
+  .-BhX7R-Fv131 {
     --field-height: calc(2.5rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fz13 {
+  .-BhX7R-Fz131 {
     --field-height: calc(3rem * var(--s2-scale));
   }
 
-  .-AJjOLd-UVxyPec13 {
+  .-AJjOLd-UVxyPec131 {
     --field-gap: calc(var(--field-height) - 1lh);
   }
 
-  .qg13 {
+  .qg131 {
     column-gap: .75rem;
   }
 
-  .__ca13 {
+  .__ca131 {
     -webkit-tap-highlight-color: #0000;
   }
 
-  .zXcEWr13 {
+  .zXcEWr131 {
     grid-column-start: input;
   }
 
-  .yXcEWr13 {
+  .yXcEWr131 {
     grid-column-end: input;
   }
 
-  .BXcEWr13 {
+  .BXcEWr131 {
     grid-row-start: input;
   }
 
-  .AXcEWr13 {
+  .AXcEWr131 {
     grid-row-end: input;
   }
 
-  .sd13 {
+  .sd131 {
     display: flex;
   }
 
-  ._ta13 {
+  ._ta131 {
     flex-direction: column;
   }
 
-  ._tc13 {
+  ._tc131 {
     flex-direction: row;
   }
 
-  ._Fd13 {
+  ._Fd131 {
     line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs)) - 10)) / 22) * .15), 2px);
   }
 
-  .UgOnRt13 {
+  .UgOnRt131 {
     row-gap: var(--field-gap);
   }
 
-  .ql13 {
+  .ql131 {
     column-gap: 1rem;
   }
 
-  ._wb13 {
+  ._wb131 {
     flex-wrap: wrap;
   }
 }
 
 @layer _.b {
-  ._FnuYUweb13:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  ._FnuYUweb131:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
     line-height: 1.5;
   }
 }

package/dist/private/CheckboxGroup.css.map

@@ -1 +1 @@
-{"mappings":"ACkFoC;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;;EAAA;;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAyBf;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAzBe;EAAA","sources":["229a9af52db930e6","packages/@react-spectrum/s2/src/CheckboxGroup.tsx"],"sourcesContent":["@import \"99c19d559a913dfe\";\n@import \"3a372fd4efad6d81\";\n","/*\n * Copyright 2024 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 {\n  CheckboxGroup as AriaCheckboxGroup,\n  CheckboxGroupProps as AriaCheckboxGroupProps\n} from 'react-aria-components/CheckboxGroup';\nimport {CheckboxContext} from './Checkbox';\nimport {ContextValue} from 'react-aria-components/slots';\nimport {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {DOMRef, DOMRefValue, GlobalDOMAttributes, HelpTextProps, Orientation, SpectrumLabelableProps} from '@react-types/shared';\nimport {field, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldLabel, HelpText} from './Field';\nimport {FormContext, useFormProps} from './Form';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from './useDOMRef';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface CheckboxGroupProps extends Omit<AriaCheckboxGroupProps, 'className' | 'style' | 'render' | 'children' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps {\n  /**\n   * The size of the Checkboxes in the CheckboxGroup.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The axis the checkboxes should align with.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation,\n  /**\n   * The Checkboxes contained within the CheckboxGroup.\n   */\n  children: ReactNode,\n  /**\n   * By default, checkboxes are not emphasized (gray).\n   * The emphasized (blue) version provides visual prominence.\n   */\n  isEmphasized?: boolean\n}\n\nexport const CheckboxGroupContext = createContext<ContextValue<Partial<CheckboxGroupProps>, DOMRefValue<HTMLDivElement>>>(null);\n\n/**\n * A CheckboxGroup allows users to select one or more items from a list of choices.\n */\nexport const CheckboxGroup = forwardRef(function CheckboxGroup(props: CheckboxGroupProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, CheckboxGroupContext);\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let {\n    label,\n    description,\n    errorMessage,\n    children,\n    labelPosition = 'top',\n    labelAlign = 'start',\n    necessityIndicator = 'icon',\n    size = 'M',\n    orientation = 'vertical',\n    UNSAFE_className = '',\n    UNSAFE_style,\n    isEmphasized,\n    ...groupProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <AriaCheckboxGroup\n      {...groupProps}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={UNSAFE_className + style({\n        ...field(),\n        // Double the usual gap because of the internal padding within checkbox that spectrum has.\n        '--field-gap': {\n          type: 'rowGap',\n          value: 'calc(var(--field-height) - 1lh)'\n        }\n      }, getAllowedOverrides())({\n        size: props.size,\n        labelPosition,\n        isInForm: !!formContext\n      }, props.styles)}>\n      {({isDisabled, isInvalid}) => (<>\n        <FieldLabel\n          includeNecessityIndicatorInAccessibilityName\n          isDisabled={isDisabled}\n          isRequired={props.isRequired}\n          size={size}\n          labelPosition={labelPosition}\n          labelAlign={labelAlign}\n          necessityIndicator={necessityIndicator}\n          contextualHelp={props.contextualHelp}>\n          {label}\n        </FieldLabel>\n        <div\n          className={style({\n            gridArea: 'input',\n            display: 'flex',\n            flexDirection: {\n              orientation: {\n                vertical: 'column',\n                horizontal: 'row'\n              }\n            },\n            lineHeight: 'ui',\n            rowGap: '--field-gap',\n            // Spectrum uses a fixed spacing value for horizontal,\n            // but the gap changes depending on t-shirt size in vertical.\n            columnGap: 16,\n            flexWrap: 'wrap'\n          })({orientation})}>\n          <FormContext.Provider value={{...formContext, size, isRequired: undefined}}>\n            <CheckboxContext.Provider value={{isEmphasized}}>\n              {children}\n            </CheckboxContext.Provider>\n          </FormContext.Provider>\n        </div>\n        <HelpText\n          size={size}\n          isDisabled={isDisabled}\n          isInvalid={isInvalid}\n          description={description}\n          showErrorIcon>\n          {errorMessage}\n        </HelpText>\n      </>)}\n    </AriaCheckboxGroup>\n  );\n});\n"],"names":[],"version":3,"file":"CheckboxGroup.css.map"}
+{"mappings":"ACuGQ;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;;EAAA;;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAkCe;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAlCf;EAAA","sources":["229a9af52db930e6","packages/@react-spectrum/s2/src/CheckboxGroup.tsx"],"sourcesContent":["@import \"99c19d559a913dfe\";\n@import \"3a372fd4efad6d81\";\n","/*\n * Copyright 2024 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 {\n  CheckboxGroup as AriaCheckboxGroup,\n  CheckboxGroupProps as AriaCheckboxGroupProps\n} from 'react-aria-components/CheckboxGroup';\nimport {CheckboxContext} from './Checkbox';\nimport {ContextValue} from 'react-aria-components/slots';\nimport {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {\n  DOMRef,\n  DOMRefValue,\n  GlobalDOMAttributes,\n  HelpTextProps,\n  Orientation,\n  SpectrumLabelableProps\n} from '@react-types/shared';\nimport {field, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldLabel, HelpText} from './Field';\nimport {FormContext, useFormProps} from './Form';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from './useDOMRef';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface CheckboxGroupProps\n  extends\n    Omit<\n      AriaCheckboxGroupProps,\n      'className' | 'style' | 'render' | 'children' | keyof GlobalDOMAttributes\n    >,\n    StyleProps,\n    SpectrumLabelableProps,\n    HelpTextProps {\n  /**\n   * The size of the Checkboxes in the CheckboxGroup.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL';\n  /**\n   * The axis the checkboxes should align with.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation;\n  /**\n   * The Checkboxes contained within the CheckboxGroup.\n   */\n  children: ReactNode;\n  /**\n   * By default, checkboxes are not emphasized (gray).\n   * The emphasized (blue) version provides visual prominence.\n   */\n  isEmphasized?: boolean;\n}\n\nexport const CheckboxGroupContext =\n  createContext<ContextValue<Partial<CheckboxGroupProps>, DOMRefValue<HTMLDivElement>>>(null);\n\n/**\n * A CheckboxGroup allows users to select one or more items from a list of choices.\n */\nexport const CheckboxGroup = forwardRef(function CheckboxGroup(\n  props: CheckboxGroupProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  [props, ref] = useSpectrumContextProps(props, ref, CheckboxGroupContext);\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let {\n    label,\n    description,\n    errorMessage,\n    children,\n    labelPosition = 'top',\n    labelAlign = 'start',\n    necessityIndicator = 'icon',\n    size = 'M',\n    orientation = 'vertical',\n    UNSAFE_className = '',\n    UNSAFE_style,\n    isEmphasized,\n    ...groupProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <AriaCheckboxGroup\n      {...groupProps}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={\n        UNSAFE_className +\n        style(\n          {\n            ...field(),\n            // Double the usual gap because of the internal padding within checkbox that spectrum has.\n            '--field-gap': {\n              type: 'rowGap',\n              value: 'calc(var(--field-height) - 1lh)'\n            }\n          },\n          getAllowedOverrides()\n        )(\n          {\n            size: props.size,\n            labelPosition,\n            isInForm: !!formContext\n          },\n          props.styles\n        )\n      }>\n      {({isDisabled, isInvalid}) => (\n        <>\n          <FieldLabel\n            includeNecessityIndicatorInAccessibilityName\n            isDisabled={isDisabled}\n            isRequired={props.isRequired}\n            size={size}\n            labelPosition={labelPosition}\n            labelAlign={labelAlign}\n            isQuiet // Make the label affect the width of the group\n            necessityIndicator={necessityIndicator}\n            contextualHelp={props.contextualHelp}>\n            {label}\n          </FieldLabel>\n          <div\n            className={style({\n              gridArea: 'input',\n              display: 'flex',\n              flexDirection: {\n                orientation: {\n                  vertical: 'column',\n                  horizontal: 'row'\n                }\n              },\n              lineHeight: 'ui',\n              rowGap: '--field-gap',\n              // Spectrum uses a fixed spacing value for horizontal,\n              // but the gap changes depending on t-shirt size in vertical.\n              columnGap: 16,\n              flexWrap: {\n                orientation: {\n                  horizontal: 'wrap'\n                }\n              }\n            })({orientation})}>\n            <FormContext.Provider value={{...formContext, size, isRequired: undefined}}>\n              <CheckboxContext.Provider value={{isEmphasized}}>{children}</CheckboxContext.Provider>\n            </FormContext.Provider>\n          </div>\n          <HelpText\n            size={size}\n            isDisabled={isDisabled}\n            isInvalid={isInvalid}\n            description={description}\n            showErrorIcon>\n            {errorMessage}\n          </HelpText>\n        </>\n      )}\n    </AriaCheckboxGroup>\n  );\n});\n"],"names":[],"version":3,"file":"CheckboxGroup.css.map"}

package/dist/private/CheckboxGroup.mjs

@@ -47,51 +47,51 @@ const $4f43ac2b11e2df05$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $2n9bC$forwa
                 if (p[1] === "y") gridColumnEnd = true;
                 rules += p[0];
             }
-            rules += ' se13';
+            rules += ' se131';
             if (props.isInForm) {
-                if (!gridColumnStart) rules += ' z2mU13';
+                if (!gridColumnStart) rules += ' z2mU131';
             }
             if (props.isInForm) {
                 if (props.labelPosition === "side") {
-                    if (!gridColumnEnd) rules += ' yvoofG13';
+                    if (!gridColumnEnd) rules += ' yvoofG131';
                 }
             }
-            if (props.isInForm) rules += ' DLwlgod13';
+            if (props.isInForm) rules += ' DLwlgod131';
             else {
-                if (props.labelPosition === "side") rules += ' DPlN5qb13';
-                else if (props.labelPosition === "top") rules += ' DM8Mfn13';
+                if (props.labelPosition === "side") rules += ' DPlN5qb131';
+                else if (props.labelPosition === "top") rules += ' DM8Mfn131';
             }
-            if (props.labelPosition === "side") rules += ' EPlN5qb13';
-            else if (props.labelPosition === "top") rules += ' E4w1sLc13';
-            if (props.labelPosition === "side") rules += ' CbRM95c13';
-            else if (props.labelPosition === "top") rules += ' Cxaocre13';
+            if (props.labelPosition === "side") rules += ' EPlN5qb131';
+            else if (props.labelPosition === "top") rules += ' E4w1sLc131';
+            if (props.labelPosition === "side") rules += ' CbRM95c131';
+            else if (props.labelPosition === "top") rules += ' Cxaocre131';
             if (props.size === "XL") {
-                rules += ' -_6BNtrc-e13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-e131';
+                rules += ' vx131';
             } else if (props.size === "L") {
-                rules += ' -_6BNtrc-d13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-d131';
+                rules += ' vx131';
             } else if (props.size === "S") {
-                rules += ' -_6BNtrc-b13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-b131';
+                rules += ' vx131';
             } else if (props.size === "XS") {
-                rules += ' -_6BNtrc-a13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-a131';
+                rules += ' vx131';
             } else {
-                rules += ' -_6BNtrc-c13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-c131';
+                rules += ' vx131';
             }
-            rules += ' ea13';
-            rules += ' _Fd13';
-            rules += ' _FnuYUweb13';
-            if (props.size === "XL") rules += ' -BhX7R-Fz13';
-            else if (props.size === "L") rules += ' -BhX7R-Fv13';
-            else if (props.size === "S") rules += ' -BhX7R-Fp13';
-            else if (props.size === "XS") rules += ' -BhX7R-Fn13';
-            else rules += ' -BhX7R-Fx13';
-            rules += ' -AJjOLd-UVxyPec13';
-            rules += ' qg13';
-            rules += ' __ca13';
+            rules += ' ea131';
+            rules += ' _Fd131';
+            rules += ' _FnuYUweb131';
+            if (props.size === "XL") rules += ' -BhX7R-Fz131';
+            else if (props.size === "L") rules += ' -BhX7R-Fv131';
+            else if (props.size === "S") rules += ' -BhX7R-Fp131';
+            else if (props.size === "XS") rules += ' -BhX7R-Fn131';
+            else rules += ' -BhX7R-Fx131';
+            rules += ' -AJjOLd-UVxyPec131';
+            rules += ' qg131';
+            rules += ' __ca131';
             return rules;
         }({
             size: props.size,
@@ -107,6 +107,7 @@ const $4f43ac2b11e2df05$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $2n9bC$forwa
                         size: size,
                         labelPosition: labelPosition,
                         labelAlign: labelAlign,
+                        isQuiet: true,
                         necessityIndicator: necessityIndicator,
                         contextualHelp: props.contextualHelp,
                         children: label
@@ -114,18 +115,18 @@ const $4f43ac2b11e2df05$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $2n9bC$forwa
                     /*#__PURE__*/ (0, $2n9bC$jsx)("div", {
                         className: function anonymous(props) {
                             let rules = " ";
-                            rules += ' zXcEWr13';
-                            rules += ' yXcEWr13';
-                            rules += ' BXcEWr13';
-                            rules += ' AXcEWr13';
-                            rules += ' sd13';
-                            if (props.orientation === "horizontal") rules += ' _tc13';
-                            else if (props.orientation === "vertical") rules += ' _ta13';
-                            rules += ' _Fd13';
-                            rules += ' _FnuYUweb13';
-                            rules += ' UgOnRt13';
-                            rules += ' ql13';
-                            rules += ' _wb13';
+                            rules += ' zXcEWr131';
+                            rules += ' yXcEWr131';
+                            rules += ' BXcEWr131';
+                            rules += ' AXcEWr131';
+                            rules += ' sd131';
+                            if (props.orientation === "horizontal") rules += ' _tc131';
+                            else if (props.orientation === "vertical") rules += ' _ta131';
+                            rules += ' _Fd131';
+                            rules += ' _FnuYUweb131';
+                            rules += ' UgOnRt131';
+                            rules += ' ql131';
+                            if (props.orientation === "horizontal") rules += ' _wb131';
                             return rules;
                         }({
                             orientation: orientation

package/dist/private/CheckboxGroup.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAyCM,MAAM,0DAAuB,CAAA,GAAA,oBAAY,EAA0E;AAKnH,MAAM,0DAAgB,CAAA,GAAA,iBAAS,EAAE,SAAS,cAAc,KAAyB,EAAE,GAA2B;IACnH,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,cAAc,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAU;IACvC,QAAQ,CAAA,GAAA,yCAAW,EAAE;IACrB,IAAI,SACF,KAAK,eACL,WAAW,gBACX,YAAY,YACZ,QAAQ,iBACR,gBAAgB,mBAChB,aAAa,6BACb,qBAAqB,cACrB,OAAO,kBACP,cAAc,8BACd,mBAAmB,kBACnB,YAAY,gBACZ,YAAY,EACZ,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IAEvB,qBACE,gBAAC,CAAA,GAAA,oBAAgB;QACd,GAAG,UAAU;QACd,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAOJ;YACxB,MAAM,MAAM,IAAI;2BAChB;YACA,UAAU,CAAC,CAAC;QACd,GAAG,MAAM,MAAM;kBACd,CAAC,cAAC,UAAU,aAAE,SAAS,EAAC,iBAAM;;kCAC7B,gBAAC,CAAA,GAAA,yCAAS;wBACR,4CAA4C;wBAC5C,YAAY;wBACZ,YAAY,MAAM,UAAU;wBAC5B,MAAM;wBACN,eAAe;wBACf,YAAY;wBACZ,oBAAoB;wBACpB,gBAAgB,MAAM,cAAc;kCACnC;;kCAEH,gBAAC;wBACC,WAAW;;;;;;;;;;;;;;;0BAeR;yCAAC;wBAAW;kCACf,cAAA,gBAAC,CAAA,GAAA,yCAAU,EAAE,QAAQ;4BAAC,OAAO;gCAAC,GAAG,WAAW;sCAAE;gCAAM,YAAY;4BAAS;sCACvE,cAAA,gBAAC,CAAA,GAAA,yCAAc,EAAE,QAAQ;gCAAC,OAAO;kDAAC;gCAAY;0CAC3C;;;;kCAIP,gBAAC,CAAA,GAAA,yCAAO;wBACN,MAAM;wBACN,YAAY;wBACZ,WAAW;wBACX,aAAa;wBACb,aAAa;kCACZ;;;;;AAKX","sources":["packages/@react-spectrum/s2/src/CheckboxGroup.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 {\n  CheckboxGroup as AriaCheckboxGroup,\n  CheckboxGroupProps as AriaCheckboxGroupProps\n} from 'react-aria-components/CheckboxGroup';\nimport {CheckboxContext} from './Checkbox';\nimport {ContextValue} from 'react-aria-components/slots';\nimport {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {DOMRef, DOMRefValue, GlobalDOMAttributes, HelpTextProps, Orientation, SpectrumLabelableProps} from '@react-types/shared';\nimport {field, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldLabel, HelpText} from './Field';\nimport {FormContext, useFormProps} from './Form';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from './useDOMRef';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface CheckboxGroupProps extends Omit<AriaCheckboxGroupProps, 'className' | 'style' | 'render' | 'children' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps {\n  /**\n   * The size of the Checkboxes in the CheckboxGroup.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The axis the checkboxes should align with.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation,\n  /**\n   * The Checkboxes contained within the CheckboxGroup.\n   */\n  children: ReactNode,\n  /**\n   * By default, checkboxes are not emphasized (gray).\n   * The emphasized (blue) version provides visual prominence.\n   */\n  isEmphasized?: boolean\n}\n\nexport const CheckboxGroupContext = createContext<ContextValue<Partial<CheckboxGroupProps>, DOMRefValue<HTMLDivElement>>>(null);\n\n/**\n * A CheckboxGroup allows users to select one or more items from a list of choices.\n */\nexport const CheckboxGroup = forwardRef(function CheckboxGroup(props: CheckboxGroupProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, CheckboxGroupContext);\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let {\n    label,\n    description,\n    errorMessage,\n    children,\n    labelPosition = 'top',\n    labelAlign = 'start',\n    necessityIndicator = 'icon',\n    size = 'M',\n    orientation = 'vertical',\n    UNSAFE_className = '',\n    UNSAFE_style,\n    isEmphasized,\n    ...groupProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <AriaCheckboxGroup\n      {...groupProps}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={UNSAFE_className + style({\n        ...field(),\n        // Double the usual gap because of the internal padding within checkbox that spectrum has.\n        '--field-gap': {\n          type: 'rowGap',\n          value: 'calc(var(--field-height) - 1lh)'\n        }\n      }, getAllowedOverrides())({\n        size: props.size,\n        labelPosition,\n        isInForm: !!formContext\n      }, props.styles)}>\n      {({isDisabled, isInvalid}) => (<>\n        <FieldLabel\n          includeNecessityIndicatorInAccessibilityName\n          isDisabled={isDisabled}\n          isRequired={props.isRequired}\n          size={size}\n          labelPosition={labelPosition}\n          labelAlign={labelAlign}\n          necessityIndicator={necessityIndicator}\n          contextualHelp={props.contextualHelp}>\n          {label}\n        </FieldLabel>\n        <div\n          className={style({\n            gridArea: 'input',\n            display: 'flex',\n            flexDirection: {\n              orientation: {\n                vertical: 'column',\n                horizontal: 'row'\n              }\n            },\n            lineHeight: 'ui',\n            rowGap: '--field-gap',\n            // Spectrum uses a fixed spacing value for horizontal,\n            // but the gap changes depending on t-shirt size in vertical.\n            columnGap: 16,\n            flexWrap: 'wrap'\n          })({orientation})}>\n          <FormContext.Provider value={{...formContext, size, isRequired: undefined}}>\n            <CheckboxContext.Provider value={{isEmphasized}}>\n              {children}\n            </CheckboxContext.Provider>\n          </FormContext.Provider>\n        </div>\n        <HelpText\n          size={size}\n          isDisabled={isDisabled}\n          isInvalid={isInvalid}\n          description={description}\n          showErrorIcon>\n          {errorMessage}\n        </HelpText>\n      </>)}\n    </AriaCheckboxGroup>\n  );\n});\n"],"names":[],"version":3,"file":"CheckboxGroup.mjs.map"}
+{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAwDM,MAAM,0DACX,CAAA,GAAA,oBAAY,EAA0E;AAKjF,MAAM,0DAAgB,CAAA,GAAA,iBAAS,EAAE,SAAS,cAC/C,KAAyB,EACzB,GAA2B;IAE3B,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,cAAc,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAU;IACvC,QAAQ,CAAA,GAAA,yCAAW,EAAE;IACrB,IAAI,SACF,KAAK,eACL,WAAW,gBACX,YAAY,YACZ,QAAQ,iBACR,gBAAgB,mBAChB,aAAa,6BACb,qBAAqB,cACrB,OAAO,kBACP,cAAc,8BACd,mBAAmB,kBACnB,YAAY,gBACZ,YAAY,EACZ,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IAEvB,qBACE,gBAAC,CAAA,GAAA,oBAAgB;QACd,GAAG,UAAU;QACd,KAAK;QACL,OAAO;QACP,WACE,mBACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAWE;YACE,MAAM,MAAM,IAAI;2BAChB;YACA,UAAU,CAAC,CAAC;QACd,GACA,MAAM,MAAM;kBAGf,CAAC,cAAC,UAAU,aAAE,SAAS,EAAC,iBACvB;;kCACE,gBAAC,CAAA,GAAA,yCAAS;wBACR,4CAA4C;wBAC5C,YAAY;wBACZ,YAAY,MAAM,UAAU;wBAC5B,MAAM;wBACN,eAAe;wBACf,YAAY;wBACZ,OAAO;wBACP,oBAAoB;wBACpB,gBAAgB,MAAM,cAAc;kCACnC;;kCAEH,gBAAC;wBACC,WAAW;;;;;;;;;;;;;;;0BAmBR;yCAAC;wBAAW;kCACf,cAAA,gBAAC,CAAA,GAAA,yCAAU,EAAE,QAAQ;4BAAC,OAAO;gCAAC,GAAG,WAAW;sCAAE;gCAAM,YAAY;4BAAS;sCACvE,cAAA,gBAAC,CAAA,GAAA,yCAAc,EAAE,QAAQ;gCAAC,OAAO;kDAAC;gCAAY;0CAAI;;;;kCAGtD,gBAAC,CAAA,GAAA,yCAAO;wBACN,MAAM;wBACN,YAAY;wBACZ,WAAW;wBACX,aAAa;wBACb,aAAa;kCACZ;;;;;AAMb","sources":["packages/@react-spectrum/s2/src/CheckboxGroup.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 {\n  CheckboxGroup as AriaCheckboxGroup,\n  CheckboxGroupProps as AriaCheckboxGroupProps\n} from 'react-aria-components/CheckboxGroup';\nimport {CheckboxContext} from './Checkbox';\nimport {ContextValue} from 'react-aria-components/slots';\nimport {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {\n  DOMRef,\n  DOMRefValue,\n  GlobalDOMAttributes,\n  HelpTextProps,\n  Orientation,\n  SpectrumLabelableProps\n} from '@react-types/shared';\nimport {field, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldLabel, HelpText} from './Field';\nimport {FormContext, useFormProps} from './Form';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from './useDOMRef';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface CheckboxGroupProps\n  extends\n    Omit<\n      AriaCheckboxGroupProps,\n      'className' | 'style' | 'render' | 'children' | keyof GlobalDOMAttributes\n    >,\n    StyleProps,\n    SpectrumLabelableProps,\n    HelpTextProps {\n  /**\n   * The size of the Checkboxes in the CheckboxGroup.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL';\n  /**\n   * The axis the checkboxes should align with.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation;\n  /**\n   * The Checkboxes contained within the CheckboxGroup.\n   */\n  children: ReactNode;\n  /**\n   * By default, checkboxes are not emphasized (gray).\n   * The emphasized (blue) version provides visual prominence.\n   */\n  isEmphasized?: boolean;\n}\n\nexport const CheckboxGroupContext =\n  createContext<ContextValue<Partial<CheckboxGroupProps>, DOMRefValue<HTMLDivElement>>>(null);\n\n/**\n * A CheckboxGroup allows users to select one or more items from a list of choices.\n */\nexport const CheckboxGroup = forwardRef(function CheckboxGroup(\n  props: CheckboxGroupProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  [props, ref] = useSpectrumContextProps(props, ref, CheckboxGroupContext);\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let {\n    label,\n    description,\n    errorMessage,\n    children,\n    labelPosition = 'top',\n    labelAlign = 'start',\n    necessityIndicator = 'icon',\n    size = 'M',\n    orientation = 'vertical',\n    UNSAFE_className = '',\n    UNSAFE_style,\n    isEmphasized,\n    ...groupProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <AriaCheckboxGroup\n      {...groupProps}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={\n        UNSAFE_className +\n        style(\n          {\n            ...field(),\n            // Double the usual gap because of the internal padding within checkbox that spectrum has.\n            '--field-gap': {\n              type: 'rowGap',\n              value: 'calc(var(--field-height) - 1lh)'\n            }\n          },\n          getAllowedOverrides()\n        )(\n          {\n            size: props.size,\n            labelPosition,\n            isInForm: !!formContext\n          },\n          props.styles\n        )\n      }>\n      {({isDisabled, isInvalid}) => (\n        <>\n          <FieldLabel\n            includeNecessityIndicatorInAccessibilityName\n            isDisabled={isDisabled}\n            isRequired={props.isRequired}\n            size={size}\n            labelPosition={labelPosition}\n            labelAlign={labelAlign}\n            isQuiet // Make the label affect the width of the group\n            necessityIndicator={necessityIndicator}\n            contextualHelp={props.contextualHelp}>\n            {label}\n          </FieldLabel>\n          <div\n            className={style({\n              gridArea: 'input',\n              display: 'flex',\n              flexDirection: {\n                orientation: {\n                  vertical: 'column',\n                  horizontal: 'row'\n                }\n              },\n              lineHeight: 'ui',\n              rowGap: '--field-gap',\n              // Spectrum uses a fixed spacing value for horizontal,\n              // but the gap changes depending on t-shirt size in vertical.\n              columnGap: 16,\n              flexWrap: {\n                orientation: {\n                  horizontal: 'wrap'\n                }\n              }\n            })({orientation})}>\n            <FormContext.Provider value={{...formContext, size, isRequired: undefined}}>\n              <CheckboxContext.Provider value={{isEmphasized}}>{children}</CheckboxContext.Provider>\n            </FormContext.Provider>\n          </div>\n          <HelpText\n            size={size}\n            isDisabled={isDisabled}\n            isInvalid={isInvalid}\n            description={description}\n            showErrorIcon>\n            {errorMessage}\n          </HelpText>\n        </>\n      )}\n    </AriaCheckboxGroup>\n  );\n});\n"],"names":[],"version":3,"file":"CheckboxGroup.mjs.map"}

package/dist/private/Checkmark.cjs

@@ -32,18 +32,18 @@ $parcel$export(module.exports, "default", () => $dba2b18fc5727f9b$export$2e2bcd8
 
 let $dba2b18fc5727f9b$var$styles = function anonymous(props) {
     let rules = " ";
-    if (props.size === "S") rules += ' Zi13';
-    else if (props.size === "XS") rules += ' Zi13';
-    else if (props.size === "XXL") rules += ' Zu13';
-    else if (props.size === "XL") rules += ' Zk13';
-    else if (props.size === "L") rules += ' Zj13';
-    else if (props.size === "M") rules += ' Zi13';
-    if (props.size === "S") rules += ' Fj13';
-    else if (props.size === "XS") rules += ' Fj13';
-    else if (props.size === "XXL") rules += ' Ft13';
-    else if (props.size === "XL") rules += ' Fl13';
-    else if (props.size === "L") rules += ' Fk13';
-    else if (props.size === "M") rules += ' Fj13';
+    if (props.size === "S") rules += ' Zi131';
+    else if (props.size === "XS") rules += ' Zi131';
+    else if (props.size === "XXL") rules += ' Zu131';
+    else if (props.size === "XL") rules += ' Zk131';
+    else if (props.size === "L") rules += ' Zj131';
+    else if (props.size === "M") rules += ' Zi131';
+    if (props.size === "S") rules += ' Fj131';
+    else if (props.size === "XS") rules += ' Fj131';
+    else if (props.size === "XXL") rules += ' Ft131';
+    else if (props.size === "XL") rules += ' Fl131';
+    else if (props.size === "L") rules += ' Fk131';
+    else if (props.size === "M") rules += ' Fj131';
     return rules;
 };
 function $dba2b18fc5727f9b$export$2e2bcd8739ae039(props) {

package/dist/private/Checkmark.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAWD,IAAI;;;;;;;;;;;;;;;;AAuBW,kDAAmB,KAA+E;IAC/G,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAU;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QAC5F,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAU;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QAC5F,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAW;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QAC7F,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAY;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QAC9F,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAW;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QAC7F,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAU;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;IAC9F;AACF","sources":["packages/@react-spectrum/s2/ui-icons/Checkmark.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 Checkmark_L from './S2_CheckmarkSize200.svg';\nimport Checkmark_M from './S2_CheckmarkSize100.svg';\nimport Checkmark_S from './S2_CheckmarkSize75.svg';\nimport Checkmark_XL from './S2_CheckmarkSize300.svg';\nimport Checkmark_XS from './S2_CheckmarkSize50.svg';\nimport Checkmark_XXL from './S2_CheckmarkSize400.svg';\nimport {ReactNode, SVGProps} from 'react';\nimport {style} from '../style' with {type: 'macro'};\n\nlet styles = style({\n  width: {\n    size: {\n      M: 10,\n      L: 12,\n      XL: 14,\n      XXL: 16,\n      XS: 10,\n      S: 10\n    }\n  },\n  height: {\n    size: {\n      M: 10,\n      L: 12,\n      XL: 14,\n      XXL: 16,\n      XS: 10,\n      S: 10\n    }\n  }\n});\n\nexport default function Checkmark(props: SVGProps<SVGSVGElement> & {size?: 'M' | 'L' | 'XL' | 'XXL' | 'XS' | 'S'}): ReactNode {\n  let {size = 'M', ...otherProps} = props;\n  switch (size) {\n    case 'M':\n      return <Checkmark_M {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'L':\n      return <Checkmark_L {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'XL':\n      return <Checkmark_XL {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'XXL':\n      return <Checkmark_XXL {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'XS':\n      return <Checkmark_XS {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'S':\n      return <Checkmark_S {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n  }\n}\n"],"names":[],"version":3,"file":"Checkmark.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAWD,IAAI;;;;;;;;;;;;;;;;AAuBW,kDACb,KAA+E;IAE/E,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBACE,gCAAC,CAAA,GAAA,iCAAU;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QAEvF,KAAK;YACH,qBACE,gCAAC,CAAA,GAAA,iCAAU;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QAEvF,KAAK;YACH,qBACE,gCAAC,CAAA,GAAA,iCAAW;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QAExF,KAAK;YACH,qBACE,gCAAC,CAAA,GAAA,iCAAY;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QAEzF,KAAK;YACH,qBACE,gCAAC,CAAA,GAAA,iCAAW;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QAExF,KAAK;YACH,qBACE,gCAAC,CAAA,GAAA,iCAAU;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;IAEzF;AACF","sources":["packages/@react-spectrum/s2/ui-icons/Checkmark.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 Checkmark_L from './S2_CheckmarkSize200.svg';\nimport Checkmark_M from './S2_CheckmarkSize100.svg';\nimport Checkmark_S from './S2_CheckmarkSize75.svg';\nimport Checkmark_XL from './S2_CheckmarkSize300.svg';\nimport Checkmark_XS from './S2_CheckmarkSize50.svg';\nimport Checkmark_XXL from './S2_CheckmarkSize400.svg';\nimport {ReactNode, SVGProps} from 'react';\nimport {style} from '../style' with {type: 'macro'};\n\nlet styles = style({\n  width: {\n    size: {\n      M: 10,\n      L: 12,\n      XL: 14,\n      XXL: 16,\n      XS: 10,\n      S: 10\n    }\n  },\n  height: {\n    size: {\n      M: 10,\n      L: 12,\n      XL: 14,\n      XXL: 16,\n      XS: 10,\n      S: 10\n    }\n  }\n});\n\nexport default function Checkmark(\n  props: SVGProps<SVGSVGElement> & {size?: 'M' | 'L' | 'XL' | 'XXL' | 'XS' | 'S'}\n): ReactNode {\n  let {size = 'M', ...otherProps} = props;\n  switch (size) {\n    case 'M':\n      return (\n        <Checkmark_M {...otherProps} className={(otherProps.className || '') + styles({size})} />\n      );\n    case 'L':\n      return (\n        <Checkmark_L {...otherProps} className={(otherProps.className || '') + styles({size})} />\n      );\n    case 'XL':\n      return (\n        <Checkmark_XL {...otherProps} className={(otherProps.className || '') + styles({size})} />\n      );\n    case 'XXL':\n      return (\n        <Checkmark_XXL {...otherProps} className={(otherProps.className || '') + styles({size})} />\n      );\n    case 'XS':\n      return (\n        <Checkmark_XS {...otherProps} className={(otherProps.className || '') + styles({size})} />\n      );\n    case 'S':\n      return (\n        <Checkmark_S {...otherProps} className={(otherProps.className || '') + styles({size})} />\n      );\n  }\n}\n"],"names":[],"version":3,"file":"Checkmark.cjs.map"}