@fluentui/react-alert 9.0.0-beta.71 → 9.0.0-beta.72

package/CHANGELOG.json

@@ -2,7 +2,64 @@
   "name": "@fluentui/react-alert",
   "entries": [
     {
-      "date": "Tue, 29 Aug 2023 12:53:36 GMT",
+      "date": "Tue, 05 Sep 2023 13:23:19 GMT",
+      "tag": "@fluentui/react-alert_v9.0.0-beta.72",
+      "version": "9.0.0-beta.72",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "bernardo.sunderhus@gmail.com",
+            "package": "@fluentui/react-alert",
+            "commit": "b93c2ac22355b6cb6f33dd509c6cd9c21f4fffc8",
+            "comment": "bumps @swc/helpers version to 0.5.1"
+          },
+          {
+            "author": "bernardo.sunderhus@gmail.com",
+            "package": "@fluentui/react-alert",
+            "commit": "eea6d93a62249ba4fba3347fb291c67ee1a3fb24",
+            "comment": "chore: migrate package to use JSX importSource"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-alert",
+            "comment": "Bump @fluentui/react-avatar to v9.5.26",
+            "commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-alert",
+            "comment": "Bump @fluentui/react-button to v9.3.35",
+            "commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-alert",
+            "comment": "Bump @fluentui/react-tabster to v9.12.6",
+            "commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-alert",
+            "comment": "Bump @fluentui/react-theme to v9.1.12",
+            "commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-alert",
+            "comment": "Bump @fluentui/react-utilities to v9.13.1",
+            "commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-alert",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.4",
+            "commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 29 Aug 2023 12:57:36 GMT",
       "tag": "@fluentui/react-alert_v9.0.0-beta.71",
       "version": "9.0.0-beta.71",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,28 @@
 # Change Log - @fluentui/react-alert
 
-This log was last generated on Tue, 29 Aug 2023 12:53:36 GMT and should not be manually modified.
+This log was last generated on Tue, 05 Sep 2023 13:23:19 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-beta.72](https://github.com/microsoft/fluentui/tree/@fluentui/react-alert_v9.0.0-beta.72)
+
+Tue, 05 Sep 2023 13:23:19 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-alert_v9.0.0-beta.71..@fluentui/react-alert_v9.0.0-beta.72)
+
+### Changes
+
+- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
+- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
+- Bump @fluentui/react-avatar to v9.5.26 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
+- Bump @fluentui/react-button to v9.3.35 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
+- Bump @fluentui/react-tabster to v9.12.6 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
+- Bump @fluentui/react-theme to v9.1.12 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
+- Bump @fluentui/react-utilities to v9.13.1 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.4 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
+
 ## [9.0.0-beta.71](https://github.com/microsoft/fluentui/tree/@fluentui/react-alert_v9.0.0-beta.71)
 
-Tue, 29 Aug 2023 12:53:36 GMT 
+Tue, 29 Aug 2023 12:57:36 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-alert_v9.0.0-beta.70..@fluentui/react-alert_v9.0.0-beta.71)
 
 ### Changes

package/lib/components/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Alert.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { renderAlert_unstable } from './renderAlert';\nimport { useAlert_unstable } from './useAlert';\nimport { useAlertStyles_unstable } from './useAlertStyles.styles';\n\nimport type { AlertProps } from './Alert.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * An Alert component displays a brief, important message to attract a user's attention\n *  without interrupting their current task.\n */\nexport const Alert: ForwardRefComponent<AlertProps> = React.forwardRef((props, ref) => {\n  const state = useAlert_unstable(props, ref);\n\n  useAlertStyles_unstable(state);\n  return renderAlert_unstable(state);\n}) as ForwardRefComponent<AlertProps>;\n\nAlert.displayName = 'Alert';\n"],"names":["React","renderAlert_unstable","useAlert_unstable","useAlertStyles_unstable","Alert","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,uBAAuB,QAAQ,0BAA0B;AAKlE;;;CAGC,GACD,OAAO,MAAMC,sBAAyCJ,MAAMK,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACrF,MAAMC,QAAQN,kBAAkBI,OAAOC;IAEvCJ,wBAAwBK;IACxB,OAAOP,qBAAqBO;AAC9B,GAAsC;AAEtCJ,MAAMK,WAAW,GAAG"}
+{"version":3,"sources":["Alert.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { renderAlert_unstable } from './renderAlert';\nimport { useAlert_unstable } from './useAlert';\nimport { useAlertStyles_unstable } from './useAlertStyles.styles';\n\nimport type { AlertProps } from './Alert.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * An Alert component displays a brief, important message to attract a user's attention\n *  without interrupting their current task.\n */\nexport const Alert: ForwardRefComponent<AlertProps> = React.forwardRef((props, ref) => {\n  const state = useAlert_unstable(props, ref);\n\n  useAlertStyles_unstable(state);\n  return renderAlert_unstable(state);\n}) as ForwardRefComponent<AlertProps>;\n\nAlert.displayName = 'Alert';\n"],"names":["React","renderAlert_unstable","useAlert_unstable","useAlertStyles_unstable","Alert","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,uBAAuB,QAAQ,0BAA0B;AAKlE;;;CAGC,GACD,OAAO,MAAMC,sBAAyCJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IAC7E,MAAMC,QAAQN,kBAAkBI,OAAOC;IAEvCJ,wBAAwBK;IACxB,OAAOP,qBAAqBO;AAC9B,GAAsC;AAEtCJ,MAAMK,WAAW,GAAG"}

package/lib/components/Alert/renderAlert.js

@@ -1,6 +1,13 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
+/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots } from '@fluentui/react-utilities';
 export const renderAlert_unstable = (state)=>{
     assertSlots(state);
-    return /*#__PURE__*/ createElement(state.root, null, state.icon && /*#__PURE__*/ createElement(state.icon, null), state.avatar && /*#__PURE__*/ createElement(state.avatar, null), state.root.children, state.action && /*#__PURE__*/ createElement(state.action, null));
+    return /*#__PURE__*/ _jsxs(state.root, {
+        children: [
+            state.icon && /*#__PURE__*/ _jsx(state.icon, {}),
+            state.avatar && /*#__PURE__*/ _jsx(state.avatar, {}),
+            state.root.children,
+            state.action && /*#__PURE__*/ _jsx(state.action, {})
+        ]
+    });
 };

