@fluentui/react-alert 9.0.0-beta.40 → 9.0.0-beta.42

package/lib-commonjs/components/Alert/useAlert.js

@@ -1,82 +1,71 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useAlert_unstable", {
+    enumerable: true,
+    get: ()=>useAlert_unstable
 });
-exports.useAlert_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_avatar_1 = /*#__PURE__*/require("@fluentui/react-avatar");
-const react_button_1 = /*#__PURE__*/require("@fluentui/react-button");
-const react_icons_1 = /*#__PURE__*/require("@fluentui/react-icons");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-/**
- * Create the state required to render Alert.
- *
- * The returned state can be modified with hooks such as useAlertStyles_unstable,
- * before being passed to renderAlert_unstable.
- *
- * @param props - props from this instance of Alert
- * @param ref - reference to root HTMLElement of Alert
- */
-const useAlert_unstable = (props, ref) => {
-  const {
-    appearance = 'primary',
-    intent
-  } = props;
-  /** Determine the role and icon to render based on the intent */
-  let defaultIcon;
-  let defaultRole = 'status';
-  switch (intent) {
-    case 'success':
-      defaultIcon = React.createElement(react_icons_1.CheckmarkCircleFilled, null);
-      break;
-    case 'error':
-      defaultIcon = React.createElement(react_icons_1.DismissCircleFilled, null);
-      defaultRole = 'alert';
-      break;
-    case 'warning':
-      defaultIcon = React.createElement(react_icons_1.WarningFilled, null);
-      defaultRole = 'alert';
-      break;
-    case 'info':
-      defaultIcon = React.createElement(react_icons_1.InfoFilled, null);
-      break;
-  }
-  const action = react_utilities_1.resolveShorthand(props.action, {
-    defaultProps: {
-      appearance: 'transparent'
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactAvatar = require("@fluentui/react-avatar");
+const _reactButton = require("@fluentui/react-button");
+const _reactIcons = require("@fluentui/react-icons");
+const _reactUtilities = require("@fluentui/react-utilities");
+const useAlert_unstable = (props, ref)=>{
+    const { appearance ='primary' , intent  } = props;
+    /** Determine the role and icon to render based on the intent */ let defaultIcon;
+    let defaultRole = 'status';
+    switch(intent){
+        case 'success':
+            defaultIcon = /*#__PURE__*/ _react.createElement(_reactIcons.CheckmarkCircleFilled, null);
+            break;
+        case 'error':
+            defaultIcon = /*#__PURE__*/ _react.createElement(_reactIcons.DismissCircleFilled, null);
+            defaultRole = 'alert';
+            break;
+        case 'warning':
+            defaultIcon = /*#__PURE__*/ _react.createElement(_reactIcons.WarningFilled, null);
+            defaultRole = 'alert';
+            break;
+        case 'info':
+            defaultIcon = /*#__PURE__*/ _react.createElement(_reactIcons.InfoFilled, null);
+            break;
     }
-  });
-  const avatar = react_utilities_1.resolveShorthand(props.avatar);
-  let icon;
-  /** Avatar prop takes precedence over the icon or intent prop */
-  if (!avatar) {
-    icon = react_utilities_1.resolveShorthand(props.icon, {
-      defaultProps: {
-        children: defaultIcon
-      },
-      required: !!props.intent
+    const action = (0, _reactUtilities.resolveShorthand)(props.action, {
+        defaultProps: {
+            appearance: 'transparent'
+        }
     });
-  }
-  return {
-    action,
-    appearance,
-    avatar,
-    components: {
-      root: 'div',
-      icon: 'span',
-      action: react_button_1.Button,
-      avatar: react_avatar_1.Avatar
-    },
-    icon,
-    intent,
-    root: react_utilities_1.getNativeElementProps('div', {
-      ref,
-      role: defaultRole,
-      children: props.children,
-      ...props
-    })
-  };
-};
-exports.useAlert_unstable = useAlert_unstable;
+    const avatar = (0, _reactUtilities.resolveShorthand)(props.avatar);
+    let icon;
+    /** Avatar prop takes precedence over the icon or intent prop */ if (!avatar) {
+        icon = (0, _reactUtilities.resolveShorthand)(props.icon, {
+            defaultProps: {
+                children: defaultIcon
+            },
+            required: !!props.intent
+        });
+    }
+    return {
+        action,
+        appearance,
+        avatar,
+        components: {
+            root: 'div',
+            icon: 'span',
+            action: _reactButton.Button,
+            avatar: _reactAvatar.Avatar
+        },
+        icon,
+        intent,
+        root: (0, _reactUtilities.getNativeElementProps)('div', {
+            ref,
+            role: defaultRole,
+            children: props.children,
+            ...props
+        })
+    };
+}; //# sourceMappingURL=useAlert.js.map
+
 //# sourceMappingURL=useAlert.js.map

package/lib-commonjs/components/Alert/useAlert.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_avatar_1","react_button_1","react_icons_1","react_utilities_1","useAlert_unstable","props","ref","appearance","intent","defaultIcon","defaultRole","createElement","CheckmarkCircleFilled","DismissCircleFilled","WarningFilled","InfoFilled","action","resolveShorthand","defaultProps","avatar","icon","children","required","components","root","Button","Avatar","getNativeElementProps","role","exports"],"sources":["../src/packages/react-components/react-alert/src/components/Alert/useAlert.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Avatar } from '@fluentui/react-avatar';\nimport { Button } from '@fluentui/react-button';\nimport { CheckmarkCircleFilled, DismissCircleFilled, InfoFilled, WarningFilled } from '@fluentui/react-icons';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\n\nimport type { AlertProps, AlertState } from './Alert.types';\n\n/**\n * Create the state required to render Alert.\n *\n * The returned state can be modified with hooks such as useAlertStyles_unstable,\n * before being passed to renderAlert_unstable.\n *\n * @param props - props from this instance of Alert\n * @param ref - reference to root HTMLElement of Alert\n */\nexport const useAlert_unstable = (props: AlertProps, ref: React.Ref<HTMLElement>): AlertState => {\n  const { appearance = 'primary', intent } = props;\n\n  /** Determine the role and icon to render based on the intent */\n  let defaultIcon;\n  let defaultRole = 'status';\n  switch (intent) {\n    case 'success':\n      defaultIcon = <CheckmarkCircleFilled />;\n      break;\n    case 'error':\n      defaultIcon = <DismissCircleFilled />;\n      defaultRole = 'alert';\n      break;\n    case 'warning':\n      defaultIcon = <WarningFilled />;\n      defaultRole = 'alert';\n      break;\n    case 'info':\n      defaultIcon = <InfoFilled />;\n      break;\n  }\n\n  const action = resolveShorthand(props.action, { defaultProps: { appearance: 'transparent' } });\n  const avatar = resolveShorthand(props.avatar);\n  let icon;\n  /** Avatar prop takes precedence over the icon or intent prop */\n  if (!avatar) {\n    icon = resolveShorthand(props.icon, {\n      defaultProps: {\n        children: defaultIcon,\n      },\n      required: !!props.intent,\n    });\n  }\n\n  return {\n    action,\n    appearance,\n    avatar,\n    components: {\n      root: 'div',\n      icon: 'span',\n      action: Button,\n      avatar: Avatar,\n    },\n    icon,\n    intent,\n    root: getNativeElementProps('div', {\n      ref,\n      role: defaultRole,\n      children: props.children,\n      ...props,\n    }),\n  };\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AAEA,MAAAC,cAAA,gBAAAD,OAAA;AACA,MAAAE,cAAA,gBAAAF,OAAA;AACA,MAAAG,aAAA,gBAAAH,OAAA;AACA,MAAAI,iBAAA,gBAAAJ,OAAA;AAIA;;;;;;;;;AASO,MAAMK,iBAAiB,GAAGA,CAACC,KAAiB,EAAEC,GAA2B,KAAgB;EAC9F,MAAM;IAAEC,UAAU,GAAG,SAAS;IAAEC;EAAM,CAAE,GAAGH,KAAK;EAEhD;EACA,IAAII,WAAW;EACf,IAAIC,WAAW,GAAG,QAAQ;EAC1B,QAAQF,MAAM;IACZ,KAAK,SAAS;MACZC,WAAW,GAAGX,KAAA,CAAAa,aAAA,CAACT,aAAA,CAAAU,qBAAqB,OAAG;MACvC;IACF,KAAK,OAAO;MACVH,WAAW,GAAGX,KAAA,CAAAa,aAAA,CAACT,aAAA,CAAAW,mBAAmB,OAAG;MACrCH,WAAW,GAAG,OAAO;MACrB;IACF,KAAK,SAAS;MACZD,WAAW,GAAGX,KAAA,CAAAa,aAAA,CAACT,aAAA,CAAAY,aAAa,OAAG;MAC/BJ,WAAW,GAAG,OAAO;MACrB;IACF,KAAK,MAAM;MACTD,WAAW,GAAGX,KAAA,CAAAa,aAAA,CAACT,aAAA,CAAAa,UAAU,OAAG;MAC5B;EAAM;EAGV,MAAMC,MAAM,GAAGb,iBAAA,CAAAc,gBAAgB,CAACZ,KAAK,CAACW,MAAM,EAAE;IAAEE,YAAY,EAAE;MAAEX,UAAU,EAAE;IAAa;EAAE,CAAE,CAAC;EAC9F,MAAMY,MAAM,GAAGhB,iBAAA,CAAAc,gBAAgB,CAACZ,KAAK,CAACc,MAAM,CAAC;EAC7C,IAAIC,IAAI;EACR;EACA,IAAI,CAACD,MAAM,EAAE;IACXC,IAAI,GAAGjB,iBAAA,CAAAc,gBAAgB,CAACZ,KAAK,CAACe,IAAI,EAAE;MAClCF,YAAY,EAAE;QACZG,QAAQ,EAAEZ;OACX;MACDa,QAAQ,EAAE,CAAC,CAACjB,KAAK,CAACG;KACnB,CAAC;;EAGJ,OAAO;IACLQ,MAAM;IACNT,UAAU;IACVY,MAAM;IACNI,UAAU,EAAE;MACVC,IAAI,EAAE,KAAK;MACXJ,IAAI,EAAE,MAAM;MACZJ,MAAM,EAAEf,cAAA,CAAAwB,MAAM;MACdN,MAAM,EAAEnB,cAAA,CAAA0B;KACT;IACDN,IAAI;IACJZ,MAAM;IACNgB,IAAI,EAAErB,iBAAA,CAAAwB,qBAAqB,CAAC,KAAK,EAAE;MACjCrB,GAAG;MACHsB,IAAI,EAAElB,WAAW;MACjBW,QAAQ,EAAEhB,KAAK,CAACgB,QAAQ;MACxB,GAAGhB;KACJ;GACF;AACH,CAAC;AAvDYwB,OAAA,CAAAzB,iBAAiB,GAAAA,iBAAA"}
+{"version":3,"sources":["../../../lib/components/Alert/useAlert.js"],"sourcesContent":["import * as React from 'react';\nimport { Avatar } from '@fluentui/react-avatar';\nimport { Button } from '@fluentui/react-button';\nimport { CheckmarkCircleFilled, DismissCircleFilled, InfoFilled, WarningFilled } from '@fluentui/react-icons';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\n/**\n * Create the state required to render Alert.\n *\n * The returned state can be modified with hooks such as useAlertStyles_unstable,\n * before being passed to renderAlert_unstable.\n *\n * @param props - props from this instance of Alert\n * @param ref - reference to root HTMLElement of Alert\n */\nexport const useAlert_unstable = (props, ref) => {\n  const {\n    appearance = 'primary',\n    intent\n  } = props;\n  /** Determine the role and icon to render based on the intent */\n  let defaultIcon;\n  let defaultRole = 'status';\n  switch (intent) {\n    case 'success':\n      defaultIcon = /*#__PURE__*/React.createElement(CheckmarkCircleFilled, null);\n      break;\n    case 'error':\n      defaultIcon = /*#__PURE__*/React.createElement(DismissCircleFilled, null);\n      defaultRole = 'alert';\n      break;\n    case 'warning':\n      defaultIcon = /*#__PURE__*/React.createElement(WarningFilled, null);\n      defaultRole = 'alert';\n      break;\n    case 'info':\n      defaultIcon = /*#__PURE__*/React.createElement(InfoFilled, null);\n      break;\n  }\n  const action = resolveShorthand(props.action, {\n    defaultProps: {\n      appearance: 'transparent'\n    }\n  });\n  const avatar = resolveShorthand(props.avatar);\n  let icon;\n  /** Avatar prop takes precedence over the icon or intent prop */\n  if (!avatar) {\n    icon = resolveShorthand(props.icon, {\n      defaultProps: {\n        children: defaultIcon\n      },\n      required: !!props.intent\n    });\n  }\n  return {\n    action,\n    appearance,\n    avatar,\n    components: {\n      root: 'div',\n      icon: 'span',\n      action: Button,\n      avatar: Avatar\n    },\n    icon,\n    intent,\n    root: getNativeElementProps('div', {\n      ref,\n      role: defaultRole,\n      children: props.children,\n      ...props\n    })\n  };\n};\n//# sourceMappingURL=useAlert.js.map"],"names":["useAlert_unstable","props","ref","appearance","intent","defaultIcon","defaultRole","React","createElement","CheckmarkCircleFilled","DismissCircleFilled","WarningFilled","InfoFilled","action","resolveShorthand","defaultProps","avatar","icon","children","required","components","root","Button","Avatar","getNativeElementProps","role"],"mappings":";;;;+BAcaA;;aAAAA;;;6DAdU;6BACA;6BACA;4BAC+D;gCAC9B;AAUjD,MAAMA,oBAAoB,CAACC,OAAOC,MAAQ;IAC/C,MAAM,EACJC,YAAa,UAAS,EACtBC,OAAM,EACP,GAAGH;IACJ,8DAA8D,GAC9D,IAAII;IACJ,IAAIC,cAAc;IAClB,OAAQF;QACN,KAAK;YACHC,cAAc,WAAW,GAAEE,OAAMC,aAAa,CAACC,iCAAqB,EAAE,IAAI;YAC1E,KAAM;QACR,KAAK;YACHJ,cAAc,WAAW,GAAEE,OAAMC,aAAa,CAACE,+BAAmB,EAAE,IAAI;YACxEJ,cAAc;YACd,KAAM;QACR,KAAK;YACHD,cAAc,WAAW,GAAEE,OAAMC,aAAa,CAACG,yBAAa,EAAE,IAAI;YAClEL,cAAc;YACd,KAAM;QACR,KAAK;YACHD,cAAc,WAAW,GAAEE,OAAMC,aAAa,CAACI,sBAAU,EAAE,IAAI;YAC/D,KAAM;IACV;IACA,MAAMC,SAASC,IAAAA,gCAAgB,EAACb,MAAMY,MAAM,EAAE;QAC5CE,cAAc;YACZZ,YAAY;QACd;IACF;IACA,MAAMa,SAASF,IAAAA,gCAAgB,EAACb,MAAMe,MAAM;IAC5C,IAAIC;IACJ,8DAA8D,GAC9D,IAAI,CAACD,QAAQ;QACXC,OAAOH,IAAAA,gCAAgB,EAACb,MAAMgB,IAAI,EAAE;YAClCF,cAAc;gBACZG,UAAUb;YACZ;YACAc,UAAU,CAAC,CAAClB,MAAMG,MAAM;QAC1B;IACF,CAAC;IACD,OAAO;QACLS;QACAV;QACAa;QACAI,YAAY;YACVC,MAAM;YACNJ,MAAM;YACNJ,QAAQS,mBAAM;YACdN,QAAQO,mBAAM;QAChB;QACAN;QACAb;QACAiB,MAAMG,IAAAA,qCAAqB,EAAC,OAAO;YACjCtB;YACAuB,MAAMnB;YACNY,UAAUjB,MAAMiB,QAAQ;YACxB,GAAGjB,KAAK;QACV;IACF;AACF,GACA,oCAAoC"}

package/lib-commonjs/components/Alert/useAlertStyles.js

@@ -1,144 +1,278 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    alertClassNames: ()=>alertClassNames,
+    useAlertStyles_unstable: ()=>useAlertStyles_unstable
 });
-exports.useAlertStyles_unstable = exports.alertClassNames = void 0;
-const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
-const react_1 = /*#__PURE__*/require("@griffel/react");
-const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
-exports.alertClassNames = {
-  root: 'fui-Alert',
-  icon: 'fui-Alert__icon',
-  action: 'fui-Alert__action',
-  avatar: 'fui-Alert__avatar'
+const _react = require("@griffel/react");
+const alertClassNames = {
+    root: 'fui-Alert',
+    icon: 'fui-Alert__icon',
+    action: 'fui-Alert__action',
+    avatar: 'fui-Alert__avatar'
 };
-const useStyles = /*#__PURE__*/react_1.__styles({
-  root: {
-    mc9l5x: "f22iagw",
-    Bt984gj: "f122n59",
-    sshi5w: "f5pgtk9",
-    z8tnut: "f1g0x7ka",
-    z189sj: ["f11qrl6u", "fjlbh76"],
-    Byoj8tv: "f1qch9an",
-    uwmqm3: ["fjlbh76", "f11qrl6u"],
-    Bbmb7ep: ["fff7au0", "f1bjk9e1"],
-    Beyfa6y: ["f1bjk9e1", "fff7au0"],
-    B7oj6ja: ["fwsfkhu", "f8wkphi"],
-    Btl43ni: ["f8wkphi", "fwsfkhu"],
-    B4j52fo: "f5ogflp",
-    Bekrc4i: ["f1hqa2wf", "finvdd3"],
-    Bn0qgzm: "f1f09k3d",
-    ibv6hh: ["finvdd3", "f1hqa2wf"],
-    icvyot: "fzkkow9",
-    vrafjx: ["fcdblym", "fjik90z"],
-    oivjwe: "fg706s2",
-    wvpqe5: ["fjik90z", "fcdblym"],
-    g2u3we: "fghlq4f",
-    h3c5rm: ["f1gn591s", "fjscplz"],
-    B9xav0g: "fb073pr",
-    zhjwy3: ["fjscplz", "f1gn591s"],
-    E5pizo: "fz58gqq",
-    Be2twd7: "fkhj508",
-    Bhrd7zp: "fl43uef",
-    sj55zd: "f19n0e5",
-    De3pzq: "fxugw4r"
-  },
-  inverted: {
-    sj55zd: "f1w7i9ko",
-    De3pzq: "f5pduvr"
-  },
-  icon: {
-    Bqenvij: "fd461yt",
-    Be2twd7: "f4ybsrx",
-    z8tnut: "f1g0x7ka",
-    z189sj: ["f19lj068", "f177v4lu"],
-    Byoj8tv: "f1qch9an",
-    uwmqm3: ["f1cnd47f", "fhxju0i"]
-  },
-  avatar: {
-    B6of3ja: "f1hu3pq6",
-    t21cq0: ["f1phki43", "ff9s3yw"],
-    jrapky: "f19f4twv",
-    Frg6f3: ["f1tyq0we", "f11qmguv"]
-  },
-  action: {
-    z8tnut: "f1sbtcvk",
-    z189sj: ["f81rol6", "frdkuqy"],
-    Byoj8tv: "fdghr9",
-    uwmqm3: ["frdkuqy", "f81rol6"],
-    Bf4jedk: "fy77jfu",
-    Frg6f3: ["fcgxt0o", "f1ujusj6"],
-    sj55zd: "f16muhyy"
-  }
+const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    root: {
+        mc9l5x: "f22iagw",
+        Bt984gj: "f122n59",
+        sshi5w: "f5pgtk9",
+        z8tnut: "f1g0x7ka",
+        z189sj: [
+            "f11qrl6u",
+            "fjlbh76"
+        ],
+        Byoj8tv: "f1qch9an",
+        uwmqm3: [
+            "fjlbh76",
+            "f11qrl6u"
+        ],
+        Bbmb7ep: [
+            "fff7au0",
+            "f1bjk9e1"
+        ],
+        Beyfa6y: [
+            "f1bjk9e1",
+            "fff7au0"
+        ],
+        B7oj6ja: [
+            "fwsfkhu",
+            "f8wkphi"
+        ],
+        Btl43ni: [
+            "f8wkphi",
+            "fwsfkhu"
+        ],
+        B4j52fo: "f5ogflp",
+        Bekrc4i: [
+            "f1hqa2wf",
+            "finvdd3"
+        ],
+        Bn0qgzm: "f1f09k3d",
+        ibv6hh: [
+            "finvdd3",
+            "f1hqa2wf"
+        ],
+        icvyot: "fzkkow9",
+        vrafjx: [
+            "fcdblym",
+            "fjik90z"
+        ],
+        oivjwe: "fg706s2",
+        wvpqe5: [
+            "fjik90z",
+            "fcdblym"
+        ],
+        g2u3we: "fghlq4f",
+        h3c5rm: [
+            "f1gn591s",
+            "fjscplz"
+        ],
+        B9xav0g: "fb073pr",
+        zhjwy3: [
+            "fjscplz",
+            "f1gn591s"
+        ],
+        E5pizo: "fz58gqq",
+        Be2twd7: "fkhj508",
+        Bhrd7zp: "fl43uef",
+        sj55zd: "f19n0e5",
+        De3pzq: "fxugw4r"
+    },
+    inverted: {
+        sj55zd: "f1w7i9ko",
+        De3pzq: "f5pduvr"
+    },
+    icon: {
+        Bqenvij: "fd461yt",
+        Be2twd7: "f4ybsrx",
+        z8tnut: "f1g0x7ka",
+        z189sj: [
+            "f19lj068",
+            "f177v4lu"
+        ],
+        Byoj8tv: "f1qch9an",
+        uwmqm3: [
+            "f1cnd47f",
+            "fhxju0i"
+        ]
+    },
+    avatar: {
+        B6of3ja: "f1hu3pq6",
+        t21cq0: [
+            "f1phki43",
+            "ff9s3yw"
+        ],
+        jrapky: "f19f4twv",
+        Frg6f3: [
+            "f1tyq0we",
+            "f11qmguv"
+        ]
+    },
+    action: {
+        z8tnut: "f1sbtcvk",
+        z189sj: [
+            "f81rol6",
+            "frdkuqy"
+        ],
+        Byoj8tv: "fdghr9",
+        uwmqm3: [
+            "frdkuqy",
+            "f81rol6"
+        ],
+        Bf4jedk: "fy77jfu",
+        Frg6f3: [
+            "fcgxt0o",
+            "f1ujusj6"
+        ],
+        sj55zd: "f16muhyy"
+    }
 }, {
-  d: [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f5pgtk9{min-height:44px;}", ".f1g0x7ka{padding-top:0;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".f1qch9an{padding-bottom:0;}", ".fff7au0{border-bottom-right-radius:4px;}", ".f1bjk9e1{border-bottom-left-radius:4px;}", ".fwsfkhu{border-top-right-radius:4px;}", ".f8wkphi{border-top-left-radius:4px;}", ".f5ogflp{border-top-width:1px;}", ".f1hqa2wf{border-right-width:1px;}", ".finvdd3{border-left-width:1px;}", ".f1f09k3d{border-bottom-width:1px;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}", ".fz58gqq{box-shadow:var(--shadow8);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f1w7i9ko{color:var(--colorNeutralForegroundInverted2);}", ".f5pduvr{background-color:var(--colorNeutralBackgroundInverted);}", ".fd461yt{height:16px;}", ".f4ybsrx{font-size:16px;}", ".f19lj068{padding-right:8px;}", ".f177v4lu{padding-left:8px;}", ".f1cnd47f{padding-left:0;}", ".fhxju0i{padding-right:0;}", ".f1hu3pq6{margin-top:0;}", ".f1phki43{margin-right:8px;}", ".ff9s3yw{margin-left:8px;}", ".f19f4twv{margin-bottom:0;}", ".f1tyq0we{margin-left:0;}", ".f11qmguv{margin-right:0;}", ".f1sbtcvk{padding-top:5px;}", ".f81rol6{padding-right:10px;}", ".frdkuqy{padding-left:10px;}", ".fdghr9{padding-bottom:5px;}", ".fy77jfu{min-width:0;}", ".fcgxt0o{margin-left:auto;}", ".f1ujusj6{margin-right:auto;}", ".f16muhyy{color:var(--colorBrandForeground1);}"]
+    d: [
+        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
+        ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
+        ".f5pgtk9{min-height:44px;}",
+        ".f1g0x7ka{padding-top:0;}",
+        ".f11qrl6u{padding-right:12px;}",
+        ".fjlbh76{padding-left:12px;}",
+        ".f1qch9an{padding-bottom:0;}",
+        ".fff7au0{border-bottom-right-radius:4px;}",
+        ".f1bjk9e1{border-bottom-left-radius:4px;}",
+        ".fwsfkhu{border-top-right-radius:4px;}",
+        ".f8wkphi{border-top-left-radius:4px;}",
+        ".f5ogflp{border-top-width:1px;}",
+        ".f1hqa2wf{border-right-width:1px;}",
+        ".finvdd3{border-left-width:1px;}",
+        ".f1f09k3d{border-bottom-width:1px;}",
+        ".fzkkow9{border-top-style:solid;}",
+        ".fcdblym{border-right-style:solid;}",
+        ".fjik90z{border-left-style:solid;}",
+        ".fg706s2{border-bottom-style:solid;}",
+        ".fghlq4f{border-top-color:var(--colorTransparentStroke);}",
+        ".f1gn591s{border-right-color:var(--colorTransparentStroke);}",
+        ".fjscplz{border-left-color:var(--colorTransparentStroke);}",
+        ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}",
+        ".fz58gqq{box-shadow:var(--shadow8);}",
+        ".fkhj508{font-size:var(--fontSizeBase300);}",
+        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
+        ".f19n0e5{color:var(--colorNeutralForeground1);}",
+        ".fxugw4r{background-color:var(--colorNeutralBackground1);}",
+        ".f1w7i9ko{color:var(--colorNeutralForegroundInverted2);}",
+        ".f5pduvr{background-color:var(--colorNeutralBackgroundInverted);}",
+        ".fd461yt{height:16px;}",
+        ".f4ybsrx{font-size:16px;}",
+        ".f19lj068{padding-right:8px;}",
+        ".f177v4lu{padding-left:8px;}",
+        ".f1cnd47f{padding-left:0;}",
+        ".fhxju0i{padding-right:0;}",
+        ".f1hu3pq6{margin-top:0;}",
+        ".f1phki43{margin-right:8px;}",
+        ".ff9s3yw{margin-left:8px;}",
+        ".f19f4twv{margin-bottom:0;}",
+        ".f1tyq0we{margin-left:0;}",
+        ".f11qmguv{margin-right:0;}",
+        ".f1sbtcvk{padding-top:5px;}",
+        ".f81rol6{padding-right:10px;}",
+        ".frdkuqy{padding-left:10px;}",
+        ".fdghr9{padding-bottom:5px;}",
+        ".fy77jfu{min-width:0;}",
+        ".fcgxt0o{margin-left:auto;}",
+        ".f1ujusj6{margin-right:auto;}",
+        ".f16muhyy{color:var(--colorBrandForeground1);}"
+    ]
 });
-const useIntentIconStyles = /*#__PURE__*/react_1.__styles({
-  success: {
-    sj55zd: "f1m7fhi8"
-  },
-  error: {
-    sj55zd: "f1whyuy6"
-  },
-  warning: {
-    sj55zd: "fpti2h4"
-  },
-  info: {
-    sj55zd: "fkfq4zb"
-  }
+const useIntentIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    success: {
+        sj55zd: "f1m7fhi8"
+    },
+    error: {
+        sj55zd: "f1whyuy6"
+    },
+    warning: {
+        sj55zd: "fpti2h4"
+    },
+    info: {
+        sj55zd: "fkfq4zb"
+    }
 }, {
-  d: [".f1m7fhi8{color:var(--colorPaletteGreenForeground3);}", ".f1whyuy6{color:var(--colorPaletteRedForeground3);}", ".fpti2h4{color:var(--colorPaletteYellowForeground2);}", ".fkfq4zb{color:var(--colorNeutralForeground2);}"]
+    d: [
+        ".f1m7fhi8{color:var(--colorPaletteGreenForeground3);}",
+        ".f1whyuy6{color:var(--colorPaletteRedForeground3);}",
+        ".fpti2h4{color:var(--colorPaletteYellowForeground2);}",
+        ".fkfq4zb{color:var(--colorNeutralForeground2);}"
+    ]
 });
-const useIntentIconStylesInverted = /*#__PURE__*/react_1.__styles({
-  success: {
-    sj55zd: "f1pvjcpr"
-  },
-  error: {
-    sj55zd: "fcrp5ll"
-  },
-  warning: {
-    sj55zd: "f1r8f1cl"
-  },
-  info: {
-    sj55zd: "f1w7i9ko"
-  }
+const useIntentIconStylesInverted = /*#__PURE__*/ (0, _react["__styles"])({
+    success: {
+        sj55zd: "f1pvjcpr"
+    },
+    error: {
+        sj55zd: "fcrp5ll"
+    },
+    warning: {
+        sj55zd: "f1r8f1cl"
+    },
+    info: {
+        sj55zd: "f1w7i9ko"
+    }
 }, {
-  d: [".f1pvjcpr{color:var(--colorPaletteGreenForegroundInverted);}", ".fcrp5ll{color:var(--colorPaletteRedForegroundInverted);}", ".f1r8f1cl{color:var(--colorPaletteYellowForegroundInverted);}", ".f1w7i9ko{color:var(--colorNeutralForegroundInverted2);}"]
+    d: [
+        ".f1pvjcpr{color:var(--colorPaletteGreenForegroundInverted);}",
+        ".fcrp5ll{color:var(--colorPaletteRedForegroundInverted);}",
+        ".f1r8f1cl{color:var(--colorPaletteYellowForegroundInverted);}",
+        ".f1w7i9ko{color:var(--colorNeutralForegroundInverted2);}"
+    ]
 });
-const useActionButtonColorInverted = /*#__PURE__*/react_1.__styles({
-  action: {
-    sj55zd: "f1qz2gb0",
-    B8q5s1w: "fa5e339",
-    Bci5o5g: ["fk4svks", "fqzoz0o"],
-    n8qw10: "fw8q0i0",
-    Bdrgwmp: ["fqzoz0o", "fk4svks"],
-    Bfpq7zp: "f1dlk4fq"
-  }
+const useActionButtonColorInverted = /*#__PURE__*/ (0, _react["__styles"])({
+    action: {
+        sj55zd: "f1qz2gb0",
+        B8q5s1w: "fa5e339",
+        Bci5o5g: [
+            "fk4svks",
+            "fqzoz0o"
+        ],
+        n8qw10: "fw8q0i0",
+        Bdrgwmp: [
+            "fqzoz0o",
+            "fk4svks"
+        ],
+        Bfpq7zp: "f1dlk4fq"
+    }
 }, {
-  d: [".f1qz2gb0{color:var(--colorBrandForegroundInverted);}", ".fa5e339[data-fui-focus-visible]{border-top-color:var(--colorTransparentStrokeInteractive);}", ".fk4svks[data-fui-focus-visible]{border-right-color:var(--colorTransparentStrokeInteractive);}", ".fqzoz0o[data-fui-focus-visible]{border-left-color:var(--colorTransparentStrokeInteractive);}", ".fw8q0i0[data-fui-focus-visible]{border-bottom-color:var(--colorTransparentStrokeInteractive);}", ".f1dlk4fq[data-fui-focus-visible]{outline-color:var(--colorNeutralBackground5Pressed);}"]
+    d: [
+        ".f1qz2gb0{color:var(--colorBrandForegroundInverted);}",
+        ".fa5e339[data-fui-focus-visible]{border-top-color:var(--colorTransparentStrokeInteractive);}",
+        ".fk4svks[data-fui-focus-visible]{border-right-color:var(--colorTransparentStrokeInteractive);}",
+        ".fqzoz0o[data-fui-focus-visible]{border-left-color:var(--colorTransparentStrokeInteractive);}",
+        ".fw8q0i0[data-fui-focus-visible]{border-bottom-color:var(--colorTransparentStrokeInteractive);}",
+        ".f1dlk4fq[data-fui-focus-visible]{outline-color:var(--colorNeutralBackground5Pressed);}"
+    ]
 });
-/**
- * Apply styling to the Alert slots based on the state
- */
-const useAlertStyles_unstable = state => {
-  const inverted = state.appearance === 'inverted';
-  const styles = useStyles();
-  const intentIconStylesPrimary = useIntentIconStyles();
-  const intentIconStylesInverted = useIntentIconStylesInverted();
-  const actionStylesInverted = useActionButtonColorInverted();
-  state.root.className = react_1.mergeClasses(exports.alertClassNames.root, styles.root, inverted && styles.inverted, state.root.className);
-  if (state.icon) {
-    state.icon.className = react_1.mergeClasses(exports.alertClassNames.icon, styles.icon, state.intent && (inverted ? intentIconStylesInverted[state.intent] : intentIconStylesPrimary[state.intent]), state.icon.className);
-  }
-  if (state.avatar) {
-    state.avatar.className = react_1.mergeClasses(exports.alertClassNames.avatar, styles.avatar, state.avatar.className);
-  }
-  if (state.action) {
-    // Note: inverted && actionStylesInverted.action has the highest piority and must be merged last
-    state.action.className = react_1.mergeClasses(exports.alertClassNames.action, styles.action, inverted && actionStylesInverted.action, state.action.className);
-  }
-  return state;
-};
-exports.useAlertStyles_unstable = useAlertStyles_unstable;
+const useAlertStyles_unstable = (state)=>{
+    const inverted = state.appearance === 'inverted';
+    const styles = useStyles();
+    const intentIconStylesPrimary = useIntentIconStyles();
+    const intentIconStylesInverted = useIntentIconStylesInverted();
+    const actionStylesInverted = useActionButtonColorInverted();
+    state.root.className = (0, _react.mergeClasses)(alertClassNames.root, styles.root, inverted && styles.inverted, state.root.className);
+    if (state.icon) {
+        state.icon.className = (0, _react.mergeClasses)(alertClassNames.icon, styles.icon, state.intent && (inverted ? intentIconStylesInverted[state.intent] : intentIconStylesPrimary[state.intent]), state.icon.className);
+    }
+    if (state.avatar) {
+        state.avatar.className = (0, _react.mergeClasses)(alertClassNames.avatar, styles.avatar, state.avatar.className);
+    }
+    if (state.action) {
+        // Note: inverted && actionStylesInverted.action has the highest piority and must be merged last
+        state.action.className = (0, _react.mergeClasses)(alertClassNames.action, styles.action, inverted && actionStylesInverted.action, state.action.className);
+    }
+    return state;
+}; //# sourceMappingURL=useAlertStyles.js.map
+
 //# sourceMappingURL=useAlertStyles.js.map