@react-spectrum/s2 3.0.0-nightly-fd7075c5f-250128 → 3.0.0-nightly-e3ed3c7f6-250130

package/dist/InlineAlert.mjs

@@ -47,40 +47,67 @@ 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) || [];
+    let matches = (overrides || '').match(/(?:^|\s)(?:B|C|D|E|__d|__c|g|_9|_8|__E|__g|__h|__e|__f|Y|__U|_b|_d|Z|_a|k|p|q)[^\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';
+    let $Y = false;
+    for (let p of matches)if (/^\s*Y/.test(p)) $Y = true;
+    if (props.isFocusVisible) rules += ' _Pb';
+    else rules += ' _Pa';
+    rules += ' ca_____M';
+    rules += ' cx';
+    rules += ' _Rc';
+    rules += ' _Q-3t1z';
+    rules += ' _3b';
+    if (!$Y) rules += ' Yc';
+    rules += ' __ra';
+    rules += ' Hh';
+    rules += ' Ih';
     rules += ' Fh';
-    rules += ' Ch';
-    rules += ' Dh';
-    rules += ' _wd';
-    rules += ' _xd';
-    rules += ' _yd';
+    rules += ' Gh';
     rules += ' _zd';
-    rules += ' wa';
+    rules += ' _Ad';
+    rules += ' _Bd';
+    rules += ' _Cd';
+    rules += ' za';
+    rules += ' tc';
     rules += ' uc';
-    rules += ' vc';
+    rules += ' rc';
     rules += ' sc';
-    rules += ' tc';
-    if (props.fillStyle === "boldFill") rules += ' ca';
-    else if (props.fillStyle === "subtleFill") rules += ' ca';
+    if (props.fillStyle === "boldFill") rules += ' xa';
+    else if (props.fillStyle === "subtleFill") rules += ' xa';
     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 += ' xm';
+        else if (props.variant === "negative") rules += ' xN';
+        else if (props.variant === "notice") rules += ' x2';
+        else if (props.variant === "positive") rules += ' x_4';
+        else if (props.variant === "informative") rules += ' xx';
+    }
+    if (props.fillStyle === "boldFill") rules += ' ya';
+    else if (props.fillStyle === "subtleFill") rules += ' ya';
+    else if (props.fillStyle === "border") {
+        if (props.variant === "neutral") rules += ' ym';
+        else if (props.variant === "negative") rules += ' yN';
+        else if (props.variant === "notice") rules += ' y2';
+        else if (props.variant === "positive") rules += ' y_4';
+        else if (props.variant === "informative") rules += ' yx';
+    }
+    if (props.fillStyle === "boldFill") rules += ' va';
+    else if (props.fillStyle === "subtleFill") rules += ' va';
+    else if (props.fillStyle === "border") {
+        if (props.variant === "neutral") rules += ' vm';
+        else if (props.variant === "negative") rules += ' vN';
+        else if (props.variant === "notice") rules += ' v2';
+        else if (props.variant === "positive") rules += ' v_4';
+        else if (props.variant === "informative") rules += ' vx';
+    }
+    if (props.fillStyle === "boldFill") rules += ' wa';
+    else if (props.fillStyle === "subtleFill") rules += ' wa';
+    else if (props.fillStyle === "border") {
+        if (props.variant === "neutral") rules += ' wm';
+        else if (props.variant === "negative") rules += ' wN';
+        else if (props.variant === "notice") rules += ' w2';
+        else if (props.variant === "positive") rules += ' w_4';
+        else if (props.variant === "informative") rules += ' wx';
     }
     if (props.variant === "neutral") {
         if (props.fillStyle === "boldFill") {
@@ -123,29 +150,29 @@ const $fc2cf6b397804b9c$var$inlineAlert = function anonymous(props, overrides) {
 };
 const $fc2cf6b397804b9c$var$icon = function anonymous(props) {
     let rules = " .";
-    rules += ' __b-qb5q8i';
-    rules += ' __c-qb5q8i';
-    rules += ' __d-qb5q8i';
     rules += ' __e-qb5q8i';
+    rules += ' __f-qb5q8i';
+    rules += ' __g-qb5q8i';
+    rules += ' __h-qb5q8i';
     if (props.fillStyle === "boldFill") {
-        if (props.variant === "notice") rules += ' -rwx0fg_e-z';
-        else rules += ' -rwx0fg_e-A';
+        if (props.variant === "notice") rules += ' -rwx0fg_d-z';
+        else rules += ' -rwx0fg_d-A';
     } 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 += ' -rwx0fg_d-d';
+        else if (props.variant === "negative") rules += ' -rwx0fg_d-e';
+        else if (props.variant === "notice") rules += ' -rwx0fg_d-e';
+        else if (props.variant === "positive") rules += ' -rwx0fg_d-f';
+        else if (props.variant === "informative") rules += ' -rwx0fg_d-c';
     } 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 += ' -rwx0fg_d-d';
+        else if (props.variant === "negative") rules += ' -rwx0fg_d-e';
+        else if (props.variant === "notice") rules += ' -rwx0fg_d-g';
+        else if (props.variant === "positive") rules += ' -rwx0fg_d-f';
+        else if (props.variant === "informative") rules += ' -rwx0fg_d-c';
     }
     return rules;
 };
-const $fc2cf6b397804b9c$var$grid = " _0f jh __i-1j10eqz __j-1cy57v8 lb __k-fb6mkc";
+const $fc2cf6b397804b9c$var$grid = " _3f ih __l-1j10eqz __m-1cy57v8 kb __n-fb6mkc";
 let $fc2cf6b397804b9c$var$ICONS = {
     informative: (0, $4c8f17dac3ecefd9$export$2e2bcd8739ae039),
     positive: (0, $22a7d72fc05e138d$export$2e2bcd8739ae039),
@@ -155,25 +182,25 @@ let $fc2cf6b397804b9c$var$ICONS = {
 };
 const $fc2cf6b397804b9c$var$heading = function anonymous(props) {
     let rules = " .";
-    rules += ' Aa';
-    rules += ' __b-1c6tcyh';
-    rules += ' __c-1c6tcyh';
-    rules += ' __d-1c6tcyh';
+    rules += ' Da';
     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 += ' __f-1c6tcyh';
+    rules += ' __g-1c6tcyh';
+    rules += ' __h-1c6tcyh';
+    rules += ' _g-bc1l9oh';
+    rules += ' _g-1uotwbwg';
+    rules += ' _g-eo0c6sf';
+    rules += ' _g-enzzrge';
+    rules += ' _g-enzykdd';
+    rules += ' _g-enzwzjc';
+    rules += ' _g-enzrfpb';
     rules += ' _ga';
+    rules += ' _hbf';
+    rules += ' _he';
+    rules += ' _i-1x99dlod';
+    rules += ' _id';
+    rules += ' _j-1x99dlob';
+    rules += ' _ja';
     if (props.fillStyle === "boldFill") {
         if (props.variant === "notice") rules += ' ab';
         else rules += ' ac';
@@ -182,23 +209,23 @@ const $fc2cf6b397804b9c$var$heading = function anonymous(props) {
 };
 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';
+    rules += ' __f-drkpd0';
+    rules += ' __g-drkpd0';
+    rules += ' __h-drkpd0';
+    rules += ' _g-bc1l9oh';
+    rules += ' _g-1uotwbwg';
+    rules += ' _g-eo0c6sf';
+    rules += ' _g-enzzrge';
+    rules += ' _g-enzykdd';
+    rules += ' _g-enzwzjc';
+    rules += ' _g-enzrfpb';
+    rules += ' _ga';
+    rules += ' _hbf';
+    rules += ' _he';
+    rules += ' _ib';
+    rules += ' _j-1x99dloc';
+    rules += ' _jb';
     if (props.fillStyle === "boldFill") {
         if (props.variant === "notice") rules += ' ab';
         else rules += ' ac';

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

@@ -34,39 +34,39 @@ $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) || [];
+    let matches = (overrides || '').match(/(?:^|\s)(?:B|C|D|E|__d|__c|g|_9|_8|__E|__g|__h|__e|__f|Y|__U|_b|_d|Z|_a|k|p|q)[^\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.isFocusVisible) rules += ' _Pb';
+    else rules += ' _Pa';
+    rules += ' ca_____M';
+    if (props.isStaticColor) rules += ' c_____G';
+    else rules += ' cx';
+    rules += ' _Rc';
+    rules += ' _Q-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';
+    rules += ' _Ab';
+    rules += ' _Bb';
+    rules += ' _Cb';
     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 += ' _g-bc1l9oh';
+        rules += ' _g-1uotwbwg';
+        rules += ' _g-eo0c6sf';
+        rules += ' _g-enzzrge';
+        rules += ' _g-enzykdd';
+        rules += ' _g-enzwzjc';
+        rules += ' _g-enzrfpb';
+        rules += ' _ga';
     }
     if (props.isStandalone) {
-        rules += ' _ebf';
-        rules += ' _ee';
+        rules += ' _hbf';
+        rules += ' _he';
     }
-    if (props.isStandalone) rules += ' _fc';
+    if (props.isStandalone) rules += ' _ic';
     if (props.isStandalone) {
-        rules += ' _g-1x99dlob';
-        rules += ' _ga';
+        rules += ' _j-1x99dlob';
+        rules += ' _ja';
     }
     rules += ' aa_____Q';
     if (props.isStaticColor) rules += ' a_____G';
@@ -81,17 +81,17 @@ const $064658f378a85eef$var$link = function anonymous(props, overrides) {
         else if (props.isHovered) rules += ' az';
         else rules += ' ay';
     }
-    rules += ' _Pa';
-    rules += ' _R-375x7f';
     rules += ' _Sa';
+    rules += ' _U-375x7f';
+    rules += ' _Va';
     if (props.isStandalone) {
         if (props.isQuiet) {
-            if (props.isFocusVisible) rules += ' _ma';
-            else if (props.isHovered) rules += ' _ma';
-            else rules += ' _md';
+            if (props.isFocusVisible) rules += ' _pa';
+            else if (props.isHovered) rules += ' _pa';
+            else rules += ' _pd';
         }
-    } else rules += ' _ma';
-    rules += ' __S-yksgrp';
+    } else rules += ' _pa';
+    rules += ' __V-yksgrp';
     return rules;
 };
 const $064658f378a85eef$export$a6c7ac8248d6e38a = /*#__PURE__*/ (0, $7PkpH$react.forwardRef)(function Link(props, ref) {

package/dist/Link.css

@@ -1,25 +1,25 @@
 @layer _.a {
-  ._Ma {
+  ._Pa {
     outline-style: none;
   }
 
-  ._Mb {
+  ._Pb {
     outline-style: solid;
   }
 
-  .dx {
+  .cx {
     outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
   }
 
-  .d_____G {
+  .c_____G {
     outline-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / 1);
   }
 
-  ._Oc {
+  ._Rc {
     outline-width: 2px;
   }
 
-  ._N-3t1z {
+  ._Q-3t1z {
     outline-offset: 2px;
   }
 
@@ -31,37 +31,37 @@
     --s2-container-bg: black;
   }
 
-  ._wb {
+  ._zb {
     border-start-start-radius: .25rem;
   }
 
-  ._xb {
+  ._Ab {
     border-start-end-radius: .25rem;
   }
 
-  ._yb {
+  ._Bb {
     border-end-start-radius: .25rem;
   }
 
-  ._zb {
+  ._Cb {
     border-end-end-radius: .25rem;
   }
 
-  ._da {
+  ._ga {
     font-family: adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._ee {
+  ._he {
     font-size: .875rem;
   }
 
-  ._fc {
+  ._ic {
     font-variation-settings: "wght" 500;
     font-synthesis-weight: none;
     font-weight: 500;
   }
 
-  ._ga {
+  ._ja {
     line-height: 1.3;
   }
 
@@ -85,82 +85,82 @@
     color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / 1);
   }
 
-  ._Pa {
+  ._Sa {
     transition-property: color, background-color, var(--gp), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
   }
 
-  ._R-375x7f {
+  ._U-375x7f {
     transition-duration: .15s;
   }
 
-  ._Sa {
+  ._Va {
     transition-timing-function: cubic-bezier(.45, 0, .4, 1);
   }
 
-  ._md {
+  ._pd {
     text-decoration: none;
   }
 
-  ._ma {
+  ._pa {
     text-underline-offset: 1px;
     text-underline-offset: 1px;
     text-decoration: underline 1px;
   }
 
-  .__S-yksgrp {
+  .__V-yksgrp {
     -webkit-tap-highlight-color: #0000;
   }
 }
 
 @layer _.b {
-  ._d-enzrfpb:lang(ar) {
+  ._g-enzrfpb:lang(ar) {
     font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._g-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  ._j-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     line-height: 1.5;
   }
 }
 
 @layer _.c {
-  ._d-enzwzjc:lang(he) {
+  ._g-enzwzjc:lang(he) {
     font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
   }
 }
 
 @layer _.d {
-  ._d-enzykdd:lang(ja) {
+  ._g-enzykdd:lang(ja) {
     font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
   }
 }
 
 @layer _.e {
-  ._d-enzzrge:lang(ko) {
+  ._g-enzzrge:lang(ko) {
     font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
   }
 }
 
 @layer _.f {
-  ._d-eo0c6sf:lang(zh) {
+  ._g-eo0c6sf:lang(zh) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.g {
-  ._d-1uotwbwg:lang(zh-hant) {
+  ._g-1uotwbwg:lang(zh-hant) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.h {
-  ._d-bc1l9oh:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  ._g-bc1l9oh:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
     font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
   }
 }
 
 @layer _.b.a {
   @media (forced-colors: active) {
-    .da_____M {
+    .ca_____M {
       outline-color: highlight;
     }
 
@@ -172,7 +172,7 @@
 
 @layer _.b.b {
   @media not ((hover: hover) and (pointer: fine)) {
-    ._ebf {
+    ._hbf {
       font-size: 1.0625rem;
     }
   }

package/dist/Link.mjs

@@ -27,39 +27,39 @@ import {useLayoutEffect as $d6Kqa$useLayoutEffect} from "@react-aria/utils";
 const $f50c78733c21bfe2$export$e2509388b49734e7 = /*#__PURE__*/ (0, $d6Kqa$createContext)(null);
 const $f50c78733c21bfe2$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) || [];
+    let matches = (overrides || '').match(/(?:^|\s)(?:B|C|D|E|__d|__c|g|_9|_8|__E|__g|__h|__e|__f|Y|__U|_b|_d|Z|_a|k|p|q)[^\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.isFocusVisible) rules += ' _Pb';
+    else rules += ' _Pa';
+    rules += ' ca_____M';
+    if (props.isStaticColor) rules += ' c_____G';
+    else rules += ' cx';
+    rules += ' _Rc';
+    rules += ' _Q-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';
+    rules += ' _Ab';
+    rules += ' _Bb';
+    rules += ' _Cb';
     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 += ' _g-bc1l9oh';
+        rules += ' _g-1uotwbwg';
+        rules += ' _g-eo0c6sf';
+        rules += ' _g-enzzrge';
+        rules += ' _g-enzykdd';
+        rules += ' _g-enzwzjc';
+        rules += ' _g-enzrfpb';
+        rules += ' _ga';
     }
     if (props.isStandalone) {
-        rules += ' _ebf';
-        rules += ' _ee';
+        rules += ' _hbf';
+        rules += ' _he';
     }
-    if (props.isStandalone) rules += ' _fc';
+    if (props.isStandalone) rules += ' _ic';
     if (props.isStandalone) {
-        rules += ' _g-1x99dlob';
-        rules += ' _ga';
+        rules += ' _j-1x99dlob';
+        rules += ' _ja';
     }
     rules += ' aa_____Q';
     if (props.isStaticColor) rules += ' a_____G';
@@ -74,17 +74,17 @@ const $f50c78733c21bfe2$var$link = function anonymous(props, overrides) {
         else if (props.isHovered) rules += ' az';
         else rules += ' ay';
     }
-    rules += ' _Pa';
-    rules += ' _R-375x7f';
     rules += ' _Sa';
+    rules += ' _U-375x7f';
+    rules += ' _Va';
     if (props.isStandalone) {
         if (props.isQuiet) {
-            if (props.isFocusVisible) rules += ' _ma';
-            else if (props.isHovered) rules += ' _ma';
-            else rules += ' _md';
+            if (props.isFocusVisible) rules += ' _pa';
+            else if (props.isHovered) rules += ' _pa';
+            else rules += ' _pd';
         }
-    } else rules += ' _ma';
-    rules += ' __S-yksgrp';
+    } else rules += ' _pa';
+    rules += ' __V-yksgrp';
     return rules;
 };
 const $f50c78733c21bfe2$export$a6c7ac8248d6e38a = /*#__PURE__*/ (0, $d6Kqa$forwardRef)(function Link(props, ref) {