@react-spectrum/s2 3.0.0-nightly-63d4359d6-250427 → 3.0.0-nightly-1dd65ffc5-250429

package/dist/InlineAlert.mjs

@@ -46,106 +46,108 @@ function $parcel$interopDefault(a) {
 
 const $fc2cf6b397804b9c$export$c0de4eca0a8bf011 = /*#__PURE__*/ (0, $7sfGs$createContext)(null);
 const $fc2cf6b397804b9c$var$inlineAlert = function anonymous(props, overrides) {
-    let rules = " .";
-    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r)[^\s]+/g) || [];
-    rules += matches.join('');
-    let $V = false;
-    for (let p of matches)if (/^\s*V/.test(p)) $V = true;
-    if (props.isFocusVisible) rules += ' _Mb';
-    else rules += ' _Ma';
-    rules += ' da_____M';
-    rules += ' dx';
-    rules += ' _Oc';
-    rules += ' _N-3t1z';
-    rules += ' _0b';
-    if (!$V) rules += ' Vc';
-    rules += ' __oa';
-    rules += ' Eh';
-    rules += ' Fh';
-    rules += ' Ch';
-    rules += ' Dh';
-    rules += ' _wd';
-    rules += ' _xd';
-    rules += ' _yd';
-    rules += ' _zd';
-    rules += ' wa';
-    rules += ' uc';
+    let rules = " ";
+    let position = false;
+    let matches = (overrides || '').matchAll(/(?:^|\s)(j|l|h|i|_H|_r|M|__f|_X|_M|L|N|_f|_d|K|__B|H|G|J|I|f|u|_l)[^\s]+/g);
+    for (let p of matches){
+        if (p[1] === "K") position = true;
+        rules += p[0];
+    }
+    if (props.isFocusVisible) rules += ' tb';
+    else rules += ' ta';
+    rules += ' Bb';
+    rules += ' Bba';
+    rules += ' _ga';
+    rules += ' _ya';
+    rules += ' mg';
+    if (!position) rules += ' Ka';
+    rules += ' _qa';
+    rules += ' rc';
     rules += ' vc';
-    rules += ' sc';
-    rules += ' tc';
-    if (props.fillStyle === "boldFill") rules += ' ca';
-    else if (props.fillStyle === "subtleFill") rules += ' ca';
+    rules += ' od';
+    rules += ' nd';
+    rules += ' zd';
+    rules += ' xe';
+    rules += ' we';
+    rules += ' yd';
+    rules += ' Ra';
+    rules += ' _nb';
+    rules += ' _ma';
+    rules += ' _ta';
+    rules += ' _sa';
+    if (props.fillStyle === "boldFill") rules += ' qe';
+    else if (props.fillStyle === "subtleFill") rules += ' qe';
     else if (props.fillStyle === "border") {
-        if (props.variant === "neutral") rules += ' cm';
-        else if (props.variant === "negative") rules += ' cN';
-        else if (props.variant === "notice") rules += ' c2';
-        else if (props.variant === "positive") rules += ' c_4';
-        else if (props.variant === "informative") rules += ' cx';
+        if (props.variant === "neutral") rules += ' qz';
+        else if (props.variant === "negative") rules += ' qx';
+        else if (props.variant === "notice") rules += ' qw';
+        else if (props.variant === "positive") rules += ' qv';
+        else if (props.variant === "informative") rules += ' qp';
     }
     if (props.variant === "neutral") {
         if (props.fillStyle === "boldFill") {
-            if (props.isPressed) rules += ' b_____V';
-            else if (props.isFocusVisible) rules += ' b_____V';
-            else if (props.isHovered) rules += ' b_____V';
-            else rules += ' b_____U';
-        } else if (props.fillStyle === "subtleFill") rules += ' b_____W';
-        else if (props.fillStyle === "border") rules += ' bd';
+            if (props.isPressed) rules += ' cq';
+            else if (props.isFocusVisible) rules += ' cq';
+            else if (props.isHovered) rules += ' cq';
+            else rules += ' cC';
+        } else if (props.fillStyle === "subtleFill") rules += ' cG';
+        else if (props.fillStyle === "border") rules += ' cj';
     } else if (props.variant === "negative") {
         if (props.fillStyle === "boldFill") {
-            if (props.isPressed) rules += ' b_____Y';
-            else if (props.isFocusVisible) rules += ' b_____Y';
-            else if (props.isHovered) rules += ' b_____Y';
-            else rules += ' b_____X';
-        } else if (props.fillStyle === "subtleFill") rules += ' b_____Z';
-        else if (props.fillStyle === "border") rules += ' bd';
+            if (props.isPressed) rules += ' ci';
+            else if (props.isFocusVisible) rules += ' ci';
+            else if (props.isHovered) rules += ' ci';
+            else rules += ' cu';
+        } else if (props.fillStyle === "subtleFill") rules += ' cI';
+        else if (props.fillStyle === "border") rules += ' cj';
     } else if (props.variant === "notice") {
-        if (props.fillStyle === "boldFill") rules += ' b_____3';
-        else if (props.fillStyle === "subtleFill") rules += ' b_____4';
-        else if (props.fillStyle === "border") rules += ' bd';
+        if (props.fillStyle === "boldFill") rules += ' cH';
+        else if (props.fillStyle === "subtleFill") rules += ' cJ';
+        else if (props.fillStyle === "border") rules += ' cj';
     } else if (props.variant === "positive") {
         if (props.fillStyle === "boldFill") {
-            if (props.isPressed) rules += ' b_____1';
-            else if (props.isFocusVisible) rules += ' b_____1';
-            else if (props.isHovered) rules += ' b_____1';
-            else rules += ' b_____0';
-        } else if (props.fillStyle === "subtleFill") rules += ' b_____2';
-        else if (props.fillStyle === "border") rules += ' bd';
+            if (props.isPressed) rules += ' cp';
+            else if (props.isFocusVisible) rules += ' cp';
+            else if (props.isHovered) rules += ' cp';
+            else rules += ' cB';
+        } else if (props.fillStyle === "subtleFill") rules += ' cF';
+        else if (props.fillStyle === "border") rules += ' cj';
     } else if (props.variant === "informative") {
         if (props.fillStyle === "boldFill") {
-            if (props.isPressed) rules += ' b_____S';
-            else if (props.isFocusVisible) rules += ' b_____S';
-            else if (props.isHovered) rules += ' b_____S';
-            else rules += ' b_____R';
-        } else if (props.fillStyle === "subtleFill") rules += ' b_____T';
-        else if (props.fillStyle === "border") rules += ' bd';
+            if (props.isPressed) rules += ' cb';
+            else if (props.isFocusVisible) rules += ' cb';
+            else if (props.isHovered) rules += ' cb';
+            else rules += ' cl';
+        } else if (props.fillStyle === "subtleFill") rules += ' cA';
+        else if (props.fillStyle === "border") rules += ' cj';
     }
     return rules;
 };
 const $fc2cf6b397804b9c$var$icon = function anonymous(props) {
-    let rules = " .";
-    rules += ' __b-qb5q8i';
-    rules += ' __c-qb5q8i';
-    rules += ' __d-qb5q8i';
-    rules += ' __e-qb5q8i';
+    let rules = " ";
+    rules += ' L2U5Crc';
+    rules += ' N2U5Crc';
+    rules += ' _f2U5Crc';
+    rules += ' _d2U5Crc';
     if (props.fillStyle === "boldFill") {
-        if (props.variant === "notice") rules += ' -rwx0fg_e-z';
-        else rules += ' -rwx0fg_e-A';
+        if (props.variant === "notice") rules += ' -_8sjo0b-Ok';
+        else rules += ' -_8sjo0b-Og';
     } else if (props.fillStyle === "subtleFill") {
-        if (props.variant === "neutral") rules += ' -rwx0fg_e-d';
-        else if (props.variant === "negative") rules += ' -rwx0fg_e-e';
-        else if (props.variant === "notice") rules += ' -rwx0fg_e-e';
-        else if (props.variant === "positive") rules += ' -rwx0fg_e-f';
-        else if (props.variant === "informative") rules += ' -rwx0fg_e-c';
+        if (props.variant === "neutral") rules += ' -_8sjo0b-Oc';
+        else if (props.variant === "negative") rules += ' -_8sjo0b-Ob';
+        else if (props.variant === "notice") rules += ' -_8sjo0b-Ob';
+        else if (props.variant === "positive") rules += ' -_8sjo0b-Oe';
+        else if (props.variant === "informative") rules += ' -_8sjo0b-Of';
     } else if (props.fillStyle === "border") {
-        if (props.variant === "neutral") rules += ' -rwx0fg_e-d';
-        else if (props.variant === "negative") rules += ' -rwx0fg_e-e';
-        else if (props.variant === "notice") rules += ' -rwx0fg_e-g';
-        else if (props.variant === "positive") rules += ' -rwx0fg_e-f';
-        else if (props.variant === "informative") rules += ' -rwx0fg_e-c';
+        if (props.variant === "neutral") rules += ' -_8sjo0b-Oc';
+        else if (props.variant === "negative") rules += ' -_8sjo0b-Ob';
+        else if (props.variant === "notice") rules += ' -_8sjo0b-Od';
+        else if (props.variant === "positive") rules += ' -_8sjo0b-Oe';
+        else if (props.variant === "informative") rules += ' -_8sjo0b-Of';
     }
     return rules;
 };
