@react-spectrum/s2 1.0.0 → 1.1.0

package/dist/Cross.mjs

@@ -28,20 +28,20 @@ import {jsx as $1piiz$jsx} from "react/jsx-runtime";
 
 let $bd983341bd35d639$var$styles = function anonymous(props) {
     let rules = " ";
-    if (props.size === "S") rules += ' Zh1';
-    else if (props.size === "XXXXL") rules += ' Zu1';
-    else if (props.size === "XXXL") rules += ' Zk1';
-    else if (props.size === "XXL") rules += ' Zj1';
-    else if (props.size === "XL") rules += ' Zj1';
-    else if (props.size === "L") rules += ' Zi1';
-    else if (props.size === "M") rules += ' Zh1';
-    if (props.size === "S") rules += ' Fi1';
-    else if (props.size === "XXXXL") rules += ' Ft1';
-    else if (props.size === "XXXL") rules += ' Fl1';
-    else if (props.size === "XXL") rules += ' Fk1';
-    else if (props.size === "XL") rules += ' Fk1';
-    else if (props.size === "L") rules += ' Fj1';
-    else if (props.size === "M") rules += ' Fi1';
+    if (props.size === "S") rules += ' Zh11';
+    else if (props.size === "XXXXL") rules += ' Zu11';
+    else if (props.size === "XXXL") rules += ' Zk11';
+    else if (props.size === "XXL") rules += ' Zj11';
+    else if (props.size === "XL") rules += ' Zj11';
+    else if (props.size === "L") rules += ' Zi11';
+    else if (props.size === "M") rules += ' Zh11';
+    if (props.size === "S") rules += ' Fi11';
+    else if (props.size === "XXXXL") rules += ' Ft11';
+    else if (props.size === "XXXL") rules += ' Fl11';
+    else if (props.size === "XXL") rules += ' Fk11';
+    else if (props.size === "XL") rules += ' Fk11';
+    else if (props.size === "L") rules += ' Fj11';
+    else if (props.size === "M") rules += ' Fi11';
     return rules;
 };
 function $bd983341bd35d639$export$2e2bcd8739ae039(props) {

package/dist/CustomDialog.cjs

@@ -33,7 +33,7 @@ const $a05aa0b0345f1846$var$dialogStyle = function anonymous(props, overrides) {
     let height = false;
     let maxWidth = false;
     let maxHeight = false;
-    let matches = (overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L|F|M|K)[^\s]+/g);
+    let matches = String(overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L|F|M|K)[^\s]+/g);
     for (let p of matches){
         if (p[1] === "_P") position = true;
         if (p[1] === "Z") width = true;
@@ -42,39 +42,39 @@ const $a05aa0b0345f1846$var$dialogStyle = function anonymous(props, overrides) {
         if (p[1] === "K") maxHeight = true;
         rules += p[0];
     }
-    if (props.padding === "none") rules += ' Td1';
+    if (props.padding === "none") rules += ' Td11';
     else if (props.padding === "default") {
-        rules += ' Th1';
-        rules += ' Tnk1';
+        rules += ' Th11';
+        rules += ' Tnk11';
     }
-    if (props.padding === "none") rules += ' Qd1';
+    if (props.padding === "none") rules += ' Qd11';
     else if (props.padding === "default") {
-        rules += ' Qh1';
-        rules += ' Qnk1';
+        rules += ' Qh11';
+        rules += ' Qnk11';
     }
-    if (props.padding === "none") rules += ' Sd1';
+    if (props.padding === "none") rules += ' Sd11';
     else if (props.padding === "default") {
-        rules += ' Sh1';
-        rules += ' Snk1';
+        rules += ' Sh11';
+        rules += ' Snk11';
     }
-    if (props.padding === "none") rules += ' Rd1';
+    if (props.padding === "none") rules += ' Rd11';
     else if (props.padding === "default") {
-        rules += ' Rh1';
-        rules += ' Rnk1';
+        rules += ' Rh11';
+        rules += ' Rnk11';
     }
-    rules += ' _oa1';
-    rules += ' _Le1';
-    rules += ' oi1';
-    rules += ' ni1';
-    rules += ' ki1';
-    rules += ' ji1';
-    rules += ' _Na1';
-    rules += ' Pa1';
-    if (!position) rules += ' _Pc1';
-    if (!width) rules += ' Za1';
-    if (!height) rules += ' Fb1';
-    if (!maxWidth) rules += ' L40ub4c1';
-    if (!maxHeight) rules += ' K40ub4c1';
+    rules += ' _oa11';
+    rules += ' _Le11';
+    rules += ' oi11';
+    rules += ' ni11';
+    rules += ' ki11';
+    rules += ' ji11';
+    rules += ' _Na11';
+    rules += ' Pa11';
+    if (!position) rules += ' _Pc11';
+    if (!width) rules += ' Za11';
+    if (!height) rules += ' Fb11';
+    if (!maxWidth) rules += ' L40ub4c11';
+    if (!maxHeight) rules += ' K40ub4c11';
     return rules;
 };
 const $a05aa0b0345f1846$export$82e1fa7406db6ec = /*#__PURE__*/ (0, $f8dpT$react.forwardRef)(function CustomDialog(props, ref) {

package/dist/CustomDialog.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AA4BD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBC,MAAM,yDAAe,CAAA,GAAA,uBAAS,EAAE,SAAS,aAAa,KAAwB,EAAE,GAAW;IAChG,IAAI,QACF,IAAI,iBACJ,aAAa,6BACb,yBAAyB,WACzB,UAAU,WACX,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,qBACE,gCAAC,CAAA,GAAA,+BAAI;QAAE,MAAM;QAAM,eAAe;QAAe,2BAA2B;kBAC1E,cAAA,gCAAC,CAAA,GAAA,iCAAQ;YACN,GAAG,KAAK;YACT,KAAK;YACL,OAAO,MAAM,YAAY;YACzB,WAAW,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK,kCAAY;yBAAC;YAAO,GAAG,MAAM,MAAM;sBAC9E,CAAA,GAAA,6CAAiB,EAAE,MAAM,QAAQ,EAAE,CAAC,WACnC,oGAAoG;8BACpG,gCAAC,CAAA,GAAA,qDAAyB,EAAE,QAAQ;oBAAC,OAAO;8BACzC;;;;AAMb","sources":["packages/@react-spectrum/s2/src/CustomDialog.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 {composeRenderProps, OverlayTriggerStateContext, Dialog as RACDialog, DialogProps as RACDialogProps} from 'react-aria-components';\nimport {DOMRef, GlobalDOMAttributes} from '@react-types/shared';\nimport {forwardRef} from 'react';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {Modal} from './Modal';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\n\nexport interface CustomDialogProps extends Omit<RACDialogProps, 'className' | 'style' | keyof GlobalDOMAttributes>, StyleProps {\n  /**\n   * The size of the Dialog.\n   */\n  size?: 'S' | 'M' | 'L' | 'fullscreen' | 'fullscreenTakeover',\n  /**\n   * Whether the Dialog is dismissible.\n   */\n  isDismissible?: boolean,\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean,\n  /**\n   * The amount of padding around the contents of the dialog.\n   * @default 'default'\n   */\n  padding?: 'default' | 'none'\n}\n\nconst dialogStyle = style({\n  padding: {\n    padding: {\n      default: {\n        default: 24,\n        sm: 32\n      },\n      none: 0\n    }\n  },\n  boxSizing: 'border-box',\n  outlineStyle: 'none',\n  borderRadius: 'inherit',\n  overflow: 'auto',\n  position: 'relative',\n  size: 'full',\n  maxSize: 'inherit'\n}, getAllowedOverrides({height: true, width: true}));\n\n/**\n * A CustomDialog is a floating window with a custom layout.\n */\nexport const CustomDialog = forwardRef(function CustomDialog(props: CustomDialogProps, ref: DOMRef) {\n  let {\n    size,\n    isDismissible,\n    isKeyboardDismissDisabled,\n    padding = 'default'\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <Modal size={size} isDismissable={isDismissible} isKeyboardDismissDisabled={isKeyboardDismissDisabled}>\n      <RACDialog\n        {...props}\n        ref={domRef}\n        style={props.UNSAFE_style}\n        className={(props.UNSAFE_className || '') + dialogStyle({padding}, props.styles)}>\n        {composeRenderProps(props.children, (children) => (\n          // Reset OverlayTriggerStateContext so the buttons inside the dialog don't retain their hover state.\n          <OverlayTriggerStateContext.Provider value={null}>\n            {children}\n          </OverlayTriggerStateContext.Provider>\n        ))}\n      </RACDialog>\n    </Modal>\n  );\n});\n"],"names":[],"version":3,"file":"CustomDialog.cjs.map"}
+{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AA4BD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBC,MAAM,yDAAe,CAAA,GAAA,uBAAS,EAAE,SAAS,aAAa,KAAwB,EAAE,GAAW;IAChG,IAAI,QACF,IAAI,iBACJ,aAAa,6BACb,yBAAyB,WACzB,UAAU,WACX,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,qBACE,gCAAC,CAAA,GAAA,+BAAI;QAAE,MAAM;QAAM,eAAe;QAAe,2BAA2B;kBAC1E,cAAA,gCAAC,CAAA,GAAA,iCAAQ;YACN,GAAG,KAAK;YACT,KAAK;YACL,OAAO,MAAM,YAAY;YACzB,WAAW,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK,kCAAY;yBAAC;YAAO,GAAG,MAAM,MAAM;sBAC9E,CAAA,GAAA,6CAAiB,EAAE,MAAM,QAAQ,EAAE,CAAC,WACnC,oGAAoG;8BACpG,gCAAC,CAAA,GAAA,qDAAyB,EAAE,QAAQ;oBAAC,OAAO;8BACzC;;;;AAMb","sources":["packages/@react-spectrum/s2/src/CustomDialog.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 {composeRenderProps, OverlayTriggerStateContext, Dialog as RACDialog, DialogProps as RACDialogProps} from 'react-aria-components';\nimport {DOMRef, GlobalDOMAttributes} from '@react-types/shared';\nimport {forwardRef} from 'react';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {Modal} from './Modal';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\n\nexport interface CustomDialogProps extends Omit<RACDialogProps, 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>, StyleProps {\n  /**\n   * The size of the Dialog.\n   */\n  size?: 'S' | 'M' | 'L' | 'fullscreen' | 'fullscreenTakeover',\n  /**\n   * Whether the Dialog is dismissible.\n   */\n  isDismissible?: boolean,\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean,\n  /**\n   * The amount of padding around the contents of the dialog.\n   * @default 'default'\n   */\n  padding?: 'default' | 'none'\n}\n\nconst dialogStyle = style({\n  padding: {\n    padding: {\n      default: {\n        default: 24,\n        sm: 32\n      },\n      none: 0\n    }\n  },\n  boxSizing: 'border-box',\n  outlineStyle: 'none',\n  borderRadius: 'inherit',\n  overflow: 'auto',\n  position: 'relative',\n  size: 'full',\n  maxSize: 'inherit'\n}, getAllowedOverrides({height: true, width: true}));\n\n/**\n * A CustomDialog is a floating window with a custom layout.\n */\nexport const CustomDialog = forwardRef(function CustomDialog(props: CustomDialogProps, ref: DOMRef) {\n  let {\n    size,\n    isDismissible,\n    isKeyboardDismissDisabled,\n    padding = 'default'\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <Modal size={size} isDismissable={isDismissible} isKeyboardDismissDisabled={isKeyboardDismissDisabled}>\n      <RACDialog\n        {...props}\n        ref={domRef}\n        style={props.UNSAFE_style}\n        className={(props.UNSAFE_className || '') + dialogStyle({padding}, props.styles)}>\n        {composeRenderProps(props.children, (children) => (\n          // Reset OverlayTriggerStateContext so the buttons inside the dialog don't retain their hover state.\n          <OverlayTriggerStateContext.Provider value={null}>\n            {children}\n          </OverlayTriggerStateContext.Provider>\n        ))}\n      </RACDialog>\n    </Modal>\n  );\n});\n"],"names":[],"version":3,"file":"CustomDialog.cjs.map"}

package/dist/CustomDialog.css

@@ -1,85 +1,85 @@
 @layer _.a {
-  .Th1 {
+  .Th11 {
     padding-top: 24px;
   }
 
-  .Td1 {
+  .Td11 {
     padding-top: 0;
   }
 
-  .Qh1 {
+  .Qh11 {
     padding-bottom: 24px;
   }
 
-  .Qd1 {
+  .Qd11 {
     padding-bottom: 0;
   }
 
-  .Sh1 {
+  .Sh11 {
     padding-inline-start: 24px;
   }
 
-  .Sd1 {
+  .Sd11 {
     padding-inline-start: 0;
   }
 
-  .Rh1 {
+  .Rh11 {
     padding-inline-end: 24px;
   }
 
-  .Rd1 {
+  .Rd11 {
     padding-inline-end: 0;
   }
 
-  ._oa1 {
+  ._oa11 {
     box-sizing: border-box;
   }
 
-  ._Le1 {
+  ._Le11 {
     outline-style: none;
   }
 
-  .oi1 {
+  .oi11 {
     border-start-start-radius: inherit;
   }
 
-  .ni1 {
+  .ni11 {
     border-start-end-radius: inherit;
   }
 
-  .ki1 {
+  .ki11 {
     border-end-start-radius: inherit;
   }
 
-  .ji1 {
+  .ji11 {
     border-end-end-radius: inherit;
   }
 
-  ._Na1 {
+  ._Na11 {
     overflow-x: auto;
   }
 
-  .Pa1 {
+  .Pa11 {
     overflow-y: auto;
   }
 
-  ._Pc1 {
+  ._Pc11 {
     position: relative;
   }
 
-  .Za1 {
+  .Za11 {
     width: 100%;
   }
 
-  .Fb1 {
+  .Fb11 {
     height: 100%;
   }
 
-  .L40ub4c1 {
+  .L40ub4c11 {
     max-width: inherit;
   }
 
-  .K40ub4c1 {
+  .K40ub4c11 {
     max-height: inherit;
   }
 }
@@ -88,19 +88,19 @@
 
 @layer _.b.n {
   @media (width >= 40rem) {
-    .Tnk1 {
+    .Tnk11 {
       padding-top: 32px;
     }
 
-    .Qnk1 {
+    .Qnk11 {
       padding-bottom: 32px;
     }
 
-    .Snk1 {
+    .Snk11 {
       padding-inline-start: 32px;
     }
 
-    .Rnk1 {
+    .Rnk11 {
       padding-inline-end: 32px;
     }
   }

package/dist/CustomDialog.css.map

@@ -1 +1 @@
-{"mappings":"AAsCoB;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAAA;;AAAA;EAAA;IAAA;;;;IAAA;;;;IAAA;;;;IAAA","sources":["packages/@react-spectrum/s2/src/CustomDialog.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 {composeRenderProps, OverlayTriggerStateContext, Dialog as RACDialog, DialogProps as RACDialogProps} from 'react-aria-components';\nimport {DOMRef, GlobalDOMAttributes} from '@react-types/shared';\nimport {forwardRef} from 'react';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {Modal} from './Modal';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\n\nexport interface CustomDialogProps extends Omit<RACDialogProps, 'className' | 'style' | keyof GlobalDOMAttributes>, StyleProps {\n  /**\n   * The size of the Dialog.\n   */\n  size?: 'S' | 'M' | 'L' | 'fullscreen' | 'fullscreenTakeover',\n  /**\n   * Whether the Dialog is dismissible.\n   */\n  isDismissible?: boolean,\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean,\n  /**\n   * The amount of padding around the contents of the dialog.\n   * @default 'default'\n   */\n  padding?: 'default' | 'none'\n}\n\nconst dialogStyle = style({\n  padding: {\n    padding: {\n      default: {\n        default: 24,\n        sm: 32\n      },\n      none: 0\n    }\n  },\n  boxSizing: 'border-box',\n  outlineStyle: 'none',\n  borderRadius: 'inherit',\n  overflow: 'auto',\n  position: 'relative',\n  size: 'full',\n  maxSize: 'inherit'\n}, getAllowedOverrides({height: true, width: true}));\n\n/**\n * A CustomDialog is a floating window with a custom layout.\n */\nexport const CustomDialog = forwardRef(function CustomDialog(props: CustomDialogProps, ref: DOMRef) {\n  let {\n    size,\n    isDismissible,\n    isKeyboardDismissDisabled,\n    padding = 'default'\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <Modal size={size} isDismissable={isDismissible} isKeyboardDismissDisabled={isKeyboardDismissDisabled}>\n      <RACDialog\n        {...props}\n        ref={domRef}\n        style={props.UNSAFE_style}\n        className={(props.UNSAFE_className || '') + dialogStyle({padding}, props.styles)}>\n        {composeRenderProps(props.children, (children) => (\n          // Reset OverlayTriggerStateContext so the buttons inside the dialog don't retain their hover state.\n          <OverlayTriggerStateContext.Provider value={null}>\n            {children}\n          </OverlayTriggerStateContext.Provider>\n        ))}\n      </RACDialog>\n    </Modal>\n  );\n});\n"],"names":[],"version":3,"file":"CustomDialog.css.map"}
+{"mappings":"AAsCoB;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAAA;;AAAA;EAAA;IAAA;;;;IAAA;;;;IAAA;;;;IAAA","sources":["packages/@react-spectrum/s2/src/CustomDialog.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 {composeRenderProps, OverlayTriggerStateContext, Dialog as RACDialog, DialogProps as RACDialogProps} from 'react-aria-components';\nimport {DOMRef, GlobalDOMAttributes} from '@react-types/shared';\nimport {forwardRef} from 'react';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {Modal} from './Modal';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\n\nexport interface CustomDialogProps extends Omit<RACDialogProps, 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>, StyleProps {\n  /**\n   * The size of the Dialog.\n   */\n  size?: 'S' | 'M' | 'L' | 'fullscreen' | 'fullscreenTakeover',\n  /**\n   * Whether the Dialog is dismissible.\n   */\n  isDismissible?: boolean,\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean,\n  /**\n   * The amount of padding around the contents of the dialog.\n   * @default 'default'\n   */\n  padding?: 'default' | 'none'\n}\n\nconst dialogStyle = style({\n  padding: {\n    padding: {\n      default: {\n        default: 24,\n        sm: 32\n      },\n      none: 0\n    }\n  },\n  boxSizing: 'border-box',\n  outlineStyle: 'none',\n  borderRadius: 'inherit',\n  overflow: 'auto',\n  position: 'relative',\n  size: 'full',\n  maxSize: 'inherit'\n}, getAllowedOverrides({height: true, width: true}));\n\n/**\n * A CustomDialog is a floating window with a custom layout.\n */\nexport const CustomDialog = forwardRef(function CustomDialog(props: CustomDialogProps, ref: DOMRef) {\n  let {\n    size,\n    isDismissible,\n    isKeyboardDismissDisabled,\n    padding = 'default'\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <Modal size={size} isDismissable={isDismissible} isKeyboardDismissDisabled={isKeyboardDismissDisabled}>\n      <RACDialog\n        {...props}\n        ref={domRef}\n        style={props.UNSAFE_style}\n        className={(props.UNSAFE_className || '') + dialogStyle({padding}, props.styles)}>\n        {composeRenderProps(props.children, (children) => (\n          // Reset OverlayTriggerStateContext so the buttons inside the dialog don't retain their hover state.\n          <OverlayTriggerStateContext.Provider value={null}>\n            {children}\n          </OverlayTriggerStateContext.Provider>\n        ))}\n      </RACDialog>\n    </Modal>\n  );\n});\n"],"names":[],"version":3,"file":"CustomDialog.css.map"}

package/dist/CustomDialog.mjs

@@ -27,7 +27,7 @@ const $6e8e8fdd66697ef1$var$dialogStyle = function anonymous(props, overrides) {
     let height = false;
     let maxWidth = false;
     let maxHeight = false;
-    let matches = (overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L|F|M|K)[^\s]+/g);
+    let matches = String(overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L|F|M|K)[^\s]+/g);
     for (let p of matches){
         if (p[1] === "_P") position = true;
         if (p[1] === "Z") width = true;
@@ -36,39 +36,39 @@ const $6e8e8fdd66697ef1$var$dialogStyle = function anonymous(props, overrides) {
         if (p[1] === "K") maxHeight = true;
         rules += p[0];
     }
-    if (props.padding === "none") rules += ' Td1';
+    if (props.padding === "none") rules += ' Td11';
     else if (props.padding === "default") {
-        rules += ' Th1';
-        rules += ' Tnk1';
+        rules += ' Th11';
+        rules += ' Tnk11';
     }
-    if (props.padding === "none") rules += ' Qd1';
+    if (props.padding === "none") rules += ' Qd11';
     else if (props.padding === "default") {
-        rules += ' Qh1';
-        rules += ' Qnk1';
+        rules += ' Qh11';
+        rules += ' Qnk11';
     }
-    if (props.padding === "none") rules += ' Sd1';
+    if (props.padding === "none") rules += ' Sd11';
     else if (props.padding === "default") {
-        rules += ' Sh1';
-        rules += ' Snk1';
+        rules += ' Sh11';
+        rules += ' Snk11';
     }
-    if (props.padding === "none") rules += ' Rd1';
+    if (props.padding === "none") rules += ' Rd11';
     else if (props.padding === "default") {
-        rules += ' Rh1';
-        rules += ' Rnk1';
+        rules += ' Rh11';
+        rules += ' Rnk11';
     }
-    rules += ' _oa1';
-    rules += ' _Le1';
-    rules += ' oi1';
-    rules += ' ni1';
-    rules += ' ki1';
-    rules += ' ji1';
-    rules += ' _Na1';
-    rules += ' Pa1';
-    if (!position) rules += ' _Pc1';
-    if (!width) rules += ' Za1';
-    if (!height) rules += ' Fb1';
-    if (!maxWidth) rules += ' L40ub4c1';
-    if (!maxHeight) rules += ' K40ub4c1';
+    rules += ' _oa11';
+    rules += ' _Le11';
+    rules += ' oi11';
+    rules += ' ni11';
+    rules += ' ki11';
+    rules += ' ji11';
+    rules += ' _Na11';
+    rules += ' Pa11';
+    if (!position) rules += ' _Pc11';
+    if (!width) rules += ' Za11';
+    if (!height) rules += ' Fb11';
+    if (!maxWidth) rules += ' L40ub4c11';
+    if (!maxHeight) rules += ' K40ub4c11';
     return rules;
 };
 const $6e8e8fdd66697ef1$export$82e1fa7406db6ec = /*#__PURE__*/ (0, $4wOFe$forwardRef)(function CustomDialog(props, ref) {

package/dist/CustomDialog.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AA4BD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBC,MAAM,yDAAe,CAAA,GAAA,iBAAS,EAAE,SAAS,aAAa,KAAwB,EAAE,GAAW;IAChG,IAAI,QACF,IAAI,iBACJ,aAAa,6BACb,yBAAyB,WACzB,UAAU,WACX,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,qBACE,gBAAC,CAAA,GAAA,yCAAI;QAAE,MAAM;QAAM,eAAe;QAAe,2BAA2B;kBAC1E,cAAA,gBAAC,CAAA,GAAA,aAAQ;YACN,GAAG,KAAK;YACT,KAAK;YACL,OAAO,MAAM,YAAY;YACzB,WAAW,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK,kCAAY;yBAAC;YAAO,GAAG,MAAM,MAAM;sBAC9E,CAAA,GAAA,yBAAiB,EAAE,MAAM,QAAQ,EAAE,CAAC,WACnC,oGAAoG;8BACpG,gBAAC,CAAA,GAAA,iCAAyB,EAAE,QAAQ;oBAAC,OAAO;8BACzC;;;;AAMb","sources":["packages/@react-spectrum/s2/src/CustomDialog.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 {composeRenderProps, OverlayTriggerStateContext, Dialog as RACDialog, DialogProps as RACDialogProps} from 'react-aria-components';\nimport {DOMRef, GlobalDOMAttributes} from '@react-types/shared';\nimport {forwardRef} from 'react';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {Modal} from './Modal';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\n\nexport interface CustomDialogProps extends Omit<RACDialogProps, 'className' | 'style' | keyof GlobalDOMAttributes>, StyleProps {\n  /**\n   * The size of the Dialog.\n   */\n  size?: 'S' | 'M' | 'L' | 'fullscreen' | 'fullscreenTakeover',\n  /**\n   * Whether the Dialog is dismissible.\n   */\n  isDismissible?: boolean,\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean,\n  /**\n   * The amount of padding around the contents of the dialog.\n   * @default 'default'\n   */\n  padding?: 'default' | 'none'\n}\n\nconst dialogStyle = style({\n  padding: {\n    padding: {\n      default: {\n        default: 24,\n        sm: 32\n      },\n      none: 0\n    }\n  },\n  boxSizing: 'border-box',\n  outlineStyle: 'none',\n  borderRadius: 'inherit',\n  overflow: 'auto',\n  position: 'relative',\n  size: 'full',\n  maxSize: 'inherit'\n}, getAllowedOverrides({height: true, width: true}));\n\n/**\n * A CustomDialog is a floating window with a custom layout.\n */\nexport const CustomDialog = forwardRef(function CustomDialog(props: CustomDialogProps, ref: DOMRef) {\n  let {\n    size,\n    isDismissible,\n    isKeyboardDismissDisabled,\n    padding = 'default'\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <Modal size={size} isDismissable={isDismissible} isKeyboardDismissDisabled={isKeyboardDismissDisabled}>\n      <RACDialog\n        {...props}\n        ref={domRef}\n        style={props.UNSAFE_style}\n        className={(props.UNSAFE_className || '') + dialogStyle({padding}, props.styles)}>\n        {composeRenderProps(props.children, (children) => (\n          // Reset OverlayTriggerStateContext so the buttons inside the dialog don't retain their hover state.\n          <OverlayTriggerStateContext.Provider value={null}>\n            {children}\n          </OverlayTriggerStateContext.Provider>\n        ))}\n      </RACDialog>\n    </Modal>\n  );\n});\n"],"names":[],"version":3,"file":"CustomDialog.mjs.map"}
+{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AA4BD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBC,MAAM,yDAAe,CAAA,GAAA,iBAAS,EAAE,SAAS,aAAa,KAAwB,EAAE,GAAW;IAChG,IAAI,QACF,IAAI,iBACJ,aAAa,6BACb,yBAAyB,WACzB,UAAU,WACX,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,qBACE,gBAAC,CAAA,GAAA,yCAAI;QAAE,MAAM;QAAM,eAAe;QAAe,2BAA2B;kBAC1E,cAAA,gBAAC,CAAA,GAAA,aAAQ;YACN,GAAG,KAAK;YACT,KAAK;YACL,OAAO,MAAM,YAAY;YACzB,WAAW,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK,kCAAY;yBAAC;YAAO,GAAG,MAAM,MAAM;sBAC9E,CAAA,GAAA,yBAAiB,EAAE,MAAM,QAAQ,EAAE,CAAC,WACnC,oGAAoG;8BACpG,gBAAC,CAAA,GAAA,iCAAyB,EAAE,QAAQ;oBAAC,OAAO;8BACzC;;;;AAMb","sources":["packages/@react-spectrum/s2/src/CustomDialog.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 {composeRenderProps, OverlayTriggerStateContext, Dialog as RACDialog, DialogProps as RACDialogProps} from 'react-aria-components';\nimport {DOMRef, GlobalDOMAttributes} from '@react-types/shared';\nimport {forwardRef} from 'react';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {Modal} from './Modal';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\n\nexport interface CustomDialogProps extends Omit<RACDialogProps, 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>, StyleProps {\n  /**\n   * The size of the Dialog.\n   */\n  size?: 'S' | 'M' | 'L' | 'fullscreen' | 'fullscreenTakeover',\n  /**\n   * Whether the Dialog is dismissible.\n   */\n  isDismissible?: boolean,\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean,\n  /**\n   * The amount of padding around the contents of the dialog.\n   * @default 'default'\n   */\n  padding?: 'default' | 'none'\n}\n\nconst dialogStyle = style({\n  padding: {\n    padding: {\n      default: {\n        default: 24,\n        sm: 32\n      },\n      none: 0\n    }\n  },\n  boxSizing: 'border-box',\n  outlineStyle: 'none',\n  borderRadius: 'inherit',\n  overflow: 'auto',\n  position: 'relative',\n  size: 'full',\n  maxSize: 'inherit'\n}, getAllowedOverrides({height: true, width: true}));\n\n/**\n * A CustomDialog is a floating window with a custom layout.\n */\nexport const CustomDialog = forwardRef(function CustomDialog(props: CustomDialogProps, ref: DOMRef) {\n  let {\n    size,\n    isDismissible,\n    isKeyboardDismissDisabled,\n    padding = 'default'\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <Modal size={size} isDismissable={isDismissible} isKeyboardDismissDisabled={isKeyboardDismissDisabled}>\n      <RACDialog\n        {...props}\n        ref={domRef}\n        style={props.UNSAFE_style}\n        className={(props.UNSAFE_className || '') + dialogStyle({padding}, props.styles)}>\n        {composeRenderProps(props.children, (children) => (\n          // Reset OverlayTriggerStateContext so the buttons inside the dialog don't retain their hover state.\n          <OverlayTriggerStateContext.Provider value={null}>\n            {children}\n          </OverlayTriggerStateContext.Provider>\n        ))}\n      </RACDialog>\n    </Modal>\n  );\n});\n"],"names":[],"version":3,"file":"CustomDialog.mjs.map"}

package/dist/Dash.cjs

@@ -30,16 +30,16 @@ $parcel$export(module.exports, "default", () => $84c37b7bd5c1374e$export$2e2bcd8
 
 let $84c37b7bd5c1374e$var$styles = function anonymous(props) {
     let rules = " ";
-    if (props.size === "S") rules += ' Zh1';
-    else if (props.size === "XS") rules += ' Zh1';
-    else if (props.size === "XL") rules += ' Zj1';
-    else if (props.size === "L") rules += ' Zj1';
-    else if (props.size === "M") rules += ' Zi1';
-    if (props.size === "S") rules += ' Fi1';
-    else if (props.size === "XS") rules += ' Fi1';
-    else if (props.size === "XL") rules += ' Fk1';
-    else if (props.size === "L") rules += ' Fk1';
-    else if (props.size === "M") rules += ' Fj1';
+    if (props.size === "S") rules += ' Zh11';
+    else if (props.size === "XS") rules += ' Zh11';
+    else if (props.size === "XL") rules += ' Zj11';
+    else if (props.size === "L") rules += ' Zj11';
+    else if (props.size === "M") rules += ' Zi11';
+    if (props.size === "S") rules += ' Fi11';
+    else if (props.size === "XS") rules += ' Fi11';
+    else if (props.size === "XL") rules += ' Fk11';
+    else if (props.size === "L") rules += ' Fk11';
+    else if (props.size === "M") rules += ' Fj11';
     return rules;
 };
 function $84c37b7bd5c1374e$export$2e2bcd8739ae039(props) {

package/dist/Dash.css

@@ -1,28 +1,28 @@
 @layer _.a {
-  .Zi1 {
+  .Zi11 {
     width: calc(.625rem * var(--s2-scale));
   }
 
-  .Zj1 {
+  .Zj11 {
     width: calc(.75rem * var(--s2-scale));
     width: calc(.75rem * var(--s2-scale));
   }
 
-  .Zh1 {
+  .Zh11 {
     width: calc(.5rem * var(--s2-scale));
     width: calc(.5rem * var(--s2-scale));
   }
 
-  .Fj1 {
+  .Fj11 {
     height: calc(.625rem * var(--s2-scale));
   }
 
-  .Fk1 {
+  .Fk11 {
     height: calc(.75rem * var(--s2-scale));
     height: calc(.75rem * var(--s2-scale));
   }
 
-  .Fi1 {
+  .Fi11 {
     height: calc(.5rem * var(--s2-scale));
     height: calc(.5rem * var(--s2-scale));
   }

package/dist/Dash.mjs

@@ -24,16 +24,16 @@ import {jsx as $cAamo$jsx} from "react/jsx-runtime";
 
 let $f17037051ff08dc2$var$styles = function anonymous(props) {
     let rules = " ";
-    if (props.size === "S") rules += ' Zh1';
-    else if (props.size === "XS") rules += ' Zh1';
-    else if (props.size === "XL") rules += ' Zj1';
-    else if (props.size === "L") rules += ' Zj1';
-    else if (props.size === "M") rules += ' Zi1';
-    if (props.size === "S") rules += ' Fi1';
-    else if (props.size === "XS") rules += ' Fi1';
-    else if (props.size === "XL") rules += ' Fk1';
-    else if (props.size === "L") rules += ' Fk1';
-    else if (props.size === "M") rules += ' Fj1';
+    if (props.size === "S") rules += ' Zh11';
+    else if (props.size === "XS") rules += ' Zh11';
+    else if (props.size === "XL") rules += ' Zj11';
+    else if (props.size === "L") rules += ' Zj11';
+    else if (props.size === "M") rules += ' Zi11';
+    if (props.size === "S") rules += ' Fi11';
+    else if (props.size === "XS") rules += ' Fi11';
+    else if (props.size === "XL") rules += ' Fk11';
+    else if (props.size === "L") rules += ' Fk11';
+    else if (props.size === "M") rules += ' Fj11';
     return rules;
 };
 function $f17037051ff08dc2$export$2e2bcd8739ae039(props) {