@react-spectrum/s2 0.9.1 → 0.10.0

package/dist/ActionButtonGroup.cjs

@@ -29,23 +29,23 @@ $parcel$export(module.exports, "ActionButtonGroup", () => $7a26131f6144af2b$expo
 const $7a26131f6144af2b$export$641cbcd1f6f6802f = function anonymous(props, overrides) {
     let rules = " ";
     rules += ((overrides || '').match(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|Z|N|L|F|M|K)[^\s]+/g) || []).join('');
-    rules += ' sd91';
-    if (props.orientation === "vertical") rules += ' _ta91';
-    else if (props.orientation === "horizontal") rules += ' _tc91';
+    rules += ' sd1';
+    if (props.orientation === "vertical") rules += ' _ta1';
+    else if (props.orientation === "horizontal") rules += ' _tc1';
     if (props.density === "regular") {
-        if (props.size === "XL") rules += ' Ue91';
-        else if (props.size === "L") rules += ' Ue91';
-        else if (props.size === "M") rules += ' Ue91';
-        else if (props.size === "S") rules += ' Ub91';
-        else if (props.size === "XS") rules += ' Ub91';
-    } else if (props.density === "compact") rules += ' Ua91';
+        if (props.size === "XL") rules += ' Ue1';
+        else if (props.size === "L") rules += ' Ue1';
+        else if (props.size === "M") rules += ' Ue1';
+        else if (props.size === "S") rules += ' Ub1';
+        else if (props.size === "XS") rules += ' Ub1';
+    } else if (props.density === "compact") rules += ' Ua1';
     if (props.density === "regular") {
-        if (props.size === "XL") rules += ' qe91';
-        else if (props.size === "L") rules += ' qe91';
-        else if (props.size === "M") rules += ' qe91';
-        else if (props.size === "S") rules += ' qb91';
-        else if (props.size === "XS") rules += ' qb91';
-    } else if (props.density === "compact") rules += ' qa91';
+        if (props.size === "XL") rules += ' qe1';
+        else if (props.size === "L") rules += ' qe1';
+        else if (props.size === "M") rules += ' qe1';
+        else if (props.size === "S") rules += ' qb1';
+        else if (props.size === "XS") rules += ' qb1';
+    } else if (props.density === "compact") rules += ' qa1';
     return rules;
 };
 const $7a26131f6144af2b$export$33f5f2f2cb85d743 = /*#__PURE__*/ (0, $jGK4W$react.createContext)(null);

package/dist/ActionButtonGroup.css

