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

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 (44) hide show
  1. package/CHANGELOG.json +2273 -4
  2. package/CHANGELOG.md +780 -5
  3. package/README.md +1 -1
  4. package/dist/index.d.ts +6 -1
  5. package/lib/Alert.js +0 -1
  6. package/lib/Alert.js.map +1 -1
  7. package/lib/components/Alert/Alert.js +5 -8
  8. package/lib/components/Alert/Alert.js.map +1 -1
  9. package/lib/components/Alert/Alert.types.js +1 -2
  10. package/lib/components/Alert/Alert.types.js.map +1 -1
  11. package/lib/components/Alert/index.js +1 -2
  12. package/lib/components/Alert/index.js.map +1 -1
  13. package/lib/components/Alert/renderAlert.js +5 -13
  14. package/lib/components/Alert/renderAlert.js.map +1 -1
  15. package/lib/components/Alert/useAlert.js +60 -67
  16. package/lib/components/Alert/useAlert.js.map +1 -1
  17. package/lib/components/Alert/useAlertStyles.styles.js +137 -0
  18. package/lib/components/Alert/useAlertStyles.styles.js.map +1 -0
  19. package/lib/index.js +0 -1
  20. package/lib/index.js.map +1 -1
  21. package/lib-commonjs/Alert.js +3 -7
  22. package/lib-commonjs/Alert.js.map +1 -1
  23. package/lib-commonjs/components/Alert/Alert.js +15 -23
  24. package/lib-commonjs/components/Alert/Alert.js.map +1 -1
  25. package/lib-commonjs/components/Alert/Alert.types.js +1 -3
  26. package/lib-commonjs/components/Alert/Alert.types.js.map +1 -1
  27. package/lib-commonjs/components/Alert/index.js +7 -15
  28. package/lib-commonjs/components/Alert/index.js.map +1 -1
  29. package/lib-commonjs/components/Alert/renderAlert.js +11 -22
  30. package/lib-commonjs/components/Alert/renderAlert.js.map +1 -1
  31. package/lib-commonjs/components/Alert/useAlert.js +70 -90
  32. package/lib-commonjs/components/Alert/useAlert.js.map +1 -1
  33. package/lib-commonjs/components/Alert/useAlertStyles.styles.js +276 -0
  34. package/lib-commonjs/components/Alert/useAlertStyles.styles.js.map +1 -0
  35. package/lib-commonjs/index.js +14 -36
  36. package/lib-commonjs/index.js.map +1 -1
  37. package/package.json +32 -20
  38. package/Migration.md +0 -0
  39. package/Spec.md +0 -97
  40. package/dist/tsdoc-metadata.json +0 -11
  41. package/lib/components/Alert/useAlertStyles.js +0 -99
  42. package/lib/components/Alert/useAlertStyles.js.map +0 -1
  43. package/lib-commonjs/components/Alert/useAlertStyles.js +0 -110
  44. package/lib-commonjs/components/Alert/useAlertStyles.js.map +0 -1
