@fluentui/react-alert 9.0.0-beta.9 → 9.0.0-beta.91

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/CHANGELOG.md +1009 -2
  2. package/README.md +5 -3
  3. package/dist/index.d.ts +11 -0
  4. package/lib/Alert.js +0 -1
  5. package/lib/Alert.js.map +1 -1
  6. package/lib/components/Alert/Alert.js +12 -8
  7. package/lib/components/Alert/Alert.js.map +1 -1
  8. package/lib/components/Alert/Alert.types.js +1 -2
  9. package/lib/components/Alert/Alert.types.js.map +1 -1
  10. package/lib/components/Alert/index.js +1 -2
  11. package/lib/components/Alert/index.js.map +1 -1
  12. package/lib/components/Alert/renderAlert.js +16 -13
  13. package/lib/components/Alert/renderAlert.js.map +1 -1
  14. package/lib/components/Alert/useAlert.js +64 -69
  15. package/lib/components/Alert/useAlert.js.map +1 -1
  16. package/lib/components/Alert/useAlertStyles.styles.js +139 -0
  17. package/lib/components/Alert/useAlertStyles.styles.js.map +1 -0
  18. package/lib/index.js +1 -1
  19. package/lib/index.js.map +1 -1
  20. package/lib-commonjs/Alert.js +3 -7
  21. package/lib-commonjs/Alert.js.map +1 -1
  22. package/lib-commonjs/components/Alert/Alert.js +22 -23
  23. package/lib-commonjs/components/Alert/Alert.js.map +1 -1
  24. package/lib-commonjs/components/Alert/Alert.types.js +1 -3
  25. package/lib-commonjs/components/Alert/Alert.types.js.map +1 -1
  26. package/lib-commonjs/components/Alert/index.js +7 -15
  27. package/lib-commonjs/components/Alert/index.js.map +1 -1
  28. package/lib-commonjs/components/Alert/renderAlert.js +20 -21
  29. package/lib-commonjs/components/Alert/renderAlert.js.map +1 -1
  30. package/lib-commonjs/components/Alert/useAlert.js +74 -92
  31. package/lib-commonjs/components/Alert/useAlert.js.map +1 -1
  32. package/lib-commonjs/components/Alert/useAlertStyles.styles.js +280 -0
  33. package/lib-commonjs/components/Alert/useAlertStyles.styles.js.map +1 -0
  34. package/lib-commonjs/index.js +25 -36
  35. package/lib-commonjs/index.js.map +1 -1
  36. package/package.json +38 -20
  37. package/CHANGELOG.json +0 -450
  38. package/Migration.md +0 -0
  39. package/Spec.md +0 -97
  40. package/lib/components/Alert/useAlertStyles.js +0 -112
  41. package/lib/components/Alert/useAlertStyles.js.map +0 -1
  42. package/lib-commonjs/components/Alert/useAlertStyles.js +0 -123
  43. package/lib-commonjs/components/Alert/useAlertStyles.js.map +0 -1
@@ -1,18 +1,10 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
5
4
  });
6
-
7
- const tslib_1 = /*#__PURE__*/require("tslib");
8
-
9
- tslib_1.__exportStar(require("./Alert"), exports);
10
-
11
- tslib_1.__exportStar(require("./Alert.types"), exports);
12
-
13
- tslib_1.__exportStar(require("./renderAlert"), exports);
14
-
15
- tslib_1.__exportStar(require("./useAlert"), exports);
16
-
17
- tslib_1.__exportStar(require("./useAlertStyles"), exports);
18
- //# sourceMappingURL=index.js.map
5
+ const _export_star = require("@swc/helpers/_/_export_star");
6
+ _export_star._(require("./Alert"), exports);
7
+ _export_star._(require("./Alert.types"), exports);
8
+ _export_star._(require("./renderAlert"), exports);
9
+ _export_star._(require("./useAlert"), exports);
10
+ _export_star._(require("./useAlertStyles.styles"), exports);
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Alert/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Alert';\nexport * from './Alert.types';\nexport * from './renderAlert';\nexport * from './useAlert';\nexport * from './useAlertStyles';\n"],"sourceRoot":"../src/"}
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":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
@@ -1,25 +1,24 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
5
4
  });