-const $fc2cf6b397804b9c$var$grid = " _0f jh __i-1j10eqz __j-1cy57v8 lb __k-fb6mkc";
+const $fc2cf6b397804b9c$var$grid = " mb kf Sxumf9b _FeeZzzb fa _uScDOab";
 let $fc2cf6b397804b9c$var$ICONS = {
     informative: (0, $4c8f17dac3ecefd9$export$2e2bcd8739ae039),
     positive: (0, $22a7d72fc05e138d$export$2e2bcd8739ae039),
@@ -154,55 +156,61 @@ let $fc2cf6b397804b9c$var$ICONS = {
     neutral: undefined
 };
 const $fc2cf6b397804b9c$var$heading = function anonymous(props) {
-    let rules = " .";
-    rules += ' Aa';
-    rules += ' __b-1c6tcyh';
-    rules += ' __c-1c6tcyh';
-    rules += ' __d-1c6tcyh';
-    rules += ' __e-1c6tcyh';
-    rules += ' _d-bc1l9oh';
-    rules += ' _d-1uotwbwg';
-    rules += ' _d-eo0c6sf';
-    rules += ' _d-enzzrge';
-    rules += ' _d-enzykdd';
-    rules += ' _d-enzwzjc';
-    rules += ' _d-enzrfpb';
-    rules += ' _da';
-    rules += ' _ebf';
-    rules += ' _ee';
-    rules += ' _f-1x99dlod';
-    rules += ' _fd';
-    rules += ' _g-1x99dlob';
-    rules += ' _ga';
+    let rules = " ";
+    rules += ' ja';
+    rules += ' LPCJngb';
+    rules += ' NPCJngb';
+    rules += ' _fPCJngb';
+    rules += ' _dPCJngb';
+    rules += ' bh';
+    rules += ' bdf';
+    rules += ' beg';
+    rules += ' bfa';
+    rules += ' bgb';
+    rules += ' bhd';
+    rules += ' bje';
+    rules += ' bic';
+    rules += ' aa';
+    rules += ' aab';
+    rules += ' Db';
+    rules += ' Eb';
+    rules += ' Ca';
+    rules += ' Dcb';
+    rules += ' Ecb';
+    rules += ' Cca';
+    rules += ' gb';
+    rules += ' gca';
     if (props.fillStyle === "boldFill") {
-        if (props.variant === "notice") rules += ' ab';
-        else rules += ' ac';
-    } else rules += ' ao';
+        if (props.variant === "notice") rules += ' dj';
+        else rules += ' dd';
+    } else rules += ' db';
     return rules;
 };
 const $fc2cf6b397804b9c$var$content = function anonymous(props) {
-    let rules = " .";
-    rules += ' __b-drkpd0';
-    rules += ' __c-drkpd0';
-    rules += ' __d-drkpd0';
-    rules += ' __e-drkpd0';
-    rules += ' _d-bc1l9oh';
-    rules += ' _d-1uotwbwg';
-    rules += ' _d-eo0c6sf';
-    rules += ' _d-enzzrge';
-    rules += ' _d-enzykdd';
-    rules += ' _d-enzwzjc';
-    rules += ' _d-enzrfpb';
-    rules += ' _da';
-    rules += ' _ebf';
-    rules += ' _ee';
-    rules += ' _fb';
-    rules += ' _g-1x99dloc';
-    rules += ' _gb';
+    let rules = " ";
+    rules += ' Lk52g2d';
+    rules += ' Nk52g2d';
+    rules += ' _fk52g2d';
+    rules += ' _dk52g2d';
+    rules += ' bh';
+    rules += ' bdf';
+    rules += ' beg';
+    rules += ' bfa';
+    rules += ' bgb';
+    rules += ' bhd';
+    rules += ' bje';
+    rules += ' bic';
+    rules += ' aa';
+    rules += ' aab';
+    rules += ' Da';
+    rules += ' Ea';
+    rules += ' Ca';
+    rules += ' ga';
+    rules += ' gcc';
     if (props.fillStyle === "boldFill") {
-        if (props.variant === "notice") rules += ' ab';
-        else rules += ' ac';
-    } else rules += ' an';
+        if (props.variant === "notice") rules += ' dj';
+        else rules += ' dd';
+    } else rules += ' da';
     return rules;
 };
 const $fc2cf6b397804b9c$export$a3b2c96db9b0eb71 = /*#__PURE__*/ (0, $7sfGs$forwardRef)(function InlineAlert(props, ref) {

package/dist/InlineAlert.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;AA6CM,MAAM,0DAAqB,CAAA,GAAA,oBAAY,EAAwE;AAEtH,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;AAmCN,MAAM;AAYN,IAAI,8BAAQ;IACV,aAAa,CAAA,GAAA,wCAAS;IACtB,UAAU,CAAA,GAAA,wCAAc;IACxB,QAAQ,CAAA,GAAA,wCAAW;IACnB,UAAU,CAAA,GAAA,wCAAY;IACtB,SAAS;AACX;AAEA,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;AAoBC,MAAM,4CAAc,WAAW,GAAG,CAAA,GAAA,iBAAS,EAAE,SAAS,YAAY,KAAuB,EAAE,GAA2B;IAC3H,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,YACF,QAAQ,WACR,UAAU,sBACV,YAAY,qBACZ,SAAS,EACV,GAAG;IAEJ,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,IAAI,OAA8C;IAClD,IAAI,UAAU;IACd,IAAI,WAAW,6BAAO;QACpB,OAAO,2BAAK,CAAC,QAAQ;QACrB,IAAI,MACF,UAAU,gBAAgB,MAAM,CAAC,CAAC,YAAY,EAAE,SAAS;IAE7D;IAEA,IAAI,kBAAC,cAAc,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,mBAAW,EAAE;QAAC,WAAW,MAAM,SAAS;IAAA;IAC3E,IAAI,eAAe,CAAA,GAAA,aAAK,EAAE,MAAM,SAAS;IACzC,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,aAAa,OAAO,IAAI,OAAO,OAAO,EACxC,OAAO,OAAO,CAAC,KAAK;QAEtB,aAAa,OAAO,GAAG;IACzB,GAAG;QAAC;KAAO;IAEX,qBACE,gBAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACd,KAAK;QACL,UAAU,YAAY,KAAK;QAC3B,WAAW;QACX,MAAK;QACL,OAAO,MAAM,YAAY;QACzB,WAAW,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK,kCAAY;qBACtD;uBACA;4BACA;QACF,GAAG,MAAM,MAAM;kBACf,cAAA,gBAAC;YACC,WAAW;sBACX,cAAA,iBAAC,CAAA,GAAA,eAAO;gBACN,QAAQ;oBACN;wBAAC,CAAA,GAAA,yCAAa;wBAAG;4BAAC,QAAQ,8BAAQ;2CAAC;4BAAS;wBAAE;qBAAE;oBAChD;wBAAC,CAAA,GAAA,yCAAa;wBAAG;4BAAC,QAAQ,8BAAQ;2CAAC;4BAAS;wBAAE;qBAAE;oBAChD;wBAAC,CAAA,GAAA,yCAAU;wBAAG;4BAAC,QAAQ,2BAAK;yCAAC;2CAAS;4BAAS;wBAAE;qBAAE;iBACpD;;oBACA,sBAAQ,gBAAC;wBAAK,cAAY;;oBAC1B;;;;;AAKX","sources":["packages/@react-spectrum/s2/src/InlineAlert.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 CheckmarkCircle from '../s2wf-icons/S2_Icon_CheckmarkCircle_20_N.svg';\nimport {ComponentType, createContext, forwardRef, ReactNode, useEffect, useRef} from 'react';\nimport {ContentContext, HeadingContext} from './Content';\nimport {ContextValue, Provider, SlotProps} from 'react-aria-components';\nimport {DOMProps, DOMRef, DOMRefValue} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {focusRing, style} from '../style' with {type: 'macro'};\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {IconContext} from './Icon';\nimport InfoCircle from '../s2wf-icons/S2_Icon_InfoCircle_20_N.svg';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport NoticeSquare from '../s2wf-icons/S2_Icon_AlertDiamond_20_N.svg';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useFocusRing} from 'react-aria';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface InlineAlertProps extends DOMProps, StyleProps, InlineStylesProps, SlotProps {\n  /**\n   * The contents of the Inline Alert.\n   */\n  children: ReactNode,\n  /**\n   * Whether to automatically focus the Inline Alert when it first renders.\n   */\n  autoFocus?: boolean\n}\n\ninterface InlineStylesProps {\n  /**\n   * The semantic tone of a Inline Alert.\n   * @default neutral\n   */\n  variant?: 'informative' | 'positive' | 'notice' | 'negative' | 'neutral',\n  /**\n   * The visual style of the Inline Alert.\n   * @default border\n   */\n  fillStyle?: 'border' | 'subtleFill' | 'boldFill'\n}\n\nexport const InlineAlertContext = createContext<ContextValue<Partial<InlineAlertProps>, DOMRefValue<HTMLDivElement>>>(null);\n\nconst inlineAlert = style<InlineStylesProps & {isFocusVisible?: boolean}>({\n  ...focusRing(),\n  display: 'inline-block',\n  position: 'relative',\n  boxSizing: 'border-box',\n  padding: 24,\n  borderRadius: 'lg',\n  borderStyle: 'solid',\n  borderWidth: 2,\n  borderColor: {\n    fillStyle: {\n      border: {\n        variant: {\n          informative: 'informative-800',\n          positive: 'positive-700',\n          notice: 'notice-700',\n          negative: 'negative-800',\n          neutral: 'gray-700' // is there a semantic color name for neutral?\n        }\n      },\n      subtleFill: 'transparent',\n      boldFill: 'transparent'\n    }\n  },\n  backgroundColor: {\n    variant: {\n      informative: {\n        fillStyle: {\n          border: 'gray-25',\n          subtleFill: 'informative-subtle',\n          boldFill: 'informative'\n        }\n      },\n      positive: {\n        fillStyle: {\n          border: 'gray-25',\n          subtleFill: 'positive-subtle',\n          boldFill: 'positive'\n        }\n      },\n      notice: {\n        fillStyle: {\n          border: 'gray-25',\n          subtleFill: 'notice-subtle',\n          boldFill: 'notice'\n        }\n      },\n      negative: {\n        fillStyle: {\n          border: 'gray-25',\n          subtleFill: 'negative-subtle',\n          boldFill: 'negative'\n        }\n      },\n      neutral: {\n        fillStyle: {\n          border: 'gray-25',\n          subtleFill: 'neutral-subtle',\n          boldFill: 'neutral-subdued'\n        }\n      }\n    }\n  }\n}, getAllowedOverrides());\n\nconst icon = style<InlineStylesProps>({\n  gridArea: 'icon',\n  '--iconPrimary': {\n    type: 'fill',\n    value: {\n      fillStyle: {\n        border: {\n          variant: {\n            informative: 'informative',\n            positive: 'positive',\n            notice: 'notice',\n            negative: 'negative',\n            neutral: 'neutral'\n          }\n        },\n        subtleFill: {\n          variant: {\n            informative: 'informative',\n            positive: 'positive',\n            notice: 'negative',\n            negative: 'negative',\n            neutral: 'neutral'\n          }\n        },\n        boldFill: {\n          default: 'white',\n          variant: {\n            notice: 'black'\n          }\n        }\n      }\n    }\n  }\n});\n\nconst grid = style({\n  display: 'grid',\n  columnGap: 24,\n  gridTemplateColumns: '1fr auto',\n  gridTemplateRows: 'auto auto auto',\n  width: 'full',\n  gridTemplateAreas: [\n    'heading icon',\n    'content content'\n  ]\n});\n\nlet ICONS = {\n  informative: InfoCircle,\n  positive: CheckmarkCircle,\n  notice: NoticeSquare,\n  negative: AlertTriangle,\n  neutral: undefined\n};\n\nconst heading = style({\n  marginTop: 0,\n  gridArea: 'heading',\n  font: 'title-sm',\n  color: {\n    default: 'title',\n    fillStyle: {\n      boldFill: {\n        default: 'white',\n        variant: {\n          notice: 'black'\n        }\n      }\n    }\n  }\n});\n\nconst content = style({\n  gridArea: 'content',\n  font: 'body-sm',\n  color: {\n    default: 'body',\n    fillStyle: {\n      boldFill: {\n        default: 'white',\n        variant: {\n          notice: 'black'\n        }\n      }\n    }\n  }\n});\n\n/**\n * Inline alerts display a non-modal message associated with objects in a view.\n * These are often used in form validation, providing a place to aggregate feedback related to multiple fields.\n */\nexport const InlineAlert = /*#__PURE__*/ forwardRef(function InlineAlert(props: InlineAlertProps, ref: DOMRef<HTMLDivElement>) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  [props, ref] = useSpectrumContextProps(props, ref, InlineAlertContext);\n  let {\n    children,\n    variant = 'neutral',\n    fillStyle = 'border',\n    autoFocus\n  } = props;\n\n  let domRef = useDOMRef(ref);\n\n  let Icon: ComponentType<any> | null | undefined = null;\n  let iconAlt = '';\n  if (variant in ICONS) {\n    Icon = ICONS[variant];\n    if (Icon) {\n      iconAlt = stringFormatter.format(`inlinealert.${variant}`);\n    }\n  }\n\n  let {isFocusVisible, focusProps} = useFocusRing({autoFocus: props.autoFocus});\n  let autoFocusRef = useRef(props.autoFocus);\n  useEffect(() => {\n    if (autoFocusRef.current && domRef.current) {\n      domRef.current.focus();\n    }\n    autoFocusRef.current = false;\n  }, [domRef]);\n\n  return (\n    <div\n      {...filterDOMProps(props)}\n      {...focusProps}\n      ref={domRef}\n      tabIndex={autoFocus ? -1 : undefined}\n      autoFocus={autoFocus}\n      role=\"alert\"\n      style={props.UNSAFE_style}\n      className={(props.UNSAFE_className || '') + inlineAlert({\n        variant,\n        fillStyle,\n        isFocusVisible\n      }, props.styles)}>\n      <div\n        className={grid}>\n        <Provider\n          values={[\n            [HeadingContext, {styles: heading({fillStyle})}],\n            [ContentContext, {styles: content({fillStyle})}],\n            [IconContext, {styles: icon({variant, fillStyle})}]\n          ]}>\n          {Icon && <Icon aria-label={iconAlt} />}\n          {children}\n        </Provider>\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"InlineAlert.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;AA6CM,MAAM,0DAAqB,CAAA,GAAA,oBAAY,EAAwE;AAEtH,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;AAmCN,MAAM;AAYN,IAAI,8BAAQ;IACV,aAAa,CAAA,GAAA,wCAAS;IACtB,UAAU,CAAA,GAAA,wCAAc;IACxB,QAAQ,CAAA,GAAA,wCAAW;IACnB,UAAU,CAAA,GAAA,wCAAY;IACtB,SAAS;AACX;AAEA,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBC,MAAM,4CAAc,WAAW,GAAG,CAAA,GAAA,iBAAS,EAAE,SAAS,YAAY,KAAuB,EAAE,GAA2B;IAC3H,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,YACF,QAAQ,WACR,UAAU,sBACV,YAAY,qBACZ,SAAS,EACV,GAAG;IAEJ,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,IAAI,OAA8C;IAClD,IAAI,UAAU;IACd,IAAI,WAAW,6BAAO;QACpB,OAAO,2BAAK,CAAC,QAAQ;QACrB,IAAI,MACF,UAAU,gBAAgB,MAAM,CAAC,CAAC,YAAY,EAAE,SAAS;IAE7D;IAEA,IAAI,kBAAC,cAAc,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,mBAAW,EAAE;QAAC,WAAW,MAAM,SAAS;IAAA;IAC3E,IAAI,eAAe,CAAA,GAAA,aAAK,EAAE,MAAM,SAAS;IACzC,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,aAAa,OAAO,IAAI,OAAO,OAAO,EACxC,OAAO,OAAO,CAAC,KAAK;QAEtB,aAAa,OAAO,GAAG;IACzB,GAAG;QAAC;KAAO;IAEX,qBACE,gBAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACd,KAAK;QACL,UAAU,YAAY,KAAK;QAC3B,WAAW;QACX,MAAK;QACL,OAAO,MAAM,YAAY;QACzB,WAAW,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK,kCAAY;qBACtD;uBACA;4BACA;QACF,GAAG,MAAM,MAAM;kBACf,cAAA,gBAAC;YACC,WAAW;sBACX,cAAA,iBAAC,CAAA,GAAA,eAAO;gBACN,QAAQ;oBACN;wBAAC,CAAA,GAAA,yCAAa;wBAAG;4BAAC,QAAQ,8BAAQ;2CAAC;4BAAS;wBAAE;qBAAE;oBAChD;wBAAC,CAAA,GAAA,yCAAa;wBAAG;4BAAC,QAAQ,8BAAQ;2CAAC;4BAAS;wBAAE;qBAAE;oBAChD;wBAAC,CAAA,GAAA,yCAAU;wBAAG;4BAAC,QAAQ,2BAAK;yCAAC;2CAAS;4BAAS;wBAAE;qBAAE;iBACpD;;oBACA,sBAAQ,gBAAC;wBAAK,cAAY;;oBAC1B;;;;;AAKX","sources":["packages/@react-spectrum/s2/src/InlineAlert.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 CheckmarkCircle from '../s2wf-icons/S2_Icon_CheckmarkCircle_20_N.svg';\nimport {ComponentType, createContext, forwardRef, ReactNode, useEffect, useRef} from 'react';\nimport {ContentContext, HeadingContext} from './Content';\nimport {ContextValue, Provider, SlotProps} from 'react-aria-components';\nimport {DOMProps, DOMRef, DOMRefValue} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {focusRing, style} from '../style' with {type: 'macro'};\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {IconContext} from './Icon';\nimport InfoCircle from '../s2wf-icons/S2_Icon_InfoCircle_20_N.svg';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport NoticeSquare from '../s2wf-icons/S2_Icon_AlertDiamond_20_N.svg';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useFocusRing} from 'react-aria';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface InlineAlertProps extends DOMProps, StyleProps, InlineStylesProps, SlotProps {\n  /**\n   * The contents of the Inline Alert.\n   */\n  children: ReactNode,\n  /**\n   * Whether to automatically focus the Inline Alert when it first renders.\n   */\n  autoFocus?: boolean\n}\n\ninterface InlineStylesProps {\n  /**\n   * The semantic tone of a Inline Alert.\n   * @default neutral\n   */\n  variant?: 'informative' | 'positive' | 'notice' | 'negative' | 'neutral',\n  /**\n   * The visual style of the Inline Alert.\n   * @default border\n   */\n  fillStyle?: 'border' | 'subtleFill' | 'boldFill'\n}\n\nexport const InlineAlertContext = createContext<ContextValue<Partial<InlineAlertProps>, DOMRefValue<HTMLDivElement>>>(null);\n\nconst inlineAlert = style<InlineStylesProps & {isFocusVisible?: boolean}>({\n  ...focusRing(),\n  display: 'inline-block',\n  position: 'relative',\n  boxSizing: 'border-box',\n  padding: 24,\n  borderRadius: 'lg',\n  borderStyle: 'solid',\n  borderWidth: 2,\n  borderColor: {\n    fillStyle: {\n      border: {\n        variant: {\n          informative: 'informative-800',\n          positive: 'positive-700',\n          notice: 'notice-700',\n          negative: 'negative-800',\n          neutral: 'gray-700' // is there a semantic color name for neutral?\n        }\n      },\n      subtleFill: 'transparent',\n      boldFill: 'transparent'\n    }\n  },\n  backgroundColor: {\n    variant: {\n      informative: {\n        fillStyle: {\n          border: 'gray-25',\n          subtleFill: 'informative-subtle',\n          boldFill: 'informative'\n        }\n      },\n      positive: {\n        fillStyle: {\n          border: 'gray-25',\n          subtleFill: 'positive-subtle',\n          boldFill: 'positive'\n        }\n      },\n      notice: {\n        fillStyle: {\n          border: 'gray-25',\n          subtleFill: 'notice-subtle',\n          boldFill: 'notice'\n        }\n      },\n      negative: {\n        fillStyle: {\n          border: 'gray-25',\n          subtleFill: 'negative-subtle',\n          boldFill: 'negative'\n        }\n      },\n      neutral: {\n        fillStyle: {\n          border: 'gray-25',\n          subtleFill: 'neutral-subtle',\n          boldFill: 'neutral-subdued'\n        }\n      }\n    }\n  }\n}, getAllowedOverrides());\n\nconst icon = style<InlineStylesProps>({\n  gridArea: 'icon',\n  '--iconPrimary': {\n    type: 'fill',\n    value: {\n      fillStyle: {\n        border: {\n          variant: {\n            informative: 'informative',\n            positive: 'positive',\n            notice: 'notice',\n            negative: 'negative',\n            neutral: 'neutral'\n          }\n        },\n        subtleFill: {\n          variant: {\n            informative: 'informative',\n            positive: 'positive',\n            notice: 'negative',\n            negative: 'negative',\n            neutral: 'neutral'\n          }\n        },\n        boldFill: {\n          default: 'white',\n          variant: {\n            notice: 'black'\n          }\n        }\n      }\n    }\n  }\n});\n\nconst grid = style({\n  display: 'grid',\n  columnGap: 24,\n  gridTemplateColumns: '1fr auto',\n  gridTemplateRows: 'auto auto auto',\n  width: 'full',\n  gridTemplateAreas: [\n    'heading icon',\n    'content content'\n  ]\n});\n\nlet ICONS = {\n  informative: InfoCircle,\n  positive: CheckmarkCircle,\n  notice: NoticeSquare,\n  negative: AlertTriangle,\n  neutral: undefined\n};\n\nconst heading = style({\n  marginTop: 0,\n  gridArea: 'heading',\n  font: 'title-sm',\n  color: {\n    default: 'title',\n    fillStyle: {\n      boldFill: {\n        default: 'white',\n        variant: {\n          notice: 'black'\n        }\n      }\n    }\n  }\n});\n\nconst content = style({\n  gridArea: 'content',\n  font: 'body-sm',\n  color: {\n    default: 'body',\n    fillStyle: {\n      boldFill: {\n        default: 'white',\n        variant: {\n          notice: 'black'\n        }\n      }\n    }\n  }\n});\n\n/**\n * Inline alerts display a non-modal message associated with objects in a view.\n * These are often used in form validation, providing a place to aggregate feedback related to multiple fields.\n */\nexport const InlineAlert = /*#__PURE__*/ forwardRef(function InlineAlert(props: InlineAlertProps, ref: DOMRef<HTMLDivElement>) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  [props, ref] = useSpectrumContextProps(props, ref, InlineAlertContext);\n  let {\n    children,\n    variant = 'neutral',\n    fillStyle = 'border',\n    autoFocus\n  } = props;\n\n  let domRef = useDOMRef(ref);\n\n  let Icon: ComponentType<any> | null | undefined = null;\n  let iconAlt = '';\n  if (variant in ICONS) {\n    Icon = ICONS[variant];\n    if (Icon) {\n      iconAlt = stringFormatter.format(`inlinealert.${variant}`);\n    }\n  }\n\n  let {isFocusVisible, focusProps} = useFocusRing({autoFocus: props.autoFocus});\n  let autoFocusRef = useRef(props.autoFocus);\n  useEffect(() => {\n    if (autoFocusRef.current && domRef.current) {\n      domRef.current.focus();\n    }\n    autoFocusRef.current = false;\n  }, [domRef]);\n\n  return (\n    <div\n      {...filterDOMProps(props)}\n      {...focusProps}\n      ref={domRef}\n      tabIndex={autoFocus ? -1 : undefined}\n      autoFocus={autoFocus}\n      role=\"alert\"\n      style={props.UNSAFE_style}\n      className={(props.UNSAFE_className || '') + inlineAlert({\n        variant,\n        fillStyle,\n        isFocusVisible\n      }, props.styles)}>\n      <div\n        className={grid}>\n        <Provider\n          values={[\n            [HeadingContext, {styles: heading({fillStyle})}],\n            [ContentContext, {styles: content({fillStyle})}],\n            [IconContext, {styles: icon({variant, fillStyle})}]\n          ]}>\n          {Icon && <Icon aria-label={iconAlt} />}\n          {children}\n        </Provider>\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"InlineAlert.mjs.map"}

package/dist/Link.cjs

@@ -33,65 +33,75 @@ $parcel$export(module.exports, "Link", () => $064658f378a85eef$export$a6c7ac8248
 
 const $064658f378a85eef$export$e2509388b49734e7 = /*#__PURE__*/ (0, $7PkpH$react.createContext)(null);
 const $064658f378a85eef$var$link = function anonymous(props, overrides) {
-    let rules = " .";
-    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r)[^\s]+/g) || [];
-    rules += matches.join('');
-    if (props.isFocusVisible) rules += ' _Mb';
-    else rules += ' _Ma';
-    rules += ' da_____M';
-    if (props.isStaticColor) rules += ' d_____G';
-    else rules += ' dx';
-    rules += ' _Oc';
-    rules += ' _N-3t1z';
-    if (props.staticColor === "white") rules += ' -_1de2x0q_b-b';
-    else if (props.staticColor === "black") rules += ' -_1de2x0q_b-c';
-    rules += ' _wb';
-    rules += ' _xb';
-    rules += ' _yb';
-    rules += ' _zb';
+    let rules = " ";
+    rules += ((overrides || '').match(/(?:^|\s)(j|l|h|i|_H|_r|M|__f|_X|_M|L|N|_f|_d|K|__B|H|G|J|I|f|u|_l)[^\s]+/g) || []).join('');
+    if (props.isFocusVisible) rules += ' tb';
+    else rules += ' ta';
+    if (props.isStaticColor) rules += ' Bd';
+    else rules += ' Bb';
+    rules += ' Bba';
+    rules += ' _ga';
+    rules += ' _ya';
+    if (props.staticColor === "white") rules += ' -Ovbhqd-cr';
+    else if (props.staticColor === "black") rules += ' -Ovbhqd-cs';
+    rules += ' zb';
+    rules += ' xb';
+    rules += ' wb';
+    rules += ' yb';
     if (props.isStandalone) {
-        rules += ' _d-bc1l9oh';
-        rules += ' _d-1uotwbwg';
-        rules += ' _d-eo0c6sf';
-        rules += ' _d-enzzrge';
-        rules += ' _d-enzykdd';
-        rules += ' _d-enzwzjc';
-        rules += ' _d-enzrfpb';
-        rules += ' _da';
+        rules += ' bh';
+        rules += ' bdf';
+        rules += ' beg';
+        rules += ' bfa';
+        rules += ' bgb';
+        rules += ' bhd';
+        rules += ' bje';
+        rules += ' bic';
     }
     if (props.isStandalone) {
-        rules += ' _ebf';
-        rules += ' _ee';
+        rules += ' aa';
+        rules += ' aab';
     }
-    if (props.isStandalone) rules += ' _fc';
     if (props.isStandalone) {
-        rules += ' _g-1x99dlob';
-        rules += ' _ga';
+        rules += ' Dd';
+        rules += ' Ed';
+        rules += ' Ca';
     }
-    rules += ' aa_____Q';
-    if (props.isStaticColor) rules += ' a_____G';
+    if (props.isStandalone) {
+        rules += ' gb';
+        rules += ' gca';
+    }
+    if (props.isStaticColor) rules += ' do';
     else if (props.variant === "secondary") {
-        if (props.isPressed) rules += ' ao';
-        else if (props.isFocusVisible) rules += ' ao';
-        else if (props.isHovered) rules += ' ao';
-        else rules += ' an';
+        if (props.isPressed) rules += ' db';
+        else if (props.isFocusVisible) rules += ' db';
+        else if (props.isHovered) rules += ' db';
+        else rules += ' da';
     } else if (props.variant === "primary") {
-        if (props.isPressed) rules += ' az';
-        else if (props.isFocusVisible) rules += ' az';
-        else if (props.isHovered) rules += ' az';
-        else rules += ' ay';
+        if (props.isPressed) rules += ' di';
+        else if (props.isFocusVisible) rules += ' di';
+        else if (props.isHovered) rules += ' di';
+        else rules += ' du';
     }
-    rules += ' _Pa';
-    rules += ' _R-375x7f';
-    rules += ' _Sa';
+    rules += ' dbq';
+    rules += ' _ia';
+    rules += ' _ka';
+    rules += ' _ea';
     if (props.isStandalone) {
         if (props.isQuiet) {
-            if (props.isFocusVisible) rules += ' _ma';
-            else if (props.isHovered) rules += ' _ma';
-            else rules += ' _md';
+            if (props.isFocusVisible) {
+                rules += ' __hb';
+                rules += ' __Da';
+            } else if (props.isHovered) {
+                rules += ' __hb';
+                rules += ' __Da';
+            } else rules += ' __ha';
         }
-    } else rules += ' _ma';
-    rules += ' __S-yksgrp';
+    } else {
+        rules += ' __hb';
+        rules += ' __Da';
+    }
+    rules += ' _Ga';
     return rules;
 };
 const $064658f378a85eef$export$a6c7ac8248d6e38a = /*#__PURE__*/ (0, $7PkpH$react.forwardRef)(function Link(props, ref) {

package/dist/Link.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AA8BM,MAAM,0DAAc,CAAA,GAAA,0BAAY,EAA0E;AAEjH,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CC,MAAM,4CAAO,WAAW,GAAG,CAAA,GAAA,uBAAS,EAAE,SAAS,KAAK,KAAgB,EAAE,GAAoC;IAC/G,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,WAAC,UAAU,wBAAW,WAAW,WAAE,OAAO,gBAAE,YAAY,gBAAE,YAAY,oBAAE,mBAAmB,YAAI,MAAM,YAAE,QAAQ,EAAC,GAAG;IAEvH,IAAI,SAAS,CAAA,GAAA,yCAAc,EAAE;IAC7B,IAAI,aAAa,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,yCAAc,MAAM;IAChD,CAAC,UAAU,aAAa,GAAG,CAAA,GAAA,yCAAc,EAAE,UAAU;IAErD,CAAA,GAAA,qCAAc,EAAE;QACd,IAAI,OAAO,OAAO,EAChB,4CAA4C;QAC5C,OAAO,OAAO,CAAC,KAAK,GAAG;IAE3B,GAAG;QAAC;QAAQ;KAAW;IAEvB,qBACE,gCAAC,CAAA,GAAA,+BAAM;QACJ,GAAG,KAAK;QACT,KAAK;QACL,OAAO;QACP,WAAW,CAAA,cAAe,mBAAmB,2BAAK;gBAAC,GAAG,WAAW;yBAAE;6BAAS;gBAAa,eAAe,CAAC,CAAC;yBAAa;8BAAS;4BAAc;YAAU,GAAG;kBAC1J;;AAGP","sources":["packages/@react-spectrum/s2/src/Link.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ContextValue, LinkRenderProps, Link as RACLink, LinkProps as RACLinkProps} from 'react-aria-components';\nimport {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {FocusableRef, FocusableRefValue} from '@react-types/shared';\nimport {focusRing, style} from '../style' with {type: 'macro'};\nimport {getAllowedOverrides, staticColor, StyleProps} from './style-utils' with {type: 'macro'};\nimport {SkeletonContext, useSkeletonText} from './Skeleton';\nimport {useFocusableRef} from '@react-spectrum/utils';\nimport {useLayoutEffect} from '@react-aria/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\ninterface LinkStyleProps {\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/link/#Options) of the link.\n   * @default 'primary'\n   */\n  variant?: 'primary' | 'secondary',\n  /** The static color style to apply. Useful when the link appears over a color background. */\n  staticColor?: 'white' | 'black' | 'auto',\n  /** Whether the link is on its own vs inside a longer string of text. */\n  isStandalone?: boolean,\n  /** Whether the link should be displayed with a quiet style. */\n  isQuiet?: boolean\n}\n\nexport interface LinkProps extends Omit<RACLinkProps, 'isDisabled' | 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'onClick'>, StyleProps, LinkStyleProps {\n  children: ReactNode\n}\n\nexport const LinkContext = createContext<ContextValue<Partial<LinkProps>, FocusableRefValue<HTMLAnchorElement>>>(null);\n\nconst link = style<LinkRenderProps & LinkStyleProps & {isSkeleton: boolean, isStaticColor: boolean}>({\n  ...focusRing(),\n  ...staticColor(),\n  borderRadius: 'sm',\n  font: {\n    isStandalone: 'ui'\n  },\n  color: {\n    variant: {\n      primary: 'accent',\n      secondary: 'neutral' // TODO: should there be an option to inherit from the paragraph? What about hover states?\n    },\n    isStaticColor: 'transparent-overlay-1000',\n    forcedColors: 'LinkText'\n  },\n  transition: 'default',\n  fontWeight: {\n    isStandalone: 'medium'\n  },\n  textDecoration: {\n    default: 'underline',\n    isStandalone: {\n      // Inline links must always have an underline for accessibility.\n      isQuiet: {\n        default: 'none',\n        isHovered: 'underline',\n        isFocusVisible: 'underline'\n      }\n    }\n  },\n  outlineColor: {\n    default: 'focus-ring',\n    isStaticColor: 'transparent-overlay-1000',\n    forcedColors: 'Highlight'\n  },\n  disableTapHighlight: true\n}, getAllowedOverrides());\n\n/**\n * Links allow users to navigate to a different location.\n * They can be presented inline inside a paragraph or as standalone text.\n */\nexport const Link = /*#__PURE__*/ forwardRef(function Link(props: LinkProps, ref: FocusableRef<HTMLAnchorElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, LinkContext);\n  let {variant = 'primary', staticColor, isQuiet, isStandalone, UNSAFE_style, UNSAFE_className = '', styles, children} = props;\n\n  let domRef = useFocusableRef(ref);\n  let isSkeleton = useContext(SkeletonContext) || false;\n  [children, UNSAFE_style] = useSkeletonText(children, UNSAFE_style);\n\n  useLayoutEffect(() => {\n    if (domRef.current) {\n      // TODO: should RAC Link pass through inert?\n      domRef.current.inert = isSkeleton;\n    }\n  }, [domRef, isSkeleton]);\n\n  return (\n    <RACLink\n      {...props}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={renderProps => UNSAFE_className + link({...renderProps, variant, staticColor, isStaticColor: !!staticColor, isQuiet, isStandalone, isSkeleton}, styles)}>\n      {children}\n    </RACLink>\n  );\n});\n"],"names":[],"version":3,"file":"Link.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AA8BM,MAAM,0DAAc,CAAA,GAAA,0BAAY,EAA0E;AAEjH,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CC,MAAM,4CAAO,WAAW,GAAG,CAAA,GAAA,uBAAS,EAAE,SAAS,KAAK,KAAgB,EAAE,GAAoC;IAC/G,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,WAAC,UAAU,wBAAW,WAAW,WAAE,OAAO,gBAAE,YAAY,gBAAE,YAAY,oBAAE,mBAAmB,YAAI,MAAM,YAAE,QAAQ,EAAC,GAAG;IAEvH,IAAI,SAAS,CAAA,GAAA,yCAAc,EAAE;IAC7B,IAAI,aAAa,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,yCAAc,MAAM;IAChD,CAAC,UAAU,aAAa,GAAG,CAAA,GAAA,yCAAc,EAAE,UAAU;IAErD,CAAA,GAAA,qCAAc,EAAE;QACd,IAAI,OAAO,OAAO,EAChB,4CAA4C;QAC5C,OAAO,OAAO,CAAC,KAAK,GAAG;IAE3B,GAAG;QAAC;QAAQ;KAAW;IAEvB,qBACE,gCAAC,CAAA,GAAA,+BAAM;QACJ,GAAG,KAAK;QACT,KAAK;QACL,OAAO;QACP,WAAW,CAAA,cAAe,mBAAmB,2BAAK;gBAAC,GAAG,WAAW;yBAAE;6BAAS;gBAAa,eAAe,CAAC,CAAC;yBAAa;8BAAS;4BAAc;YAAU,GAAG;kBAC1J;;AAGP","sources":["packages/@react-spectrum/s2/src/Link.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ContextValue, LinkRenderProps, Link as RACLink, LinkProps as RACLinkProps} from 'react-aria-components';\nimport {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {FocusableRef, FocusableRefValue} from '@react-types/shared';\nimport {focusRing, style} from '../style' with {type: 'macro'};\nimport {getAllowedOverrides, staticColor, StyleProps} from './style-utils' with {type: 'macro'};\nimport {SkeletonContext, useSkeletonText} from './Skeleton';\nimport {useFocusableRef} from '@react-spectrum/utils';\nimport {useLayoutEffect} from '@react-aria/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\ninterface LinkStyleProps {\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/link/#Options) of the link.\n   * @default 'primary'\n   */\n  variant?: 'primary' | 'secondary',\n  /** The static color style to apply. Useful when the link appears over a color background. */\n  staticColor?: 'white' | 'black' | 'auto',\n  /** Whether the link is on its own vs inside a longer string of text. */\n  isStandalone?: boolean,\n  /** Whether the link should be displayed with a quiet style. */\n  isQuiet?: boolean\n}\n\nexport interface LinkProps extends Omit<RACLinkProps, 'isDisabled' | 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'onClick'>, StyleProps, LinkStyleProps {\n  children: ReactNode\n}\n\nexport const LinkContext = createContext<ContextValue<Partial<LinkProps>, FocusableRefValue<HTMLAnchorElement>>>(null);\n\nconst link = style<LinkRenderProps & LinkStyleProps & {isSkeleton: boolean, isStaticColor: boolean}>({\n  ...focusRing(),\n  ...staticColor(),\n  borderRadius: 'sm',\n  font: {\n    isStandalone: 'ui'\n  },\n  color: {\n    variant: {\n      primary: 'accent',\n      secondary: 'neutral' // TODO: should there be an option to inherit from the paragraph? What about hover states?\n    },\n    isStaticColor: 'transparent-overlay-1000',\n    forcedColors: 'LinkText'\n  },\n  transition: 'default',\n  fontWeight: {\n    isStandalone: 'medium'\n  },\n  textDecoration: {\n    default: 'underline',\n    isStandalone: {\n      // Inline links must always have an underline for accessibility.\n      isQuiet: {\n        default: 'none',\n        isHovered: 'underline',\n        isFocusVisible: 'underline'\n      }\n    }\n  },\n  outlineColor: {\n    default: 'focus-ring',\n    isStaticColor: 'transparent-overlay-1000',\n    forcedColors: 'Highlight'\n  },\n  disableTapHighlight: true\n}, getAllowedOverrides());\n\n/**\n * Links allow users to navigate to a different location.\n * They can be presented inline inside a paragraph or as standalone text.\n */\nexport const Link = /*#__PURE__*/ forwardRef(function Link(props: LinkProps, ref: FocusableRef<HTMLAnchorElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, LinkContext);\n  let {variant = 'primary', staticColor, isQuiet, isStandalone, UNSAFE_style, UNSAFE_className = '', styles, children} = props;\n\n  let domRef = useFocusableRef(ref);\n  let isSkeleton = useContext(SkeletonContext) || false;\n  [children, UNSAFE_style] = useSkeletonText(children, UNSAFE_style);\n\n  useLayoutEffect(() => {\n    if (domRef.current) {\n      // TODO: should RAC Link pass through inert?\n      domRef.current.inert = isSkeleton;\n    }\n  }, [domRef, isSkeleton]);\n\n  return (\n    <RACLink\n      {...props}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={renderProps => UNSAFE_className + link({...renderProps, variant, staticColor, isStaticColor: !!staticColor, isQuiet, isStandalone, isSkeleton}, styles)}>\n      {children}\n    </RACLink>\n  );\n});\n"],"names":[],"version":3,"file":"Link.cjs.map"}