@@ -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":["/** @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"}
@@ -1,95 +1,75 @@
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
- intent
31
- } = props;
32
- /** Determine the role and icon to render based on the intent */
33
-
34
- let defaultIcon;
35
- let defaultRole = 'status';
36
-
37
- switch (intent) {
38
- case 'success':
39
- defaultIcon = React.createElement(react_icons_1.CheckmarkCircleFilled, null);
40
- break;
41
-
42
- case 'error':
43
- defaultIcon = React.createElement(react_icons_1.DismissCircleFilled, null);
44
- defaultRole = 'alert';
45
- break;
46
-
47
- case 'warning':
48
- defaultIcon = React.createElement(react_icons_1.WarningFilled, null);
49
- defaultRole = 'alert';
50
- break;
51
-
52
- case 'info':
53
- defaultIcon = React.createElement(react_icons_1.InfoFilled, null);
54
- break;
55
- }
56
-
57
- const avatar = react_utilities_1.resolveShorthand(props.avatar);
58
- let icon;
59
- /** Avatar prop takes precedence over the icon or intent prop */
60
-
61
- if (!avatar) {
62
- icon = react_utilities_1.resolveShorthand(props.icon, {
63
- defaultProps: {
64
- children: defaultIcon
65
- },
66
- required: !!props.intent
5
+ Object.defineProperty(exports, "useAlert_unstable", {
6
+ enumerable: true,
7
+ get: ()=>useAlert_unstable
8
+ });
9
+ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
+ const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
+ const _reactAvatar = require("@fluentui/react-avatar");
12
+ const _reactButton = require("@fluentui/react-button");
13
+ const _reactIcons = require("@fluentui/react-icons");
14
+ const _reactUtilities = require("@fluentui/react-utilities");
15
+ const useAlert_unstable = (props, ref)=>{
16
+ const { appearance ='primary' , intent } = props;
17
+ /** Determine the role and icon to render based on the intent */ let defaultIcon;
18
+ let defaultRole = 'status';
19
+ switch(intent){
20
+ case 'success':
21
+ defaultIcon = /*#__PURE__*/ _react.createElement(_reactIcons.CheckmarkCircleFilled, null);
22
+ break;
23
+ case 'error':
24
+ defaultIcon = /*#__PURE__*/ _react.createElement(_reactIcons.DismissCircleFilled, null);
25
+ defaultRole = 'alert';
26
+ break;
27
+ case 'warning':
28
+ defaultIcon = /*#__PURE__*/ _react.createElement(_reactIcons.WarningFilled, null);
29
+ defaultRole = 'alert';
30
+ break;
31
+ case 'info':
32
+ defaultIcon = /*#__PURE__*/ _react.createElement(_reactIcons.InfoFilled, null);
33
+ break;
34
+ }
35
+ const action = _reactUtilities.slot.optional(props.action, {
36
+ defaultProps: {
37
+ appearance: 'transparent'
38
+ },
39
+ elementType: _reactButton.Button
40
+ });
41
+ const avatar = _reactUtilities.slot.optional(props.avatar, {
42
+ elementType: _reactAvatar.Avatar
67
43
  });
68
- }
69
-
70
- return {
71
- components: {
72
- root: 'div',
73
- icon: 'span',
74
- action: react_button_1.Button,
75
- avatar: react_avatar_1.Avatar
76
- },
77
- root: react_utilities_1.getNativeElementProps('div', {
78
- ref,
79
- role: defaultRole,
80
- children: props.children,
81
- ...props
82
- }),
83
- icon,
84
- avatar,
85
- action: react_utilities_1.resolveShorthand(props.action, {
86
- defaultProps: {
87
- appearance: 'transparent'
88
- }
89
- }),
90
- intent
91
- };
44
+ let icon;
45
+ /** Avatar prop takes precedence over the icon or intent prop */ if (!avatar) {
46
+ icon = _reactUtilities.slot.optional(props.icon, {
47
+ defaultProps: {
48
+ children: defaultIcon
49
+ },
50
+ renderByDefault: !!props.intent,
51
+ elementType: 'span'
52
+ });
53
+ }
54
+ return {
55
+ action,
56
+ appearance,
57
+ avatar,
58
+ components: {
59
+ root: 'div',
60
+ icon: 'span',
61
+ action: _reactButton.Button,
62
+ avatar: _reactAvatar.Avatar
63
+ },
64
+ icon,
65
+ intent,
66
+ root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)('div', {
67
+ ref,
68
+ role: defaultRole,
69
+ children: props.children,
70
+ ...props
71
+ }), {
72
+ elementType: 'div'
73
+ })
74
+ };
92
75
  };