@@ -1,37 +1,37 @@
 @layer _.a {
-  .sd91 {
+  .sd1 {
     display: flex;
   }
 
-  ._tc91 {
+  ._tc1 {
     flex-direction: row;
   }
 
-  ._ta91 {
+  ._ta1 {
     flex-direction: column;
   }
 
-  .Ua91 {
+  .Ua1 {
     row-gap: .125rem;
   }
 
-  .Ub91 {
+  .Ub1 {
     row-gap: .25rem;
   }
 
-  .Ue91 {
+  .Ue1 {
     row-gap: .5rem;
   }
 
-  .qa91 {
+  .qa1 {
     column-gap: .125rem;
   }
 
-  .qb91 {
+  .qb1 {
     column-gap: .25rem;
   }
 
-  .qe91 {
+  .qe1 {
     column-gap: .5rem;
   }
 }

package/dist/ActionButtonGroup.mjs

@@ -21,23 +21,23 @@ import {createContext as $aTsYn$createContext, forwardRef as $aTsYn$forwardRef}
 const $10401bdc118cbc90$export$641cbcd1f6f6802f = function anonymous(props, overrides) {
     let rules = " ";
     rules += ((overrides || '').match(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|Z|N|L|F|M|K)[^\s]+/g) || []).join('');
-    rules += ' sd91';
-    if (props.orientation === "vertical") rules += ' _ta91';
-    else if (props.orientation === "horizontal") rules += ' _tc91';
+    rules += ' sd1';
+    if (props.orientation === "vertical") rules += ' _ta1';
+    else if (props.orientation === "horizontal") rules += ' _tc1';
     if (props.density === "regular") {
-        if (props.size === "XL") rules += ' Ue91';
-        else if (props.size === "L") rules += ' Ue91';
-        else if (props.size === "M") rules += ' Ue91';
-        else if (props.size === "S") rules += ' Ub91';
-        else if (props.size === "XS") rules += ' Ub91';
-    } else if (props.density === "compact") rules += ' Ua91';
+        if (props.size === "XL") rules += ' Ue1';
+        else if (props.size === "L") rules += ' Ue1';
+        else if (props.size === "M") rules += ' Ue1';
+        else if (props.size === "S") rules += ' Ub1';
+        else if (props.size === "XS") rules += ' Ub1';
+    } else if (props.density === "compact") rules += ' Ua1';
     if (props.density === "regular") {
-        if (props.size === "XL") rules += ' qe91';
-        else if (props.size === "L") rules += ' qe91';
-        else if (props.size === "M") rules += ' qe91';
-        else if (props.size === "S") rules += ' qb91';
-        else if (props.size === "XS") rules += ' qb91';
-    } else if (props.density === "compact") rules += ' qa91';
+        if (props.size === "XL") rules += ' qe1';
+        else if (props.size === "L") rules += ' qe1';
+        else if (props.size === "M") rules += ' qe1';
+        else if (props.size === "S") rules += ' qb1';
+        else if (props.size === "XS") rules += ' qb1';
+    } else if (props.density === "compact") rules += ' qa1';
     return rules;
 };
 const $10401bdc118cbc90$export$33f5f2f2cb85d743 = /*#__PURE__*/ (0, $aTsYn$createContext)(null);

package/dist/Add.cjs

@@ -30,16 +30,16 @@ $parcel$export(module.exports, "default", () => $54686c7c3f031ee2$export$2e2bcd8
 
 let $54686c7c3f031ee2$var$styles = function anonymous(props) {
     let rules = " ";
-    if (props.size === "S") rules += ' Zh91';
-    else if (props.size === "XS") rules += ' Zh91';
-    else if (props.size === "XL") rules += ' Zj91';
-    else if (props.size === "L") rules += ' Zj91';
-    else if (props.size === "M") rules += ' Zi91';
-    if (props.size === "S") rules += ' Fi91';
-    else if (props.size === "XS") rules += ' Fi91';
-    else if (props.size === "XL") rules += ' Fk91';
-    else if (props.size === "L") rules += ' Fk91';
-    else if (props.size === "M") rules += ' Fj91';
+    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';
     return rules;
 };
 function $54686c7c3f031ee2$export$2e2bcd8739ae039(props) {

package/dist/Add.css

@@ -1,28 +1,28 @@
 @layer _.a {
-  .Zi91 {
+  .Zi1 {
     width: calc(.625rem * var(--s2-scale));
   }
 
-  .Zj91 {
+  .Zj1 {
     width: calc(.75rem * var(--s2-scale));
     width: calc(.75rem * var(--s2-scale));
   }
 
-  .Zh91 {
+  .Zh1 {
     width: calc(.5rem * var(--s2-scale));
     width: calc(.5rem * var(--s2-scale));
   }
 
-  .Fj91 {
+  .Fj1 {
     height: calc(.625rem * var(--s2-scale));
   }
 
-  .Fk91 {
+  .Fk1 {
     height: calc(.75rem * var(--s2-scale));
     height: calc(.75rem * var(--s2-scale));
   }
 
-  .Fi91 {
+  .Fi1 {
     height: calc(.5rem * var(--s2-scale));
     height: calc(.5rem * var(--s2-scale));
   }

package/dist/Add.mjs

@@ -24,16 +24,16 @@ import {jsx as $e5O6h$jsx} from "react/jsx-runtime";
 
 let $053de6aaf5f9b7bd$var$styles = function anonymous(props) {
     let rules = " ";
-    if (props.size === "S") rules += ' Zh91';
-    else if (props.size === "XS") rules += ' Zh91';
-    else if (props.size === "XL") rules += ' Zj91';
-    else if (props.size === "L") rules += ' Zj91';
-    else if (props.size === "M") rules += ' Zi91';
-    if (props.size === "S") rules += ' Fi91';
-    else if (props.size === "XS") rules += ' Fi91';
-    else if (props.size === "XL") rules += ' Fk91';
-    else if (props.size === "L") rules += ' Fk91';
-    else if (props.size === "M") rules += ' Fj91';
+    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';
     return rules;
 };
 function $053de6aaf5f9b7bd$export$2e2bcd8739ae039(props) {

package/dist/AlertDialog.cjs

@@ -50,9 +50,9 @@ $parcel$export(module.exports, "AlertDialog", () => $d67aa10f4fac9e2b$export$de4
 
 const $d67aa10f4fac9e2b$var$icon = function anonymous(props) {
     let rules = " ";
-    rules += ' Hv91';
-    if (props.variant === "warning") rules += ' -_8sjo0b-tm91';
-    else if (props.variant === "error") rules += ' -_8sjo0b-tq91';
+    rules += ' Hv1';
+    if (props.variant === "warning") rules += ' -_8sjo0b-tm1';
+    else if (props.variant === "error") rules += ' -_8sjo0b-tq1';
     return rules;
 };
 const $d67aa10f4fac9e2b$export$de466dd8317b0b75 = /*#__PURE__*/ (0, $dZ5J1$react.forwardRef)(function AlertDialog(props, ref) {
@@ -105,6 +105,7 @@ const $d67aa10f4fac9e2b$export$de466dd8317b0b75 = /*#__PURE__*/ (0, $dZ5J1$react
                                 variant: "secondary",
                                 fillStyle: "outline",
                                 autoFocus: autoFocusButton === 'cancel',
+                                "data-testid": "rsp-AlertDialog-cancelButton",
                                 children: cancelLabel
                             }),
                             secondaryActionLabel && /*#__PURE__*/ (0, $dZ5J1$reactjsxruntime.jsx)((0, $25d06cf8d4e72761$exports.Button), {
@@ -113,6 +114,7 @@ const $d67aa10f4fac9e2b$export$de466dd8317b0b75 = /*#__PURE__*/ (0, $dZ5J1$react
                                 isDisabled: isSecondaryActionDisabled,
                                 fillStyle: "outline",
                                 autoFocus: autoFocusButton === 'secondary',
+                                "data-testid": "rsp-AlertDialog-secondaryButton",
                                 children: secondaryActionLabel
                             }),
                             /*#__PURE__*/ (0, $dZ5J1$reactjsxruntime.jsx)((0, $25d06cf8d4e72761$exports.Button), {
@@ -120,6 +122,7 @@ const $d67aa10f4fac9e2b$export$de466dd8317b0b75 = /*#__PURE__*/ (0, $dZ5J1$react
                                 isDisabled: isPrimaryActionDisabled,
                                 autoFocus: autoFocusButton === 'primary',
                                 onPress: ()=>(0, $dZ5J1$reactariautils.chain)(close(), onPrimaryAction()),
+                                "data-testid": "rsp-AlertDialog-confirmButton",
                                 children: primaryActionLabel
                             })
                         ]

package/dist/AlertDialog.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;AAqDD,MAAM;;;;;;;AAgBC,MAAM,0DAAc,CAAA,GAAA,uBAAS,EAAE,SAAS,YAAY,KAAuB,EAAE,GAAW;IAC7F,IAAI,kBAAkB,CAAA,GAAA,gDAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,mBACF,eAAe,eACf,WAAW,wBACX,oBAAoB,sBACpB,kBAAkB,6BAClB,yBAAyB,2BACzB,uBAAuB,YACvB,WAAW,KAAO,oBAClB,kBAAkB,KAAO,sBACzB,oBAAoB,KAAO,UAC3B,KAAK,YACL,QAAQ,WACR,UAAU,gBACX,GAAG;IAEJ,IAAI,gBAAgB;IACpB,IAAI,YAAY,gBACd,gBAAgB;SACX,IAAI,YAAY,eACrB,gBAAgB;IAGlB,qBACE,gCAAC,CAAA,GAAA,gCAAK;QACJ,MAAK;QACL,KAAK;QACL,MAAM,MAAM,IAAI;QAChB,cAAc,MAAM,YAAY;QAChC,kBAAmB,MAAM,gBAAgB,IAAI;kBAC5C,CAAC,SAAC,KAAK,EAAC,iBACP;;kCACE,gCAAC,CAAA,GAAA,mCAAO;wBACN,QAAQ;4BACN;gCAAC,CAAA,GAAA,qCAAU;gCAAG;oCAAC,QAAQ,2BAAK;iDAAC;oCAAO;gCAAE;6BAAE;yBACzC;kCACD,cAAA,gCAAC,CAAA,GAAA,iCAAM;4BAAE,MAAK;sCACZ,cAAA,iCAAC,CAAA,GAAA,wCAAa;;oCACX,YAAY,yBAAW,gCAAC,CAAA,GAAA,iCAAY;wCAAE,cAAY,gBAAgB,MAAM,CAAC;;oCACzE,YAAY,2BAAa,gCAAC,CAAA,GAAA,iCAAW;wCAAE,cAAY,gBAAgB,MAAM,CAAC;;oCAC1E;;;;;kCAIP,gCAAC,CAAA,GAAA,iCAAM;kCAAG;;kCACV,iCAAC,CAAA,GAAA,qCAAU;;4BACR,6BACC,gCAAC,CAAA,GAAA,gCAAK;gCACJ,SAAS,IAAM,CAAA,GAAA,2BAAI,EAAE,SAAS;gCAC9B,SAAQ;gCACR,WAAU;gCACV,WAAW,oBAAoB;0CAC9B;;4BAGJ,sCACC,gCAAC,CAAA,GAAA,gCAAK;gCACJ,SAAS,IAAM,CAAA,GAAA,2BAAI,EAAE,SAAS;gCAC9B,SAAQ;gCACR,YAAY;gCACZ,WAAU;gCACV,WAAW,oBAAoB;0CAC9B;;0CAGL,gCAAC,CAAA,GAAA,gCAAK;gCACJ,SAAS;gCACT,YAAY;gCACZ,WAAW,oBAAoB;gCAC/B,SAAS,IAAM,CAAA,GAAA,2BAAI,EAAE,SAAS;0CAC7B;;;;;;;AAOf","sources":["packages/@react-spectrum/s2/src/AlertDialog.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 AlertTriangle from '../s2wf-icons/S2_Icon_AlertTriangle_20_N.svg';\nimport {Button} from './Button';\nimport {ButtonGroup} from './ButtonGroup';\nimport {CenterBaseline} from './CenterBaseline';\nimport {chain} from '@react-aria/utils';\nimport {Content, Heading} from './Content';\nimport {Dialog} from './Dialog';\nimport {DOMProps, DOMRef} from '@react-types/shared';\nimport {forwardRef, ReactNode} from 'react';\nimport {IconContext} from './Icon';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport NoticeSquare from '../s2wf-icons/S2_Icon_AlertDiamond_20_N.svg';\nimport {Provider} from 'react-aria-components';\nimport {style} from '../style' with {type: 'macro'};\nimport {UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\nexport interface AlertDialogProps extends DOMProps, UnsafeStyles {\n  /** The [visual style](https://spectrum.adobe.com/page/alert-dialog/#Options) of the AlertDialog.  */\n  variant?: 'confirmation' | 'information' | 'destructive' | 'error' | 'warning',\n  /** The title of the AlertDialog. */\n  title: string,\n  /** The contents of the AlertDialog. */\n  children: ReactNode,\n  /** The label to display within the cancel button. */\n  cancelLabel?: string,\n  /** The label to display within the confirm button. */\n  primaryActionLabel: string,\n  /** The label to display within the secondary button. */\n  secondaryActionLabel?: string,\n  /** Whether the primary button is disabled. */\n  isPrimaryActionDisabled?: boolean,\n  /** Whether the secondary button is disabled. */\n  isSecondaryActionDisabled?: boolean,\n  /** Handler that is called when the cancel button is pressed. */\n  onCancel?: () => void,\n  /** Handler that is called when the primary button is pressed. */\n  onPrimaryAction?: () => void,\n  /** Handler that is called when the secondary button is pressed. */\n  onSecondaryAction?: () => void,\n  /** Button to focus by default when the dialog opens. */\n  autoFocusButton?: 'cancel' | 'primary' | 'secondary',\n  /**\n   * The size of the Dialog.\n   *\n   * @default 'M'\n   */\n    size?: 'S' | 'M' | 'L'\n}\n\nconst icon = style({\n  marginEnd: 8,\n  '--iconPrimary': {\n    type: 'fill',\n    value: {\n      variant: {\n        error: 'negative',\n        warning: 'notice'\n      }\n    }\n  }\n});\n\n/**\n * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.\n */\nexport const AlertDialog = forwardRef(function AlertDialog(props: AlertDialogProps, ref: DOMRef) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  let {\n    autoFocusButton,\n    cancelLabel,\n    secondaryActionLabel,\n    primaryActionLabel,\n    isSecondaryActionDisabled,\n    isPrimaryActionDisabled,\n    onCancel = () => {},\n    onPrimaryAction = () => {},\n    onSecondaryAction = () => {},\n    title,\n    children,\n    variant = 'confirmation'\n  } = props;\n\n  let buttonVariant = 'primary';\n  if (variant === 'confirmation') {\n    buttonVariant = 'accent';\n  } else if (variant === 'destructive') {\n    buttonVariant = 'negative';\n  }\n\n  return (\n    <Dialog\n      role=\"alertdialog\"\n      ref={ref}\n      size={props.size}\n      UNSAFE_style={props.UNSAFE_style}\n      UNSAFE_className={(props.UNSAFE_className || '')}>\n      {({close}) => (\n        <>\n          <Provider\n            values={[\n              [IconContext, {styles: icon({variant})}]\n            ]}>\n            <Heading slot=\"title\">\n              <CenterBaseline>\n                {variant === 'error' && <AlertTriangle aria-label={stringFormatter.format('dialog.alert')} />}\n                {variant === 'warning' && <NoticeSquare aria-label={stringFormatter.format('dialog.alert')} />}\n                {title}\n              </CenterBaseline>\n            </Heading>\n          </Provider>\n          <Content>{children}</Content>\n          <ButtonGroup>\n            {cancelLabel &&\n              <Button\n                onPress={() => chain(close(), onCancel())}\n                variant=\"secondary\"\n                fillStyle=\"outline\"\n                autoFocus={autoFocusButton === 'cancel'}>\n                {cancelLabel}\n              </Button>\n            }\n            {secondaryActionLabel &&\n              <Button\n                onPress={() => chain(close(), onSecondaryAction())}\n                variant=\"secondary\"\n                isDisabled={isSecondaryActionDisabled}\n                fillStyle=\"outline\"\n                autoFocus={autoFocusButton === 'secondary'}>\n                {secondaryActionLabel}\n              </Button>\n            }\n            <Button\n              variant={buttonVariant as 'primary' | 'accent' | 'negative'}\n              isDisabled={isPrimaryActionDisabled}\n              autoFocus={autoFocusButton === 'primary'}\n              onPress={() => chain(close(), onPrimaryAction())}>\n              {primaryActionLabel}\n            </Button>\n          </ButtonGroup>\n        </>\n      )}\n    </Dialog>\n  );\n});\n"],"names":[],"version":3,"file":"AlertDialog.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;AAqDD,MAAM;;;;;;;AAgBC,MAAM,0DAAc,CAAA,GAAA,uBAAS,EAAE,SAAS,YAAY,KAAuB,EAAE,GAAW;IAC7F,IAAI,kBAAkB,CAAA,GAAA,gDAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,mBACF,eAAe,eACf,WAAW,wBACX,oBAAoB,sBACpB,kBAAkB,6BAClB,yBAAyB,2BACzB,uBAAuB,YACvB,WAAW,KAAO,oBAClB,kBAAkB,KAAO,sBACzB,oBAAoB,KAAO,UAC3B,KAAK,YACL,QAAQ,WACR,UAAU,gBACX,GAAG;IAEJ,IAAI,gBAAgB;IACpB,IAAI,YAAY,gBACd,gBAAgB;SACX,IAAI,YAAY,eACrB,gBAAgB;IAGlB,qBACE,gCAAC,CAAA,GAAA,gCAAK;QACJ,MAAK;QACL,KAAK;QACL,MAAM,MAAM,IAAI;QAChB,cAAc,MAAM,YAAY;QAChC,kBAAmB,MAAM,gBAAgB,IAAI;kBAC5C,CAAC,SAAC,KAAK,EAAC,iBACP;;kCACE,gCAAC,CAAA,GAAA,mCAAO;wBACN,QAAQ;4BACN;gCAAC,CAAA,GAAA,qCAAU;gCAAG;oCAAC,QAAQ,2BAAK;iDAAC;oCAAO;gCAAE;6BAAE;yBACzC;kCACD,cAAA,gCAAC,CAAA,GAAA,iCAAM;4BAAE,MAAK;sCACZ,cAAA,iCAAC,CAAA,GAAA,wCAAa;;oCACX,YAAY,yBAAW,gCAAC,CAAA,GAAA,iCAAY;wCAAE,cAAY,gBAAgB,MAAM,CAAC;;oCACzE,YAAY,2BAAa,gCAAC,CAAA,GAAA,iCAAW;wCAAE,cAAY,gBAAgB,MAAM,CAAC;;oCAC1E;;;;;kCAIP,gCAAC,CAAA,GAAA,iCAAM;kCAAG;;kCACV,iCAAC,CAAA,GAAA,qCAAU;;4BACR,6BACC,gCAAC,CAAA,GAAA,gCAAK;gCACJ,SAAS,IAAM,CAAA,GAAA,2BAAI,EAAE,SAAS;gCAC9B,SAAQ;gCACR,WAAU;gCACV,WAAW,oBAAoB;gCAC/B,eAAY;0CACX;;4BAGJ,sCACC,gCAAC,CAAA,GAAA,gCAAK;gCACJ,SAAS,IAAM,CAAA,GAAA,2BAAI,EAAE,SAAS;gCAC9B,SAAQ;gCACR,YAAY;gCACZ,WAAU;gCACV,WAAW,oBAAoB;gCAC/B,eAAY;0CACX;;0CAGL,gCAAC,CAAA,GAAA,gCAAK;gCACJ,SAAS;gCACT,YAAY;gCACZ,WAAW,oBAAoB;gCAC/B,SAAS,IAAM,CAAA,GAAA,2BAAI,EAAE,SAAS;gCAC9B,eAAY;0CACX;;;;;;;AAOf","sources":["packages/@react-spectrum/s2/src/AlertDialog.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 AlertTriangle from '../s2wf-icons/S2_Icon_AlertTriangle_20_N.svg';\nimport {Button} from './Button';\nimport {ButtonGroup} from './ButtonGroup';\nimport {CenterBaseline} from './CenterBaseline';\nimport {chain} from '@react-aria/utils';\nimport {Content, Heading} from './Content';\nimport {Dialog} from './Dialog';\nimport {DOMProps, DOMRef} from '@react-types/shared';\nimport {forwardRef, ReactNode} from 'react';\nimport {IconContext} from './Icon';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport NoticeSquare from '../s2wf-icons/S2_Icon_AlertDiamond_20_N.svg';\nimport {Provider} from 'react-aria-components';\nimport {style} from '../style' with {type: 'macro'};\nimport {UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\nexport interface AlertDialogProps extends DOMProps, UnsafeStyles {\n  /** The [visual style](https://spectrum.adobe.com/page/alert-dialog/#Options) of the AlertDialog.  */\n  variant?: 'confirmation' | 'information' | 'destructive' | 'error' | 'warning',\n  /** The title of the AlertDialog. */\n  title: string,\n  /** The contents of the AlertDialog. */\n  children: ReactNode,\n  /** The label to display within the cancel button. */\n  cancelLabel?: string,\n  /** The label to display within the confirm button. */\n  primaryActionLabel: string,\n  /** The label to display within the secondary button. */\n  secondaryActionLabel?: string,\n  /** Whether the primary button is disabled. */\n  isPrimaryActionDisabled?: boolean,\n  /** Whether the secondary button is disabled. */\n  isSecondaryActionDisabled?: boolean,\n  /** Handler that is called when the cancel button is pressed. */\n  onCancel?: () => void,\n  /** Handler that is called when the primary button is pressed. */\n  onPrimaryAction?: () => void,\n  /** Handler that is called when the secondary button is pressed. */\n  onSecondaryAction?: () => void,\n  /** Button to focus by default when the dialog opens. */\n  autoFocusButton?: 'cancel' | 'primary' | 'secondary',\n  /**\n   * The size of the Dialog.\n   *\n   * @default 'M'\n   */\n    size?: 'S' | 'M' | 'L'\n}\n\nconst icon = style({\n  marginEnd: 8,\n  '--iconPrimary': {\n    type: 'fill',\n    value: {\n      variant: {\n        error: 'negative',\n        warning: 'notice'\n      }\n    }\n  }\n});\n\n/**\n * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.\n */\nexport const AlertDialog = forwardRef(function AlertDialog(props: AlertDialogProps, ref: DOMRef) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  let {\n    autoFocusButton,\n    cancelLabel,\n    secondaryActionLabel,\n    primaryActionLabel,\n    isSecondaryActionDisabled,\n    isPrimaryActionDisabled,\n    onCancel = () => {},\n    onPrimaryAction = () => {},\n    onSecondaryAction = () => {},\n    title,\n    children,\n    variant = 'confirmation'\n  } = props;\n\n  let buttonVariant = 'primary';\n  if (variant === 'confirmation') {\n    buttonVariant = 'accent';\n  } else if (variant === 'destructive') {\n    buttonVariant = 'negative';\n  }\n\n  return (\n    <Dialog\n      role=\"alertdialog\"\n      ref={ref}\n      size={props.size}\n      UNSAFE_style={props.UNSAFE_style}\n      UNSAFE_className={(props.UNSAFE_className || '')}>\n      {({close}) => (\n        <>\n          <Provider\n            values={[\n              [IconContext, {styles: icon({variant})}]\n            ]}>\n            <Heading slot=\"title\">\n              <CenterBaseline>\n                {variant === 'error' && <AlertTriangle aria-label={stringFormatter.format('dialog.alert')} />}\n                {variant === 'warning' && <NoticeSquare aria-label={stringFormatter.format('dialog.alert')} />}\n                {title}\n              </CenterBaseline>\n            </Heading>\n          </Provider>\n          <Content>{children}</Content>\n          <ButtonGroup>\n            {cancelLabel &&\n              <Button\n                onPress={() => chain(close(), onCancel())}\n                variant=\"secondary\"\n                fillStyle=\"outline\"\n                autoFocus={autoFocusButton === 'cancel'}\n                data-testid=\"rsp-AlertDialog-cancelButton\">\n                {cancelLabel}\n              </Button>\n            }\n            {secondaryActionLabel &&\n              <Button\n                onPress={() => chain(close(), onSecondaryAction())}\n                variant=\"secondary\"\n                isDisabled={isSecondaryActionDisabled}\n                fillStyle=\"outline\"\n                autoFocus={autoFocusButton === 'secondary'}\n                data-testid=\"rsp-AlertDialog-secondaryButton\">\n                {secondaryActionLabel}\n              </Button>\n            }\n            <Button\n              variant={buttonVariant as 'primary' | 'accent' | 'negative'}\n              isDisabled={isPrimaryActionDisabled}\n              autoFocus={autoFocusButton === 'primary'}\n              onPress={() => chain(close(), onPrimaryAction())}\n              data-testid=\"rsp-AlertDialog-confirmButton\">\n              {primaryActionLabel}\n            </Button>\n          </ButtonGroup>\n        </>\n      )}\n    </Dialog>\n  );\n});\n"],"names":[],"version":3,"file":"AlertDialog.cjs.map"}

package/dist/AlertDialog.css

@@ -1,13 +1,13 @@
 @layer _.a {
-  .Hv91 {
+  .Hv1 {
     margin-inline-end: .5rem;
   }
 
-  .-_8sjo0b-tq91 {
+  .-_8sjo0b-tq1 {
     --iconPrimary: var(--lightningcss-light, #f03823) var(--lightningcss-dark, #fc432e);
   }
 
-  .-_8sjo0b-tm91 {
+  .-_8sjo0b-tm1 {
     --iconPrimary: var(--lightningcss-light, #d45b00) var(--lightningcss-dark, #e06400);
   }
 }

package/dist/AlertDialog.css.map

@@ -1 +1 @@
-{"mappings":"AA+Da;EAAA;;;;EAAA;;;;EAAA","sources":["packages/@react-spectrum/s2/src/AlertDialog.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 AlertTriangle from '../s2wf-icons/S2_Icon_AlertTriangle_20_N.svg';\nimport {Button} from './Button';\nimport {ButtonGroup} from './ButtonGroup';\nimport {CenterBaseline} from './CenterBaseline';\nimport {chain} from '@react-aria/utils';\nimport {Content, Heading} from './Content';\nimport {Dialog} from './Dialog';\nimport {DOMProps, DOMRef} from '@react-types/shared';\nimport {forwardRef, ReactNode} from 'react';\nimport {IconContext} from './Icon';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport NoticeSquare from '../s2wf-icons/S2_Icon_AlertDiamond_20_N.svg';\nimport {Provider} from 'react-aria-components';\nimport {style} from '../style' with {type: 'macro'};\nimport {UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\nexport interface AlertDialogProps extends DOMProps, UnsafeStyles {\n  /** The [visual style](https://spectrum.adobe.com/page/alert-dialog/#Options) of the AlertDialog.  */\n  variant?: 'confirmation' | 'information' | 'destructive' | 'error' | 'warning',\n  /** The title of the AlertDialog. */\n  title: string,\n  /** The contents of the AlertDialog. */\n  children: ReactNode,\n  /** The label to display within the cancel button. */\n  cancelLabel?: string,\n  /** The label to display within the confirm button. */\n  primaryActionLabel: string,\n  /** The label to display within the secondary button. */\n  secondaryActionLabel?: string,\n  /** Whether the primary button is disabled. */\n  isPrimaryActionDisabled?: boolean,\n  /** Whether the secondary button is disabled. */\n  isSecondaryActionDisabled?: boolean,\n  /** Handler that is called when the cancel button is pressed. */\n  onCancel?: () => void,\n  /** Handler that is called when the primary button is pressed. */\n  onPrimaryAction?: () => void,\n  /** Handler that is called when the secondary button is pressed. */\n  onSecondaryAction?: () => void,\n  /** Button to focus by default when the dialog opens. */\n  autoFocusButton?: 'cancel' | 'primary' | 'secondary',\n  /**\n   * The size of the Dialog.\n   *\n   * @default 'M'\n   */\n    size?: 'S' | 'M' | 'L'\n}\n\nconst icon = style({\n  marginEnd: 8,\n  '--iconPrimary': {\n    type: 'fill',\n    value: {\n      variant: {\n        error: 'negative',\n        warning: 'notice'\n      }\n    }\n  }\n});\n\n/**\n * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.\n */\nexport const AlertDialog = forwardRef(function AlertDialog(props: AlertDialogProps, ref: DOMRef) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  let {\n    autoFocusButton,\n    cancelLabel,\n    secondaryActionLabel,\n    primaryActionLabel,\n    isSecondaryActionDisabled,\n    isPrimaryActionDisabled,\n    onCancel = () => {},\n    onPrimaryAction = () => {},\n    onSecondaryAction = () => {},\n    title,\n    children,\n    variant = 'confirmation'\n  } = props;\n\n  let buttonVariant = 'primary';\n  if (variant === 'confirmation') {\n    buttonVariant = 'accent';\n  } else if (variant === 'destructive') {\n    buttonVariant = 'negative';\n  }\n\n  return (\n    <Dialog\n      role=\"alertdialog\"\n      ref={ref}\n      size={props.size}\n      UNSAFE_style={props.UNSAFE_style}\n      UNSAFE_className={(props.UNSAFE_className || '')}>\n      {({close}) => (\n        <>\n          <Provider\n            values={[\n              [IconContext, {styles: icon({variant})}]\n            ]}>\n            <Heading slot=\"title\">\n              <CenterBaseline>\n                {variant === 'error' && <AlertTriangle aria-label={stringFormatter.format('dialog.alert')} />}\n                {variant === 'warning' && <NoticeSquare aria-label={stringFormatter.format('dialog.alert')} />}\n                {title}\n              </CenterBaseline>\n            </Heading>\n          </Provider>\n          <Content>{children}</Content>\n          <ButtonGroup>\n            {cancelLabel &&\n              <Button\n                onPress={() => chain(close(), onCancel())}\n                variant=\"secondary\"\n                fillStyle=\"outline\"\n                autoFocus={autoFocusButton === 'cancel'}>\n                {cancelLabel}\n              </Button>\n            }\n            {secondaryActionLabel &&\n              <Button\n                onPress={() => chain(close(), onSecondaryAction())}\n                variant=\"secondary\"\n                isDisabled={isSecondaryActionDisabled}\n                fillStyle=\"outline\"\n                autoFocus={autoFocusButton === 'secondary'}>\n                {secondaryActionLabel}\n              </Button>\n            }\n            <Button\n              variant={buttonVariant as 'primary' | 'accent' | 'negative'}\n              isDisabled={isPrimaryActionDisabled}\n              autoFocus={autoFocusButton === 'primary'}\n              onPress={() => chain(close(), onPrimaryAction())}>\n              {primaryActionLabel}\n            </Button>\n          </ButtonGroup>\n        </>\n      )}\n    </Dialog>\n  );\n});\n"],"names":[],"version":3,"file":"AlertDialog.css.map"}
+{"mappings":"AA+Da;EAAA;;;;EAAA;;;;EAAA","sources":["packages/@react-spectrum/s2/src/AlertDialog.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 AlertTriangle from '../s2wf-icons/S2_Icon_AlertTriangle_20_N.svg';\nimport {Button} from './Button';\nimport {ButtonGroup} from './ButtonGroup';\nimport {CenterBaseline} from './CenterBaseline';\nimport {chain} from '@react-aria/utils';\nimport {Content, Heading} from './Content';\nimport {Dialog} from './Dialog';\nimport {DOMProps, DOMRef} from '@react-types/shared';\nimport {forwardRef, ReactNode} from 'react';\nimport {IconContext} from './Icon';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport NoticeSquare from '../s2wf-icons/S2_Icon_AlertDiamond_20_N.svg';\nimport {Provider} from 'react-aria-components';\nimport {style} from '../style' with {type: 'macro'};\nimport {UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\nexport interface AlertDialogProps extends DOMProps, UnsafeStyles {\n  /** The [visual style](https://spectrum.adobe.com/page/alert-dialog/#Options) of the AlertDialog.  */\n  variant?: 'confirmation' | 'information' | 'destructive' | 'error' | 'warning',\n  /** The title of the AlertDialog. */\n  title: string,\n  /** The contents of the AlertDialog. */\n  children: ReactNode,\n  /** The label to display within the cancel button. */\n  cancelLabel?: string,\n  /** The label to display within the confirm button. */\n  primaryActionLabel: string,\n  /** The label to display within the secondary button. */\n  secondaryActionLabel?: string,\n  /** Whether the primary button is disabled. */\n  isPrimaryActionDisabled?: boolean,\n  /** Whether the secondary button is disabled. */\n  isSecondaryActionDisabled?: boolean,\n  /** Handler that is called when the cancel button is pressed. */\n  onCancel?: () => void,\n  /** Handler that is called when the primary button is pressed. */\n  onPrimaryAction?: () => void,\n  /** Handler that is called when the secondary button is pressed. */\n  onSecondaryAction?: () => void,\n  /** Button to focus by default when the dialog opens. */\n  autoFocusButton?: 'cancel' | 'primary' | 'secondary',\n  /**\n   * The size of the Dialog.\n   *\n   * @default 'M'\n   */\n    size?: 'S' | 'M' | 'L'\n}\n\nconst icon = style({\n  marginEnd: 8,\n  '--iconPrimary': {\n    type: 'fill',\n    value: {\n      variant: {\n        error: 'negative',\n        warning: 'notice'\n      }\n    }\n  }\n});\n\n/**\n * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.\n */\nexport const AlertDialog = forwardRef(function AlertDialog(props: AlertDialogProps, ref: DOMRef) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  let {\n    autoFocusButton,\n    cancelLabel,\n    secondaryActionLabel,\n    primaryActionLabel,\n    isSecondaryActionDisabled,\n    isPrimaryActionDisabled,\n    onCancel = () => {},\n    onPrimaryAction = () => {},\n    onSecondaryAction = () => {},\n    title,\n    children,\n    variant = 'confirmation'\n  } = props;\n\n  let buttonVariant = 'primary';\n  if (variant === 'confirmation') {\n    buttonVariant = 'accent';\n  } else if (variant === 'destructive') {\n    buttonVariant = 'negative';\n  }\n\n  return (\n    <Dialog\n      role=\"alertdialog\"\n      ref={ref}\n      size={props.size}\n      UNSAFE_style={props.UNSAFE_style}\n      UNSAFE_className={(props.UNSAFE_className || '')}>\n      {({close}) => (\n        <>\n          <Provider\n            values={[\n              [IconContext, {styles: icon({variant})}]\n            ]}>\n            <Heading slot=\"title\">\n              <CenterBaseline>\n                {variant === 'error' && <AlertTriangle aria-label={stringFormatter.format('dialog.alert')} />}\n                {variant === 'warning' && <NoticeSquare aria-label={stringFormatter.format('dialog.alert')} />}\n                {title}\n              </CenterBaseline>\n            </Heading>\n          </Provider>\n          <Content>{children}</Content>\n          <ButtonGroup>\n            {cancelLabel &&\n              <Button\n                onPress={() => chain(close(), onCancel())}\n                variant=\"secondary\"\n                fillStyle=\"outline\"\n                autoFocus={autoFocusButton === 'cancel'}\n                data-testid=\"rsp-AlertDialog-cancelButton\">\n                {cancelLabel}\n              </Button>\n            }\n            {secondaryActionLabel &&\n              <Button\n                onPress={() => chain(close(), onSecondaryAction())}\n                variant=\"secondary\"\n                isDisabled={isSecondaryActionDisabled}\n                fillStyle=\"outline\"\n                autoFocus={autoFocusButton === 'secondary'}\n                data-testid=\"rsp-AlertDialog-secondaryButton\">\n                {secondaryActionLabel}\n              </Button>\n            }\n            <Button\n              variant={buttonVariant as 'primary' | 'accent' | 'negative'}\n              isDisabled={isPrimaryActionDisabled}\n              autoFocus={autoFocusButton === 'primary'}\n              onPress={() => chain(close(), onPrimaryAction())}\n              data-testid=\"rsp-AlertDialog-confirmButton\">\n              {primaryActionLabel}\n            </Button>\n          </ButtonGroup>\n        </>\n      )}\n    </Dialog>\n  );\n});\n"],"names":[],"version":3,"file":"AlertDialog.css.map"}

package/dist/AlertDialog.mjs

@@ -44,9 +44,9 @@ function $parcel$interopDefault(a) {
 
 const $94a8ad475d9a330c$var$icon = function anonymous(props) {
     let rules = " ";
-    rules += ' Hv91';
-    if (props.variant === "warning") rules += ' -_8sjo0b-tm91';
-    else if (props.variant === "error") rules += ' -_8sjo0b-tq91';
+    rules += ' Hv1';
+    if (props.variant === "warning") rules += ' -_8sjo0b-tm1';
+    else if (props.variant === "error") rules += ' -_8sjo0b-tq1';
     return rules;
 };
 const $94a8ad475d9a330c$export$de466dd8317b0b75 = /*#__PURE__*/ (0, $2iZqV$forwardRef)(function AlertDialog(props, ref) {
@@ -99,6 +99,7 @@ const $94a8ad475d9a330c$export$de466dd8317b0b75 = /*#__PURE__*/ (0, $2iZqV$forwa
                                 variant: "secondary",
                                 fillStyle: "outline",
                                 autoFocus: autoFocusButton === 'cancel',
+                                "data-testid": "rsp-AlertDialog-cancelButton",
                                 children: cancelLabel
                             }),
                             secondaryActionLabel && /*#__PURE__*/ (0, $2iZqV$jsx)((0, $067ea9f64ccd4e8e$export$353f5b6fc5456de1), {
@@ -107,6 +108,7 @@ const $94a8ad475d9a330c$export$de466dd8317b0b75 = /*#__PURE__*/ (0, $2iZqV$forwa
                                 isDisabled: isSecondaryActionDisabled,
                                 fillStyle: "outline",
                                 autoFocus: autoFocusButton === 'secondary',
+                                "data-testid": "rsp-AlertDialog-secondaryButton",
                                 children: secondaryActionLabel
                             }),
                             /*#__PURE__*/ (0, $2iZqV$jsx)((0, $067ea9f64ccd4e8e$export$353f5b6fc5456de1), {
@@ -114,6 +116,7 @@ const $94a8ad475d9a330c$export$de466dd8317b0b75 = /*#__PURE__*/ (0, $2iZqV$forwa
                                 isDisabled: isPrimaryActionDisabled,
                                 autoFocus: autoFocusButton === 'primary',
                                 onPress: ()=>(0, $2iZqV$chain)(close(), onPrimaryAction()),
+                                "data-testid": "rsp-AlertDialog-confirmButton",
                                 children: primaryActionLabel
                             })
                         ]

package/dist/AlertDialog.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;AAqDD,MAAM;;;;;;;AAgBC,MAAM,0DAAc,CAAA,GAAA,iBAAS,EAAE,SAAS,YAAY,KAAuB,EAAE,GAAW;IAC7F,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,IAAI,mBACF,eAAe,eACf,WAAW,wBACX,oBAAoB,sBACpB,kBAAkB,6BAClB,yBAAyB,2BACzB,uBAAuB,YACvB,WAAW,KAAO,oBAClB,kBAAkB,KAAO,sBACzB,oBAAoB,KAAO,UAC3B,KAAK,YACL,QAAQ,WACR,UAAU,gBACX,GAAG;IAEJ,IAAI,gBAAgB;IACpB,IAAI,YAAY,gBACd,gBAAgB;SACX,IAAI,YAAY,eACrB,gBAAgB;IAGlB,qBACE,gBAAC,CAAA,GAAA,yCAAK;QACJ,MAAK;QACL,KAAK;QACL,MAAM,MAAM,IAAI;QAChB,cAAc,MAAM,YAAY;QAChC,kBAAmB,MAAM,gBAAgB,IAAI;kBAC5C,CAAC,SAAC,KAAK,EAAC,iBACP;;kCACE,gBAAC,CAAA,GAAA,eAAO;wBACN,QAAQ;4BACN;gCAAC,CAAA,GAAA,yCAAU;gCAAG;oCAAC,QAAQ,2BAAK;iDAAC;oCAAO;gCAAE;6BAAE;yBACzC;kCACD,cAAA,gBAAC,CAAA,GAAA,yCAAM;4BAAE,MAAK;sCACZ,cAAA,iBAAC,CAAA,GAAA,yCAAa;;oCACX,YAAY,yBAAW,gBAAC,CAAA,GAAA,wCAAY;wCAAE,cAAY,gBAAgB,MAAM,CAAC;;oCACzE,YAAY,2BAAa,gBAAC,CAAA,GAAA,wCAAW;wCAAE,cAAY,gBAAgB,MAAM,CAAC;;oCAC1E;;;;;kCAIP,gBAAC,CAAA,GAAA,yCAAM;kCAAG;;kCACV,iBAAC,CAAA,GAAA,yCAAU;;4BACR,6BACC,gBAAC,CAAA,GAAA,yCAAK;gCACJ,SAAS,IAAM,CAAA,GAAA,YAAI,EAAE,SAAS;gCAC9B,SAAQ;gCACR,WAAU;gCACV,WAAW,oBAAoB;0CAC9B;;4BAGJ,sCACC,gBAAC,CAAA,GAAA,yCAAK;gCACJ,SAAS,IAAM,CAAA,GAAA,YAAI,EAAE,SAAS;gCAC9B,SAAQ;gCACR,YAAY;gCACZ,WAAU;gCACV,WAAW,oBAAoB;0CAC9B;;0CAGL,gBAAC,CAAA,GAAA,yCAAK;gCACJ,SAAS;gCACT,YAAY;gCACZ,WAAW,oBAAoB;gCAC/B,SAAS,IAAM,CAAA,GAAA,YAAI,EAAE,SAAS;0CAC7B;;;;;;;AAOf","sources":["packages/@react-spectrum/s2/src/AlertDialog.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 AlertTriangle from '../s2wf-icons/S2_Icon_AlertTriangle_20_N.svg';\nimport {Button} from './Button';\nimport {ButtonGroup} from './ButtonGroup';\nimport {CenterBaseline} from './CenterBaseline';\nimport {chain} from '@react-aria/utils';\nimport {Content, Heading} from './Content';\nimport {Dialog} from './Dialog';\nimport {DOMProps, DOMRef} from '@react-types/shared';\nimport {forwardRef, ReactNode} from 'react';\nimport {IconContext} from './Icon';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport NoticeSquare from '../s2wf-icons/S2_Icon_AlertDiamond_20_N.svg';\nimport {Provider} from 'react-aria-components';\nimport {style} from '../style' with {type: 'macro'};\nimport {UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\nexport interface AlertDialogProps extends DOMProps, UnsafeStyles {\n  /** The [visual style](https://spectrum.adobe.com/page/alert-dialog/#Options) of the AlertDialog.  */\n  variant?: 'confirmation' | 'information' | 'destructive' | 'error' | 'warning',\n  /** The title of the AlertDialog. */\n  title: string,\n  /** The contents of the AlertDialog. */\n  children: ReactNode,\n  /** The label to display within the cancel button. */\n  cancelLabel?: string,\n  /** The label to display within the confirm button. */\n  primaryActionLabel: string,\n  /** The label to display within the secondary button. */\n  secondaryActionLabel?: string,\n  /** Whether the primary button is disabled. */\n  isPrimaryActionDisabled?: boolean,\n  /** Whether the secondary button is disabled. */\n  isSecondaryActionDisabled?: boolean,\n  /** Handler that is called when the cancel button is pressed. */\n  onCancel?: () => void,\n  /** Handler that is called when the primary button is pressed. */\n  onPrimaryAction?: () => void,\n  /** Handler that is called when the secondary button is pressed. */\n  onSecondaryAction?: () => void,\n  /** Button to focus by default when the dialog opens. */\n  autoFocusButton?: 'cancel' | 'primary' | 'secondary',\n  /**\n   * The size of the Dialog.\n   *\n   * @default 'M'\n   */\n    size?: 'S' | 'M' | 'L'\n}\n\nconst icon = style({\n  marginEnd: 8,\n  '--iconPrimary': {\n    type: 'fill',\n    value: {\n      variant: {\n        error: 'negative',\n        warning: 'notice'\n      }\n    }\n  }\n});\n\n/**\n * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.\n */\nexport const AlertDialog = forwardRef(function AlertDialog(props: AlertDialogProps, ref: DOMRef) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  let {\n    autoFocusButton,\n    cancelLabel,\n    secondaryActionLabel,\n    primaryActionLabel,\n    isSecondaryActionDisabled,\n    isPrimaryActionDisabled,\n    onCancel = () => {},\n    onPrimaryAction = () => {},\n    onSecondaryAction = () => {},\n    title,\n    children,\n    variant = 'confirmation'\n  } = props;\n\n  let buttonVariant = 'primary';\n  if (variant === 'confirmation') {\n    buttonVariant = 'accent';\n  } else if (variant === 'destructive') {\n    buttonVariant = 'negative';\n  }\n\n  return (\n    <Dialog\n      role=\"alertdialog\"\n      ref={ref}\n      size={props.size}\n      UNSAFE_style={props.UNSAFE_style}\n      UNSAFE_className={(props.UNSAFE_className || '')}>\n      {({close}) => (\n        <>\n          <Provider\n            values={[\n              [IconContext, {styles: icon({variant})}]\n            ]}>\n            <Heading slot=\"title\">\n              <CenterBaseline>\n                {variant === 'error' && <AlertTriangle aria-label={stringFormatter.format('dialog.alert')} />}\n                {variant === 'warning' && <NoticeSquare aria-label={stringFormatter.format('dialog.alert')} />}\n                {title}\n              </CenterBaseline>\n            </Heading>\n          </Provider>\n          <Content>{children}</Content>\n          <ButtonGroup>\n            {cancelLabel &&\n              <Button\n                onPress={() => chain(close(), onCancel())}\n                variant=\"secondary\"\n                fillStyle=\"outline\"\n                autoFocus={autoFocusButton === 'cancel'}>\n                {cancelLabel}\n              </Button>\n            }\n            {secondaryActionLabel &&\n              <Button\n                onPress={() => chain(close(), onSecondaryAction())}\n                variant=\"secondary\"\n                isDisabled={isSecondaryActionDisabled}\n                fillStyle=\"outline\"\n                autoFocus={autoFocusButton === 'secondary'}>\n                {secondaryActionLabel}\n              </Button>\n            }\n            <Button\n              variant={buttonVariant as 'primary' | 'accent' | 'negative'}\n              isDisabled={isPrimaryActionDisabled}\n              autoFocus={autoFocusButton === 'primary'}\n              onPress={() => chain(close(), onPrimaryAction())}>\n              {primaryActionLabel}\n            </Button>\n          </ButtonGroup>\n        </>\n      )}\n    </Dialog>\n  );\n});\n"],"names":[],"version":3,"file":"AlertDialog.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;AAqDD,MAAM;;;;;;;AAgBC,MAAM,0DAAc,CAAA,GAAA,iBAAS,EAAE,SAAS,YAAY,KAAuB,EAAE,GAAW;IAC7F,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,IAAI,mBACF,eAAe,eACf,WAAW,wBACX,oBAAoB,sBACpB,kBAAkB,6BAClB,yBAAyB,2BACzB,uBAAuB,YACvB,WAAW,KAAO,oBAClB,kBAAkB,KAAO,sBACzB,oBAAoB,KAAO,UAC3B,KAAK,YACL,QAAQ,WACR,UAAU,gBACX,GAAG;IAEJ,IAAI,gBAAgB;IACpB,IAAI,YAAY,gBACd,gBAAgB;SACX,IAAI,YAAY,eACrB,gBAAgB;IAGlB,qBACE,gBAAC,CAAA,GAAA,yCAAK;QACJ,MAAK;QACL,KAAK;QACL,MAAM,MAAM,IAAI;QAChB,cAAc,MAAM,YAAY;QAChC,kBAAmB,MAAM,gBAAgB,IAAI;kBAC5C,CAAC,SAAC,KAAK,EAAC,iBACP;;kCACE,gBAAC,CAAA,GAAA,eAAO;wBACN,QAAQ;4BACN;gCAAC,CAAA,GAAA,yCAAU;gCAAG;oCAAC,QAAQ,2BAAK;iDAAC;oCAAO;gCAAE;6BAAE;yBACzC;kCACD,cAAA,gBAAC,CAAA,GAAA,yCAAM;4BAAE,MAAK;sCACZ,cAAA,iBAAC,CAAA,GAAA,yCAAa;;oCACX,YAAY,yBAAW,gBAAC,CAAA,GAAA,wCAAY;wCAAE,cAAY,gBAAgB,MAAM,CAAC;;oCACzE,YAAY,2BAAa,gBAAC,CAAA,GAAA,wCAAW;wCAAE,cAAY,gBAAgB,MAAM,CAAC;;oCAC1E;;;;;kCAIP,gBAAC,CAAA,GAAA,yCAAM;kCAAG;;kCACV,iBAAC,CAAA,GAAA,yCAAU;;4BACR,6BACC,gBAAC,CAAA,GAAA,yCAAK;gCACJ,SAAS,IAAM,CAAA,GAAA,YAAI,EAAE,SAAS;gCAC9B,SAAQ;gCACR,WAAU;gCACV,WAAW,oBAAoB;gCAC/B,eAAY;0CACX;;4BAGJ,sCACC,gBAAC,CAAA,GAAA,yCAAK;gCACJ,SAAS,IAAM,CAAA,GAAA,YAAI,EAAE,SAAS;gCAC9B,SAAQ;gCACR,YAAY;gCACZ,WAAU;gCACV,WAAW,oBAAoB;gCAC/B,eAAY;0CACX;;0CAGL,gBAAC,CAAA,GAAA,yCAAK;gCACJ,SAAS;gCACT,YAAY;gCACZ,WAAW,oBAAoB;gCAC/B,SAAS,IAAM,CAAA,GAAA,YAAI,EAAE,SAAS;gCAC9B,eAAY;0CACX;;;;;;;AAOf","sources":["packages/@react-spectrum/s2/src/AlertDialog.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 AlertTriangle from '../s2wf-icons/S2_Icon_AlertTriangle_20_N.svg';\nimport {Button} from './Button';\nimport {ButtonGroup} from './ButtonGroup';\nimport {CenterBaseline} from './CenterBaseline';\nimport {chain} from '@react-aria/utils';\nimport {Content, Heading} from './Content';\nimport {Dialog} from './Dialog';\nimport {DOMProps, DOMRef} from '@react-types/shared';\nimport {forwardRef, ReactNode} from 'react';\nimport {IconContext} from './Icon';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport NoticeSquare from '../s2wf-icons/S2_Icon_AlertDiamond_20_N.svg';\nimport {Provider} from 'react-aria-components';\nimport {style} from '../style' with {type: 'macro'};\nimport {UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\nexport interface AlertDialogProps extends DOMProps, UnsafeStyles {\n  /** The [visual style](https://spectrum.adobe.com/page/alert-dialog/#Options) of the AlertDialog.  */\n  variant?: 'confirmation' | 'information' | 'destructive' | 'error' | 'warning',\n  /** The title of the AlertDialog. */\n  title: string,\n  /** The contents of the AlertDialog. */\n  children: ReactNode,\n  /** The label to display within the cancel button. */\n  cancelLabel?: string,\n  /** The label to display within the confirm button. */\n  primaryActionLabel: string,\n  /** The label to display within the secondary button. */\n  secondaryActionLabel?: string,\n  /** Whether the primary button is disabled. */\n  isPrimaryActionDisabled?: boolean,\n  /** Whether the secondary button is disabled. */\n  isSecondaryActionDisabled?: boolean,\n  /** Handler that is called when the cancel button is pressed. */\n  onCancel?: () => void,\n  /** Handler that is called when the primary button is pressed. */\n  onPrimaryAction?: () => void,\n  /** Handler that is called when the secondary button is pressed. */\n  onSecondaryAction?: () => void,\n  /** Button to focus by default when the dialog opens. */\n  autoFocusButton?: 'cancel' | 'primary' | 'secondary',\n  /**\n   * The size of the Dialog.\n   *\n   * @default 'M'\n   */\n    size?: 'S' | 'M' | 'L'\n}\n\nconst icon = style({\n  marginEnd: 8,\n  '--iconPrimary': {\n    type: 'fill',\n    value: {\n      variant: {\n        error: 'negative',\n        warning: 'notice'\n      }\n    }\n  }\n});\n\n/**\n * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.\n */\nexport const AlertDialog = forwardRef(function AlertDialog(props: AlertDialogProps, ref: DOMRef) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  let {\n    autoFocusButton,\n    cancelLabel,\n    secondaryActionLabel,\n    primaryActionLabel,\n    isSecondaryActionDisabled,\n    isPrimaryActionDisabled,\n    onCancel = () => {},\n    onPrimaryAction = () => {},\n    onSecondaryAction = () => {},\n    title,\n    children,\n    variant = 'confirmation'\n  } = props;\n\n  let buttonVariant = 'primary';\n  if (variant === 'confirmation') {\n    buttonVariant = 'accent';\n  } else if (variant === 'destructive') {\n    buttonVariant = 'negative';\n  }\n\n  return (\n    <Dialog\n      role=\"alertdialog\"\n      ref={ref}\n      size={props.size}\n      UNSAFE_style={props.UNSAFE_style}\n      UNSAFE_className={(props.UNSAFE_className || '')}>\n      {({close}) => (\n        <>\n          <Provider\n            values={[\n              [IconContext, {styles: icon({variant})}]\n            ]}>\n            <Heading slot=\"title\">\n              <CenterBaseline>\n                {variant === 'error' && <AlertTriangle aria-label={stringFormatter.format('dialog.alert')} />}\n                {variant === 'warning' && <NoticeSquare aria-label={stringFormatter.format('dialog.alert')} />}\n                {title}\n              </CenterBaseline>\n            </Heading>\n          </Provider>\n          <Content>{children}</Content>\n          <ButtonGroup>\n            {cancelLabel &&\n              <Button\n                onPress={() => chain(close(), onCancel())}\n                variant=\"secondary\"\n                fillStyle=\"outline\"\n                autoFocus={autoFocusButton === 'cancel'}\n                data-testid=\"rsp-AlertDialog-cancelButton\">\n                {cancelLabel}\n              </Button>\n            }\n            {secondaryActionLabel &&\n              <Button\n                onPress={() => chain(close(), onSecondaryAction())}\n                variant=\"secondary\"\n                isDisabled={isSecondaryActionDisabled}\n                fillStyle=\"outline\"\n                autoFocus={autoFocusButton === 'secondary'}\n                data-testid=\"rsp-AlertDialog-secondaryButton\">\n                {secondaryActionLabel}\n              </Button>\n            }\n            <Button\n              variant={buttonVariant as 'primary' | 'accent' | 'negative'}\n              isDisabled={isPrimaryActionDisabled}\n              autoFocus={autoFocusButton === 'primary'}\n              onPress={() => chain(close(), onPrimaryAction())}\n              data-testid=\"rsp-AlertDialog-confirmButton\">\n              {primaryActionLabel}\n            </Button>\n          </ButtonGroup>\n        </>\n      )}\n    </Dialog>\n  );\n});\n"],"names":[],"version":3,"file":"AlertDialog.mjs.map"}

package/dist/Asterisk.cjs

@@ -26,12 +26,12 @@ $parcel$export(module.exports, "default", () => $5d3efbee7071458b$export$2e2bcd8
 
 let $5d3efbee7071458b$var$styles = function anonymous(props) {
     let rules = " ";
-    if (props.size === "XL") rules += ' Zi91';
-    else if (props.size === "L") rules += ' Zi91';
-    else if (props.size === "M") rules += ' Zh91';
-    if (props.size === "XL") rules += ' Fj91';
-    else if (props.size === "L") rules += ' Fj91';
-    else if (props.size === "M") rules += ' Fi91';
+    if (props.size === "XL") rules += ' Zi1';
+    else if (props.size === "L") rules += ' Zi1';
+    else if (props.size === "M") rules += ' Zh1';
+    if (props.size === "XL") rules += ' Fj1';
+    else if (props.size === "L") rules += ' Fj1';
+    else if (props.size === "M") rules += ' Fi1';
     return rules;
 };
 function $5d3efbee7071458b$export$2e2bcd8739ae039(props) {

package/dist/Asterisk.css

@@ -1,18 +1,18 @@
 @layer _.a {
-  .Zh91 {
+  .Zh1 {
     width: calc(.5rem * var(--s2-scale));
   }
 
-  .Zi91 {
+  .Zi1 {
     width: calc(.625rem * var(--s2-scale));
     width: calc(.625rem * var(--s2-scale));
   }
 
-  .Fi91 {
+  .Fi1 {
     height: calc(.5rem * var(--s2-scale));
   }
 
-  .Fj91 {
+  .Fj1 {
     height: calc(.625rem * var(--s2-scale));
     height: calc(.625rem * var(--s2-scale));
   }

package/dist/Asterisk.mjs

@@ -20,12 +20,12 @@ import {jsx as $7AxvV$jsx} from "react/jsx-runtime";
 
 let $8373af657584cab2$var$styles = function anonymous(props) {
     let rules = " ";
-    if (props.size === "XL") rules += ' Zi91';
-    else if (props.size === "L") rules += ' Zi91';
-    else if (props.size === "M") rules += ' Zh91';
-    if (props.size === "XL") rules += ' Fj91';
-    else if (props.size === "L") rules += ' Fj91';
-    else if (props.size === "M") rules += ' Fi91';
+    if (props.size === "XL") rules += ' Zi1';
+    else if (props.size === "L") rules += ' Zi1';
+    else if (props.size === "M") rules += ' Zh1';
+    if (props.size === "XL") rules += ' Fj1';
+    else if (props.size === "L") rules += ' Fj1';
+    else if (props.size === "M") rules += ' Fi1';
     return rules;
 };
 function $8373af657584cab2$export$2e2bcd8739ae039(props) {

package/dist/Avatar.cjs

@@ -39,20 +39,20 @@ const $38071d9ce246d4cf$var$imageStyles = function anonymous(props, overrides) {
         if (p[1] === "_u") flexGrow = true;
         rules += p[0];
     }
-    rules += ' og91';
-    rules += ' ng91';
-    rules += ' kg91';
-    rules += ' jg91';
-    rules += ' Zm91';
-    rules += ' Fn91';
-    if (!flexShrink) rules += ' _va91';
-    if (!flexGrow) rules += ' _ua91';
-    rules += ' __ca91';
-    if (props.isOverBackground) rules += ' _Lf91';
-    else rules += ' _Le91';
-    rules += ' OEzkoQe91';
-    if (props.isLarge) rules += ' _Mc91';
-    else rules += ' _Mb91';
+    rules += ' og1';
+    rules += ' ng1';
+    rules += ' kg1';
+    rules += ' jg1';
+    rules += ' Zm1';
+    rules += ' Fn1';
+    if (!flexShrink) rules += ' _va1';
+    if (!flexGrow) rules += ' _ua1';
+    rules += ' __ca1';
+    if (props.isOverBackground) rules += ' _Lf1';
+    else rules += ' _Le1';
+    rules += ' OEzkoQe1';
+    if (props.isLarge) rules += ' _Mc1';
+    else rules += ' _Mb1';
     return rules;
 };
 const $38071d9ce246d4cf$export$a20dad690e1279e2 = /*#__PURE__*/ (0, $1YWJ0$react.createContext)(null);

package/dist/Avatar.css

@@ -1,57 +1,57 @@
 @layer _.a {
-  .og91 {
+  .og1 {
     border-start-start-radius: 9999px;
   }
 
-  .ng91 {
+  .ng1 {
     border-start-end-radius: 9999px;
   }
 
-  .kg91 {
+  .kg1 {
     border-end-start-radius: 9999px;
   }
 
-  .jg91 {
+  .jg1 {
     border-end-end-radius: 9999px;
   }
 
-  .Zm91 {
+  .Zm1 {
     width: calc(1.25rem * var(--s2-scale));
   }
 
-  .Fn91 {
+  .Fn1 {
     height: calc(1.25rem * var(--s2-scale));
   }
 
-  ._va91 {
+  ._va1 {
     flex-shrink: 0;
   }
 
-  ._ua91 {
+  ._ua1 {
     flex-grow: 0;
   }
 
-  .__ca91 {
+  .__ca1 {
     -webkit-tap-highlight-color: #0000;
   }
 
-  ._Le91 {
+  ._Le1 {
     outline-style: none;
   }
 
-  ._Lf91 {
+  ._Lf1 {
     outline-style: solid;
   }
 
-  .OEzkoQe91 {
+  .OEzkoQe1 {
     outline-color: var(--s2-container-bg);
   }
 
-  ._Mb91 {
+  ._Mb1 {
     outline-width: 1px;
   }
 
-  ._Mc91 {
+  ._Mc1 {
     outline-width: 2px;
   }
 }