6
- exports.renderAlert_unstable = void 0;
7
-
8
- const React = /*#__PURE__*/require("react");
9
-
10
- const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
11
-
12
- const renderAlert_unstable = state => {
13
- const {
14
- slots,
15
- slotProps
16
- } = react_utilities_1.getSlots(state);
17
- return React.createElement(slots.root, { ...slotProps.root
18
- }, slots.icon && React.createElement(slots.icon, { ...slotProps.icon
19
- }), slots.avatar && React.createElement(slots.avatar, { ...slotProps.avatar
20
- }), slotProps.root.children, slots.action && React.createElement(slots.action, { ...slotProps.action
21
- }));
5
+ Object.defineProperty(exports, "renderAlert_unstable", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return renderAlert_unstable;
9
+ }
10
+ });
11
+ const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
12
+ const _reactutilities = require("@fluentui/react-utilities");
13
+ const renderAlert_unstable = (state)=>{
14
+ // eslint-disable-next-line deprecation/deprecation
15
+ (0, _reactutilities.assertSlots)(state);
16
+ return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
17
+ children: [
18
+ state.icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {}),
19
+ state.avatar && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.avatar, {}),
20
+ state.root.children,
21
+ state.action && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.action, {})
22
+ ]
23
+ });
22
24
  };
23
-
24
- exports.renderAlert_unstable = renderAlert_unstable;
25
- //# sourceMappingURL=renderAlert.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Alert/renderAlert.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAEA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAIO,MAAM,oBAAoB,GAAI,KAAD,IAAsB;EACxD,MAAM;IAAE,KAAF;IAAS;EAAT,IAAuB,iBAAA,CAAA,QAAA,CAAqB,KAArB,CAA7B;EAEA,OACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;EAAf,CAAX,EACG,KAAK,CAAC,IAAN,IAAc,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;EAAf,CAAX,CADjB,EAEG,KAAK,CAAC,MAAN,IAAgB,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,EAAA,GAAK,SAAS,CAAC;EAAf,CAAb,CAFnB,EAGG,SAAS,CAAC,IAAV,CAAe,QAHlB,EAIG,KAAK,CAAC,MAAN,IAAgB,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,EAAA,GAAK,SAAS,CAAC;EAAf,CAAb,CAJnB,CADF;AAQD,CAXM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourcesContent":["import * as React from 'react';\n\nimport { getSlots } from '@fluentui/react-utilities';\n\nimport type { AlertState, AlertSlots } from './Alert.types';\n\nexport const renderAlert_unstable = (state: AlertState) => {\n const { slots, slotProps } = getSlots<AlertSlots>(state);\n\n return (\n <slots.root {...slotProps.root}>\n {slots.icon && <slots.icon {...slotProps.icon} />}\n {slots.avatar && <slots.avatar {...slotProps.avatar} />}\n {slotProps.root.children}\n {slots.action && <slots.action {...slotProps.action} />}\n </slots.root>\n );\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["renderAlert.js"],"sourcesContent":[" import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * @deprecated please use the Toast or MessageBar component\n */ // eslint-disable-next-line deprecation/deprecation\nexport const renderAlert_unstable = (state)=>{\n // eslint-disable-next-line deprecation/deprecation\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":";;;;+BAKaA;;;eAAAA;;;4BALgC;gCACjB;AAIrB,MAAMA,uBAAuB,CAACC;IACjC,mDAAmD;IACnDC,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"}
@@ -1,98 +1,80 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
5
4
  });