93
-
94
- exports.useAlert_unstable = useAlert_unstable;
95
- //# 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;EAAF,IAAa,KAAnB;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,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,UAAU,EAAE;MACV,IAAI,EAAE,KADI;MAEV,IAAI,EAAE,MAFI;MAGV,MAAM,EAAE,cAAA,CAAA,MAHE;MAIV,MAAM,EAAE,cAAA,CAAA;IAJE,CADP;IAOL,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;MACjC,GADiC;MAEjC,IAAI,EAAE,WAF2B;MAGjC,QAAQ,EAAE,KAAK,CAAC,QAHiB;MAIjC,GAAG;IAJ8B,CAA7B,CAPD;IAaL,IAbK;IAcL,MAdK;IAeL,MAAM,EAAE,iBAAA,CAAA,gBAAA,CAAiB,KAAK,CAAC,MAAvB,EAA+B;MAAE,YAAY,EAAE;QAAE,UAAU,EAAE;MAAd;IAAhB,CAA/B,CAfH;IAgBL;EAhBK,CAAP;AAkBD,CArDM;;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 { 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 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 components: {\n root: 'div',\n icon: 'span',\n action: Button,\n avatar: Avatar,\n },\n root: getNativeElementProps('div', {\n ref,\n role: defaultRole,\n children: props.children,\n ...props,\n }),\n icon,\n avatar,\n action: resolveShorthand(props.action, { defaultProps: { appearance: 'transparent' } }),\n intent,\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 { 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"}
@@ -0,0 +1,276 @@
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: ()=>alertClassNames,
13
+ useAlertStyles_unstable: ()=>useAlertStyles_unstable
14
+ });
15
+ const _react = require("@griffel/react");
16
+ const alertClassNames = {
17
+ root: 'fui-Alert',
18
+ icon: 'fui-Alert__icon',
19
+ action: 'fui-Alert__action',
20
+ avatar: 'fui-Alert__avatar'
21
+ };
22
+ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
23
+ root: {
24
+ mc9l5x: "f22iagw",
25
+ Bt984gj: "f122n59",
26
+ sshi5w: "f5pgtk9",
27
+ z8tnut: "f1g0x7ka",
28
+ z189sj: [
29
+ "f11qrl6u",
30
+ "fjlbh76"
31
+ ],
32
+ Byoj8tv: "f1qch9an",
33
+ uwmqm3: [
34
+ "fjlbh76",
35
+ "f11qrl6u"
36
+ ],
37
+ Bbmb7ep: [
38
+ "fff7au0",
39
+ "f1bjk9e1"
40
+ ],
41
+ Beyfa6y: [
42
+ "f1bjk9e1",
43
+ "fff7au0"
44
+ ],
45
+ B7oj6ja: [
46
+ "fwsfkhu",
47
+ "f8wkphi"
48
+ ],
49
+ Btl43ni: [
50
+ "f8wkphi",
51
+ "fwsfkhu"
52
+ ],
53
+ B4j52fo: "f5ogflp",
54
+ Bekrc4i: [
55
+ "f1hqa2wf",
56
+ "finvdd3"
57
+ ],
58
+ Bn0qgzm: "f1f09k3d",
59
+ ibv6hh: [
60
+ "finvdd3",
61
+ "f1hqa2wf"
62
+ ],
63
+ icvyot: "fzkkow9",
64
+ vrafjx: [
65
+ "fcdblym",
66
+ "fjik90z"
67
+ ],
68
+ oivjwe: "fg706s2",
69
+ wvpqe5: [
70
+ "fjik90z",
71
+ "fcdblym"
72
+ ],
73
+ g2u3we: "fghlq4f",
74
+ h3c5rm: [
75
+ "f1gn591s",
76
+ "fjscplz"
77
+ ],
78
+ B9xav0g: "fb073pr",
79
+ zhjwy3: [
80
+ "fjscplz",
81
+ "f1gn591s"
82
+ ],
83
+ E5pizo: "fz58gqq",
84
+ Be2twd7: "fkhj508",
85
+ Bhrd7zp: "fl43uef",
86
+ sj55zd: "f19n0e5",
87
+ De3pzq: "fxugw4r"
88
+ },
89
+ inverted: {
90
+ sj55zd: "f1w7i9ko",
91
+ De3pzq: "f5pduvr"
92
+ },
93
+ icon: {
94
+ Bqenvij: "fd461yt",
95
+ Be2twd7: "f4ybsrx",
96
+ z8tnut: "f1g0x7ka",
97
+ z189sj: [
98
+ "f19lj068",
99
+ "f177v4lu"
100
+ ],
101
+ Byoj8tv: "f1qch9an",
102
+ uwmqm3: [
103
+ "f1cnd47f",
104
+ "fhxju0i"
105
+ ]
106
+ },
107
+ avatar: {
108
+ B6of3ja: "f1hu3pq6",
109
+ t21cq0: [
110
+ "f1phki43",
111
+ "ff9s3yw"
112
+ ],
113
+ jrapky: "f19f4twv",
114
+ Frg6f3: [
115
+ "f1tyq0we",
116
+ "f11qmguv"
117
+ ]
118
+ },
119
+ action: {
120
+ z8tnut: "f1sbtcvk",
121
+ z189sj: [
122
+ "f81rol6",
123
+ "frdkuqy"
124
+ ],
125
+ Byoj8tv: "fdghr9",
126
+ uwmqm3: [
127
+ "frdkuqy",
128
+ "f81rol6"
129
+ ],
130
+ Bf4jedk: "fy77jfu",
131
+ Frg6f3: [
132
+ "fcgxt0o",
133
+ "f1ujusj6"
134
+ ],
135
+ sj55zd: "f16muhyy"
136
+ }
137
+ }, {
138
+ d: [
139
+ ".f22iagw{display:flex;}",
140
+ ".f122n59{align-items:center;}",
141
+ ".f5pgtk9{min-height:44px;}",
142
+ ".f1g0x7ka{padding-top:0;}",
143
+ ".f11qrl6u{padding-right:12px;}",
144
+ ".fjlbh76{padding-left:12px;}",
145
+ ".f1qch9an{padding-bottom:0;}",
146
+ ".fff7au0{border-bottom-right-radius:4px;}",
147
+ ".f1bjk9e1{border-bottom-left-radius:4px;}",
148
+ ".fwsfkhu{border-top-right-radius:4px;}",
149
+ ".f8wkphi{border-top-left-radius:4px;}",
150
+ ".f5ogflp{border-top-width:1px;}",
151
+ ".f1hqa2wf{border-right-width:1px;}",
152
+ ".finvdd3{border-left-width:1px;}",
153
+ ".f1f09k3d{border-bottom-width:1px;}",
154
+ ".fzkkow9{border-top-style:solid;}",
155
+ ".fcdblym{border-right-style:solid;}",
156
+ ".fjik90z{border-left-style:solid;}",
157
+ ".fg706s2{border-bottom-style:solid;}",
158
+ ".fghlq4f{border-top-color:var(--colorTransparentStroke);}",
159
+ ".f1gn591s{border-right-color:var(--colorTransparentStroke);}",
160
+ ".fjscplz{border-left-color:var(--colorTransparentStroke);}",
161
+ ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}",
162
+ ".fz58gqq{box-shadow:var(--shadow8);}",
163
+ ".fkhj508{font-size:var(--fontSizeBase300);}",
164
+ ".fl43uef{font-weight:var(--fontWeightSemibold);}",
165
+ ".f19n0e5{color:var(--colorNeutralForeground1);}",
166
+ ".fxugw4r{background-color:var(--colorNeutralBackground1);}",
167
+ ".f1w7i9ko{color:var(--colorNeutralForegroundInverted2);}",
168
+ ".f5pduvr{background-color:var(--colorNeutralBackgroundInverted);}",
169
+ ".fd461yt{height:16px;}",
170
+ ".f4ybsrx{font-size:16px;}",
171
+ ".f19lj068{padding-right:8px;}",
172
+ ".f177v4lu{padding-left:8px;}",
173
+ ".f1cnd47f{padding-left:0;}",
174
+ ".fhxju0i{padding-right:0;}",
175
+ ".f1hu3pq6{margin-top:0;}",
176
+ ".f1phki43{margin-right:8px;}",
177
+ ".ff9s3yw{margin-left:8px;}",
178
+ ".f19f4twv{margin-bottom:0;}",
179
+ ".f1tyq0we{margin-left:0;}",
180
+ ".f11qmguv{margin-right:0;}",
181
+ ".f1sbtcvk{padding-top:5px;}",
182
+ ".f81rol6{padding-right:10px;}",
183
+ ".frdkuqy{padding-left:10px;}",
184
+ ".fdghr9{padding-bottom:5px;}",
185
+ ".fy77jfu{min-width:0;}",
186
+ ".fcgxt0o{margin-left:auto;}",
187
+ ".f1ujusj6{margin-right:auto;}",
188
+ ".f16muhyy{color:var(--colorBrandForeground1);}"
189
+ ]
190
+ });
191
+ const useIntentIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
192
+ success: {
193
+ sj55zd: "f1m7fhi8"
194
+ },
195
+ error: {
196
+ sj55zd: "f1whyuy6"
197
+ },
198
+ warning: {
199
+ sj55zd: "fpti2h4"
200
+ },
201
+ info: {
202
+ sj55zd: "fkfq4zb"
203
+ }
204
+ }, {
205
+ d: [
206
+ ".f1m7fhi8{color:var(--colorPaletteGreenForeground3);}",
207
+ ".f1whyuy6{color:var(--colorPaletteRedForeground3);}",
208
+ ".fpti2h4{color:var(--colorPaletteYellowForeground2);}",
209
+ ".fkfq4zb{color:var(--colorNeutralForeground2);}"
210
+ ]
211
+ });
212
+ const useIntentIconStylesInverted = /*#__PURE__*/ (0, _react["__styles"])({
213
+ success: {
214
+ sj55zd: "f1pvjcpr"
215
+ },
216
+ error: {
217
+ sj55zd: "fcrp5ll"
218
+ },
219
+ warning: {
220
+ sj55zd: "f1r8f1cl"
221
+ },
222
+ info: {
223
+ sj55zd: "f1w7i9ko"
224
+ }
225
+ }, {
226
+ d: [
227
+ ".f1pvjcpr{color:var(--colorPaletteGreenForegroundInverted);}",
228
+ ".fcrp5ll{color:var(--colorPaletteRedForegroundInverted);}",
229
+ ".f1r8f1cl{color:var(--colorPaletteYellowForegroundInverted);}",
230
+ ".f1w7i9ko{color:var(--colorNeutralForegroundInverted2);}"
231
+ ]
232
+ });
233
+ const useActionButtonColorInverted = /*#__PURE__*/ (0, _react["__styles"])({
234
+ action: {
235
+ sj55zd: "f1qz2gb0",
236
+ B8q5s1w: "fa5e339",
237
+ Bci5o5g: [
238
+ "fk4svks",
239
+ "fqzoz0o"
240
+ ],
241
+ n8qw10: "fw8q0i0",
242
+ Bdrgwmp: [
243
+ "fqzoz0o",
244
+ "fk4svks"
245
+ ],
246
+ Bfpq7zp: "f1dlk4fq"
247
+ }
248
+ }, {
249
+ d: [
250
+ ".f1qz2gb0{color:var(--colorBrandForegroundInverted);}",
251
+ ".fa5e339[data-fui-focus-visible]{border-top-color:var(--colorTransparentStrokeInteractive);}",
252
+ ".fk4svks[data-fui-focus-visible]{border-right-color:var(--colorTransparentStrokeInteractive);}",
253
+ ".fqzoz0o[data-fui-focus-visible]{border-left-color:var(--colorTransparentStrokeInteractive);}",
254
+ ".fw8q0i0[data-fui-focus-visible]{border-bottom-color:var(--colorTransparentStrokeInteractive);}",
255
+ ".f1dlk4fq[data-fui-focus-visible]{outline-color:var(--colorNeutralBackground5Pressed);}"
256
+ ]
257
+ });
258
+ const useAlertStyles_unstable = (state)=>{
259
+ const inverted = state.appearance === 'inverted';
260
+ const styles = useStyles();
261
+ const intentIconStylesPrimary = useIntentIconStyles();
262
+ const intentIconStylesInverted = useIntentIconStylesInverted();
263
+ const actionStylesInverted = useActionButtonColorInverted();
264
+ state.root.className = (0, _react.mergeClasses)(alertClassNames.root, styles.root, inverted && styles.inverted, state.root.className);
265
+ if (state.icon) {
266
+ state.icon.className = (0, _react.mergeClasses)(alertClassNames.icon, styles.icon, state.intent && (inverted ? intentIconStylesInverted[state.intent] : intentIconStylesPrimary[state.intent]), state.icon.className);
267
+ }
268
+ if (state.avatar) {
269
+ state.avatar.className = (0, _react.mergeClasses)(alertClassNames.avatar, styles.avatar, state.avatar.className);
270
+ }
271
+ if (state.action) {
272
+ // Note: inverted && actionStylesInverted.action has the highest piority and must be merged last
273
+ state.action.className = (0, _react.mergeClasses)(alertClassNames.action, styles.action, inverted && actionStylesInverted.action, state.action.className);
274
+ }
275
+ return state;
276
+ }; //# 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';\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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"}
@@ -1,40 +1,18 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
5
4
  });
