@react-spectrum/s2 0.2.1-nightly.4979

package/dist/CheckboxGroup.cjs

@@ -0,0 +1,175 @@
+require("./CheckboxGroup.css");
+var $af04e099a53d3e85$exports = require("./Checkbox.cjs");
+var $a0b996a550bb0891$exports = require("./Field.cjs");
+var $bfa4962d90c8af48$exports = require("./Form.cjs");
+var $7mIZM$reactjsxruntime = require("react/jsx-runtime");
+var $7mIZM$reactariacomponents = require("react-aria-components");
+var $7mIZM$react = require("react");
+var $7mIZM$reactspectrumutils = require("@react-spectrum/utils");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "CheckboxGroup", () => $883687908275b504$export$4aa08d5625cb8ead);
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+function $883687908275b504$var$CheckboxGroup(props, ref) {
+    let formContext = (0, $7mIZM$react.useContext)((0, $bfa4962d90c8af48$exports.FormContext));
+    props = (0, $bfa4962d90c8af48$exports.useFormProps)(props);
+    let { label: label, description: description, errorMessage: errorMessage, children: children, labelPosition: labelPosition = 'top', labelAlign: labelAlign = 'start', necessityIndicator: necessityIndicator = 'icon', size: size = 'M', orientation: orientation = 'vertical', UNSAFE_className: UNSAFE_className = '', UNSAFE_style: UNSAFE_style, isEmphasized: isEmphasized, ...groupProps } = props;
+    let domRef = (0, $7mIZM$reactspectrumutils.useDOMRef)(ref);
+    return /*#__PURE__*/ (0, $7mIZM$reactjsxruntime.jsx)((0, $7mIZM$reactariacomponents.CheckboxGroup), {
+        ...groupProps,
+        ref: domRef,
+        style: UNSAFE_style,
+        className: UNSAFE_className + function anonymous(props, overrides) {
+            let rules = " .";
+            let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|l|q|r|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W)[^\s]+/g) || [];
+            rules += matches.join('');
+            let $__a = false;
+            let $__b = false;
+            for (let p of matches){
+                if (/^\s*__a/.test(p)) $__a = true;
+                if (/^\s*__b/.test(p)) $__b = true;
+            }
+            rules += ' _Zf';
+            if (!$__a) {
+                if (props.isInForm) rules += ' __a-3t1y';
+            }
+            if (!$__b) {
+                if (props.isInForm) {
+                    if (props.labelPosition === "side") rules += ' __b-7u9dhl';
+                }
+            }
+            if (props.isInForm) rules += ' __h-1cwd7ud';
+            else {
+                if (props.labelPosition === "side") rules += ' __h-jyg4vb';
+                else if (props.labelPosition === "top") rules += ' __h-375yi6';
+            }
+            if (props.labelPosition === "side") rules += ' __i-jyg4vb';
+            else if (props.labelPosition === "top") rules += ' __i-fdenls';
+            if (props.labelPosition === "side") rules += ' __j-5eez8j';
+            else if (props.labelPosition === "top") rules += ' __j-xlaqir';
+            if (props.size === "XL") {
+                rules += ' _dbj';
+                rules += ' _di';
+            } else if (props.size === "L") {
+                rules += ' _dbh';
+                rules += ' _dg';
+            } else if (props.size === "S") {
+                rules += ' _dbd';
+                rules += ' _dc';
+            } else if (props.size === "XS") {
+                rules += ' _dbb';
+                rules += ' _da';
+            } else {
+                rules += ' _dbf';
+                rules += ' _de';
+            }
+            rules += ' _1d';
+            rules += ' _f-1x99dlob';
+            rules += ' _fa';
+            if (props.size === "XL") {
+                rules += ' -aqrvqh_k-bw';
+                rules += ' -aqrvqh_k-v';
+            } else if (props.size === "L") {
+                rules += ' -aqrvqh_k-bs';
+                rules += ' -aqrvqh_k-p';
+            } else if (props.size === "S") {
+                rules += ' -aqrvqh_k-bl';
+                rules += ' -aqrvqh_k-k';
+            } else if (props.size === "XS") {
+                rules += ' -aqrvqh_k-bj';
+                rules += ' -aqrvqh_k-i';
+            } else {
+                rules += ' -aqrvqh_k-bp';
+                rules += ' -aqrvqh_k-o';
+            }
+            rules += ' -_1inj1bc_i--vfy389';
+            rules += ' jd';
+            rules += ' __R-yksgrp';
+            return rules;
+        }({
+            size: props.size,
+            labelPosition: labelPosition,
+            isInForm: !!formContext
+        }, props.styles),
+        children: ({ isDisabled: isDisabled, isInvalid: isInvalid })=>/*#__PURE__*/ (0, $7mIZM$reactjsxruntime.jsxs)((0, $7mIZM$reactjsxruntime.Fragment), {
+                children: [
+                    /*#__PURE__*/ (0, $7mIZM$reactjsxruntime.jsx)((0, $a0b996a550bb0891$exports.FieldLabel), {
+                        isDisabled: isDisabled,
+                        isRequired: props.isRequired,
+                        size: size,
+                        labelPosition: labelPosition,
+                        labelAlign: labelAlign,
+                        necessityIndicator: necessityIndicator,
+                        contextualHelp: props.contextualHelp,
+                        children: label
+                    }),
+                    /*#__PURE__*/ (0, $7mIZM$reactjsxruntime.jsx)("div", {
+                        className: function anonymous(props) {
+                            let rules = " .";
+                            rules += ' __a-4cfph1';
+                            rules += ' __b-4cfph1';
+                            rules += ' __c-4cfph1';
+                            rules += ' __d-4cfph1';
+                            rules += ' _Zd';
+                            if (props.orientation === "horizontal") rules += ' _6a';
+                            else if (props.orientation === "vertical") rules += ' _6b';
+                            rules += ' _f-1x99dlob';
+                            rules += ' _fa';
+                            rules += ' i-1inj1bc';
+                            rules += ' je';
+                            rules += ' _7a';
+                            return rules;
+                        }({
+                            orientation: orientation
+                        }),
+                        children: /*#__PURE__*/ (0, $7mIZM$reactjsxruntime.jsx)((0, $bfa4962d90c8af48$exports.FormContext).Provider, {
+                            value: {
+                                ...formContext,
+                                size: size
+                            },
+                            children: /*#__PURE__*/ (0, $7mIZM$reactjsxruntime.jsx)((0, $af04e099a53d3e85$exports.CheckboxContext).Provider, {
+                                value: {
+                                    isEmphasized: isEmphasized
+                                },
+                                children: children
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $7mIZM$reactjsxruntime.jsx)((0, $a0b996a550bb0891$exports.HelpText), {
+                        size: size,
+                        isDisabled: isDisabled,
+                        isInvalid: isInvalid,
+                        description: description,
+                        showErrorIcon: true,
+                        children: errorMessage
+                    })
+                ]
+            })
+    });
+}
+/**
+ * A CheckboxGroup allows users to select one or more items from a list of choices.
+ */ let $883687908275b504$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $7mIZM$react.forwardRef)($883687908275b504$var$CheckboxGroup);
+
+
+//# sourceMappingURL=CheckboxGroup.cjs.map

package/dist/CheckboxGroup.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAuCD,SAAS,oCAAc,KAAyB,EAAE,GAA2B;IAC3E,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,wCAAgB;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,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;4BAAI;sCAChD,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;AAEA;;CAEC,GACD,IAAI,0DAAiB,CAAA,GAAA,uBAAS,EAAE","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';\nimport {CheckboxContext} from './Checkbox';\nimport {DOMRef, 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 {forwardRef, ReactNode, useContext} from 'react';\nimport {style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\n\nexport interface CheckboxGroupProps extends Omit<AriaCheckboxGroupProps, 'className' | 'style' | 'children'>, 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\nfunction CheckboxGroup(props: CheckboxGroupProps, ref: DOMRef<HTMLDivElement>) {\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          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}}>\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\n/**\n * A CheckboxGroup allows users to select one or more items from a list of choices.\n */\nlet _CheckboxGroup = forwardRef(CheckboxGroup);\nexport {_CheckboxGroup as CheckboxGroup};\n"],"names":[],"version":3,"file":"CheckboxGroup.cjs.map"}

package/dist/CheckboxGroup.css

@@ -0,0 +1,201 @@
+@layer _.a {
+  ._Zf {
+    display: grid;
+  }
+
+  .__a-3t1y {
+    grid-column-start: 1;
+  }
+
+  .__b-7u9dhl {
+    grid-column-end: span 2;
+  }
+
+  .__h-375yi6 {
+    grid-template-columns: 1fr;
+  }
+
+  .__h-jyg4vb {
+    grid-template-columns: auto 1fr;
+  }
+
+  .__h-1cwd7ud {
+    grid-template-columns: subgrid;
+  }
+
+  .__i-fdenls {
+    grid-template-rows: auto 1fr auto;
+  }
+
+  .__i-jyg4vb {
+    grid-template-rows: auto 1fr;
+  }
+
+  .__j-xlaqir {
+    grid-template-areas: "label"
+                         "input"
+                         "helptext";
+  }
+
+  .__j-5eez8j {
+    grid-template-areas: "label input"
+                         "label helptext";
+  }
+
+  ._de {
+    font-size: .875rem;
+  }
+
+  ._da {
+    font-size: .6875rem;
+  }
+
+  ._dc {
+    font-size: .75rem;
+  }
+
+  ._dg {
+    font-size: 1rem;
+  }
+
+  ._di {
+    font-size: 1.125rem;
+  }
+
+  ._1d {
+    align-items: baseline;
+  }
+
+  .-aqrvqh_k-o {
+    --field-height: 2rem;
+  }
+
+  .-aqrvqh_k-i {
+    --field-height: 1.25rem;
+  }
+
+  .-aqrvqh_k-k {
+    --field-height: 1.5rem;
+  }
+
+  .-aqrvqh_k-p {
+    --field-height: 2.5rem;
+  }
+
+  .-aqrvqh_k-v {
+    --field-height: 3rem;
+  }
+
+  .-_1inj1bc_i--vfy389 {
+    --field-gap: calc(var(--field-height)  - 1lh);
+  }
+
+  .jd {
+    column-gap: .75rem;
+  }
+
+  .__R-yksgrp {
+    -webkit-tap-highlight-color: #0000;
+  }
+
+  .__a-4cfph1 {
+    grid-column-start: input;
+  }
+
+  .__b-4cfph1 {
+    grid-column-end: input;
+  }
+
+  .__c-4cfph1 {
+    grid-row-start: input;
+  }
+
+  .__d-4cfph1 {
+    grid-row-end: input;
+  }
+
+  ._Zd {
+    display: flex;
+  }
+
+  ._6b {
+    flex-direction: column;
+  }
+
+  ._6a {
+    flex-direction: row;
+  }
+
+  ._fa {
+    line-height: 1.3;
+  }
+
+  .i-1inj1bc {
+    row-gap: var(--field-gap);
+  }
+
+  .je {
+    column-gap: 1rem;
+  }
+
+  ._7a {
+    flex-wrap: wrap;
+  }
+}
+
+@layer _.b {
+  ._f-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+    line-height: 1.5;
+  }
+}
+
+@layer UNSAFE_overrides;
+
+@layer _.b.b {
+  @media not ((hover: hover) and (pointer: fine)) {
+    ._dbf {
+      font-size: 1.0625rem;
+    }
+
+    ._dbb {
+      font-size: .8125rem;
+    }
+
+    ._dbd {
+      font-size: .9375rem;
+    }
+
+    ._dbh {
+      font-size: 1.1875rem;
+    }
+
+    ._dbj {
+      font-size: 1.375rem;
+    }
+
+    .-aqrvqh_k-bp {
+      --field-height: 2.5rem;
+    }
+
+    .-aqrvqh_k-bj {
+      --field-height: 1.5625rem;
+    }
+
+    .-aqrvqh_k-bl {
+      --field-height: 1.875rem;
+    }
+
+    .-aqrvqh_k-bs {
+      --field-height: 3.125rem;
+    }
+
+    .-aqrvqh_k-bw {
+      --field-height: 3.75rem;
+    }
+  }
+}
+
+.\.:not(#a#b) {
+  all: revert-layer;
+}
+/*# sourceMappingURL=CheckboxGroup.css.map */

package/dist/CheckboxGroup.css.map

@@ -0,0 +1 @@
+{"mappings":"AC0EoC;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;;EAAA;;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAwBf;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAxBe;EAAA;;;;;AAAA;;AAAA;EAAA;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;;;AAwBf","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';\nimport {CheckboxContext} from './Checkbox';\nimport {DOMRef, 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 {forwardRef, ReactNode, useContext} from 'react';\nimport {style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\n\nexport interface CheckboxGroupProps extends Omit<AriaCheckboxGroupProps, 'className' | 'style' | 'children'>, 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\nfunction CheckboxGroup(props: CheckboxGroupProps, ref: DOMRef<HTMLDivElement>) {\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          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}}>\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\n/**\n * A CheckboxGroup allows users to select one or more items from a list of choices.\n */\nlet _CheckboxGroup = forwardRef(CheckboxGroup);\nexport {_CheckboxGroup as CheckboxGroup};\n"],"names":[],"version":3,"file":"CheckboxGroup.css.map"}