6
- exports.useAlert_unstable = void 0;
7
-
8
- const React = /*#__PURE__*/require("react");
9
-
10
- const react_avatar_1 = /*#__PURE__*/require("@fluentui/react-avatar");
11
-
12
- const react_button_1 = /*#__PURE__*/require("@fluentui/react-button");
13
-
14
- const react_icons_1 = /*#__PURE__*/require("@fluentui/react-icons");
15
-
16
- const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
17
- /**
18
- * Create the state required to render Alert.
19
- *
20
- * The returned state can be modified with hooks such as useAlertStyles_unstable,
21
- * before being passed to renderAlert_unstable.
22
- *
23
- * @param props - props from this instance of Alert
24
- * @param ref - reference to root HTMLElement of Alert
25
- */
26
-
27
-
28
- const useAlert_unstable = (props, ref) => {
29
- const {
30
- appearance = 'primary',
31
- intent
32
- } = props;
33
- /** Determine the role and icon to render based on the intent */
34
-
35
- let defaultIcon;
36
- let defaultRole = 'status';
37
-
38
- switch (intent) {
39
- case 'success':
40
- defaultIcon = React.createElement(react_icons_1.CheckmarkCircleFilled, null);
41
- break;
42
-
43
- case 'error':
44
- defaultIcon = React.createElement(react_icons_1.DismissCircleFilled, null);
45
- defaultRole = 'alert';
46
- break;
47
-
48
- case 'warning':
49
- defaultIcon = React.createElement(react_icons_1.WarningFilled, null);
50
- defaultRole = 'alert';
51
- break;
52
-
53
- case 'info':
54
- defaultIcon = React.createElement(react_icons_1.InfoFilled, null);
55
- break;
56
- }
57
-
58
- const action = react_utilities_1.resolveShorthand(props.action, {
59
- defaultProps: {
60
- appearance: 'transparent'
5
+ Object.defineProperty(exports, "useAlert_unstable", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return useAlert_unstable;
61
9
  }
62
- });
63
- const avatar = react_utilities_1.resolveShorthand(props.avatar);
64
- let icon;
65
- /** Avatar prop takes precedence over the icon or intent prop */
66
-
67
- if (!avatar) {
68
- icon = react_utilities_1.resolveShorthand(props.icon, {
69
- defaultProps: {
70
- children: defaultIcon
71
- },
72
- required: !!props.intent
10
+ });
11
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
+ const _reactavatar = require("@fluentui/react-avatar");
14
+ const _reactbutton = require("@fluentui/react-button");
15
+ const _reacticons = require("@fluentui/react-icons");
16
+ const _reactutilities = require("@fluentui/react-utilities");
17
+ const useAlert_unstable = (props, ref)=>{
18
+ const { appearance = 'primary', intent } = props;
19
+ /** Determine the role and icon to render based on the intent */ let defaultIcon;
20
+ let defaultRole = 'status';
21
+ switch(intent){
22
+ case 'success':
23
+ defaultIcon = /*#__PURE__*/ _react.createElement(_reacticons.CheckmarkCircleFilled, null);
24
+ break;
25
+ case 'error':
26
+ defaultIcon = /*#__PURE__*/ _react.createElement(_reacticons.DismissCircleFilled, null);
27
+ defaultRole = 'alert';
28
+ break;
29
+ case 'warning':
30
+ defaultIcon = /*#__PURE__*/ _react.createElement(_reacticons.WarningFilled, null);
31
+ defaultRole = 'alert';
32
+ break;
33
+ case 'info':
34
+ defaultIcon = /*#__PURE__*/ _react.createElement(_reacticons.InfoFilled, null);
35
+ break;
36
+ }
37
+ const action = _reactutilities.slot.optional(props.action, {
38
+ defaultProps: {
39
+ appearance: 'transparent'
40
+ },
41
+ elementType: _reactbutton.Button
73
42
  });
74
- }
75
-
76
- return {
77
- action,
78
- appearance,
79
- avatar,
80
- components: {
81
- root: 'div',
82
- icon: 'span',
83
- action: react_button_1.Button,
84
- avatar: react_avatar_1.Avatar
85
- },
86
- icon,
87
- intent,
88
- root: react_utilities_1.getNativeElementProps('div', {
89
- ref,
90
- role: defaultRole,
91
- children: props.children,
92
- ...props
93
- })
94
- };
43
+ const avatar = _reactutilities.slot.optional(props.avatar, {
44
+ elementType: _reactavatar.Avatar
45
+ });
46
+ let icon;
47
+ /** Avatar prop takes precedence over the icon or intent prop */ if (!avatar) {
48
+ icon = _reactutilities.slot.optional(props.icon, {
49
+ defaultProps: {
50
+ children: defaultIcon
51
+ },
52
+ renderByDefault: !!props.intent,
53
+ elementType: 'span'
54
+ });
55
+ }
56
+ return {
57
+ action,
58
+ appearance,
59
+ avatar,
60
+ components: {
61
+ root: 'div',
62
+ icon: 'span',
63
+ action: _reactbutton.Button,
64
+ avatar: _reactavatar.Avatar
65
+ },
66
+ icon,
67
+ intent,
68
+ root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
69
+ // FIXME:
70
+ // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`
71
+ // but since it would be a breaking change to fix it, we are casting ref to it's proper type
72
+ ref: ref,
73
+ role: defaultRole,
74
+ children: props.children,
75
+ ...props
76
+ }), {
77
+ elementType: 'div'
78
+ })
79
+ };
95
80
  };