package/lib/components/Alert/renderAlert.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderAlert.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\n\nimport type { AlertState, AlertSlots } from './Alert.types';\n\nexport const renderAlert_unstable = (state: AlertState) => {\n  assertSlots<AlertSlots>(state);\n\n  return (\n    <state.root>\n      {state.icon && <state.icon />}\n      {state.avatar && <state.avatar />}\n      {state.root.children}\n      {state.action && <state.action />}\n    </state.root>\n  );\n};\n"],"names":["createElement","assertSlots","renderAlert_unstable","state","root","icon","avatar","children","action"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,WAAW,QAAQ,4BAA4B;AAIxD,OAAO,MAAMC,uBAAuB,CAACC,QAAsB;IACzDF,YAAwBE;IAExB,qBACE,AAXJ,cAWKA,MAAMC,IAAI,QACRD,MAAME,IAAI,kBAAI,AAZrB,cAYsBF,MAAME,IAAI,SACzBF,MAAMG,MAAM,kBAAI,AAbvB,cAawBH,MAAMG,MAAM,SAC7BH,MAAMC,IAAI,CAACG,QAAQ,EACnBJ,MAAMK,MAAM,kBAAI,AAfvB,cAewBL,MAAMK,MAAM;AAGpC,EAAE"}
+{"version":3,"sources":["renderAlert.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\n\nimport type { AlertState, AlertSlots } from './Alert.types';\n\nexport const renderAlert_unstable = (state: AlertState) => {\n  assertSlots<AlertSlots>(state);\n\n  return (\n    <state.root>\n      {state.icon && <state.icon />}\n      {state.avatar && <state.avatar />}\n      {state.root.children}\n      {state.action && <state.action />}\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderAlert_unstable","state","root","icon","avatar","children","action"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AACjD,SAASA,WAAW,QAAQ,4BAA4B;AAIxD,OAAO,MAAMC,uBAAuB,CAACC;IACnCF,YAAwBE;IAExB,qBACE,MAACA,MAAMC,IAAI;;YACRD,MAAME,IAAI,kBAAI,KAACF,MAAME,IAAI;YACzBF,MAAMG,MAAM,kBAAI,KAACH,MAAMG,MAAM;YAC7BH,MAAMC,IAAI,CAACG,QAAQ;YACnBJ,MAAMK,MAAM,kBAAI,KAACL,MAAMK,MAAM;;;AAGpC,EAAE"}

package/lib/components/Alert/useAlert.js

@@ -12,7 +12,7 @@ import { getNativeElementProps, slot } from '@fluentui/react-utilities';
  * @param props - props from this instance of Alert
  * @param ref - reference to root HTMLElement of Alert
  */ export const useAlert_unstable = (props, ref)=>{
-    const { appearance ='primary' , intent  } = props;
+    const { appearance = 'primary', intent } = props;
     /** Determine the role and icon to render based on the intent */ let defaultIcon;
     let defaultRole = 'status';
     switch(intent){

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

@@ -1 +1 @@
-{"version":3,"sources":["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, slot } 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 = slot.optional(props.action, { defaultProps: { appearance: 'transparent' }, elementType: Button });\n  const avatar = slot.optional(props.avatar, { elementType: Avatar });\n  let icon;\n  /** Avatar prop takes precedence over the icon or intent prop */ if (!avatar) {\n    icon = slot.optional(props.icon, {\n      defaultProps: { children: defaultIcon },\n      renderByDefault: !!props.intent,\n      elementType: 'span',\n    });\n  }\n  return {\n    action,\n    appearance,\n    avatar,\n    components: { root: 'div', icon: 'span', action: Button, avatar: Avatar },\n    icon,\n    intent,\n    root: slot.always(\n      getNativeElementProps('div', {\n        ref,\n        role: defaultRole,\n        children: props.children,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n"],"names":["React","Avatar","Button","CheckmarkCircleFilled","DismissCircleFilled","InfoFilled","WarningFilled","getNativeElementProps","slot","useAlert_unstable","props","ref","appearance","intent","defaultIcon","defaultRole","action","optional","defaultProps","elementType","avatar","icon","children","renderByDefault","components","root","always","role"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,qBAAqB,EAAEC,mBAAmB,EAAEC,UAAU,EAAEC,aAAa,QAAQ,wBAAwB;AAC9G,SAASC,qBAAqB,EAAEC,IAAI,QAAQ,4BAA4B;AAIxE;;;;;;;;CAQC,GACD,OAAO,MAAMC,oBAAoB,CAACC,OAAmBC,MAA4C;IAC/F,MAAM,EAAEC,YAAa,UAAS,EAAEC,OAAM,EAAE,GAAGH;IAE3C,8DAA8D,GAC9D,IAAII;IACJ,IAAIC,cAAc;IAClB,OAAQF;QACN,KAAK;YACHC,4BAAc,oBAACX;YACf,KAAM;QACR,KAAK;YACHW,4BAAc,oBAACV;YACfW,cAAc;YACd,KAAM;QACR,KAAK;YACHD,4BAAc,oBAACR;YACfS,cAAc;YACd,KAAM;QACR,KAAK;YACHD,4BAAc,oBAACT;YACf,KAAM;IACV;IAEA,MAAMW,SAASR,KAAKS,QAAQ,CAACP,MAAMM,MAAM,EAAE;QAAEE,cAAc;YAAEN,YAAY;QAAc;QAAGO,aAAajB;IAAO;IAC9G,MAAMkB,SAASZ,KAAKS,QAAQ,CAACP,MAAMU,MAAM,EAAE;QAAED,aAAalB;IAAO;IACjE,IAAIoB;IACJ,8DAA8D,GAAG,IAAI,CAACD,QAAQ;QAC5EC,OAAOb,KAAKS,QAAQ,CAACP,MAAMW,IAAI,EAAE;YAC/BH,cAAc;gBAAEI,UAAUR;YAAY;YACtCS,iBAAiB,CAAC,CAACb,MAAMG,MAAM;YAC/BM,aAAa;QACf;IACF,CAAC;IACD,OAAO;QACLH;QACAJ;QACAQ;QACAI,YAAY;YAAEC,MAAM;YAAOJ,MAAM;YAAQL,QAAQd;YAAQkB,QAAQnB;QAAO;QACxEoB;QACAR;QACAY,MAAMjB,KAAKkB,MAAM,CACfnB,sBAAsB,OAAO;YAC3BI;YACAgB,MAAMZ;YACNO,UAAUZ,MAAMY,QAAQ;YACxB,GAAGZ,KAAK;QACV,IACA;YAAES,aAAa;QAAM;IAEzB;AACF,EAAE"}
+{"version":3,"sources":["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, slot } 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 = slot.optional(props.action, { defaultProps: { appearance: 'transparent' }, elementType: Button });\n  const avatar = slot.optional(props.avatar, { elementType: Avatar });\n  let icon;\n  /** Avatar prop takes precedence over the icon or intent prop */ if (!avatar) {\n    icon = slot.optional(props.icon, {\n      defaultProps: { children: defaultIcon },\n      renderByDefault: !!props.intent,\n      elementType: 'span',\n    });\n  }\n  return {\n    action,\n    appearance,\n    avatar,\n    components: { root: 'div', icon: 'span', action: Button, avatar: Avatar },\n    icon,\n    intent,\n    root: slot.always(\n      getNativeElementProps('div', {\n        ref,\n        role: defaultRole,\n        children: props.children,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n"],"names":["React","Avatar","Button","CheckmarkCircleFilled","DismissCircleFilled","InfoFilled","WarningFilled","getNativeElementProps","slot","useAlert_unstable","props","ref","appearance","intent","defaultIcon","defaultRole","action","optional","defaultProps","elementType","avatar","icon","children","renderByDefault","components","root","always","role"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,qBAAqB,EAAEC,mBAAmB,EAAEC,UAAU,EAAEC,aAAa,QAAQ,wBAAwB;AAC9G,SAASC,qBAAqB,EAAEC,IAAI,QAAQ,4BAA4B;AAIxE;;;;;;;;CAQC,GACD,OAAO,MAAMC,oBAAoB,CAACC,OAAmBC;IACnD,MAAM,EAAEC,aAAa,SAAS,EAAEC,MAAM,EAAE,GAAGH;IAE3C,8DAA8D,GAC9D,IAAII;IACJ,IAAIC,cAAc;IAClB,OAAQF;QACN,KAAK;YACHC,4BAAc,oBAACX;YACf;QACF,KAAK;YACHW,4BAAc,oBAACV;YACfW,cAAc;YACd;QACF,KAAK;YACHD,4BAAc,oBAACR;YACfS,cAAc;YACd;QACF,KAAK;YACHD,4BAAc,oBAACT;YACf;IACJ;IAEA,MAAMW,SAASR,KAAKS,QAAQ,CAACP,MAAMM,MAAM,EAAE;QAAEE,cAAc;YAAEN,YAAY;QAAc;QAAGO,aAAajB;IAAO;IAC9G,MAAMkB,SAASZ,KAAKS,QAAQ,CAACP,MAAMU,MAAM,EAAE;QAAED,aAAalB;IAAO;IACjE,IAAIoB;IACJ,8DAA8D,GAAG,IAAI,CAACD,QAAQ;QAC5EC,OAAOb,KAAKS,QAAQ,CAACP,MAAMW,IAAI,EAAE;YAC/BH,cAAc;gBAAEI,UAAUR;YAAY;YACtCS,iBAAiB,CAAC,CAACb,MAAMG,MAAM;YAC/BM,aAAa;QACf;IACF;IACA,OAAO;QACLH;QACAJ;QACAQ;QACAI,YAAY;YAAEC,MAAM;YAAOJ,MAAM;YAAQL,QAAQd;YAAQkB,QAAQnB;QAAO;QACxEoB;QACAR;QACAY,MAAMjB,KAAKkB,MAAM,CACfnB,sBAAsB,OAAO;YAC3BI;YACAgB,MAAMZ;YACNO,UAAUZ,MAAMY,QAAQ;YACxB,GAAGZ,KAAK;QACV,IACA;YAAES,aAAa;QAAM;IAEzB;AACF,EAAE"}

package/lib-commonjs/Alert.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./components/Alert/index"), exports);
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/Alert/index"), exports);

package/lib-commonjs/Alert.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Alert.js"],"sourcesContent":["export * from './components/Alert/index';\n"],"names":[],"mappings":";;;;;oBAAc"}
+{"version":3,"sources":["Alert.js"],"sourcesContent":["export * from './components/Alert/index';\n"],"names":[],"mappings":";;;;;uBAAc"}

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

@@ -4,16 +4,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Alert", {
     enumerable: true,
-    get: ()=>Alert
+    get: function() {
+        return Alert;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _renderAlert = require("./renderAlert");
 const _useAlert = require("./useAlert");
-const _useAlertStylesStyles = require("./useAlertStyles.styles");
+const _useAlertStylesstyles = require("./useAlertStyles.styles");
 const Alert = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useAlert.useAlert_unstable)(props, ref);
-    (0, _useAlertStylesStyles.useAlertStyles_unstable)(state);
+    (0, _useAlertStylesstyles.useAlertStyles_unstable)(state);
     return (0, _renderAlert.renderAlert_unstable)(state);
 });
 Alert.displayName = 'Alert';

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

@@ -1 +1 @@
-{"version":3,"sources":["Alert.js"],"sourcesContent":["import * as React from 'react';\nimport { renderAlert_unstable } from './renderAlert';\nimport { useAlert_unstable } from './useAlert';\nimport { useAlertStyles_unstable } from './useAlertStyles.styles';\n/**\n * An Alert component displays a brief, important message to attract a user's attention\n *  without interrupting their current task.\n */ export const Alert = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useAlert_unstable(props, ref);\n    useAlertStyles_unstable(state);\n    return renderAlert_unstable(state);\n});\nAlert.displayName = 'Alert';\n"],"names":["Alert","React","forwardRef","props","ref","state","useAlert_unstable","useAlertStyles_unstable","renderAlert_unstable","displayName"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;6BACc;0BACH;sCACM;AAI7B,MAAMA,QAAQ,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAClE,MAAMC,QAAQC,IAAAA,2BAAiB,EAACH,OAAOC;IACvCG,IAAAA,6CAAuB,EAACF;IACxB,OAAOG,IAAAA,iCAAoB,EAACH;AAChC;AACAL,MAAMS,WAAW,GAAG"}
+{"version":3,"sources":["Alert.js"],"sourcesContent":["import * as React from 'react';\nimport { renderAlert_unstable } from './renderAlert';\nimport { useAlert_unstable } from './useAlert';\nimport { useAlertStyles_unstable } from './useAlertStyles.styles';\n/**\n * An Alert component displays a brief, important message to attract a user's attention\n *  without interrupting their current task.\n */ export const Alert = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useAlert_unstable(props, ref);\n    useAlertStyles_unstable(state);\n    return renderAlert_unstable(state);\n});\nAlert.displayName = 'Alert';\n"],"names":["Alert","React","forwardRef","props","ref","state","useAlert_unstable","useAlertStyles_unstable","renderAlert_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;6BACc;0BACH;sCACM;AAI7B,MAAMA,QAAQ,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC5D,MAAMC,QAAQC,IAAAA,2BAAiB,EAACH,OAAOC;IACvCG,IAAAA,6CAAuB,EAACF;IACxB,OAAOG,IAAAA,iCAAoB,EAACH;AAChC;AACAL,MAAMS,WAAW,GAAG"}

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./Alert"), exports);
-_exportStar(require("./Alert.types"), exports);
-_exportStar(require("./renderAlert"), exports);
-_exportStar(require("./useAlert"), exports);
-_exportStar(require("./useAlertStyles.styles"), exports);
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./Alert"), exports);
+_export_star._(require("./Alert.types"), exports);
+_export_star._(require("./renderAlert"), exports);
+_export_star._(require("./useAlert"), exports);
+_export_star._(require("./useAlertStyles.styles"), exports);

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Alert';\nexport * from './Alert.types';\nexport * from './renderAlert';\nexport * from './useAlert';\nexport * from './useAlertStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Alert';\nexport * from './Alert.types';\nexport * from './renderAlert';\nexport * from './useAlert';\nexport * from './useAlertStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

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

@@ -1,14 +1,23 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
+/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
 Object.defineProperty(exports, "renderAlert_unstable", {
     enumerable: true,
-    get: ()=>renderAlert_unstable
+    get: function() {
+        return renderAlert_unstable;
+    }
 });
-const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
-const _reactUtilities = require("@fluentui/react-utilities");
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
 const renderAlert_unstable = (state)=>{
-    (0, _reactUtilities.assertSlots)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, state.icon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.icon, null), state.avatar && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.avatar, null), state.root.children, state.action && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.action, null));
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            state.icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {}),
+            state.avatar && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.avatar, {}),
+            state.root.children,
+            state.action && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.action, {})
+        ]
+    });
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["renderAlert.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\nexport const renderAlert_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(state.root, null, state.icon && /*#__PURE__*/ createElement(state.icon, null), state.avatar && /*#__PURE__*/ createElement(state.avatar, null), state.root.children, state.action && /*#__PURE__*/ createElement(state.action, null));\n};\n"],"names":["renderAlert_unstable","state","assertSlots","createElement","root","icon","avatar","children","action"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAErCA;;aAAAA;;iCAFsE;gCACvD;AACrB,MAAMA,uBAAuB,CAACC,QAAQ;IACzCC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,8BAAa,EAACF,MAAMG,IAAI,EAAE,IAAI,EAAEH,MAAMI,IAAI,IAAI,WAAW,GAAGF,IAAAA,8BAAa,EAACF,MAAMI,IAAI,EAAE,IAAI,GAAGJ,MAAMK,MAAM,IAAI,WAAW,GAAGH,IAAAA,8BAAa,EAACF,MAAMK,MAAM,EAAE,IAAI,GAAGL,MAAMG,IAAI,CAACG,QAAQ,EAAEN,MAAMO,MAAM,IAAI,WAAW,GAAGL,IAAAA,8BAAa,EAACF,MAAMO,MAAM,EAAE,IAAI;AAC1Q"}
+{"version":3,"sources":["renderAlert.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nexport const renderAlert_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsxs(state.root, {\n        children: [\n            state.icon && /*#__PURE__*/ _jsx(state.icon, {}),\n            state.avatar && /*#__PURE__*/ _jsx(state.avatar, {}),\n            state.root.children,\n            state.action && /*#__PURE__*/ _jsx(state.action, {})\n        ]\n    });\n};\n"],"names":["renderAlert_unstable","state","assertSlots","_jsxs","root","children","icon","_jsx","avatar","action"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAEjEA;;;eAAAA;;;4BAF+G;gCAChG;AACrB,MAAMA,uBAAuB,CAACC;IACjCC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACnCC,UAAU;YACNJ,MAAMK,IAAI,IAAI,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMK,IAAI,EAAE,CAAC;YAC9CL,MAAMO,MAAM,IAAI,WAAW,GAAGD,IAAAA,eAAI,EAACN,MAAMO,MAAM,EAAE,CAAC;YAClDP,MAAMG,IAAI,CAACC,QAAQ;YACnBJ,MAAMQ,MAAM,IAAI,WAAW,GAAGF,IAAAA,eAAI,EAACN,MAAMQ,MAAM,EAAE,CAAC;SACrD;IACL;AACJ"}

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

@@ -4,46 +4,48 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useAlert_unstable", {
     enumerable: true,
-    get: ()=>useAlert_unstable
+    get: function() {
+        return useAlert_unstable;
+    }
 });
-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 _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(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;
+    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);
+            defaultIcon = /*#__PURE__*/ _react.createElement(_reacticons.CheckmarkCircleFilled, null);
             break;
         case 'error':
-            defaultIcon = /*#__PURE__*/ _react.createElement(_reactIcons.DismissCircleFilled, null);
+            defaultIcon = /*#__PURE__*/ _react.createElement(_reacticons.DismissCircleFilled, null);
             defaultRole = 'alert';
             break;
         case 'warning':
-            defaultIcon = /*#__PURE__*/ _react.createElement(_reactIcons.WarningFilled, null);
+            defaultIcon = /*#__PURE__*/ _react.createElement(_reacticons.WarningFilled, null);
             defaultRole = 'alert';
             break;
         case 'info':
-            defaultIcon = /*#__PURE__*/ _react.createElement(_reactIcons.InfoFilled, null);
+            defaultIcon = /*#__PURE__*/ _react.createElement(_reacticons.InfoFilled, null);
             break;
     }