package/dist/CheckboxGroup.mjs

@@ -0,0 +1,170 @@
+import "./CheckboxGroup.css";
+import {CheckboxContext as $9b405e0f8095dce0$export$b085522c77523c51} from "./Checkbox.mjs";
+import {FieldLabel as $9afd80978c252040$export$1acdcf5a973a8414, HelpText as $9afd80978c252040$export$a67c0bc59081311a} from "./Field.mjs";
+import {FormContext as $9b916426527cebe7$export$c24727297075ec6a, useFormProps as $9b916426527cebe7$export$a6b5be5c6b451665} from "./Form.mjs";
+import {jsx as $2n9bC$jsx, jsxs as $2n9bC$jsxs, Fragment as $2n9bC$Fragment} from "react/jsx-runtime";
+import {CheckboxGroup as $2n9bC$CheckboxGroup} from "react-aria-components";
+import {useContext as $2n9bC$useContext, forwardRef as $2n9bC$forwardRef} from "react";
+import {useDOMRef as $2n9bC$useDOMRef} from "@react-spectrum/utils";
+
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+function $4f43ac2b11e2df05$var$CheckboxGroup(props, ref) {
+    let formContext = (0, $2n9bC$useContext)((0, $9b916426527cebe7$export$c24727297075ec6a));
+    props = (0, $9b916426527cebe7$export$a6b5be5c6b451665)(props);
+    let { label: label, description: description, errorMessage: errorMessage, children: children, labelPosition: labelPosition = 'top', labelAlign: labelAlign = 'start', necessityIndicator: necessityIndicator = 'icon', size: size = 'M', orientation: orientation = 'vertical', UNSAFE_className: UNSAFE_className = '', UNSAFE_style: UNSAFE_style, isEmphasized: isEmphasized, ...groupProps } = props;
+    let domRef = (0, $2n9bC$useDOMRef)(ref);
+    return /*#__PURE__*/ (0, $2n9bC$jsx)((0, $2n9bC$CheckboxGroup), {
+        ...groupProps,
+        ref: domRef,
+        style: UNSAFE_style,
+        className: UNSAFE_className + function anonymous(props, overrides) {
+            let rules = " .";
+            let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|l|q|r|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W)[^\s]+/g) || [];
+            rules += matches.join('');
+            let $__a = false;
+            let $__b = false;
+            for (let p of matches){
+                if (/^\s*__a/.test(p)) $__a = true;
+                if (/^\s*__b/.test(p)) $__b = true;
+            }
+            rules += ' _Zf';
+            if (!$__a) {
+                if (props.isInForm) rules += ' __a-3t1y';
+            }
+            if (!$__b) {
+                if (props.isInForm) {
+                    if (props.labelPosition === "side") rules += ' __b-7u9dhl';
+                }
+            }
+            if (props.isInForm) rules += ' __h-1cwd7ud';
+            else {
+                if (props.labelPosition === "side") rules += ' __h-jyg4vb';
+                else if (props.labelPosition === "top") rules += ' __h-375yi6';
+            }
+            if (props.labelPosition === "side") rules += ' __i-jyg4vb';
+            else if (props.labelPosition === "top") rules += ' __i-fdenls';
+            if (props.labelPosition === "side") rules += ' __j-5eez8j';
+            else if (props.labelPosition === "top") rules += ' __j-xlaqir';
+            if (props.size === "XL") {
+                rules += ' _dbj';
+                rules += ' _di';
+            } else if (props.size === "L") {
+                rules += ' _dbh';
+                rules += ' _dg';
+            } else if (props.size === "S") {
+                rules += ' _dbd';
+                rules += ' _dc';
+            } else if (props.size === "XS") {
+                rules += ' _dbb';
+                rules += ' _da';
+            } else {
+                rules += ' _dbf';
+                rules += ' _de';
+            }
+            rules += ' _1d';
+            rules += ' _f-1x99dlob';
+            rules += ' _fa';
+            if (props.size === "XL") {
+                rules += ' -aqrvqh_k-bw';
+                rules += ' -aqrvqh_k-v';
+            } else if (props.size === "L") {
+                rules += ' -aqrvqh_k-bs';
+                rules += ' -aqrvqh_k-p';
+            } else if (props.size === "S") {
+                rules += ' -aqrvqh_k-bl';
+                rules += ' -aqrvqh_k-k';
+            } else if (props.size === "XS") {
+                rules += ' -aqrvqh_k-bj';
+                rules += ' -aqrvqh_k-i';
+            } else {
+                rules += ' -aqrvqh_k-bp';
+                rules += ' -aqrvqh_k-o';
+            }
+            rules += ' -_1inj1bc_i--vfy389';
+            rules += ' jd';
+            rules += ' __R-yksgrp';
+            return rules;
+        }({
+            size: props.size,
+            labelPosition: labelPosition,
+            isInForm: !!formContext
+        }, props.styles),
+        children: ({ isDisabled: isDisabled, isInvalid: isInvalid })=>/*#__PURE__*/ (0, $2n9bC$jsxs)((0, $2n9bC$Fragment), {
+                children: [
+                    /*#__PURE__*/ (0, $2n9bC$jsx)((0, $9afd80978c252040$export$1acdcf5a973a8414), {
+                        isDisabled: isDisabled,
+                        isRequired: props.isRequired,
+                        size: size,
+                        labelPosition: labelPosition,
+                        labelAlign: labelAlign,
+                        necessityIndicator: necessityIndicator,
+                        contextualHelp: props.contextualHelp,
+                        children: label
+                    }),
+                    /*#__PURE__*/ (0, $2n9bC$jsx)("div", {
+                        className: function anonymous(props) {
+                            let rules = " .";
+                            rules += ' __a-4cfph1';
+                            rules += ' __b-4cfph1';
+                            rules += ' __c-4cfph1';
+                            rules += ' __d-4cfph1';
+                            rules += ' _Zd';
+                            if (props.orientation === "horizontal") rules += ' _6a';
+                            else if (props.orientation === "vertical") rules += ' _6b';
+                            rules += ' _f-1x99dlob';
+                            rules += ' _fa';
+                            rules += ' i-1inj1bc';
+                            rules += ' je';
+                            rules += ' _7a';
+                            return rules;
+                        }({
+                            orientation: orientation
+                        }),
+                        children: /*#__PURE__*/ (0, $2n9bC$jsx)((0, $9b916426527cebe7$export$c24727297075ec6a).Provider, {
+                            value: {
+                                ...formContext,
+                                size: size
+                            },
+                            children: /*#__PURE__*/ (0, $2n9bC$jsx)((0, $9b405e0f8095dce0$export$b085522c77523c51).Provider, {
+                                value: {
+                                    isEmphasized: isEmphasized
+                                },
+                                children: children
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $2n9bC$jsx)((0, $9afd80978c252040$export$a67c0bc59081311a), {
+                        size: size,
+                        isDisabled: isDisabled,
+                        isInvalid: isInvalid,
+                        description: description,
+                        showErrorIcon: true,
+                        children: errorMessage
+                    })
+                ]
+            })
+    });
+}
+/**
+ * A CheckboxGroup allows users to select one or more items from a list of choices.
+ */ let $4f43ac2b11e2df05$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $2n9bC$forwardRef)($4f43ac2b11e2df05$var$CheckboxGroup);
+
+
+export {$4f43ac2b11e2df05$export$4aa08d5625cb8ead as CheckboxGroup};
+//# sourceMappingURL=CheckboxGroup.mjs.map

package/dist/CheckboxGroup.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAuCD,SAAS,oCAAc,KAAyB,EAAE,GAA2B;IAC3E,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,gBAAQ,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,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;4BAAI;sCAChD,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;AAEA;;CAEC,GACD,IAAI,0DAAiB,CAAA,GAAA,iBAAS,EAAE","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';\nimport {CheckboxContext} from './Checkbox';\nimport {DOMRef, 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 {forwardRef, ReactNode, useContext} from 'react';\nimport {style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\n\nexport interface CheckboxGroupProps extends Omit<AriaCheckboxGroupProps, 'className' | 'style' | 'children'>, 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\nfunction CheckboxGroup(props: CheckboxGroupProps, ref: DOMRef<HTMLDivElement>) {\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          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}}>\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\n/**\n * A CheckboxGroup allows users to select one or more items from a list of choices.\n */\nlet _CheckboxGroup = forwardRef(CheckboxGroup);\nexport {_CheckboxGroup as CheckboxGroup};\n"],"names":[],"version":3,"file":"CheckboxGroup.mjs.map"}

package/dist/Checkmark.cjs

@@ -0,0 +1,56 @@
+var $3b9e73c6cb6e75e2$exports = require("./S2_CheckmarkSize100.cjs");
+var $11cffb46d5a277d9$exports = require("./S2_CheckmarkSize200.cjs");
+var $82d6351c2274ce7d$exports = require("./S2_CheckmarkSize300.cjs");
+var $a7789dc7eb1c57c5$exports = require("./S2_CheckmarkSize50.cjs");
+var $405627385ad1e306$exports = require("./S2_CheckmarkSize75.cjs");
+var $fQmKa$reactjsxruntime = require("react/jsx-runtime");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "default", () => $dba2b18fc5727f9b$export$2e2bcd8739ae039);
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+function $dba2b18fc5727f9b$export$2e2bcd8739ae039({ size: size, ...props }) {
+    switch(size){
+        case 'S':
+            return /*#__PURE__*/ (0, $fQmKa$reactjsxruntime.jsx)((0, $a7789dc7eb1c57c5$exports.default), {
+                ...props
+            });
+        case 'M':
+            return /*#__PURE__*/ (0, $fQmKa$reactjsxruntime.jsx)((0, $405627385ad1e306$exports.default), {
+                ...props
+            });
+        case 'L':
+            return /*#__PURE__*/ (0, $fQmKa$reactjsxruntime.jsx)((0, $3b9e73c6cb6e75e2$exports.default), {
+                ...props
+            });
+        case 'XL':
+            return /*#__PURE__*/ (0, $fQmKa$reactjsxruntime.jsx)((0, $11cffb46d5a277d9$exports.default), {
+                ...props
+            });
+        case 'XXL':
+            return /*#__PURE__*/ (0, $fQmKa$reactjsxruntime.jsx)((0, $82d6351c2274ce7d$exports.default), {
+                ...props
+            });
+    }
+}
+
+
+//# sourceMappingURL=Checkmark.cjs.map

package/dist/Checkmark.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AASc,kDAAmB,QAAC,IAAI,EAAE,GAAG,OAAwE;IAClH,OAAQ;QACN,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAiB;gBAAG,GAAG,KAAK;;QACtC,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAiB;gBAAG,GAAG,KAAK;;QACtC,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAkB;gBAAG,GAAG,KAAK;;QACvC,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAkB;gBAAG,GAAG,KAAK;;QACvC,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAkB;gBAAG,GAAG,KAAK;;IACzC;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 S2_CheckmarkSize100 from './S2_CheckmarkSize100.svg';\nimport S2_CheckmarkSize200 from './S2_CheckmarkSize200.svg';\nimport S2_CheckmarkSize300 from './S2_CheckmarkSize300.svg';\nimport S2_CheckmarkSize50 from './S2_CheckmarkSize50.svg';\nimport S2_CheckmarkSize75 from './S2_CheckmarkSize75.svg';\nimport {SVGProps} from 'react';\n\nexport default function Checkmark({size, ...props}: {size: 'S' | 'M' | 'L' | 'XL' | 'XXL'} & SVGProps<SVGSVGElement>) {\n  switch (size) {\n    case 'S':\n      return <S2_CheckmarkSize50 {...props} />;\n    case 'M':\n      return <S2_CheckmarkSize75 {...props} />;\n    case 'L':\n      return <S2_CheckmarkSize100 {...props} />;\n    case 'XL':\n      return <S2_CheckmarkSize200 {...props} />;\n    case 'XXL':\n      return <S2_CheckmarkSize300 {...props} />;\n  }\n}\n"],"names":[],"version":3,"file":"Checkmark.cjs.map"}