6
- exports.useAlert_unstable = exports.useAlertStyles_unstable = exports.renderAlert_unstable = exports.alertClassNames = exports.Alert = void 0;
7
-
8
- var Alert_1 = /*#__PURE__*/require("./Alert");
9
-
10
- Object.defineProperty(exports, "Alert", {
11
- enumerable: true,
12
- get: function () {
13
- return Alert_1.Alert;
14
- }
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
+ Alert: ()=>_alert.Alert,
13
+ alertClassNames: ()=>_alert.alertClassNames,
14
+ renderAlert_unstable: ()=>_alert.renderAlert_unstable,
15
+ useAlertStyles_unstable: ()=>_alert.useAlertStyles_unstable,
16
+ useAlert_unstable: ()=>_alert.useAlert_unstable
15
17
  });
16
- Object.defineProperty(exports, "alertClassNames", {
17
- enumerable: true,
18
- get: function () {
19
- return Alert_1.alertClassNames;
20
- }
21
- });
22
- Object.defineProperty(exports, "renderAlert_unstable", {
23
- enumerable: true,
24
- get: function () {
25
- return Alert_1.renderAlert_unstable;
26
- }
27
- });
28
- Object.defineProperty(exports, "useAlertStyles_unstable", {
29
- enumerable: true,
30
- get: function () {
31
- return Alert_1.useAlertStyles_unstable;
32
- }
33
- });
34
- Object.defineProperty(exports, "useAlert_unstable", {
35
- enumerable: true,
36
- get: function () {
37
- return Alert_1.useAlert_unstable;
38
- }
39
- });
40
- //# sourceMappingURL=index.js.map
18
+ const _alert = require("./Alert");
@@ -1 +1 @@
1
- {"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,OAAA,gBAAA,OAAA,CAAA,SAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,OAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,OAAA,CAAA,KAAA;EAAK;AAAL,CAAA;AAAO,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,iBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,OAAA,CAAA,eAAA;EAAe;AAAf,CAAA;AAAiB,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,sBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,OAAA,CAAA,oBAAA;EAAoB;AAApB,CAAA;AAAsB,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,yBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,OAAA,CAAA,uBAAA;EAAuB;AAAvB,CAAA;AAAyB,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,mBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,OAAA,CAAA,iBAAA;EAAiB;AAAjB,CAAA","sourcesContent":["export { Alert, alertClassNames, renderAlert_unstable, useAlertStyles_unstable, useAlert_unstable } from './Alert';\nexport type { AlertProps, AlertSlots, AlertState } from './Alert';\n"],"sourceRoot":"../src/"}
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"}
package/package.json CHANGED
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "name": "@fluentui/react-alert",
3
- "version": "9.0.0-beta.7",
3
+ "version": "9.0.0-beta.71",
4
4
  "description": "An alert component to display brief messages",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
