@react-spectrum/s2 3.0.0-nightly-4b8b33a02-250211 → 3.0.0-nightly-260eb700f-250213

package/dist/DropZone.mjs

@@ -33,82 +33,73 @@ function $parcel$interopDefault(a) {
 const $fb6e45fba2483f65$export$14a72053295ff9a6 = /*#__PURE__*/ (0, $4h9kk$createContext)(null);
 const $fb6e45fba2483f65$var$dropzone = function anonymous(props, overrides) {
     let rules = " .";
-    let matches = (overrides || '').match(/(?:^|\s)(?:B|C|D|E|__d|__c|g|_9|_8|__E|__g|__h|__e|__f|Y|__U|_b|_d|Z|_a|k|p|q|j|n|o)[^\s]+/g) || [];
+    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r|k|o|p)[^\s]+/g) || [];
     rules += matches.join('');
-    let $Y = false;
-    for (let p of matches)if (/^\s*Y/.test(p)) $Y = true;
+    let $V = false;
+    for (let p of matches)if (/^\s*V/.test(p)) $V = true;
+    rules += ' _0d';
     rules += ' _3d';
-    rules += ' _6d';
-    rules += ' _5c';
-    if (!$Y) rules += ' Yc';
-    rules += ' _g-bc1l9oh';
-    rules += ' _g-1uotwbwg';
-    rules += ' _g-eo0c6sf';
-    rules += ' _g-enzzrge';
-    rules += ' _g-enzykdd';
-    rules += ' _g-enzwzjc';
-    rules += ' _g-enzrfpb';
-    rules += ' _ga';
+    rules += ' _2c';
+    if (!$V) rules += ' Vc';
+    rules += ' _d-bc1l9oh';
+    rules += ' _d-1uotwbwg';
+    rules += ' _d-eo0c6sf';
+    rules += ' _d-enzzrge';
+    rules += ' _d-enzykdd';
+    rules += ' _d-enzwzjc';
+    rules += ' _d-enzrfpb';
+    rules += ' _da';
     rules += ' ao';
-    if (props.isDropTarget) rules += ' za';
-    else rules += ' zb';
+    if (props.isDropTarget) rules += ' wa';
+    else rules += ' wb';
     if (props.isDropTarget) rules += ' br';
-    rules += ' tc';
     rules += ' uc';
-    rules += ' rc';
+    rules += ' vc';
     rules += ' sc';
-    if (props.isFocusVisible) rules += ' xx';
-    else if (props.isDropTarget) rules += ' xx';
-    else rules += ' xi';
-    if (props.isFocusVisible) rules += ' yx';
-    else if (props.isDropTarget) rules += ' yx';
-    else rules += ' yi';
-    if (props.isFocusVisible) rules += ' vx';
-    else if (props.isDropTarget) rules += ' vx';
-    else rules += ' vi';
-    if (props.isFocusVisible) rules += ' wx';
-    else if (props.isDropTarget) rules += ' wx';
-    else rules += ' wi';
+    rules += ' tc';
+    if (props.isFocusVisible) rules += ' cx';
+    else if (props.isDropTarget) rules += ' cx';
+    else rules += ' ci';
+    rules += ' _wd';
+    rules += ' _xd';
+    rules += ' _yd';
     rules += ' _zd';
-    rules += ' _Ad';
-    rules += ' _Bd';
-    rules += ' _Cd';
-    rules += ' Hh';
-    rules += ' Ih';
+    rules += ' Eh';
     rules += ' Fh';