-    const action = _reactUtilities.slot.optional(props.action, {
+    const action = _reactutilities.slot.optional(props.action, {
         defaultProps: {
             appearance: 'transparent'
         },
-        elementType: _reactButton.Button
+        elementType: _reactbutton.Button
     });
-    const avatar = _reactUtilities.slot.optional(props.avatar, {
-        elementType: _reactAvatar.Avatar
+    const avatar = _reactutilities.slot.optional(props.avatar, {
+        elementType: _reactavatar.Avatar
     });
     let icon;
     /** Avatar prop takes precedence over the icon or intent prop */ if (!avatar) {
-        icon = _reactUtilities.slot.optional(props.icon, {
+        icon = _reactutilities.slot.optional(props.icon, {
             defaultProps: {
                 children: defaultIcon
             },
@@ -58,12 +60,12 @@ const useAlert_unstable = (props, ref)=>{
         components: {
             root: 'div',
             icon: 'span',
-            action: _reactButton.Button,
-            avatar: _reactAvatar.Avatar
+            action: _reactbutton.Button,
+            avatar: _reactavatar.Avatar
         },
         icon,
         intent,
-        root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)('div', {
+        root: _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('div', {
             ref,
             role: defaultRole,
             children: props.children,

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

@@ -1 +1 @@
-{"version":3,"sources":["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, slot } 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 */ export const useAlert_unstable = (props, ref)=>{\n    const { appearance ='primary' , intent  } = props;\n    /** Determine the role and icon to render based on the intent */ 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 = slot.optional(props.action, {\n        defaultProps: {\n            appearance: 'transparent'\n        },\n        elementType: Button\n    });\n    const avatar = slot.optional(props.avatar, {\n        elementType: Avatar\n    });\n    let icon;\n    /** Avatar prop takes precedence over the icon or intent prop */ if (!avatar) {\n        icon = slot.optional(props.icon, {\n            defaultProps: {\n                children: defaultIcon\n            },\n            renderByDefault: !!props.intent,\n            elementType: 'span'\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: slot.always(getNativeElementProps('div', {\n            ref,\n            role: defaultRole,\n            children: props.children,\n            ...props\n        }), {\n            elementType: 'div'\n        })\n    };\n};\n"],"names":["useAlert_unstable","props","ref","appearance","intent","defaultIcon","defaultRole","React","createElement","CheckmarkCircleFilled","DismissCircleFilled","WarningFilled","InfoFilled","action","slot","optional","defaultProps","elementType","Button","avatar","Avatar","icon","children","renderByDefault","components","root","always","getNativeElementProps","role"],"mappings":";;;;+BAaiBA;;aAAAA;;;6DAbM;6BACA;6BACA;4BAC+D;gCAC1C;AASjC,MAAMA,oBAAoB,CAACC,OAAOC,MAAM;IAC/C,MAAM,EAAEC,YAAY,UAAS,EAAGC,OAAM,EAAG,GAAGH;IAC5C,8DAA8D,GAAG,IAAII;IACrE,IAAIC,cAAc;IAClB,OAAOF;QACH,KAAK;YACDC,cAAc,WAAW,GAAGE,OAAMC,aAAa,CAACC,iCAAqB,EAAE,IAAI;YAC3E,KAAM;QACV,KAAK;YACDJ,cAAc,WAAW,GAAGE,OAAMC,aAAa,CAACE,+BAAmB,EAAE,IAAI;YACzEJ,cAAc;YACd,KAAM;QACV,KAAK;YACDD,cAAc,WAAW,GAAGE,OAAMC,aAAa,CAACG,yBAAa,EAAE,IAAI;YACnEL,cAAc;YACd,KAAM;QACV,KAAK;YACDD,cAAc,WAAW,GAAGE,OAAMC,aAAa,CAACI,sBAAU,EAAE,IAAI;YAChE,KAAM;IACd;IACA,MAAMC,SAASC,oBAAI,CAACC,QAAQ,CAACd,MAAMY,MAAM,EAAE;QACvCG,cAAc;YACVb,YAAY;QAChB;QACAc,aAAaC,mBAAM;IACvB;IACA,MAAMC,SAASL,oBAAI,CAACC,QAAQ,CAACd,MAAMkB,MAAM,EAAE;QACvCF,aAAaG,mBAAM;IACvB;IACA,IAAIC;IACJ,8DAA8D,GAAG,IAAI,CAACF,QAAQ;QAC1EE,OAAOP,oBAAI,CAACC,QAAQ,CAACd,MAAMoB,IAAI,EAAE;YAC7BL,cAAc;gBACVM,UAAUjB;YACd;YACAkB,iBAAiB,CAAC,CAACtB,MAAMG,MAAM;YAC/Ba,aAAa;QACjB;IACJ,CAAC;IACD,OAAO;QACHJ;QACAV;QACAgB;QACAK,YAAY;YACRC,MAAM;YACNJ,MAAM;YACNR,QAAQK,mBAAM;YACdC,QAAQC,mBAAM;QAClB;QACAC;QACAjB;QACAqB,MAAMX,oBAAI,CAACY,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3CzB;YACA0B,MAAMtB;YACNgB,UAAUrB,MAAMqB,QAAQ;YACxB,GAAGrB,KAAK;QACZ,IAAI;YACAgB,aAAa;QACjB;IACJ;AACJ"}
+{"version":3,"sources":["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, slot } 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 */ export const useAlert_unstable = (props, ref)=>{\n    const { appearance = 'primary', intent } = props;\n    /** Determine the role and icon to render based on the intent */ 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 = slot.optional(props.action, {\n        defaultProps: {\n            appearance: 'transparent'\n        },\n        elementType: Button\n    });\n    const avatar = slot.optional(props.avatar, {\n        elementType: Avatar\n    });\n    let icon;\n    /** Avatar prop takes precedence over the icon or intent prop */ if (!avatar) {\n        icon = slot.optional(props.icon, {\n            defaultProps: {\n                children: defaultIcon\n            },\n            renderByDefault: !!props.intent,\n            elementType: 'span'\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: slot.always(getNativeElementProps('div', {\n            ref,\n            role: defaultRole,\n            children: props.children,\n            ...props\n        }), {\n            elementType: 'div'\n        })\n    };\n};\n"],"names":["useAlert_unstable","props","ref","appearance","intent","defaultIcon","defaultRole","React","createElement","CheckmarkCircleFilled","DismissCircleFilled","WarningFilled","InfoFilled","action","slot","optional","defaultProps","elementType","Button","avatar","Avatar","icon","children","renderByDefault","components","root","always","getNativeElementProps","role"],"mappings":";;;;+BAaiBA;;;eAAAA;;;;iEAbM;6BACA;6BACA;4BAC+D;gCAC1C;AASjC,MAAMA,oBAAoB,CAACC,OAAOC;IACzC,MAAM,EAAEC,aAAa,SAAS,EAAEC,MAAM,EAAE,GAAGH;IAC3C,8DAA8D,GAAG,IAAII;IACrE,IAAIC,cAAc;IAClB,OAAOF;QACH,KAAK;YACDC,cAAc,WAAW,GAAGE,OAAMC,aAAa,CAACC,iCAAqB,EAAE;YACvE;QACJ,KAAK;YACDJ,cAAc,WAAW,GAAGE,OAAMC,aAAa,CAACE,+BAAmB,EAAE;YACrEJ,cAAc;YACd;QACJ,KAAK;YACDD,cAAc,WAAW,GAAGE,OAAMC,aAAa,CAACG,yBAAa,EAAE;YAC/DL,cAAc;YACd;QACJ,KAAK;YACDD,cAAc,WAAW,GAAGE,OAAMC,aAAa,CAACI,sBAAU,EAAE;YAC5D;IACR;IACA,MAAMC,SAASC,oBAAI,CAACC,QAAQ,CAACd,MAAMY,MAAM,EAAE;QACvCG,cAAc;YACVb,YAAY;QAChB;QACAc,aAAaC,mBAAM;IACvB;IACA,MAAMC,SAASL,oBAAI,CAACC,QAAQ,CAACd,MAAMkB,MAAM,EAAE;QACvCF,aAAaG,mBAAM;IACvB;IACA,IAAIC;IACJ,8DAA8D,GAAG,IAAI,CAACF,QAAQ;QAC1EE,OAAOP,oBAAI,CAACC,QAAQ,CAACd,MAAMoB,IAAI,EAAE;YAC7BL,cAAc;gBACVM,UAAUjB;YACd;YACAkB,iBAAiB,CAAC,CAACtB,MAAMG,MAAM;YAC/Ba,aAAa;QACjB;IACJ;IACA,OAAO;QACHJ;QACAV;QACAgB;QACAK,YAAY;YACRC,MAAM;YACNJ,MAAM;YACNR,QAAQK,mBAAM;YACdC,QAAQC,mBAAM;QAClB;QACAC;QACAjB;QACAqB,MAAMX,oBAAI,CAACY,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3CzB;YACA0B,MAAMtB;YACNgB,UAAUrB,MAAMqB,QAAQ;YACxB,GAAGrB,KAAK;QACZ,IAAI;YACAgB,aAAa;QACjB;IACJ;AACJ"}

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

@@ -9,8 +9,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    alertClassNames: ()=>alertClassNames,
-    useAlertStyles_unstable: ()=>useAlertStyles_unstable
+    alertClassNames: function() {
+        return alertClassNames;
+    },
+    useAlertStyles_unstable: function() {
+        return useAlertStyles_unstable;
+    }
 });
 const _react = require("@griffel/react");
 const alertClassNames = {
@@ -19,7 +23,7 @@ const alertClassNames = {
     action: 'fui-Alert__action',
     avatar: 'fui-Alert__avatar'
 };
-const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     root: {
         mc9l5x: "f22iagw",
         Bt984gj: "f122n59",
@@ -188,7 +192,7 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".f16muhyy{color:var(--colorBrandForeground1);}"
     ]
 });
-const useIntentIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useIntentIconStyles = /*#__PURE__*/ (0, _react.__styles)({
     success: {
         sj55zd: "f1m7fhi8"
     },
@@ -209,7 +213,7 @@ const useIntentIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".fkfq4zb{color:var(--colorNeutralForeground2);}"
     ]
 });
-const useIntentIconStylesInverted = /*#__PURE__*/ (0, _react["__styles"])({
+const useIntentIconStylesInverted = /*#__PURE__*/ (0, _react.__styles)({
     success: {
         sj55zd: "f1pvjcpr"
     },
@@ -230,7 +234,7 @@ const useIntentIconStylesInverted = /*#__PURE__*/ (0, _react["__styles"])({
         ".f1w7i9ko{color:var(--colorNeutralForegroundInverted2);}"
     ]
 });
-const useActionButtonColorInverted = /*#__PURE__*/ (0, _react["__styles"])({
+const useActionButtonColorInverted = /*#__PURE__*/ (0, _react.__styles)({
     action: {
         sj55zd: "f1qz2gb0",
         B8q5s1w: "fa5e339",

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

@@ -1 +1 @@
-{"version":3,"sources":["useAlertStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const alertClassNames = {\n  root: 'fui-Alert',\n  icon: 'fui-Alert__icon',\n  action: 'fui-Alert__action',\n  avatar: 'fui-Alert__avatar'\n};\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    sshi5w: \"f5pgtk9\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"f11qrl6u\", \"fjlbh76\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"fjlbh76\", \"f11qrl6u\"],\n    Bbmb7ep: [\"fff7au0\", \"f1bjk9e1\"],\n    Beyfa6y: [\"f1bjk9e1\", \"fff7au0\"],\n    B7oj6ja: [\"fwsfkhu\", \"f8wkphi\"],\n    Btl43ni: [\"f8wkphi\", \"fwsfkhu\"],\n    B4j52fo: \"f5ogflp\",\n    Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n    Bn0qgzm: \"f1f09k3d\",\n    ibv6hh: [\"finvdd3\", \"f1hqa2wf\"],\n    icvyot: \"fzkkow9\",\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    oivjwe: \"fg706s2\",\n    wvpqe5: [\"fjik90z\", \"fcdblym\"],\n    g2u3we: \"fghlq4f\",\n    h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n    B9xav0g: \"fb073pr\",\n    zhjwy3: [\"fjscplz\", \"f1gn591s\"],\n    E5pizo: \"fz58gqq\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"fl43uef\",\n    sj55zd: \"f19n0e5\",\n    De3pzq: \"fxugw4r\"\n  },\n  inverted: {\n    sj55zd: \"f1w7i9ko\",\n    De3pzq: \"f5pduvr\"\n  },\n  icon: {\n    Bqenvij: \"fd461yt\",\n    Be2twd7: \"f4ybsrx\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"f19lj068\", \"f177v4lu\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"]\n  },\n  avatar: {\n    B6of3ja: \"f1hu3pq6\",\n    t21cq0: [\"f1phki43\", \"ff9s3yw\"],\n    jrapky: \"f19f4twv\",\n    Frg6f3: [\"f1tyq0we\", \"f11qmguv\"]\n  },\n  action: {\n    z8tnut: \"f1sbtcvk\",\n    z189sj: [\"f81rol6\", \"frdkuqy\"],\n    Byoj8tv: \"fdghr9\",\n    uwmqm3: [\"frdkuqy\", \"f81rol6\"],\n    Bf4jedk: \"fy77jfu\",\n    Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n    sj55zd: \"f16muhyy\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f122n59{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);}\"]\n});\nconst useIntentIconStyles = /*#__PURE__*/__styles({\n  success: {\n    sj55zd: \"f1m7fhi8\"\n  },\n  error: {\n    sj55zd: \"f1whyuy6\"\n  },\n  warning: {\n    sj55zd: \"fpti2h4\"\n  },\n  info: {\n    sj55zd: \"fkfq4zb\"\n  }\n}, {\n  d: [\".f1m7fhi8{color:var(--colorPaletteGreenForeground3);}\", \".f1whyuy6{color:var(--colorPaletteRedForeground3);}\", \".fpti2h4{color:var(--colorPaletteYellowForeground2);}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\"]\n});\nconst useIntentIconStylesInverted = /*#__PURE__*/__styles({\n  success: {\n    sj55zd: \"f1pvjcpr\"\n  },\n  error: {\n    sj55zd: \"fcrp5ll\"\n  },\n  warning: {\n    sj55zd: \"f1r8f1cl\"\n  },\n  info: {\n    sj55zd: \"f1w7i9ko\"\n  }\n}, {\n  d: [\".f1pvjcpr{color:var(--colorPaletteGreenForegroundInverted);}\", \".fcrp5ll{color:var(--colorPaletteRedForegroundInverted);}\", \".f1r8f1cl{color:var(--colorPaletteYellowForegroundInverted);}\", \".f1w7i9ko{color:var(--colorNeutralForegroundInverted2);}\"]\n});\nconst useActionButtonColorInverted = /*#__PURE__*/__styles({\n  action: {\n    sj55zd: \"f1qz2gb0\",\n    B8q5s1w: \"fa5e339\",\n    Bci5o5g: [\"fk4svks\", \"fqzoz0o\"],\n    n8qw10: \"fw8q0i0\",\n    Bdrgwmp: [\"fqzoz0o\", \"fk4svks\"],\n    Bfpq7zp: \"f1dlk4fq\"\n  }\n}, {\n  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);}\"]\n});\n/**\n * Apply styling to the Alert slots based on the state\n */\nexport const useAlertStyles_unstable = state => {\n  const inverted = state.appearance === 'inverted';\n  const styles = useStyles();\n  const intentIconStylesPrimary = useIntentIconStyles();\n  const intentIconStylesInverted = useIntentIconStylesInverted();\n  const actionStylesInverted = useActionButtonColorInverted();\n  state.root.className = mergeClasses(alertClassNames.root, styles.root, inverted && styles.inverted, state.root.className);\n  if (state.icon) {\n    state.icon.className = mergeClasses(alertClassNames.icon, styles.icon, state.intent && (inverted ? intentIconStylesInverted[state.intent] : intentIconStylesPrimary[state.intent]), state.icon.className);\n  }\n  if (state.avatar) {\n    state.avatar.className = mergeClasses(alertClassNames.avatar, styles.avatar, state.avatar.className);\n  }\n  if (state.action) {\n    // Note: inverted && actionStylesInverted.action has the highest piority and must be merged last\n    state.action.className = mergeClasses(alertClassNames.action, styles.action, inverted && actionStylesInverted.action, state.action.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useAlertStyles.styles.js.map"],"names":["alertClassNames","useAlertStyles_unstable","root","icon","action","avatar","useStyles","__styles","mc9l5x","Bt984gj","sshi5w","z8tnut","z189sj","Byoj8tv","uwmqm3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","E5pizo","Be2twd7","Bhrd7zp","sj55zd","De3pzq","inverted","Bqenvij","B6of3ja","t21cq0","jrapky","Frg6f3","Bf4jedk","d","useIntentIconStyles","success","error","warning","info","useIntentIconStylesInverted","useActionButtonColorInverted","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bfpq7zp","state","appearance","styles","intentIconStylesPrimary","intentIconStylesInverted","actionStylesInverted","className","mergeClasses","intent"],"mappings":"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"}
+{"version":3,"sources":["useAlertStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const alertClassNames = {\n  root: 'fui-Alert',\n  icon: 'fui-Alert__icon',\n  action: 'fui-Alert__action',\n  avatar: 'fui-Alert__avatar'\n};\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    sshi5w: \"f5pgtk9\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"f11qrl6u\", \"fjlbh76\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"fjlbh76\", \"f11qrl6u\"],\n    Bbmb7ep: [\"fff7au0\", \"f1bjk9e1\"],\n    Beyfa6y: [\"f1bjk9e1\", \"fff7au0\"],\n    B7oj6ja: [\"fwsfkhu\", \"f8wkphi\"],\n    Btl43ni: [\"f8wkphi\", \"fwsfkhu\"],\n    B4j52fo: \"f5ogflp\",\n    Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n    Bn0qgzm: \"f1f09k3d\",\n    ibv6hh: [\"finvdd3\", \"f1hqa2wf\"],\n    icvyot: \"fzkkow9\",\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    oivjwe: \"fg706s2\",\n    wvpqe5: [\"fjik90z\", \"fcdblym\"],\n    g2u3we: \"fghlq4f\",\n    h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n    B9xav0g: \"fb073pr\",\n    zhjwy3: [\"fjscplz\", \"f1gn591s\"],\n    E5pizo: \"fz58gqq\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"fl43uef\",\n    sj55zd: \"f19n0e5\",\n    De3pzq: \"fxugw4r\"\n  },\n  inverted: {\n    sj55zd: \"f1w7i9ko\",\n    De3pzq: \"f5pduvr\"\n  },\n  icon: {\n    Bqenvij: \"fd461yt\",\n    Be2twd7: \"f4ybsrx\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"f19lj068\", \"f177v4lu\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"]\n  },\n  avatar: {\n    B6of3ja: \"f1hu3pq6\",\n    t21cq0: [\"f1phki43\", \"ff9s3yw\"],\n    jrapky: \"f19f4twv\",\n    Frg6f3: [\"f1tyq0we\", \"f11qmguv\"]\n  },\n  action: {\n    z8tnut: \"f1sbtcvk\",\n    z189sj: [\"f81rol6\", \"frdkuqy\"],\n    Byoj8tv: \"fdghr9\",\n    uwmqm3: [\"frdkuqy\", \"f81rol6\"],\n    Bf4jedk: \"fy77jfu\",\n    Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n    sj55zd: \"f16muhyy\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f122n59{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);}\"]\n});\nconst useIntentIconStyles = /*#__PURE__*/__styles({\n  success: {\n    sj55zd: \"f1m7fhi8\"\n  },\n  error: {\n    sj55zd: \"f1whyuy6\"\n  },\n  warning: {\n    sj55zd: \"fpti2h4\"\n  },\n  info: {\n    sj55zd: \"fkfq4zb\"\n  }\n}, {\n  d: [\".f1m7fhi8{color:var(--colorPaletteGreenForeground3);}\", \".f1whyuy6{color:var(--colorPaletteRedForeground3);}\", \".fpti2h4{color:var(--colorPaletteYellowForeground2);}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\"]\n});\nconst useIntentIconStylesInverted = /*#__PURE__*/__styles({\n  success: {\n    sj55zd: \"f1pvjcpr\"\n  },\n  error: {\n    sj55zd: \"fcrp5ll\"\n  },\n  warning: {\n    sj55zd: \"f1r8f1cl\"\n  },\n  info: {\n    sj55zd: \"f1w7i9ko\"\n  }\n}, {\n  d: [\".f1pvjcpr{color:var(--colorPaletteGreenForegroundInverted);}\", \".fcrp5ll{color:var(--colorPaletteRedForegroundInverted);}\", \".f1r8f1cl{color:var(--colorPaletteYellowForegroundInverted);}\", \".f1w7i9ko{color:var(--colorNeutralForegroundInverted2);}\"]\n});\nconst useActionButtonColorInverted = /*#__PURE__*/__styles({\n  action: {\n    sj55zd: \"f1qz2gb0\",\n    B8q5s1w: \"fa5e339\",\n    Bci5o5g: [\"fk4svks\", \"fqzoz0o\"],\n    n8qw10: \"fw8q0i0\",\n    Bdrgwmp: [\"fqzoz0o\", \"fk4svks\"],\n    Bfpq7zp: \"f1dlk4fq\"\n  }\n}, {\n  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);}\"]\n});\n/**\n * Apply styling to the Alert slots based on the state\n */\nexport const useAlertStyles_unstable = state => {\n  const inverted = state.appearance === 'inverted';\n  const styles = useStyles();\n  const intentIconStylesPrimary = useIntentIconStyles();\n  const intentIconStylesInverted = useIntentIconStylesInverted();\n  const actionStylesInverted = useActionButtonColorInverted();\n  state.root.className = mergeClasses(alertClassNames.root, styles.root, inverted && styles.inverted, state.root.className);\n  if (state.icon) {\n    state.icon.className = mergeClasses(alertClassNames.icon, styles.icon, state.intent && (inverted ? intentIconStylesInverted[state.intent] : intentIconStylesPrimary[state.intent]), state.icon.className);\n  }\n  if (state.avatar) {\n    state.avatar.className = mergeClasses(alertClassNames.avatar, styles.avatar, state.avatar.className);\n  }\n  if (state.action) {\n    // Note: inverted && actionStylesInverted.action has the highest piority and must be merged last\n    state.action.className = mergeClasses(alertClassNames.action, styles.action, inverted && actionStylesInverted.action, state.action.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useAlertStyles.styles.js.map"],"names":["alertClassNames","useAlertStyles_unstable","root","icon","action","avatar","useStyles","__styles","mc9l5x","Bt984gj","sshi5w","z8tnut","z189sj","Byoj8tv","uwmqm3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","E5pizo","Be2twd7","Bhrd7zp","sj55zd","De3pzq","inverted","Bqenvij","B6of3ja","t21cq0","jrapky","Frg6f3","Bf4jedk","d","useIntentIconStyles","success","error","warning","info","useIntentIconStylesInverted","useActionButtonColorInverted","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bfpq7zp","state","appearance","styles","intentIconStylesPrimary","intentIconStylesInverted","actionStylesInverted","className","mergeClasses","intent"],"mappings":"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"}

package/lib-commonjs/index.js

@@ -9,10 +9,20 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    Alert: ()=>_alert.Alert,
-    alertClassNames: ()=>_alert.alertClassNames,
-    renderAlert_unstable: ()=>_alert.renderAlert_unstable,
-    useAlertStyles_unstable: ()=>_alert.useAlertStyles_unstable,
-    useAlert_unstable: ()=>_alert.useAlert_unstable
+    Alert: function() {
+        return _Alert.Alert;
+    },
+    alertClassNames: function() {
+        return _Alert.alertClassNames;
+    },
+    renderAlert_unstable: function() {
+        return _Alert.renderAlert_unstable;
+    },
+    useAlertStyles_unstable: function() {
+        return _Alert.useAlertStyles_unstable;
+    },
+    useAlert_unstable: function() {
+        return _Alert.useAlert_unstable;
+    }
 });
-const _alert = require("./Alert");
+const _Alert = require("./Alert");

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export { Alert, alertClassNames, renderAlert_unstable, useAlertStyles_unstable, useAlert_unstable } from './Alert';\n"],"names":["Alert","alertClassNames","renderAlert_unstable","useAlertStyles_unstable","useAlert_unstable"],"mappings":";;;;;;;;;;;IAASA,KAAK,MAALA,YAAK;IAAEC,eAAe,MAAfA,sBAAe;IAAEC,oBAAoB,MAApBA,2BAAoB;IAAEC,uBAAuB,MAAvBA,8BAAuB;IAAEC,iBAAiB,MAAjBA,wBAAiB;;uBAAQ"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export { Alert, alertClassNames, renderAlert_unstable, useAlertStyles_unstable, useAlert_unstable } from './Alert';\n"],"names":["Alert","alertClassNames","renderAlert_unstable","useAlertStyles_unstable","useAlert_unstable"],"mappings":";;;;;;;;;;;IAASA,KAAK;eAALA,YAAK;;IAAEC,eAAe;eAAfA,sBAAe;;IAAEC,oBAAoB;eAApBA,2BAAoB;;IAAEC,uBAAuB;eAAvBA,8BAAuB;;IAAEC,iBAAiB;eAAjBA,wBAAiB;;;uBAAQ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-alert",
-  "version": "9.0.0-beta.71",
+  "version": "9.0.0-beta.72",
   "description": "An alert component to display brief messages",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -33,21 +33,21 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-avatar": "^9.5.25",
-    "@fluentui/react-button": "^9.3.34",
+    "@fluentui/react-avatar": "^9.5.26",
+    "@fluentui/react-button": "^9.3.35",
     "@fluentui/react-icons": "^2.0.207",
-    "@fluentui/react-tabster": "^9.12.5",
-    "@fluentui/react-theme": "^9.1.11",
-    "@fluentui/react-utilities": "^9.13.0",
-    "@fluentui/react-jsx-runtime": "^9.0.3",
+    "@fluentui/react-tabster": "^9.12.6",
+    "@fluentui/react-theme": "^9.1.12",
+    "@fluentui/react-utilities": "^9.13.1",
+    "@fluentui/react-jsx-runtime": "^9.0.4",
     "@griffel/react": "^1.5.14",
-    "@swc/helpers": "^0.4.14"
+    "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
-    "@types/react": ">=16.8.0 <19.0.0",
-    "@types/react-dom": ">=16.8.0 <19.0.0",
-    "react": ">=16.8.0 <19.0.0",
-    "react-dom": ">=16.8.0 <19.0.0"
+    "@types/react": ">=16.14.0 <19.0.0",
+    "@types/react-dom": ">=16.14.0 <19.0.0",
+    "react": ">=16.14.0 <19.0.0",
+    "react-dom": ">=16.14.0 <19.0.0"
   },
   "beachball": {
     "disallowedChangeTypes": [