7
- "typings": "dist/index.d.ts",
7
+ "typings": "./dist/index.d.ts",
8
8
  "sideEffects": false,
9
9
  "repository": {
10
10
  "type": "git",
@@ -13,38 +13,41 @@
13
13
  "license": "MIT",
14
14
  "scripts": {
15
15
  "build": "just-scripts build",
16
- "bundle-size": "bundle-size measure",
16
+ "bundle-size": "monosize measure",
17
17
  "clean": "just-scripts clean",
18
18
  "code-style": "just-scripts code-style",
19
19
  "just": "just-scripts",
20
20
  "lint": "just-scripts lint",
21
21
  "start": "yarn storybook",
22
22
  "test": "jest --passWithNoTests",
23
- "docs": "api-extractor run --config=config/api-extractor.local.json --local",
24
- "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/react-alert/src && yarn docs",
25
- "storybook": "node ../../../scripts/storybook/runner",
26
- "type-check": "tsc -b tsconfig.json"
23
+ "storybook": "start-storybook",
24
+ "type-check": "tsc -b tsconfig.json",
25
+ "generate-api": "just-scripts generate-api",
26
+ "test-ssr": "test-ssr \"./stories/**/*.stories.tsx\""
27
27
  },
28
28
  "devDependencies": {
29
29
  "@fluentui/eslint-plugin": "*",
30
30
  "@fluentui/react-conformance": "*",
31
- "@fluentui/react-conformance-griffel": "9.0.0-beta.11",
32
- "@fluentui/scripts": "^1.0.0"
31
+ "@fluentui/react-conformance-griffel": "*",
32
+ "@fluentui/scripts-api-extractor": "*",
33
+ "@fluentui/scripts-tasks": "*"
33
34
  },
34
35
  "dependencies": {
35
- "@fluentui/react-avatar": "^9.0.3",
36
- "@fluentui/react-button": "^9.0.3",
37
- "@fluentui/react-icons": "^2.0.175",
38
- "@fluentui/react-theme": "^9.0.0",
39
- "@fluentui/react-utilities": "^9.0.2",
40
- "@griffel/react": "^1.2.0",
41
- "tslib": "^2.1.0"
36
+ "@fluentui/react-avatar": "^9.5.25",
37
+ "@fluentui/react-button": "^9.3.34",
38
+ "@fluentui/react-icons": "^2.0.207",
39
+ "@fluentui/react-tabster": "^9.12.5",
40
+ "@fluentui/react-theme": "^9.1.11",
41
+ "@fluentui/react-utilities": "^9.13.0",
42
+ "@fluentui/react-jsx-runtime": "^9.0.3",
43
+ "@griffel/react": "^1.5.14",
44
+ "@swc/helpers": "^0.4.14"
42
45
  },
43
46
  "peerDependencies": {
44
- "@types/react": ">=16.8.0 <18.0.0",
45
- "@types/react-dom": ">=16.8.0 <18.0.0",
46
- "react": ">=16.8.0 <18.0.0",
47
- "react-dom": ">=16.8.0 <18.0.0"
47
+ "@types/react": ">=16.8.0 <19.0.0",
48
+ "@types/react-dom": ">=16.8.0 <19.0.0",
49
+ "react": ">=16.8.0 <19.0.0",
50
+ "react-dom": ">=16.8.0 <19.0.0"
48
51
  },
49
52
  "beachball": {
50
53
  "disallowedChangeTypes": [
@@ -52,5 +55,14 @@
52
55
  "minor",
53
56
  "patch"
54
57
  ]
58
+ },
59
+ "exports": {
60
+ ".": {
61
+ "types": "./dist/index.d.ts",
62
+ "node": "./lib-commonjs/index.js",
63
+ "import": "./lib/index.js",
64
+ "require": "./lib-commonjs/index.js"
65
+ },
66
+ "./package.json": "./package.json"
55
67
  }
56
68
  }