96
-
97
- exports.useAlert_unstable = useAlert_unstable;
98
- //# sourceMappingURL=useAlert.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Alert/useAlert.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAEA,MAAA,cAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,MAAA,cAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAIA;;;;;;;;AAQG;;;AACI,MAAM,iBAAiB,GAAG,CAAC,KAAD,EAAoB,GAApB,KAA+D;EAC9F,MAAM;IAAE,UAAU,GAAG,SAAf;IAA0B;EAA1B,IAAqC,KAA3C;EAEA;;EACA,IAAI,WAAJ;EACA,IAAI,WAAW,GAAG,QAAlB;;EACA,QAAQ,MAAR;IACE,KAAK,SAAL;MACE,WAAW,GAAG,KAAA,CAAA,aAAA,CAAC,aAAA,CAAA,qBAAD,EAAsB,IAAtB,CAAd;MACA;;IACF,KAAK,OAAL;MACE,WAAW,GAAG,KAAA,CAAA,aAAA,CAAC,aAAA,CAAA,mBAAD,EAAoB,IAApB,CAAd;MACA,WAAW,GAAG,OAAd;MACA;;IACF,KAAK,SAAL;MACE,WAAW,GAAG,KAAA,CAAA,aAAA,CAAC,aAAA,CAAA,aAAD,EAAc,IAAd,CAAd;MACA,WAAW,GAAG,OAAd;MACA;;IACF,KAAK,MAAL;MACE,WAAW,GAAG,KAAA,CAAA,aAAA,CAAC,aAAA,CAAA,UAAD,EAAW,IAAX,CAAd;MACA;EAdJ;;EAiBA,MAAM,MAAM,GAAG,iBAAA,CAAA,gBAAA,CAAiB,KAAK,CAAC,MAAvB,EAA+B;IAAE,YAAY,EAAE;MAAE,UAAU,EAAE;IAAd;EAAhB,CAA/B,CAAf;EACA,MAAM,MAAM,GAAG,iBAAA,CAAA,gBAAA,CAAiB,KAAK,CAAC,MAAvB,CAAf;EACA,IAAI,IAAJ;EACA;;EACA,IAAI,CAAC,MAAL,EAAa;IACX,IAAI,GAAG,iBAAA,CAAA,gBAAA,CAAiB,KAAK,CAAC,IAAvB,EAA6B;MAClC,YAAY,EAAE;QACZ,QAAQ,EAAE;MADE,CADoB;MAIlC,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC;IAJgB,CAA7B,CAAP;EAMD;;EAED,OAAO;IACL,MADK;IAEL,UAFK;IAGL,MAHK;IAIL,UAAU,EAAE;MACV,IAAI,EAAE,KADI;MAEV,IAAI,EAAE,MAFI;MAGV,MAAM,EAAE,cAAA,CAAA,MAHE;MAIV,MAAM,EAAE,cAAA,CAAA;IAJE,CAJP;IAUL,IAVK;IAWL,MAXK;IAYL,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;MACjC,GADiC;MAEjC,IAAI,EAAE,WAF2B;MAGjC,QAAQ,EAAE,KAAK,CAAC,QAHiB;MAIjC,GAAG;IAJ8B,CAA7B;EAZD,CAAP;AAmBD,CAvDM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","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"],"sourceRoot":"../src/"}
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 { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\n/**\n * @deprecated please use the Toast or MessageBar component\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 */ // eslint-disable-next-line deprecation/deprecation\nexport 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(getIntrinsicElementProps('div', {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: 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","getIntrinsicElementProps","role"],"mappings":";;;;+BAeaA;;;eAAAA;;;;iEAfU;6BACA;6BACA;4BAC+D;gCACvC;AAWxC,MAAMA,oBAAoB,CAACC,OAAOC;IACrC,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,wCAAwB,EAAC,OAAO;YAC9C,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FzB,KAAKA;YACL0B,MAAMtB;YACNgB,UAAUrB,MAAMqB,QAAQ;YACxB,GAAGrB,KAAK;QACZ,IAAI;YACAgB,aAAa;QACjB;IACJ;AACJ"}
@@ -0,0 +1,280 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ alertClassNames: function() {
13
+ return alertClassNames;
14
+ },
15
+ useAlertStyles_unstable: function() {
16
+ return useAlertStyles_unstable;
17
+ }
18
+ });
19
+ const _react = require("@griffel/react");
20
+ const alertClassNames = {
21
+ root: 'fui-Alert',
22
+ icon: 'fui-Alert__icon',
23
+ action: 'fui-Alert__action',
24
+ avatar: 'fui-Alert__avatar'
25
+ };
26
+ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
27
+ root: {
28
+ mc9l5x: "f22iagw",
29
+ Bt984gj: "f122n59",
30
+ sshi5w: "f5pgtk9",
31
+ z8tnut: "f1g0x7ka",
32
+ z189sj: [
33
+ "f11qrl6u",
34
+ "fjlbh76"
35
+ ],
36
+ Byoj8tv: "f1qch9an",
37
+ uwmqm3: [
38
+ "fjlbh76",
39
+ "f11qrl6u"
40
+ ],
41
+ Bbmb7ep: [
42
+ "fff7au0",
43
+ "f1bjk9e1"
44
+ ],
45
+ Beyfa6y: [
46
+ "f1bjk9e1",
47
+ "fff7au0"
48
+ ],
49
+ B7oj6ja: [
50
+ "fwsfkhu",
51
+ "f8wkphi"
52
+ ],
53
+ Btl43ni: [
54
+ "f8wkphi",
55
+ "fwsfkhu"
56
+ ],
57
+ B4j52fo: "f5ogflp",
58
+ Bekrc4i: [
59
+ "f1hqa2wf",
60
+ "finvdd3"
61
+ ],
62
+ Bn0qgzm: "f1f09k3d",
63
+ ibv6hh: [
64
+ "finvdd3",
65
+ "f1hqa2wf"
66
+ ],
67
+ icvyot: "fzkkow9",
68
+ vrafjx: [
69
+ "fcdblym",
70
+ "fjik90z"
71
+ ],
72
+ oivjwe: "fg706s2",
73
+ wvpqe5: [
74
+ "fjik90z",
75
+ "fcdblym"
76
+ ],
77
+ g2u3we: "fghlq4f",
78
+ h3c5rm: [
79
+ "f1gn591s",
80
+ "fjscplz"
81
+ ],
82
+ B9xav0g: "fb073pr",
83
+ zhjwy3: [
84
+ "fjscplz",
85
+ "f1gn591s"
86
+ ],
87
+ E5pizo: "fz58gqq",
88
+ Be2twd7: "fkhj508",
89
+ Bhrd7zp: "fl43uef",
90
+ sj55zd: "f19n0e5",
91
+ De3pzq: "fxugw4r"
92
+ },
93
+ inverted: {
94
+ sj55zd: "f1w7i9ko",
95
+ De3pzq: "f5pduvr"
96
+ },
97
+ icon: {
98
+ Bqenvij: "fd461yt",
99
+ Be2twd7: "f4ybsrx",
100
+ z8tnut: "f1g0x7ka",
101
+ z189sj: [
102
+ "f19lj068",
103
+ "f177v4lu"
104
+ ],
105
+ Byoj8tv: "f1qch9an",
106
+ uwmqm3: [
107
+ "f1cnd47f",
108
+ "fhxju0i"
109
+ ]
110
+ },
111
+ avatar: {
112
+ B6of3ja: "f1hu3pq6",
113
+ t21cq0: [
114
+ "f1phki43",
115
+ "ff9s3yw"
116
+ ],
117
+ jrapky: "f19f4twv",
118
+ Frg6f3: [
119
+ "f1tyq0we",
120
+ "f11qmguv"
121
+ ]
122
+ },
123
+ action: {
124
+ z8tnut: "f1sbtcvk",
125
+ z189sj: [
126
+ "f81rol6",
127
+ "frdkuqy"
128
+ ],
129
+ Byoj8tv: "fdghr9",
130
+ uwmqm3: [
131
+ "frdkuqy",
132
+ "f81rol6"
133
+ ],
134
+ Bf4jedk: "fy77jfu",
135
+ Frg6f3: [
136
+ "fcgxt0o",
137
+ "f1ujusj6"
138
+ ],
139
+ sj55zd: "f16muhyy"
140
+ }
141
+ }, {
142
+ d: [
143
+ ".f22iagw{display:flex;}",
144
+ ".f122n59{align-items:center;}",
145
+ ".f5pgtk9{min-height:44px;}",
146
+ ".f1g0x7ka{padding-top:0;}",
147
+ ".f11qrl6u{padding-right:12px;}",
148
+ ".fjlbh76{padding-left:12px;}",
149
+ ".f1qch9an{padding-bottom:0;}",
150
+ ".fff7au0{border-bottom-right-radius:4px;}",
151
+ ".f1bjk9e1{border-bottom-left-radius:4px;}",
152
+ ".fwsfkhu{border-top-right-radius:4px;}",
153
+ ".f8wkphi{border-top-left-radius:4px;}",
154
+ ".f5ogflp{border-top-width:1px;}",
155
+ ".f1hqa2wf{border-right-width:1px;}",
156
+ ".finvdd3{border-left-width:1px;}",
157
+ ".f1f09k3d{border-bottom-width:1px;}",
158
+ ".fzkkow9{border-top-style:solid;}",
159
+ ".fcdblym{border-right-style:solid;}",
160
+ ".fjik90z{border-left-style:solid;}",
161
+ ".fg706s2{border-bottom-style:solid;}",
162
+ ".fghlq4f{border-top-color:var(--colorTransparentStroke);}",
163
+ ".f1gn591s{border-right-color:var(--colorTransparentStroke);}",
164
+ ".fjscplz{border-left-color:var(--colorTransparentStroke);}",
165
+ ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}",
166
+ ".fz58gqq{box-shadow:var(--shadow8);}",
167
+ ".fkhj508{font-size:var(--fontSizeBase300);}",
168
+ ".fl43uef{font-weight:var(--fontWeightSemibold);}",
169
+ ".f19n0e5{color:var(--colorNeutralForeground1);}",
170
+ ".fxugw4r{background-color:var(--colorNeutralBackground1);}",
171
+ ".f1w7i9ko{color:var(--colorNeutralForegroundInverted2);}",
172
+ ".f5pduvr{background-color:var(--colorNeutralBackgroundInverted);}",
173
+ ".fd461yt{height:16px;}",
174
+ ".f4ybsrx{font-size:16px;}",
175
+ ".f19lj068{padding-right:8px;}",
176
+ ".f177v4lu{padding-left:8px;}",
177
+ ".f1cnd47f{padding-left:0;}",
178
+ ".fhxju0i{padding-right:0;}",
179
+ ".f1hu3pq6{margin-top:0;}",
180
+ ".f1phki43{margin-right:8px;}",
181
+ ".ff9s3yw{margin-left:8px;}",
182
+ ".f19f4twv{margin-bottom:0;}",
183
+ ".f1tyq0we{margin-left:0;}",
184
+ ".f11qmguv{margin-right:0;}",
185
+ ".f1sbtcvk{padding-top:5px;}",
186
+ ".f81rol6{padding-right:10px;}",
187
+ ".frdkuqy{padding-left:10px;}",
188
+ ".fdghr9{padding-bottom:5px;}",
189
+ ".fy77jfu{min-width:0;}",
190
+ ".fcgxt0o{margin-left:auto;}",
191
+ ".f1ujusj6{margin-right:auto;}",
192
+ ".f16muhyy{color:var(--colorBrandForeground1);}"
193
+ ]
194
+ });
195
+ const useIntentIconStyles = /*#__PURE__*/ (0, _react.__styles)({
196
+ success: {
197
+ sj55zd: "f1m7fhi8"
198
+ },
199
+ error: {
200
+ sj55zd: "f1whyuy6"
201
+ },
202
+ warning: {
203
+ sj55zd: "fpti2h4"
204
+ },
205
+ info: {
206
+ sj55zd: "fkfq4zb"
207
+ }
208
+ }, {
209
+ d: [
210
+ ".f1m7fhi8{color:var(--colorPaletteGreenForeground3);}",
211
+ ".f1whyuy6{color:var(--colorPaletteRedForeground3);}",
212
+ ".fpti2h4{color:var(--colorPaletteYellowForeground2);}",
213
+ ".fkfq4zb{color:var(--colorNeutralForeground2);}"
214
+ ]
215
+ });
216
+ const useIntentIconStylesInverted = /*#__PURE__*/ (0, _react.__styles)({
217
+ success: {
218
+ sj55zd: "f1pvjcpr"
219
+ },
220
+ error: {
221
+ sj55zd: "fcrp5ll"
222
+ },
223
+ warning: {
224
+ sj55zd: "f1r8f1cl"
225
+ },
226
+ info: {
227
+ sj55zd: "f1w7i9ko"
228
+ }
229
+ }, {
230
+ d: [
231
+ ".f1pvjcpr{color:var(--colorPaletteGreenForegroundInverted);}",
232
+ ".fcrp5ll{color:var(--colorPaletteRedForegroundInverted);}",
233
+ ".f1r8f1cl{color:var(--colorPaletteYellowForegroundInverted);}",
234
+ ".f1w7i9ko{color:var(--colorNeutralForegroundInverted2);}"
235
+ ]
236
+ });
237
+ const useActionButtonColorInverted = /*#__PURE__*/ (0, _react.__styles)({
238
+ action: {
239
+ sj55zd: "f1qz2gb0",
240
+ B8q5s1w: "fa5e339",
241
+ Bci5o5g: [
242
+ "fk4svks",
243
+ "fqzoz0o"
244
+ ],
245
+ n8qw10: "fw8q0i0",
246
+ Bdrgwmp: [
247
+ "fqzoz0o",
248
+ "fk4svks"
249
+ ],
250
+ Bfpq7zp: "f1dlk4fq"
251
+ }
252
+ }, {
253
+ d: [
254
+ ".f1qz2gb0{color:var(--colorBrandForegroundInverted);}",
255
+ ".fa5e339[data-fui-focus-visible]{border-top-color:var(--colorTransparentStrokeInteractive);}",
256
+ ".fk4svks[data-fui-focus-visible]{border-right-color:var(--colorTransparentStrokeInteractive);}",
257
+ ".fqzoz0o[data-fui-focus-visible]{border-left-color:var(--colorTransparentStrokeInteractive);}",
258
+ ".fw8q0i0[data-fui-focus-visible]{border-bottom-color:var(--colorTransparentStrokeInteractive);}",
259
+ ".f1dlk4fq[data-fui-focus-visible]{outline-color:var(--colorNeutralBackground5Pressed);}"
260
+ ]
261
+ });
262
+ const useAlertStyles_unstable = (state)=>{
263
+ const inverted = state.appearance === 'inverted';
264
+ const styles = useStyles();
265
+ const intentIconStylesPrimary = useIntentIconStyles();
266
+ const intentIconStylesInverted = useIntentIconStylesInverted();
267
+ const actionStylesInverted = useActionButtonColorInverted();
268
+ state.root.className = (0, _react.mergeClasses)(alertClassNames.root, styles.root, inverted && styles.inverted, state.root.className);
269
+ if (state.icon) {
270
+ state.icon.className = (0, _react.mergeClasses)(alertClassNames.icon, styles.icon, state.intent && (inverted ? intentIconStylesInverted[state.intent] : intentIconStylesPrimary[state.intent]), state.icon.className);
271
+ }
272
+ if (state.avatar) {
273
+ state.avatar.className = (0, _react.mergeClasses)(alertClassNames.avatar, styles.avatar, state.avatar.className);
274
+ }
275
+ if (state.action) {
276
+ // Note: inverted && actionStylesInverted.action has the highest piority and must be merged last
277
+ state.action.className = (0, _react.mergeClasses)(alertClassNames.action, styles.action, inverted && actionStylesInverted.action, state.action.className);
278
+ }
279
+ return state;
280
+ }; //# sourceMappingURL=useAlertStyles.styles.js.map
@@ -0,0 +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';\n// eslint-disable-next-line deprecation/deprecation\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 * @deprecated please use the Toast or MessageBar component\n * Apply styling to the Alert slots based on the state\n */ // eslint-disable-next-line deprecation/deprecation\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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"}