-    rules += ' Gh';
+    rules += ' Ch';
+    rules += ' Dh';
     return rules;
 };
 const $fb6e45fba2483f65$var$banner = function anonymous(props) {
     let rules = " .";
-    rules += ' Ya';
-    rules += ' _ca';
-    rules += ' _ea';
-    rules += ' B_d';
-    rules += ' C_d';
+    rules += ' Va';
+    rules += ' Za';
+    rules += ' _ba';
+    rules += ' y_d';
+    rules += ' z_d';
+    rules += ' _0d';
+    rules += ' _2c';
     rules += ' _3d';
-    rules += ' _5c';
-    rules += ' _6d';
-    rules += ' n-375tot';
-    rules += ' ke';
-    if (props.size === "L") rules += ' q___L';
-    else if (props.size === "S") rules += ' q__Z';
-    else rules += ' q___v';
+    rules += ' o-375tou';
+    rules += ' le';
+    if (props.size === "L") rules += ' r___L';
+    else if (props.size === "S") rules += ' r__Z';
+    else rules += ' r___v';
     if (props.isPressed) rules += ' b_____S';
     else if (props.isFocusVisible) rules += ' b_____S';
     else if (props.isHovered) rules += ' b_____S';
     else rules += ' b_____R';
+    rules += ' _wc';
+    rules += ' _xc';
+    rules += ' _yc';
     rules += ' _zc';
-    rules += ' _Ac';
-    rules += ' _Bc';
-    rules += ' _Cc';
     rules += ' ac';
-    rules += ' _id';
-    rules += ' H-17c1d5h';
-    rules += ' I-17c1d5h';
+    rules += ' _fd';
+    rules += ' E-17c1d5h';
     rules += ' F-17c1d5h';
-    rules += ' G-17c1d5h';
-    rules += ' -_375tot_n-I';
+    rules += ' C-17c1d5h';
+    rules += ' D-17c1d5h';
+    rules += ' -_375tou_o-I';
     return rules;
 };
 const $fb6e45fba2483f65$export$3c6489d84dc98b6 = /*#__PURE__*/ (0, $4h9kk$forwardRef)(function DropZone(props, ref) {

package/dist/DropZone.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AA+BM,MAAM,0DAAkB,CAAA,GAAA,oBAAY,EAA4D;AAEvG,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BC,MAAM,2CAAW,WAAW,GAAG,CAAA,GAAA,iBAAS,EAAE,SAAS,SAAS,KAAoB,EAAE,GAA2B;IAClH,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,QACF,OAAO,KACR,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,qBACE,gBAAC,CAAA,GAAA,eAAU;QACR,GAAG,KAAK;QACT,KAAK;QACL,OAAO,MAAM,YAAY;QACzB,WAAW,CAAA,cAAe,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK,+BAAS,aAAa,MAAM,MAAM;kBAC5F,CAAA,4BACC;;kCACE,gBAAC,CAAA,GAAA,yCAAwB,EAAE,QAAQ;wBAAC,OAAO;4BAAC,cAAc;4BAAM,cAAc,YAAY,YAAY;kCAAE;wBAAI;kCACzG,MAAM,QAAQ;;oBAEf,YAAY,YAAY,IAAI,MAAM,QAAQ,kBAC1C,gBAAC;wBAAI,WAAW,6BAAO;kCAAC;wBAAI;kCAC1B,cAAA,gBAAC;sCACE,MAAM,cAAc,GAAG,MAAM,cAAc,GAAG,gBAAgB,MAAM,CAAC;;;;;;AAQtF","sources":["packages/@react-spectrum/s2/src/DropZone.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 {ContextValue, DropZoneRenderProps, DropZone as RACDropZone, DropZoneProps as RACDropZoneProps} from 'react-aria-components';\nimport {createContext, forwardRef, ReactNode} from 'react';\nimport {DOMProps, DOMRef, DOMRefValue} from '@react-types/shared';\nimport {getAllowedOverrides, StylesPropWithHeight, UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {IllustratedMessageContext} from './IllustratedMessage';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface DropZoneProps extends Omit<RACDropZoneProps, 'className' | 'style' | 'children' | 'isDisabled' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange'>, UnsafeStyles, DOMProps {\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithHeight,\n  /** The content to display in the drop zone. */\n  children?: ReactNode,\n  /** Whether the drop zone has been filled. */\n  isFilled?: boolean,\n  /** The message to replace the default banner message that is shown when the drop zone is filled. */\n  replaceMessage?: string,\n  /**\n   * The size of the DropZone.\n   *\n   * @default 'M'\n   */\n    size?: 'S' | 'M' | 'L'\n}\n\nexport const DropZoneContext = createContext<ContextValue<DropZoneProps, DOMRefValue<HTMLDivElement>>>(null);\n\nconst dropzone = style<DropZoneRenderProps>({\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  position: 'relative',\n  fontFamily: 'sans',\n  color: 'gray-900',\n  borderStyle: {\n    default: 'dashed',\n    isDropTarget: 'solid'\n  },\n  backgroundColor: {\n    isDropTarget: 'blue-200'\n  },\n  borderWidth: 2,\n  borderColor: {\n    default: 'gray-300',\n    isDropTarget: 'blue-800',\n    isFocusVisible: 'blue-800'\n  },\n  borderRadius: 'lg',\n  padding: 24\n}, getAllowedOverrides({height: true}));\n\nconst banner = style({\n  position: 'absolute',\n  left: 0,\n  right: 0,\n  marginX: 'auto',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  minHeight: 20,\n  width: 'fit',\n  maxWidth: {\n    default: 192,\n    size: {\n      S: 160,\n      L: 208\n    }\n  },\n  backgroundColor: 'accent',\n  borderRadius: 'default',\n  color: 'white',\n  fontWeight: 'bold',\n  padding: '[calc((self(minHeight))/1.5)]'\n});\n\n/**\n * A drop zone is an area into which one or multiple objects can be dragged and dropped.\n */\nexport const DropZone = /*#__PURE__*/ forwardRef(function DropZone(props: DropZoneProps, ref: DOMRef<HTMLDivElement>) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  [props, ref] = useSpectrumContextProps(props, ref, DropZoneContext);\n  let {\n    size = 'M'\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <RACDropZone\n      {...props}\n      ref={domRef}\n      style={props.UNSAFE_style}\n      className={renderProps => (props.UNSAFE_className || '') + dropzone(renderProps, props.styles)}>\n      {renderProps => (\n        <>\n          <IllustratedMessageContext.Provider value={{isInDropZone: true, isDropTarget: renderProps.isDropTarget, size}}>\n            {props.children}\n          </IllustratedMessageContext.Provider>\n          {(renderProps.isDropTarget && props.isFilled) &&\n            <div className={banner({size})}>\n              <span>\n                {props.replaceMessage ? props.replaceMessage : stringFormatter.format('dropzone.replaceMessage')}\n              </span>\n            </div>\n          }\n        </>\n      )}\n    </RACDropZone>\n  );\n});\n"],"names":[],"version":3,"file":"DropZone.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AA+BM,MAAM,0DAAkB,CAAA,GAAA,oBAAY,EAAqE;AAEhH,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BC,MAAM,2CAAW,WAAW,GAAG,CAAA,GAAA,iBAAS,EAAE,SAAS,SAAS,KAAoB,EAAE,GAA2B;IAClH,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,QACF,OAAO,KACR,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,qBACE,gBAAC,CAAA,GAAA,eAAU;QACR,GAAG,KAAK;QACT,KAAK;QACL,OAAO,MAAM,YAAY;QACzB,WAAW,CAAA,cAAe,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK,+BAAS,aAAa,MAAM,MAAM;kBAC5F,CAAA,4BACC;;kCACE,gBAAC,CAAA,GAAA,yCAAwB,EAAE,QAAQ;wBAAC,OAAO;4BAAC,cAAc;4BAAM,cAAc,YAAY,YAAY;kCAAE;wBAAI;kCACzG,MAAM,QAAQ;;oBAEf,YAAY,YAAY,IAAI,MAAM,QAAQ,kBAC1C,gBAAC;wBAAI,WAAW,6BAAO;kCAAC;wBAAI;kCAC1B,cAAA,gBAAC;sCACE,MAAM,cAAc,GAAG,MAAM,cAAc,GAAG,gBAAgB,MAAM,CAAC;;;;;;AAQtF","sources":["packages/@react-spectrum/s2/src/DropZone.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 {ContextValue, DropZoneRenderProps, DropZone as RACDropZone, DropZoneProps as RACDropZoneProps} from 'react-aria-components';\nimport {createContext, forwardRef, ReactNode} from 'react';\nimport {DOMProps, DOMRef, DOMRefValue} from '@react-types/shared';\nimport {getAllowedOverrides, StylesPropWithHeight, UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {IllustratedMessageContext} from './IllustratedMessage';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface DropZoneProps extends Omit<RACDropZoneProps, 'className' | 'style' | 'children' | 'isDisabled' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange'>, UnsafeStyles, DOMProps {\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithHeight,\n  /** The content to display in the drop zone. */\n  children: ReactNode,\n  /** Whether the drop zone has been filled. */\n  isFilled?: boolean,\n  /** The message to replace the default banner message that is shown when the drop zone is filled. */\n  replaceMessage?: string,\n  /**\n   * The size of the DropZone.\n   *\n   * @default 'M'\n   */\n    size?: 'S' | 'M' | 'L'\n}\n\nexport const DropZoneContext = createContext<ContextValue<Partial<DropZoneProps>, DOMRefValue<HTMLDivElement>>>(null);\n\nconst dropzone = style<DropZoneRenderProps>({\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  position: 'relative',\n  fontFamily: 'sans',\n  color: 'gray-900',\n  borderStyle: {\n    default: 'dashed',\n    isDropTarget: 'solid'\n  },\n  backgroundColor: {\n    isDropTarget: 'blue-200'\n  },\n  borderWidth: 2,\n  borderColor: {\n    default: 'gray-300',\n    isDropTarget: 'blue-800',\n    isFocusVisible: 'blue-800'\n  },\n  borderRadius: 'lg',\n  padding: 24\n}, getAllowedOverrides({height: true}));\n\nconst banner = style({\n  position: 'absolute',\n  left: 0,\n  right: 0,\n  marginX: 'auto',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  minHeight: 20,\n  width: 'fit',\n  maxWidth: {\n    default: 192,\n    size: {\n      S: 160,\n      L: 208\n    }\n  },\n  backgroundColor: 'accent',\n  borderRadius: 'default',\n  color: 'white',\n  fontWeight: 'bold',\n  padding: '[calc((self(minHeight))/1.5)]'\n});\n\n/**\n * A drop zone is an area into which one or multiple objects can be dragged and dropped.\n */\nexport const DropZone = /*#__PURE__*/ forwardRef(function DropZone(props: DropZoneProps, ref: DOMRef<HTMLDivElement>) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  [props, ref] = useSpectrumContextProps(props, ref, DropZoneContext);\n  let {\n    size = 'M'\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <RACDropZone\n      {...props}\n      ref={domRef}\n      style={props.UNSAFE_style}\n      className={renderProps => (props.UNSAFE_className || '') + dropzone(renderProps, props.styles)}>\n      {renderProps => (\n        <>\n          <IllustratedMessageContext.Provider value={{isInDropZone: true, isDropTarget: renderProps.isDropTarget, size}}>\n            {props.children}\n          </IllustratedMessageContext.Provider>\n          {(renderProps.isDropTarget && props.isFilled) &&\n            <div className={banner({size})}>\n              <span>\n                {props.replaceMessage ? props.replaceMessage : stringFormatter.format('dropzone.replaceMessage')}\n              </span>\n            </div>\n          }\n        </>\n      )}\n    </RACDropZone>\n  );\n});\n"],"names":[],"version":3,"file":"DropZone.mjs.map"}

package/dist/Field.cjs

@@ -61,16 +61,16 @@ const $a0b996a550bb0891$export$1acdcf5a973a8414 = /*#__PURE__*/ (0, $4hgIp$react
     return /*#__PURE__*/ (0, $4hgIp$reactjsxruntime.jsxs)("div", {
         className: function anonymous(props) {
             let rules = " .";
+            rules += ' __b-hr3t0p';
+            rules += ' __c-hr3t0p';
+            rules += ' __d-hr3t0p';
             rules += ' __e-hr3t0p';
-            rules += ' __f-hr3t0p';
-            rules += ' __g-hr3t0p';
-            rules += ' __h-hr3t0p';
-            rules += ' _3c';
-            if (props.labelAlign === "end") rules += ' _nc';
-            else if (props.labelAlign === "start") rules += ' _na';
-            if (props.labelPosition === "top") rules += ' I-1inj1bc';
-            if (props.isQuiet) rules += ' __qa';
-            else if (props.labelPosition === "top") rules += ' __qe';
+            rules += ' _0c';
+            if (props.labelAlign === "end") rules += ' _kc';
+            else if (props.labelAlign === "start") rules += ' _ka';
+            if (props.labelPosition === "top") rules += ' F-1inj1bc';
+            if (props.isQuiet) rules += ' __na';
+            else if (props.labelPosition === "top") rules += ' __ne';
             return rules;
         }({
             labelAlign: labelAlign,
@@ -84,33 +84,33 @@ const $a0b996a550bb0891$export$1acdcf5a973a8414 = /*#__PURE__*/ (0, $4hgIp$react
                 style: UNSAFE_style,
                 className: UNSAFE_className + (0, $308b180f49d82d28$exports.mergeStyles)(function anonymous(props) {
                     let rules = " .";
-                    rules += ' _g-bc1l9oh';
-                    rules += ' _g-1uotwbwg';
-                    rules += ' _g-eo0c6sf';
-                    rules += ' _g-enzzrge';
-                    rules += ' _g-enzykdd';
-                    rules += ' _g-enzwzjc';
-                    rules += ' _g-enzrfpb';
-                    rules += ' _ga';
+                    rules += ' _d-bc1l9oh';
+                    rules += ' _d-1uotwbwg';
+                    rules += ' _d-eo0c6sf';
+                    rules += ' _d-enzzrge';
+                    rules += ' _d-enzykdd';
+                    rules += ' _d-enzwzjc';
+                    rules += ' _d-enzrfpb';
+                    rules += ' _da';
                     if (props.size === "XL") {
-                        rules += ' _hbj';
-                        rules += ' _hi';
+                        rules += ' _ebj';
+                        rules += ' _ei';
                     } else if (props.size === "L") {
-                        rules += ' _hbh';
-                        rules += ' _hg';
+                        rules += ' _ebh';
+                        rules += ' _eg';
                     } else if (props.size === "S") {
-                        rules += ' _hbd';
-                        rules += ' _hc';
+                        rules += ' _ebd';
+                        rules += ' _ec';
                     } else if (props.size === "XS") {
-                        rules += ' _hbb';
-                        rules += ' _ha';
+                        rules += ' _ebb';
+                        rules += ' _ea';
                     } else {
-                        rules += ' _hbf';
-                        rules += ' _he';
+                        rules += ' _ebf';
+                        rules += ' _ee';
                     }
-                    rules += ' _ib';
-                    rules += ' _j-1x99dlob';
-                    rules += ' _ja';
+                    rules += ' _fb';
+                    rules += ' _g-1x99dlob';
+                    rules += ' _ga';
                     rules += ' aa_____K';
                     if (props.isStaticColor) rules += ' a_____G';
                     else if (props.isDisabled) rules += ' aj';
@@ -120,7 +120,7 @@ const $a0b996a550bb0891$export$1acdcf5a973a8414 = /*#__PURE__*/ (0, $4hgIp$react
                         else if (props.isHovered) rules += ' an';
                         else rules += ' am';
                     }
-                    rules += ' __Lb';
+                    rules += ' __Ib';
                     return rules;
                 }({
                     labelPosition: labelPosition,
@@ -131,12 +131,12 @@ const $a0b996a550bb0891$export$1acdcf5a973a8414 = /*#__PURE__*/ (0, $4hgIp$react
                 children: [
                     props.children,
                     (isRequired || necessityIndicator === 'label') && /*#__PURE__*/ (0, $4hgIp$reactjsxruntime.jsxs)("span", {
-                        className: " _tb",
+                        className: " _qb",
                         children: [
                             "\xa0",
                             necessityIndicator === 'icon' && /*#__PURE__*/ (0, $4hgIp$reactjsxruntime.jsx)((0, $5d3efbee7071458b$exports.default), {
                                 size: size === 'S' ? 'M' : size,
-                                className: " -rwx0fg_d-b",
+                                className: " -rwx0fg_e-b",
                                 "aria-label": includeNecessityIndicatorInAccessibilityName ? stringFormatter.format('label.(required)') : undefined
                             }),
                             necessityIndicator === 'label' && /* The necessity label is hidden to screen readers if the field is required because
@@ -151,11 +151,11 @@ const $a0b996a550bb0891$export$1acdcf5a973a8414 = /*#__PURE__*/ (0, $4hgIp$react
                 ]
             }),
             contextualHelp && /*#__PURE__*/ (0, $4hgIp$reactjsxruntime.jsxs)("span", {
-                className: " _tb",
+                className: " _qb",
                 children: [
                     "\xa0",
                     /*#__PURE__*/ (0, $4hgIp$reactjsxruntime.jsx)((0, $e991cbcdf82ced71$exports.CenterBaseline), {
-                        styles: " _3e jo",
+                        styles: " _0e ko",
                         children: /*#__PURE__*/ (0, $4hgIp$reactjsxruntime.jsx)((0, $bab829476f85a155$exports.ContextualHelpContext).Provider, {
                             value: {
                                 id: contextualHelpId,
@@ -172,61 +172,61 @@ const $a0b996a550bb0891$export$1acdcf5a973a8414 = /*#__PURE__*/ (0, $4hgIp$react
 });
 const $a0b996a550bb0891$var$fieldGroupStyles = function anonymous(props) {
     let rules = " .";
-    if (props.isFocusVisible) rules += ' _Pb';
-    else rules += ' _Pa';
-    rules += ' ca_____M';
-    rules += ' cx';
-    rules += ' _Rc';
-    rules += ' _Q-3t1z';
+    if (props.isFocusVisible) rules += ' _Mb';
+    else rules += ' _Ma';
+    rules += ' da_____M';
+    rules += ' dx';
+    rules += ' _Oc';
+    rules += ' _N-3t1z';
+    rules += ' __b-g2ozi1';
+    rules += ' __c-g2ozi1';
+    rules += ' __d-g2ozi1';
     rules += ' __e-g2ozi1';
-    rules += ' __f-g2ozi1';
-    rules += ' __g-g2ozi1';
-    rules += ' __h-g2ozi1';
-    if (props.size === "XL") rules += ' pj';
-    else if (props.size === "L") rules += ' pi';
-    else if (props.size === "S") rules += ' ph';
-    else if (props.size === "XS") rules += ' pg';
-    else rules += ' pf';
-    if (props.isQuiet) rules += ' __qa';
-    else rules += ' __q-1s8glxue';
-    if (props.size === "XL") rules += ' -usygro_k-____g';
-    else if (props.size === "L") rules += ' -usygro_k-___0';
-    else if (props.size === "S") rules += ' -usygro_k-___u';
-    else rules += ' -usygro_k-___K';
-    rules += ' l-rwozxi';
-    rules += ' _3d';
-    rules += ' _5c';
-    rules += ' j-375top';
-    rules += ' __ra';
-    rules += ' F-375tnp';
-    rules += ' G-375tnq';
-    rules += ' _g-bc1l9oh';
-    rules += ' _g-1uotwbwg';
-    rules += ' _g-eo0c6sf';
-    rules += ' _g-enzzrge';
-    rules += ' _g-enzykdd';
-    rules += ' _g-enzwzjc';
-    rules += ' _g-enzrfpb';
-    rules += ' _ga';
+    if (props.size === "XL") rules += ' qj';
+    else if (props.size === "L") rules += ' qi';
+    else if (props.size === "S") rules += ' qh';
+    else if (props.size === "XS") rules += ' qg';
+    else rules += ' qf';
+    if (props.isQuiet) rules += ' __na';
+    else rules += ' __n-1s8glxue';
+    if (props.size === "XL") rules += ' -usygro_l-____g';
+    else if (props.size === "L") rules += ' -usygro_l-___0';
+    else if (props.size === "S") rules += ' -usygro_l-___u';
+    else rules += ' -usygro_l-___K';
+    rules += ' m-rwozxi';
+    rules += ' _0d';
+    rules += ' _2c';
+    rules += ' k-375toq';
+    rules += ' __oa';
+    rules += ' C-375tnm';
+    rules += ' D-375tnn';
+    rules += ' _d-bc1l9oh';
+    rules += ' _d-1uotwbwg';
+    rules += ' _d-eo0c6sf';
+    rules += ' _d-enzzrge';
+    rules += ' _d-enzykdd';
+    rules += ' _d-enzwzjc';
+    rules += ' _d-enzrfpb';
+    rules += ' _da';
     if (props.size === "XL") {
-        rules += ' _hbj';
-        rules += ' _hi';
+        rules += ' _ebj';
+        rules += ' _ei';
     } else if (props.size === "L") {
-        rules += ' _hbh';
-        rules += ' _hg';
+        rules += ' _ebh';
+        rules += ' _eg';
     } else if (props.size === "S") {
-        rules += ' _hbd';
-        rules += ' _hc';
+        rules += ' _ebd';
+        rules += ' _ec';
     } else if (props.size === "XS") {
-        rules += ' _hbb';
-        rules += ' _ha';
+        rules += ' _ebb';
+        rules += ' _ea';
     } else {
-        rules += ' _hbf';
-        rules += ' _he';
+        rules += ' _ebf';
+        rules += ' _ee';
     }
-    rules += ' _ib';
-    rules += ' _j-1x99dlob';
-    rules += ' _ja';
+    rules += ' _fb';
+    rules += ' _g-1x99dlob';
+    rules += ' _ga';
     if (props.isDisabled) rules += ' aj';
     else {
         if (props.isPressed) rules += ' ao';
@@ -234,102 +234,48 @@ const $a0b996a550bb0891$var$fieldGroupStyles = function anonymous(props) {
         else if (props.isHovered) rules += ' ao';
         else rules += ' an';
     }
+    rules += ' _wh';
+    rules += ' _xh';
+    rules += ' _yh';
     rules += ' _zh';
-    rules += ' _Ah';
-    rules += ' _Bh';
-    rules += ' _Ch';
-    rules += ' tc';
     rules += ' uc';
-    rules += ' r-375tox';
+    rules += ' vc';
     rules += ' s-375toy';
-    rules += ' za';
+    rules += ' t-375toz';
+    rules += ' wa';
+    rules += ' _Pa';
+    rules += ' _R-375x7f';
     rules += ' _Sa';
-    rules += ' _U-375x7f';
-    rules += ' _Va';
     if (props.isDisabled) {
-        rules += ' xa_____O';
-        rules += ' xi';
+        rules += ' ca_____O';
+        rules += ' ci';
     } else if (props.isFocusWithin) {
-        rules += ' xa_____M';
-        if (props.isInvalid) rules += ' xP';
-        else rules += ' xo';
+        rules += ' ca_____M';
+        if (props.isInvalid) rules += ' cP';
+        else rules += ' co';
     } else if (props.isInvalid) {
-        if (props.isPressed) rules += ' xQ';
-        else if (props.isFocusVisible) rules += ' xP';
-        else if (props.isHovered) rules += ' xP';
-        else rules += ' xO';
+        if (props.isPressed) rules += ' cQ';
+        else if (props.isFocusVisible) rules += ' cP';
+        else if (props.isHovered) rules += ' cP';
+        else rules += ' cO';
     } else {
-        if (props.isPressed) rules += ' xj';
-        else if (props.isFocusVisible) rules += ' xj';
-        else if (props.isHovered) rules += ' xj';
-        else rules += ' xi';
-    }
-    if (props.isDisabled) {
-        rules += ' ya_____O';
-        rules += ' yi';
-    } else if (props.isFocusWithin) {
-        rules += ' ya_____M';
-        if (props.isInvalid) rules += ' yP';
-        else rules += ' yo';
-    } else if (props.isInvalid) {
-        if (props.isPressed) rules += ' yQ';
-        else if (props.isFocusVisible) rules += ' yP';
-        else if (props.isHovered) rules += ' yP';
-        else rules += ' yO';
-    } else {
-        if (props.isPressed) rules += ' yj';
-        else if (props.isFocusVisible) rules += ' yj';
-        else if (props.isHovered) rules += ' yj';
-        else rules += ' yi';
-    }
-    if (props.isDisabled) {
-        rules += ' va_____O';
-        rules += ' vi';
-    } else if (props.isFocusWithin) {
-        rules += ' va_____M';
-        if (props.isInvalid) rules += ' vP';
-        else rules += ' vo';
-    } else if (props.isInvalid) {
-        if (props.isPressed) rules += ' vQ';
-        else if (props.isFocusVisible) rules += ' vP';
-        else if (props.isHovered) rules += ' vP';
-        else rules += ' vO';
-    } else {
-        if (props.isPressed) rules += ' vj';
-        else if (props.isFocusVisible) rules += ' vj';
-        else if (props.isHovered) rules += ' vj';
-        else rules += ' vi';
-    }
-    if (props.isDisabled) {
-        rules += ' wa_____O';
-        rules += ' wi';
-    } else if (props.isFocusWithin) {
-        rules += ' wa_____M';
-        if (props.isInvalid) rules += ' wP';
-        else rules += ' wo';
-    } else if (props.isInvalid) {
-        if (props.isPressed) rules += ' wQ';
-        else if (props.isFocusVisible) rules += ' wP';
-        else if (props.isHovered) rules += ' wP';
-        else rules += ' wO';
-    } else {
-        if (props.isPressed) rules += ' wj';
-        else if (props.isFocusVisible) rules += ' wj';
-        else if (props.isHovered) rules += ' wj';
-        else rules += ' wi';
+        if (props.isPressed) rules += ' cj';
+        else if (props.isFocusVisible) rules += ' cj';
+        else if (props.isHovered) rules += ' cj';
+        else rules += ' ci';
     }
     rules += ' bd';
-    if (props.isDisabled) rules += ' __Lb';
-    else rules += ' __Le';
-    rules += ' -_375tnp_F-I';
-    rules += ' -_375tnq_G-I';
-    rules += ' -_375tox_r-c';
+    if (props.isDisabled) rules += ' __Ib';
+    else rules += ' __Ie';
+    rules += ' -_375tnm_C-I';
+    rules += ' -_375tnn_D-I';
     rules += ' -_375toy_s-c';
-    if (props.size === "XL") rules += ' -_375top_j-j';
-    else if (props.size === "L") rules += ' -_375top_j-i';
-    else if (props.size === "S") rules += ' -_375top_j-h';
-    else if (props.size === "XS") rules += ' -_375top_j-g';
-    else rules += ' -_375top_j-f';
+    rules += ' -_375toz_t-c';
+    if (props.size === "XL") rules += ' -_375toq_k-j';
+    else if (props.size === "L") rules += ' -_375toq_k-i';
+    else if (props.size === "S") rules += ' -_375toq_k-h';
+    else if (props.size === "XS") rules += ' -_375toq_k-g';
+    else rules += ' -_375toq_k-f';
     return rules;
 };
 const $a0b996a550bb0891$export$f0fe469072bc6950 = /*#__PURE__*/ (0, $4hgIp$react.forwardRef)(function FieldGroup(props, ref) {
@@ -362,48 +308,48 @@ const $a0b996a550bb0891$export$f5b8910cec6cf069 = /*#__PURE__*/ (0, $4hgIp$react
         ...otherProps,
         ref: ref,
         style: UNSAFE_style,
-        className: UNSAFE_className + (0, $308b180f49d82d28$exports.mergeStyles)(" Ha Ia Fa Ga ba a-17zqamw _g-17zqamw _h-17zqamw _i-17zqamw __d-3t1y __c-3t1y po kb _Pa zf __zb __Ab _qa _tb", styles)
+        className: UNSAFE_className + (0, $308b180f49d82d28$exports.mergeStyles)(" Ea Fa Ca Da ba a-17zqamw _d-17zqamw _e-17zqamw _f-17zqamw __a-3t1y _9-3t1y qo lb _Ma wf __wb __xb _na _qb", styles)
     });
 });
 const $a0b996a550bb0891$var$helpTextStyles = function anonymous(props) {
     let rules = " .";
+    rules += ' __b-1le9d6f';
+    rules += ' __c-1le9d6f';
+    rules += ' __d-1le9d6f';
     rules += ' __e-1le9d6f';
-    rules += ' __f-1le9d6f';
-    rules += ' __g-1le9d6f';
-    rules += ' __h-1le9d6f';
-    rules += ' _3d';
-    rules += ' _5d';
-    rules += ' hbH';
-    rules += ' hG';
+    rules += ' _0d';
+    rules += ' _2d';
     rules += ' ibH';
     rules += ' iG';
-    rules += ' _g-bc1l9oh';
-    rules += ' _g-1uotwbwg';
-    rules += ' _g-eo0c6sf';
-    rules += ' _g-enzzrge';
-    rules += ' _g-enzykdd';
-    rules += ' _g-enzwzjc';
-    rules += ' _g-enzrfpb';
-    rules += ' _ga';
+    rules += ' jbH';
+    rules += ' jG';
+    rules += ' _d-bc1l9oh';
+    rules += ' _d-1uotwbwg';
+    rules += ' _d-eo0c6sf';
+    rules += ' _d-enzzrge';
+    rules += ' _d-enzykdd';
+    rules += ' _d-enzwzjc';
+    rules += ' _d-enzrfpb';
+    rules += ' _da';
     if (props.size === "XL") {
-        rules += ' _hbj';
-        rules += ' _hi';
+        rules += ' _ebj';
+        rules += ' _ei';
     } else if (props.size === "L") {
-        rules += ' _hbh';
-        rules += ' _hg';
+        rules += ' _ebh';
+        rules += ' _eg';
     } else if (props.size === "S") {
-        rules += ' _hbd';
-        rules += ' _hc';
+        rules += ' _ebd';
+        rules += ' _ec';
     } else if (props.size === "XS") {
-        rules += ' _hbb';
-        rules += ' _ha';
+        rules += ' _ebb';
+        rules += ' _ea';
     } else {
-        rules += ' _hbf';
-        rules += ' _he';
+        rules += ' _ebf';
+        rules += ' _ee';
     }
-    rules += ' _ib';
-    rules += ' _j-1x99dlob';
-    rules += ' _ja';
+    rules += ' _fb';
+    rules += ' _g-1x99dlob';
+    rules += ' _ga';
     if (props.isDisabled) rules += ' aj';
     else if (props.isInvalid) {
         if (props.isPressed) rules += ' aP';
@@ -416,11 +362,11 @@ const $a0b996a550bb0891$var$helpTextStyles = function anonymous(props) {
         else if (props.isHovered) rules += ' an';
         else rules += ' am';
     }
-    rules += ' -rwx0fg_d-b';
-    rules += ' __qe';
-    rules += ' H-1inj1bc';
-    if (props.isDisabled) rules += ' __Lb';
-    else rules += ' __Le';
+    rules += ' -rwx0fg_e-b';
+    rules += ' __ne';
+    rules += ' E-1inj1bc';
+    if (props.isDisabled) rules += ' __Ib';
+    else rules += ' __Ie';
     return rules;
 };
 function $a0b996a550bb0891$export$a67c0bc59081311a(props) {
@@ -463,9 +409,9 @@ function $a0b996a550bb0891$export$bda0d075e0e342c9(props) {
                 {
                     render: (0, $e991cbcdf82ced71$exports.centerBaseline)({
                         slot: 'icon',
-                        styles: " __E-3t1x __c-3t1x -rwx0fg_d-e -rwx0fg_d-a_____8"
+                        styles: " __B-3t1x _9-3t1x -rwx0fg_e-e -rwx0fg_e-a_____8"
                     }),
-                    styles: " k-1sthc3k j-1sthc3k BG BbH C-177861o __c-3t1x"
+                    styles: " l-1sthc3k k-1sthc3k yG ybH z-177861o _9-3t1x"
                 }
             ]
         ],