@fluentui/react-accordion 9.7.5 → 9.8.1

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 (87) hide show
  1. package/CHANGELOG.md +29 -2
  2. package/lib/Accordion.js.map +1 -1
  3. package/lib/AccordionHeader.js.map +1 -1
  4. package/lib/AccordionItem.js.map +1 -1
  5. package/lib/AccordionPanel.js.map +1 -1
  6. package/lib/components/Accordion/Accordion.js.map +1 -1
  7. package/lib/components/Accordion/Accordion.types.js.map +1 -1
  8. package/lib/components/Accordion/index.js.map +1 -1
  9. package/lib/components/Accordion/renderAccordion.js.map +1 -1
  10. package/lib/components/Accordion/useAccordion.js.map +1 -1
  11. package/lib/components/Accordion/useAccordionContextValues.js.map +1 -1
  12. package/lib/components/Accordion/useAccordionStyles.styles.raw.js +9 -0
  13. package/lib/components/Accordion/useAccordionStyles.styles.raw.js.map +1 -0
  14. package/lib/components/AccordionHeader/AccordionHeader.js.map +1 -1
  15. package/lib/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
  16. package/lib/components/AccordionHeader/index.js.map +1 -1
  17. package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  18. package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  19. package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
  20. package/lib/components/AccordionHeader/useAccordionHeaderStyles.styles.js +2 -2
  21. package/lib/components/AccordionHeader/useAccordionHeaderStyles.styles.js.map +1 -1
  22. package/lib/components/AccordionHeader/useAccordionHeaderStyles.styles.raw.js +113 -0
  23. package/lib/components/AccordionHeader/useAccordionHeaderStyles.styles.raw.js.map +1 -0
  24. package/lib/components/AccordionItem/AccordionItem.js.map +1 -1
  25. package/lib/components/AccordionItem/AccordionItem.types.js.map +1 -1
  26. package/lib/components/AccordionItem/index.js.map +1 -1
  27. package/lib/components/AccordionItem/renderAccordionItem.js.map +1 -1
  28. package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
  29. package/lib/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
  30. package/lib/components/AccordionItem/useAccordionItemStyles.styles.raw.js +9 -0
  31. package/lib/components/AccordionItem/useAccordionItemStyles.styles.raw.js.map +1 -0
  32. package/lib/components/AccordionPanel/AccordionPanel.js.map +1 -1
  33. package/lib/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
  34. package/lib/components/AccordionPanel/index.js.map +1 -1
  35. package/lib/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
  36. package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
  37. package/lib/components/AccordionPanel/useAccordionPanelStyles.styles.raw.js +18 -0
  38. package/lib/components/AccordionPanel/useAccordionPanelStyles.styles.raw.js.map +1 -0
  39. package/lib/contexts/accordion.js.map +1 -1
  40. package/lib/contexts/accordionHeader.js.map +1 -1
  41. package/lib/contexts/accordionItem.js.map +1 -1
  42. package/lib/index.js.map +1 -1
  43. package/lib-commonjs/Accordion.js.map +1 -1
  44. package/lib-commonjs/AccordionHeader.js.map +1 -1
  45. package/lib-commonjs/AccordionItem.js.map +1 -1
  46. package/lib-commonjs/AccordionPanel.js.map +1 -1
  47. package/lib-commonjs/components/Accordion/Accordion.js.map +1 -1
  48. package/lib-commonjs/components/Accordion/Accordion.types.js.map +1 -1
  49. package/lib-commonjs/components/Accordion/index.js.map +1 -1
  50. package/lib-commonjs/components/Accordion/renderAccordion.js.map +1 -1
  51. package/lib-commonjs/components/Accordion/useAccordion.js.map +1 -1
  52. package/lib-commonjs/components/Accordion/useAccordionContextValues.js.map +1 -1
  53. package/lib-commonjs/components/Accordion/useAccordionStyles.styles.js.map +1 -1
  54. package/lib-commonjs/components/Accordion/useAccordionStyles.styles.raw.js +27 -0
  55. package/lib-commonjs/components/Accordion/useAccordionStyles.styles.raw.js.map +1 -0
  56. package/lib-commonjs/components/AccordionHeader/AccordionHeader.js.map +1 -1
  57. package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
  58. package/lib-commonjs/components/AccordionHeader/index.js.map +1 -1
  59. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  60. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  61. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
  62. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.styles.js +2 -3
  63. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.styles.js.map +1 -1
  64. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.styles.raw.js +131 -0
  65. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.styles.raw.js.map +1 -0
  66. package/lib-commonjs/components/AccordionItem/AccordionItem.js.map +1 -1
  67. package/lib-commonjs/components/AccordionItem/AccordionItem.types.js.map +1 -1
  68. package/lib-commonjs/components/AccordionItem/index.js.map +1 -1
  69. package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
  70. package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
  71. package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
  72. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.styles.js.map +1 -1
  73. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.styles.raw.js +27 -0
  74. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.styles.raw.js.map +1 -0
  75. package/lib-commonjs/components/AccordionPanel/AccordionPanel.js.map +1 -1
  76. package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
  77. package/lib-commonjs/components/AccordionPanel/index.js.map +1 -1
  78. package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
  79. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
  80. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.styles.js.map +1 -1
  81. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.styles.raw.js +36 -0
  82. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.styles.raw.js.map +1 -0
  83. package/lib-commonjs/contexts/accordion.js.map +1 -1
  84. package/lib-commonjs/contexts/accordionHeader.js.map +1 -1
  85. package/lib-commonjs/contexts/accordionItem.js.map +1 -1
  86. package/lib-commonjs/index.js.map +1 -1
  87. package/package.json +8 -8
@@ -0,0 +1,131 @@
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
+ accordionHeaderClassNames: function() {
13
+ return accordionHeaderClassNames;
14
+ },
15
+ useAccordionHeaderStyles_unstable: function() {
16
+ return useAccordionHeaderStyles_unstable;
17
+ }
18
+ });
19
+ const _react = require("@griffel/react");
20
+ const _reacttabster = require("@fluentui/react-tabster");
21
+ const _reacttheme = require("@fluentui/react-theme");
22
+ const accordionHeaderClassNames = {
23
+ root: 'fui-AccordionHeader',
24
+ button: 'fui-AccordionHeader__button',
25
+ expandIcon: 'fui-AccordionHeader__expandIcon',
26
+ icon: 'fui-AccordionHeader__icon'
27
+ };
28
+ const useStyles = (0, _react.makeStyles)({
29
+ // TODO: this should be extracted to another package
30
+ resetButton: {
31
+ boxSizing: 'content-box',
32
+ backgroundColor: 'inherit',
33
+ color: 'inherit',
34
+ fontFamily: 'inherit',
35
+ fontSize: 'inherit',
36
+ lineHeight: 'normal',
37
+ overflow: 'visible',
38
+ padding: '0',
39
+ WebkitAppearance: 'button',
40
+ textAlign: 'unset'
41
+ },
42
+ focusIndicator: (0, _reacttabster.createFocusOutlineStyle)(),
43
+ root: {
44
+ color: _reacttheme.tokens.colorNeutralForeground1,
45
+ backgroundColor: _reacttheme.tokens.colorTransparentBackground,
46
+ margin: '0',
47
+ borderRadius: _reacttheme.tokens.borderRadiusMedium
48
+ },
49
+ rootDisabled: {
50
+ backgroundImage: 'none',
51
+ color: _reacttheme.tokens.colorNeutralForegroundDisabled
52
+ },
53
+ rootInline: {
54
+ display: 'inline-block'
55
+ },
56
+ button: {
57
+ position: 'relative',
58
+ width: '100%',
59
+ ..._react.shorthands.borderWidth('0'),
60
+ padding: `0 ${_reacttheme.tokens.spacingHorizontalM} 0 ${_reacttheme.tokens.spacingHorizontalMNudge}`,
61
+ minHeight: '44px',
62
+ display: 'flex',
63
+ alignItems: 'center',
64
+ cursor: 'pointer',
65
+ ..._reacttheme.typographyStyles.body1,
66
+ boxSizing: 'border-box'
67
+ },
68
+ buttonSmall: {
69
+ minHeight: '32px',
70
+ fontSize: _reacttheme.tokens.fontSizeBase200
71
+ },
72
+ buttonLarge: {
73
+ lineHeight: _reacttheme.tokens.lineHeightBase400,
74
+ fontSize: _reacttheme.tokens.fontSizeBase400
75
+ },
76
+ buttonExtraLarge: {
77
+ lineHeight: _reacttheme.tokens.lineHeightBase500,
78
+ fontSize: _reacttheme.tokens.fontSizeBase500
79
+ },
80
+ buttonInline: {
81
+ display: 'inline-flex'
82
+ },
83
+ buttonExpandIconEndNoIcon: {
84
+ paddingLeft: _reacttheme.tokens.spacingHorizontalM
85
+ },
86
+ buttonExpandIconEnd: {
87
+ paddingRight: _reacttheme.tokens.spacingHorizontalMNudge
88
+ },
89
+ buttonDisabled: {
90
+ cursor: 'not-allowed'
91
+ },
92
+ expandIcon: {
93
+ height: '100%',
94
+ display: 'flex',
95
+ alignItems: 'center',
96
+ lineHeight: _reacttheme.tokens.lineHeightBase500,
97
+ fontSize: _reacttheme.tokens.fontSizeBase500
98
+ },
99
+ expandIconStart: {
100
+ paddingRight: _reacttheme.tokens.spacingHorizontalS
101
+ },
102
+ expandIconEnd: {
103
+ flexGrow: 1,
104
+ flexShrink: 1,
105
+ flexBasis: '0%',
106
+ display: 'flex',
107
+ justifyContent: 'flex-end',
108
+ paddingLeft: _reacttheme.tokens.spacingHorizontalS
109
+ },
110
+ icon: {
111
+ height: '100%',
112
+ display: 'flex',
113
+ alignItems: 'center',
114
+ paddingRight: _reacttheme.tokens.spacingHorizontalS,
115
+ lineHeight: _reacttheme.tokens.lineHeightBase500,
116
+ fontSize: _reacttheme.tokens.fontSizeBase500
117
+ }
118
+ });
119
+ const useAccordionHeaderStyles_unstable = (state)=>{
120
+ 'use no memo';
121
+ const styles = useStyles();
122
+ state.root.className = (0, _react.mergeClasses)(accordionHeaderClassNames.root, styles.root, state.inline && styles.rootInline, state.disabled && styles.rootDisabled, state.root.className);
123
+ state.button.className = (0, _react.mergeClasses)(accordionHeaderClassNames.button, styles.resetButton, styles.button, styles.focusIndicator, state.expandIconPosition === 'end' && !state.icon && styles.buttonExpandIconEndNoIcon, state.expandIconPosition === 'end' && styles.buttonExpandIconEnd, state.inline && styles.buttonInline, state.size === 'small' && styles.buttonSmall, state.size === 'large' && styles.buttonLarge, state.size === 'extra-large' && styles.buttonExtraLarge, state.disabled && styles.buttonDisabled, state.button.className);
124
+ if (state.expandIcon) {
125
+ state.expandIcon.className = (0, _react.mergeClasses)(accordionHeaderClassNames.expandIcon, styles.expandIcon, state.expandIconPosition === 'start' && styles.expandIconStart, state.expandIconPosition === 'end' && styles.expandIconEnd, state.expandIcon.className);
126
+ }
127
+ if (state.icon) {
128
+ state.icon.className = (0, _react.mergeClasses)(accordionHeaderClassNames.icon, styles.icon, state.icon.className);
129
+ }
130
+ return state;
131
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/AccordionHeader/useAccordionHeaderStyles.styles.ts"],"sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { AccordionHeaderSlots, AccordionHeaderState } from './AccordionHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const accordionHeaderClassNames: SlotClassNames<AccordionHeaderSlots> = {\n root: 'fui-AccordionHeader',\n button: 'fui-AccordionHeader__button',\n expandIcon: 'fui-AccordionHeader__expandIcon',\n icon: 'fui-AccordionHeader__icon',\n};\n\nconst useStyles = makeStyles({\n // TODO: this should be extracted to another package\n resetButton: {\n boxSizing: 'content-box',\n backgroundColor: 'inherit',\n color: 'inherit',\n fontFamily: 'inherit',\n fontSize: 'inherit',\n lineHeight: 'normal',\n overflow: 'visible',\n padding: '0',\n WebkitAppearance: 'button',\n textAlign: 'unset',\n },\n focusIndicator: createFocusOutlineStyle(),\n root: {\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorTransparentBackground,\n margin: '0',\n borderRadius: tokens.borderRadiusMedium,\n },\n rootDisabled: {\n backgroundImage: 'none',\n color: tokens.colorNeutralForegroundDisabled,\n },\n rootInline: {\n display: 'inline-block',\n },\n button: {\n position: 'relative',\n width: '100%',\n ...shorthands.borderWidth('0'),\n padding: `0 ${tokens.spacingHorizontalM} 0 ${tokens.spacingHorizontalMNudge}`,\n minHeight: '44px',\n display: 'flex',\n alignItems: 'center',\n cursor: 'pointer',\n ...typographyStyles.body1,\n boxSizing: 'border-box',\n },\n buttonSmall: {\n minHeight: '32px',\n fontSize: tokens.fontSizeBase200,\n },\n buttonLarge: {\n lineHeight: tokens.lineHeightBase400,\n fontSize: tokens.fontSizeBase400,\n },\n buttonExtraLarge: {\n lineHeight: tokens.lineHeightBase500,\n fontSize: tokens.fontSizeBase500,\n },\n buttonInline: {\n display: 'inline-flex',\n },\n buttonExpandIconEndNoIcon: {\n paddingLeft: tokens.spacingHorizontalM,\n },\n buttonExpandIconEnd: {\n paddingRight: tokens.spacingHorizontalMNudge,\n },\n buttonDisabled: {\n cursor: 'not-allowed',\n },\n expandIcon: {\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n lineHeight: tokens.lineHeightBase500,\n fontSize: tokens.fontSizeBase500,\n },\n expandIconStart: {\n paddingRight: tokens.spacingHorizontalS,\n },\n expandIconEnd: {\n flexGrow: 1,\n flexShrink: 1,\n flexBasis: '0%',\n display: 'flex',\n justifyContent: 'flex-end',\n paddingLeft: tokens.spacingHorizontalS,\n },\n icon: {\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n paddingRight: tokens.spacingHorizontalS,\n lineHeight: tokens.lineHeightBase500,\n fontSize: tokens.fontSizeBase500,\n },\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionHeaderStyles_unstable = (state: AccordionHeaderState) => {\n 'use no memo';\n\n const styles = useStyles();\n state.root.className = mergeClasses(\n accordionHeaderClassNames.root,\n styles.root,\n state.inline && styles.rootInline,\n state.disabled && styles.rootDisabled,\n state.root.className,\n );\n\n state.button.className = mergeClasses(\n accordionHeaderClassNames.button,\n styles.resetButton,\n styles.button,\n styles.focusIndicator,\n state.expandIconPosition === 'end' && !state.icon && styles.buttonExpandIconEndNoIcon,\n state.expandIconPosition === 'end' && styles.buttonExpandIconEnd,\n state.inline && styles.buttonInline,\n state.size === 'small' && styles.buttonSmall,\n state.size === 'large' && styles.buttonLarge,\n state.size === 'extra-large' && styles.buttonExtraLarge,\n state.disabled && styles.buttonDisabled,\n state.button.className,\n );\n\n if (state.expandIcon) {\n state.expandIcon.className = mergeClasses(\n accordionHeaderClassNames.expandIcon,\n styles.expandIcon,\n state.expandIconPosition === 'start' && styles.expandIconStart,\n state.expandIconPosition === 'end' && styles.expandIconEnd,\n state.expandIcon.className,\n );\n }\n if (state.icon) {\n state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.icon.className);\n }\n return state;\n};\n"],"names":["shorthands","makeStyles","mergeClasses","createFocusOutlineStyle","tokens","typographyStyles","accordionHeaderClassNames","root","button","expandIcon","icon","useStyles","resetButton","boxSizing","backgroundColor","color","fontFamily","fontSize","lineHeight","overflow","padding","WebkitAppearance","textAlign","focusIndicator","colorNeutralForeground1","colorTransparentBackground","margin","borderRadius","borderRadiusMedium","rootDisabled","backgroundImage","colorNeutralForegroundDisabled","rootInline","display","position","width","borderWidth","spacingHorizontalM","spacingHorizontalMNudge","minHeight","alignItems","cursor","body1","buttonSmall","fontSizeBase200","buttonLarge","lineHeightBase400","fontSizeBase400","buttonExtraLarge","lineHeightBase500","fontSizeBase500","buttonInline","buttonExpandIconEndNoIcon","paddingLeft","buttonExpandIconEnd","paddingRight","buttonDisabled","height","expandIconStart","spacingHorizontalS","expandIconEnd","flexGrow","flexShrink","flexBasis","justifyContent","useAccordionHeaderStyles_unstable","state","styles","className","inline","disabled","expandIconPosition","size"],"mappings":";;;;;;;;;;;IAMaM,yBAAAA;;;qCAoGA2D;eAAAA;;;uBA1GwC,iBAAiB;8BAC9B,0BAA0B;4BACzB,wBAAwB;AAI1D,kCAAwE;IAC7E1D,MAAM;IACNC,QAAQ;IACRC,YAAY;IACZC,MAAM;AACR,EAAE;AAEF,MAAMC,gBAAYV,iBAAAA,EAAW;IAC3B,oDAAoD;IACpDW,aAAa;QACXC,WAAW;QACXC,iBAAiB;QACjBC,OAAO;QACPC,YAAY;QACZC,UAAU;QACVC,YAAY;QACZC,UAAU;QACVC,SAAS;QACTC,kBAAkB;QAClBC,WAAW;IACb;IACAC,oBAAgBpB,qCAAAA;IAChBI,MAAM;QACJQ,OAAOX,kBAAAA,CAAOoB,uBAAuB;QACrCV,iBAAiBV,kBAAAA,CAAOqB,0BAA0B;QAClDC,QAAQ;QACRC,cAAcvB,kBAAAA,CAAOwB,kBAAkB;IACzC;IACAC,cAAc;QACZC,iBAAiB;QACjBf,OAAOX,kBAAAA,CAAO2B,8BAA8B;IAC9C;IACAC,YAAY;QACVC,SAAS;IACX;IACAzB,QAAQ;QACN0B,UAAU;QACVC,OAAO;QACP,GAAGnC,iBAAAA,CAAWoC,WAAW,CAAC,IAAI;QAC9BhB,SAAS,CAAC,EAAE,EAAEhB,kBAAAA,CAAOiC,kBAAkB,CAAC,GAAG,EAAEjC,kBAAAA,CAAOkC,uBAAuB,EAAE;QAC7EC,WAAW;QACXN,SAAS;QACTO,YAAY;QACZC,QAAQ;QACR,GAAGpC,4BAAAA,CAAiBqC,KAAK;QACzB7B,WAAW;IACb;IACA8B,aAAa;QACXJ,WAAW;QACXtB,UAAUb,kBAAAA,CAAOwC,eAAe;IAClC;IACAC,aAAa;QACX3B,YAAYd,kBAAAA,CAAO0C,iBAAiB;QACpC7B,UAAUb,kBAAAA,CAAO2C,eAAe;IAClC;IACAC,kBAAkB;QAChB9B,YAAYd,kBAAAA,CAAO6C,iBAAiB;QACpChC,UAAUb,kBAAAA,CAAO8C,eAAe;IAClC;IACAC,cAAc;QACZlB,SAAS;IACX;IACAmB,2BAA2B;QACzBC,aAAajD,kBAAAA,CAAOiC,kBAAkB;IACxC;IACAiB,qBAAqB;QACnBC,cAAcnD,kBAAAA,CAAOkC,uBAAuB;IAC9C;IACAkB,gBAAgB;QACdf,QAAQ;IACV;IACAhC,YAAY;QACVgD,QAAQ;QACRxB,SAAS;QACTO,YAAY;QACZtB,YAAYd,kBAAAA,CAAO6C,iBAAiB;QACpChC,UAAUb,kBAAAA,CAAO8C,eAAe;IAClC;IACAQ,iBAAiB;QACfH,cAAcnD,kBAAAA,CAAOuD,kBAAkB;IACzC;IACAC,eAAe;QACbC,UAAU;QACVC,YAAY;QACZC,WAAW;QACX9B,SAAS;QACT+B,gBAAgB;QAChBX,aAAajD,kBAAAA,CAAOuD,kBAAkB;IACxC;IACAjD,MAAM;QACJ+C,QAAQ;QACRxB,SAAS;QACTO,YAAY;QACZe,cAAcnD,kBAAAA,CAAOuD,kBAAkB;QACvCzC,YAAYd,kBAAAA,CAAO6C,iBAAiB;QACpChC,UAAUb,kBAAAA,CAAO8C,eAAe;IAClC;AACF;AAGO,0CAA0C,CAACgB;IAChD;IAEA,MAAMC,SAASxD;IACfuD,MAAM3D,IAAI,CAAC6D,SAAS,OAAGlE,mBAAAA,EACrBI,0BAA0BC,IAAI,EAC9B4D,OAAO5D,IAAI,EACX2D,MAAMG,MAAM,IAAIF,OAAOnC,UAAU,EACjCkC,MAAMI,QAAQ,IAAIH,OAAOtC,YAAY,EACrCqC,MAAM3D,IAAI,CAAC6D,SAAS;IAGtBF,MAAM1D,MAAM,CAAC4D,SAAS,OAAGlE,mBAAAA,EACvBI,0BAA0BE,MAAM,EAChC2D,OAAOvD,WAAW,EAClBuD,OAAO3D,MAAM,EACb2D,OAAO5C,cAAc,EACrB2C,MAAMK,kBAAkB,KAAK,SAAS,CAACL,MAAMxD,IAAI,IAAIyD,OAAOf,yBAAyB,EACrFc,MAAMK,kBAAkB,KAAK,SAASJ,OAAOb,mBAAmB,EAChEY,MAAMG,MAAM,IAAIF,OAAOhB,YAAY,EACnCe,MAAMM,IAAI,KAAK,WAAWL,OAAOxB,WAAW,EAC5CuB,MAAMM,IAAI,KAAK,WAAWL,OAAOtB,WAAW,EAC5CqB,MAAMM,IAAI,KAAK,iBAAiBL,OAAOnB,gBAAgB,EACvDkB,MAAMI,QAAQ,IAAIH,OAAOX,cAAc,EACvCU,MAAM1D,MAAM,CAAC4D,SAAS;IAGxB,IAAIF,MAAMzD,UAAU,EAAE;QACpByD,MAAMzD,UAAU,CAAC2D,SAAS,OAAGlE,mBAAAA,EAC3BI,0BAA0BG,UAAU,EACpC0D,OAAO1D,UAAU,EACjByD,MAAMK,kBAAkB,KAAK,WAAWJ,OAAOT,eAAe,EAC9DQ,MAAMK,kBAAkB,KAAK,SAASJ,OAAOP,aAAa,EAC1DM,MAAMzD,UAAU,CAAC2D,SAAS;IAE9B;IACA,IAAIF,MAAMxD,IAAI,EAAE;QACdwD,MAAMxD,IAAI,CAAC0D,SAAS,OAAGlE,mBAAAA,EAAaI,0BAA0BI,IAAI,EAAEyD,OAAOzD,IAAI,EAAEwD,MAAMxD,IAAI,CAAC0D,SAAS;IACvG;IACA,OAAOF;AACT,EAAE"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAccordionItem_unstable } from './useAccordionItem';\nimport { useAccordionItemContextValues_unstable } from './useAccordionItemContextValues';\nimport { renderAccordionItem_unstable } from './renderAccordionItem';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionItemStyles_unstable } from './useAccordionItemStyles.styles';\nimport type { AccordionItemProps } from './AccordionItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled AccordionItem, using the `useAccordionItem_unstable` and `useAccordionItemStyles_unstable` hooks.\n */\nexport const AccordionItem: ForwardRefComponent<AccordionItemProps> = React.forwardRef((props, ref) => {\n const state = useAccordionItem_unstable(props, ref);\n const contextValues = useAccordionItemContextValues_unstable(state);\n\n useAccordionItemStyles_unstable(state);\n\n useCustomStyleHook_unstable('useAccordionItemStyles_unstable')(state);\n\n return renderAccordionItem_unstable(state, contextValues);\n});\n\nAccordionItem.displayName = 'AccordionItem';\n"],"names":["AccordionItem","React","forwardRef","props","ref","state","useAccordionItem_unstable","contextValues","useAccordionItemContextValues_unstable","useAccordionItemStyles_unstable","useCustomStyleHook_unstable","renderAccordionItem_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;kCACmB;+CACa;qCACV;qCACD;8CACI;AAOzC,MAAMA,gBAAAA,WAAAA,GAAyDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQC,IAAAA,2CAAAA,EAA0BH,OAAOC;IAC/C,MAAMG,gBAAgBC,IAAAA,qEAAAA,EAAuCH;IAE7DI,IAAAA,6DAAAA,EAAgCJ;IAEhCK,IAAAA,gDAAAA,EAA4B,mCAAmCL;IAE/D,OAAOM,IAAAA,iDAAAA,EAA6BN,OAAOE;AAC7C;AAEAP,cAAcY,WAAW,GAAG"}
1
+ {"version":3,"sources":["../src/components/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAccordionItem_unstable } from './useAccordionItem';\nimport { useAccordionItemContextValues_unstable } from './useAccordionItemContextValues';\nimport { renderAccordionItem_unstable } from './renderAccordionItem';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionItemStyles_unstable } from './useAccordionItemStyles.styles';\nimport type { AccordionItemProps } from './AccordionItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled AccordionItem, using the `useAccordionItem_unstable` and `useAccordionItemStyles_unstable` hooks.\n */\nexport const AccordionItem: ForwardRefComponent<AccordionItemProps> = React.forwardRef((props, ref) => {\n const state = useAccordionItem_unstable(props, ref);\n const contextValues = useAccordionItemContextValues_unstable(state);\n\n useAccordionItemStyles_unstable(state);\n\n useCustomStyleHook_unstable('useAccordionItemStyles_unstable')(state);\n\n return renderAccordionItem_unstable(state, contextValues);\n});\n\nAccordionItem.displayName = 'AccordionItem';\n"],"names":["React","useAccordionItem_unstable","useAccordionItemContextValues_unstable","renderAccordionItem_unstable","useCustomStyleHook_unstable","useAccordionItemStyles_unstable","AccordionItem","forwardRef","props","ref","state","contextValues","displayName"],"mappings":";;;;+BAYaM;;;;;;;iEAZU,QAAQ;kCACW,qBAAqB;+CACR,kCAAkC;qCAC5C,wBAAwB;qCACzB,kCAAkC;8CAC9B,kCAAkC;AAO3E,sBAAMA,WAAAA,GAAyDN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,YAAQT,2CAAAA,EAA0BO,OAAOC;IAC/C,MAAME,oBAAgBT,qEAAAA,EAAuCQ;QAE7DL,6DAAAA,EAAgCK;QAEhCN,gDAAAA,EAA4B,mCAAmCM;IAE/D,WAAOP,iDAAAA,EAA6BO,OAAOC;AAC7C,GAAG;AAEHL,cAAcM,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/AccordionItem/AccordionItem.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { AccordionItemContextValue } from '../../contexts/accordionItem';\n\nexport type AccordionItemContextValues<Value = AccordionItemValue> = {\n accordionItem: AccordionItemContextValue<Value>;\n};\n\nexport type AccordionItemSlots = {\n root: NonNullable<Slot<'div'>>;\n};\n\nexport type AccordionItemProps<Value = AccordionItemValue> = ComponentProps<AccordionItemSlots> & {\n /**\n * Disables opening/closing of panel.\n */\n disabled?: boolean;\n /**\n * Required value that identifies this item inside an Accordion component.\n */\n value: Value;\n};\n\nexport type AccordionItemValue = unknown;\n\nexport type AccordionItemState<Value = AccordionItemValue> = ComponentState<AccordionItemSlots> &\n AccordionItemContextValue<Value>;\n"],"names":[],"rangeMappings":"","mappings":""}
1
+ {"version":3,"sources":["../src/components/AccordionItem/AccordionItem.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { AccordionItemContextValue } from '../../contexts/accordionItem';\n\nexport type AccordionItemContextValues<Value = AccordionItemValue> = {\n accordionItem: AccordionItemContextValue<Value>;\n};\n\nexport type AccordionItemSlots = {\n root: NonNullable<Slot<'div'>>;\n};\n\nexport type AccordionItemProps<Value = AccordionItemValue> = ComponentProps<AccordionItemSlots> & {\n /**\n * Disables opening/closing of panel.\n */\n disabled?: boolean;\n /**\n * Required value that identifies this item inside an Accordion component.\n */\n value: Value;\n};\n\nexport type AccordionItemValue = unknown;\n\nexport type AccordionItemState<Value = AccordionItemValue> = ComponentState<AccordionItemSlots> &\n AccordionItemContextValue<Value>;\n"],"names":[],"mappings":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/AccordionItem/index.ts"],"sourcesContent":["export { AccordionItem } from './AccordionItem';\nexport type {\n AccordionItemContextValues,\n AccordionItemProps,\n AccordionItemSlots,\n AccordionItemState,\n AccordionItemValue,\n} from './AccordionItem.types';\nexport { renderAccordionItem_unstable } from './renderAccordionItem';\nexport { useAccordionItem_unstable } from './useAccordionItem';\nexport { useAccordionItemContextValues_unstable } from './useAccordionItemContextValues';\nexport { accordionItemClassNames, useAccordionItemStyles_unstable } from './useAccordionItemStyles.styles';\n"],"names":["AccordionItem","accordionItemClassNames","renderAccordionItem_unstable","useAccordionItemContextValues_unstable","useAccordionItemStyles_unstable","useAccordionItem_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,aAAa;eAAbA,4BAAa;;IAWbC,uBAAuB;eAAvBA,qDAAuB;;IAHvBC,4BAA4B;eAA5BA,iDAA4B;;IAE5BC,sCAAsC;eAAtCA,qEAAsC;;IACbC,+BAA+B;eAA/BA,6DAA+B;;IAFxDC,yBAAyB;eAAzBA,2CAAyB;;;+BATJ;qCAQe;kCACH;+CACa;8CACkB"}
1
+ {"version":3,"sources":["../src/components/AccordionItem/index.ts"],"sourcesContent":["export { AccordionItem } from './AccordionItem';\nexport type {\n AccordionItemContextValues,\n AccordionItemProps,\n AccordionItemSlots,\n AccordionItemState,\n AccordionItemValue,\n} from './AccordionItem.types';\nexport { renderAccordionItem_unstable } from './renderAccordionItem';\nexport { useAccordionItem_unstable } from './useAccordionItem';\nexport { useAccordionItemContextValues_unstable } from './useAccordionItemContextValues';\nexport { accordionItemClassNames, useAccordionItemStyles_unstable } from './useAccordionItemStyles.styles';\n"],"names":["AccordionItem","renderAccordionItem_unstable","useAccordionItem_unstable","useAccordionItemContextValues_unstable","accordionItemClassNames","useAccordionItemStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,4BAAa;;;eAWbI,qDAAuB;;;eAHvBH,iDAA4B;;;eAE5BE,qEAAsC;;;eACbE,6DAA+B;;;eAFxDH,2CAAyB;;;+BATJ,kBAAkB;qCAQH,wBAAwB;kCAC3B,qBAAqB;+CACR,kCAAkC;8CAChB,kCAAkC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/AccordionItem/renderAccordionItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { AccordionItemState, AccordionItemSlots, AccordionItemContextValues } from './AccordionItem.types';\nimport { AccordionItemProvider } from '../../contexts/accordionItem';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionItem_unstable = (state: AccordionItemState, contextValues: AccordionItemContextValues) => {\n assertSlots<AccordionItemSlots>(state);\n\n return (\n <state.root>\n <AccordionItemProvider value={contextValues.accordionItem}>{state.root.children}</AccordionItemProvider>\n </state.root>\n );\n};\n"],"names":["renderAccordionItem_unstable","state","contextValues","assertSlots","_jsx","root","AccordionItemProvider","value","accordionItem","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;4BATb;gCAE4B;+BAEU;AAK/B,MAAMA,+BAA+B,CAACC,OAA2BC;IACtEC,IAAAA,2BAAAA,EAAgCF;IAEhC,OAAA,WAAA,GACEG,IAAAA,eAAA,EAACH,MAAMI,IAAI,EAAA;kBACT,WAAA,GAAAD,IAAAA,eAAA,EAACE,oCAAAA,EAAAA;YAAsBC,OAAOL,cAAcM,aAAa;sBAAGP,MAAMI,IAAI,CAACI,QAAQ;;;AAGrF"}
1
+ {"version":3,"sources":["../src/components/AccordionItem/renderAccordionItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { AccordionItemState, AccordionItemSlots, AccordionItemContextValues } from './AccordionItem.types';\nimport { AccordionItemProvider } from '../../contexts/accordionItem';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionItem_unstable = (state: AccordionItemState, contextValues: AccordionItemContextValues) => {\n assertSlots<AccordionItemSlots>(state);\n\n return (\n <state.root>\n <AccordionItemProvider value={contextValues.accordionItem}>{state.root.children}</AccordionItemProvider>\n </state.root>\n );\n};\n"],"names":["assertSlots","AccordionItemProvider","renderAccordionItem_unstable","state","contextValues","root","value","accordionItem","children"],"mappings":";;;;+BAUaE;;;;;;4BATb,gDAAiD;gCAErB,4BAA4B;+BAElB,+BAA+B;AAK9D,qCAAqC,CAACC,OAA2BC;QACtEJ,2BAAAA,EAAgCG;IAEhC,OAAA,WAAA,OACE,eAAA,EAACA,MAAME,IAAI,EAAA;kBACT,WAAA,OAAA,eAAA,EAACJ,oCAAAA,EAAAA;YAAsBK,OAAOF,cAAcG,aAAa;sBAAGJ,MAAME,IAAI,CAACG,QAAQ;;;AAGrF,EAAE"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/AccordionItem/useAccordionItem.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useEventCallback } from '@fluentui/react-utilities';\nimport type { AccordionItemProps, AccordionItemState } from './AccordionItem.types';\nimport type { AccordionToggleEvent } from '../Accordion/Accordion.types';\nimport { useAccordionContext_unstable } from '../../contexts/accordion';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionItem properties\n * @param ref - reference to root HTMLElement of AccordionItem\n */\nexport const useAccordionItem_unstable = (\n props: AccordionItemProps,\n ref: React.Ref<HTMLElement>,\n): AccordionItemState => {\n const { value, disabled = false } = props;\n\n const requestToggle = useAccordionContext_unstable(ctx => ctx.requestToggle);\n const open = useAccordionContext_unstable(ctx => ctx.openItems.includes(value));\n const onAccordionHeaderClick = useEventCallback((event: AccordionToggleEvent) => requestToggle({ event, value }));\n\n return {\n open,\n value,\n disabled,\n onHeaderClick: onAccordionHeaderClick,\n components: {\n root: 'div',\n },\n root: slot.always(\n 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 as React.Ref<HTMLDivElement>,\n ...props,\n }),\n { elementType: 'div' },\n ),\n };\n};\n"],"names":["useAccordionItem_unstable","props","ref","value","disabled","requestToggle","useAccordionContext_unstable","ctx","open","openItems","includes","onAccordionHeaderClick","useEventCallback","event","onHeaderClick","components","root","slot","always","getIntrinsicElementProps","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;gCAC0C;2BAGpB;AAOtC,MAAMA,4BAA4B,CACvCC,OACAC;IAEA,MAAM,EAAEC,KAAK,EAAEC,WAAW,KAAK,EAAE,GAAGH;IAEpC,MAAMI,gBAAgBC,IAAAA,uCAAAA,EAA6BC,CAAAA,MAAOA,IAAIF,aAAa;IAC3E,MAAMG,OAAOF,IAAAA,uCAAAA,EAA6BC,CAAAA,MAAOA,IAAIE,SAAS,CAACC,QAAQ,CAACP;IACxE,MAAMQ,yBAAyBC,IAAAA,gCAAAA,EAAiB,CAACC,QAAgCR,cAAc;YAAEQ;YAAOV;QAAM;IAE9G,OAAO;QACLK;QACAL;QACAC;QACAU,eAAeH;QACfI,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FjB,KAAKA;YACL,GAAGD,KAAK;QACV,IACA;YAAEmB,aAAa;QAAM;IAEzB;AACF"}
1
+ {"version":3,"sources":["../src/components/AccordionItem/useAccordionItem.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useEventCallback } from '@fluentui/react-utilities';\nimport type { AccordionItemProps, AccordionItemState } from './AccordionItem.types';\nimport type { AccordionToggleEvent } from '../Accordion/Accordion.types';\nimport { useAccordionContext_unstable } from '../../contexts/accordion';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionItem properties\n * @param ref - reference to root HTMLElement of AccordionItem\n */\nexport const useAccordionItem_unstable = (\n props: AccordionItemProps,\n ref: React.Ref<HTMLElement>,\n): AccordionItemState => {\n const { value, disabled = false } = props;\n\n const requestToggle = useAccordionContext_unstable(ctx => ctx.requestToggle);\n const open = useAccordionContext_unstable(ctx => ctx.openItems.includes(value));\n const onAccordionHeaderClick = useEventCallback((event: AccordionToggleEvent) => requestToggle({ event, value }));\n\n return {\n open,\n value,\n disabled,\n onHeaderClick: onAccordionHeaderClick,\n components: {\n root: 'div',\n },\n root: slot.always(\n 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 as React.Ref<HTMLDivElement>,\n ...props,\n }),\n { elementType: 'div' },\n ),\n };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useEventCallback","useAccordionContext_unstable","useAccordionItem_unstable","props","ref","value","disabled","requestToggle","ctx","open","openItems","includes","onAccordionHeaderClick","event","onHeaderClick","components","root","always","elementType"],"mappings":";;;;+BAWaK;;;;;;;iEAXU,QAAQ;gCACkC,4BAA4B;2BAGhD,2BAA2B;AAOjE,kCAAkC,CACvCC,OACAC;IAEA,MAAM,EAAEC,KAAK,EAAEC,WAAW,KAAK,EAAE,GAAGH;IAEpC,MAAMI,oBAAgBN,uCAAAA,EAA6BO,CAAAA,MAAOA,IAAID,aAAa;IAC3E,MAAME,WAAOR,uCAAAA,EAA6BO,CAAAA,MAAOA,IAAIE,SAAS,CAACC,QAAQ,CAACN;IACxE,MAAMO,6BAAyBZ,gCAAAA,EAAiB,CAACa,QAAgCN,cAAc;YAAEM;YAAOR;QAAM;IAE9G,OAAO;QACLI;QACAJ;QACAC;QACAQ,eAAeF;QACfG,YAAY;YACVC,MAAM;QACR;QACAA,MAAMjB,oBAAAA,CAAKkB,MAAM,KACfnB,wCAAAA,EAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FM,KAAKA;YACL,GAAGD,KAAK;QACV,IACA;YAAEe,aAAa;QAAM;IAEzB;AACF,EAAE"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/AccordionItem/useAccordionItemContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { AccordionItemContextValues, AccordionItemState } from './AccordionItem.types';\nimport { AccordionItemContextValue } from '../../contexts/accordionItem';\n\nexport function useAccordionItemContextValues_unstable(state: AccordionItemState): AccordionItemContextValues {\n // eslint-disable-next-line @typescript-eslint/no-deprecated\n const { disabled, open, value, onHeaderClick } = state;\n const accordionItem = React.useMemo<AccordionItemContextValue>(\n () => ({ disabled, open, value, onHeaderClick }),\n [disabled, open, value, onHeaderClick],\n );\n\n return { accordionItem };\n}\n"],"names":["useAccordionItemContextValues_unstable","state","disabled","open","value","onHeaderClick","accordionItem","React","useMemo"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAIgBA;;;eAAAA;;;;iEAJO;AAIhB,SAASA,uCAAuCC,KAAyB;IAC9E,4DAA4D;IAC5D,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,KAAK,EAAEC,aAAa,EAAE,GAAGJ;IACjD,MAAMK,gBAAgBC,OAAMC,OAAO,CACjC,IAAO,CAAA;YAAEN;YAAUC;YAAMC;YAAOC;QAAc,CAAA,GAC9C;QAACH;QAAUC;QAAMC;QAAOC;KAAc;IAGxC,OAAO;QAAEC;IAAc;AACzB"}
1
+ {"version":3,"sources":["../src/components/AccordionItem/useAccordionItemContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { AccordionItemContextValues, AccordionItemState } from './AccordionItem.types';\nimport { AccordionItemContextValue } from '../../contexts/accordionItem';\n\nexport function useAccordionItemContextValues_unstable(state: AccordionItemState): AccordionItemContextValues {\n // eslint-disable-next-line @typescript-eslint/no-deprecated\n const { disabled, open, value, onHeaderClick } = state;\n const accordionItem = React.useMemo<AccordionItemContextValue>(\n () => ({ disabled, open, value, onHeaderClick }),\n [disabled, open, value, onHeaderClick],\n );\n\n return { accordionItem };\n}\n"],"names":["React","useAccordionItemContextValues_unstable","state","disabled","open","value","onHeaderClick","accordionItem","useMemo"],"mappings":";;;;+BAIgBC;;;;;;;iEAJO,QAAQ;AAIxB,gDAAgDC,KAAyB;IAC9E,4DAA4D;IAC5D,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,KAAK,EAAEC,aAAa,EAAE,GAAGJ;IACjD,MAAMK,gBAAgBP,OAAMQ,OAAO,CACjC,IAAO,CAAA;YAAEL;YAAUC;YAAMC;YAAOC;SAAc,CAAA,EAC9C;QAACH;QAAUC;QAAMC;QAAOC;KAAc;IAGxC,OAAO;QAAEC;IAAc;AACzB"}
@@ -1 +1 @@
1
- {"version":3,"sources":["useAccordionItemStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const accordionItemClassNames = {\n root: 'fui-AccordionItem'\n};\nexport const useAccordionItemStyles_unstable = (state)=>{\n 'use no memo';\n state.root.className = mergeClasses(accordionItemClassNames.root, state.root.className);\n return state;\n};\n"],"names":["accordionItemClassNames","useAccordionItemStyles_unstable","root","state","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,uBAAuB;eAAvBA;;IAGAC,+BAA+B;eAA/BA;;;uBAJgB;AACtB,MAAMD,0BAA0B;IACnCE,MAAM;AACV;AACO,MAAMD,kCAAmCE,CAAAA;IAC5C;IACAA,MAAMD,IAAI,CAACE,SAAS,GAAGC,IAAAA,mBAAY,EAACL,wBAAwBE,IAAI,EAAEC,MAAMD,IAAI,CAACE,SAAS;IACtF,OAAOD;AACX"}
1
+ {"version":3,"sources":["useAccordionItemStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const accordionItemClassNames = {\n root: 'fui-AccordionItem'\n};\nexport const useAccordionItemStyles_unstable = (state)=>{\n 'use no memo';\n state.root.className = mergeClasses(accordionItemClassNames.root, state.root.className);\n return state;\n};\n"],"names":["mergeClasses","accordionItemClassNames","root","useAccordionItemStyles_unstable","state","className"],"mappings":";;;;;;;;;;;IACaC,uBAAuB;;;mCAGQ;;;;uBAJf,gBAAgB;AACtC,gCAAgC;IACnCC,IAAI,EAAE;AACV,CAAC;AACM,MAAMC,kCAAmCC,KAAK,IAAG;IACpD,aAAa;IACbA,KAAK,CAACF,IAAI,CAACG,SAAS,OAAGL,mBAAY,EAACC,uBAAuB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACG,SAAS,CAAC;IACvF,OAAOD,KAAK;AAChB,CAAC"}
@@ -0,0 +1,27 @@
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
+ accordionItemClassNames: function() {
13
+ return accordionItemClassNames;
14
+ },
15
+ useAccordionItemStyles_unstable: function() {
16
+ return useAccordionItemStyles_unstable;
17
+ }
18
+ });
19
+ const _react = require("@griffel/react");
20
+ const accordionItemClassNames = {
21
+ root: 'fui-AccordionItem'
22
+ };
23
+ const useAccordionItemStyles_unstable = (state)=>{
24
+ 'use no memo';
25
+ state.root.className = (0, _react.mergeClasses)(accordionItemClassNames.root, state.root.className);
26
+ return state;
27
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/AccordionItem/useAccordionItemStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { AccordionItemSlots, AccordionItemState } from './AccordionItem.types';\n\nexport const accordionItemClassNames: SlotClassNames<AccordionItemSlots> = {\n root: 'fui-AccordionItem',\n};\n\nexport const useAccordionItemStyles_unstable = (state: AccordionItemState) => {\n 'use no memo';\n\n state.root.className = mergeClasses(accordionItemClassNames.root, state.root.className);\n\n return state;\n};\n"],"names":["mergeClasses","accordionItemClassNames","root","useAccordionItemStyles_unstable","state","className"],"mappings":";;;;;;;;;;;IAIaC,uBAAAA;;;mCAIAE;;;;uBAPgB,iBAAiB;AAGvC,gCAAoE;IACzED,MAAM;AACR,EAAE;AAEK,MAAMC,kCAAkC,CAACC;IAC9C;IAEAA,MAAMF,IAAI,CAACG,SAAS,OAAGL,mBAAAA,EAAaC,wBAAwBC,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAEtF,OAAOD;AACT,EAAE"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/AccordionPanel/AccordionPanel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAccordionPanel_unstable } from './useAccordionPanel';\nimport { renderAccordionPanel_unstable } from './renderAccordionPanel';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionPanelStyles_unstable } from './useAccordionPanelStyles.styles';\nimport type { AccordionPanelProps } from './AccordionPanel.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled AccordionPanel, using the `useAccordionPanel_unstable` and `useAccordionPanelStyles_unstable` hooks.\n */\nexport const AccordionPanel: ForwardRefComponent<AccordionPanelProps> = React.forwardRef((props, ref) => {\n const state = useAccordionPanel_unstable(props, ref);\n\n useAccordionPanelStyles_unstable(state);\n\n useCustomStyleHook_unstable('useAccordionPanelStyles_unstable')(state);\n\n return renderAccordionPanel_unstable(state);\n});\n\nAccordionPanel.displayName = 'AccordionPanel';\n"],"names":["AccordionPanel","React","forwardRef","props","ref","state","useAccordionPanel_unstable","useAccordionPanelStyles_unstable","useCustomStyleHook_unstable","renderAccordionPanel_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;mCACoB;sCACG;qCACF;+CACK;AAO1C,MAAMA,iBAAAA,WAAAA,GAA2DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,QAAQC,IAAAA,6CAAAA,EAA2BH,OAAOC;IAEhDG,IAAAA,+DAAAA,EAAiCF;IAEjCG,IAAAA,gDAAAA,EAA4B,oCAAoCH;IAEhE,OAAOI,IAAAA,mDAAAA,EAA8BJ;AACvC;AAEAL,eAAeU,WAAW,GAAG"}
1
+ {"version":3,"sources":["../src/components/AccordionPanel/AccordionPanel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAccordionPanel_unstable } from './useAccordionPanel';\nimport { renderAccordionPanel_unstable } from './renderAccordionPanel';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionPanelStyles_unstable } from './useAccordionPanelStyles.styles';\nimport type { AccordionPanelProps } from './AccordionPanel.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled AccordionPanel, using the `useAccordionPanel_unstable` and `useAccordionPanelStyles_unstable` hooks.\n */\nexport const AccordionPanel: ForwardRefComponent<AccordionPanelProps> = React.forwardRef((props, ref) => {\n const state = useAccordionPanel_unstable(props, ref);\n\n useAccordionPanelStyles_unstable(state);\n\n useCustomStyleHook_unstable('useAccordionPanelStyles_unstable')(state);\n\n return renderAccordionPanel_unstable(state);\n});\n\nAccordionPanel.displayName = 'AccordionPanel';\n"],"names":["React","useAccordionPanel_unstable","renderAccordionPanel_unstable","useCustomStyleHook_unstable","useAccordionPanelStyles_unstable","AccordionPanel","forwardRef","props","ref","state","displayName"],"mappings":";;;;+BAWaK;;;;;;;iEAXU,QAAQ;mCACY,sBAAsB;sCACnB,yBAAyB;qCAC3B,kCAAkC;+CAC7B,mCAAmC;AAO7E,uBAAMA,WAAAA,GAA2DL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,QAAQR,iDAAAA,EAA2BM,OAAOC;QAEhDJ,+DAAAA,EAAiCK;QAEjCN,gDAAAA,EAA4B,oCAAoCM;IAEhE,WAAOP,mDAAAA,EAA8BO;AACvC,GAAG;AAEHJ,eAAeK,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/AccordionPanel/AccordionPanel.types.ts"],"sourcesContent":["import type { PresenceMotionSlotProps } from '@fluentui/react-motion';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type AccordionPanelSlots = {\n root: NonNullable<Slot<'div'>>;\n collapseMotion?: Slot<PresenceMotionSlotProps>;\n};\n\nexport type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;\n\nexport type AccordionPanelState = ComponentState<AccordionPanelSlots> & {\n /**\n * Internal open state, provided by context.\n */\n open: boolean;\n};\n"],"names":[],"rangeMappings":"","mappings":""}
1
+ {"version":3,"sources":["../src/components/AccordionPanel/AccordionPanel.types.ts"],"sourcesContent":["import type { PresenceMotionSlotProps } from '@fluentui/react-motion';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type AccordionPanelSlots = {\n root: NonNullable<Slot<'div'>>;\n collapseMotion?: Slot<PresenceMotionSlotProps>;\n};\n\nexport type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;\n\nexport type AccordionPanelState = ComponentState<AccordionPanelSlots> & {\n /**\n * Internal open state, provided by context.\n */\n open: boolean;\n};\n"],"names":[],"mappings":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/AccordionPanel/index.ts"],"sourcesContent":["export { AccordionPanel } from './AccordionPanel';\nexport type { AccordionPanelProps, AccordionPanelSlots, AccordionPanelState } from './AccordionPanel.types';\nexport { renderAccordionPanel_unstable } from './renderAccordionPanel';\nexport { useAccordionPanel_unstable } from './useAccordionPanel';\nexport { accordionPanelClassNames, useAccordionPanelStyles_unstable } from './useAccordionPanelStyles.styles';\n"],"names":["AccordionPanel","accordionPanelClassNames","renderAccordionPanel_unstable","useAccordionPanelStyles_unstable","useAccordionPanel_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,cAAc;eAAdA,8BAAc;;IAIdC,wBAAwB;eAAxBA,uDAAwB;;IAFxBC,6BAA6B;eAA7BA,mDAA6B;;IAEHC,gCAAgC;eAAhCA,+DAAgC;;IAD1DC,0BAA0B;eAA1BA,6CAA0B;;;gCAHJ;sCAEe;mCACH;+CACgC"}
1
+ {"version":3,"sources":["../src/components/AccordionPanel/index.ts"],"sourcesContent":["export { AccordionPanel } from './AccordionPanel';\nexport type { AccordionPanelProps, AccordionPanelSlots, AccordionPanelState } from './AccordionPanel.types';\nexport { renderAccordionPanel_unstable } from './renderAccordionPanel';\nexport { useAccordionPanel_unstable } from './useAccordionPanel';\nexport { accordionPanelClassNames, useAccordionPanelStyles_unstable } from './useAccordionPanelStyles.styles';\n"],"names":["AccordionPanel","renderAccordionPanel_unstable","useAccordionPanel_unstable","accordionPanelClassNames","useAccordionPanelStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,8BAAc;;;eAIdG,uDAAwB;;;eAFxBF,mDAA6B;;;eAEHG,+DAAgC;;;eAD1DF,6CAA0B;;;gCAHJ,mBAAmB;sCAEJ,yBAAyB;mCAC5B,sBAAsB;+CACU,mCAAmC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/AccordionPanel/renderAccordionPanel.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { AccordionPanelState, AccordionPanelSlots } from './AccordionPanel.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionPanel_unstable = (state: AccordionPanelState) => {\n assertSlots<AccordionPanelSlots>(state);\n return state.collapseMotion ? (\n <state.collapseMotion>\n <state.root />\n </state.collapseMotion>\n ) : (\n <state.root />\n );\n};\n"],"names":["renderAccordionPanel_unstable","state","assertSlots","collapseMotion","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,gCAAgC,CAACC;IAC5CC,IAAAA,2BAAAA,EAAiCD;IACjC,OAAOA,MAAME,cAAc,GAAA,WAAA,GACzBC,IAAAA,eAAA,EAACH,MAAME,cAAc,EAAA;kBACnB,WAAA,GAAAC,IAAAA,eAAA,EAACH,MAAMI,IAAI,EAAA,CAAA;uBAGbD,IAAAA,eAAA,EAACH,MAAMI,IAAI,EAAA,CAAA;AAEf"}
1
+ {"version":3,"sources":["../src/components/AccordionPanel/renderAccordionPanel.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { AccordionPanelState, AccordionPanelSlots } from './AccordionPanel.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionPanel_unstable = (state: AccordionPanelState) => {\n assertSlots<AccordionPanelSlots>(state);\n return state.collapseMotion ? (\n <state.collapseMotion>\n <state.root />\n </state.collapseMotion>\n ) : (\n <state.root />\n );\n};\n"],"names":["assertSlots","renderAccordionPanel_unstable","state","collapseMotion","root"],"mappings":";;;;+BASaC;;;;;;4BARb,gDAAiD;gCAErB,4BAA4B;AAMjD,sCAAsC,CAACC;QAC5CF,2BAAAA,EAAiCE;IACjC,OAAOA,MAAMC,cAAc,GAAA,WAAA,OACzB,eAAA,EAACD,MAAMC,cAAc,EAAA;kBACnB,WAAA,OAAA,eAAA,EAACD,MAAME,IAAI,EAAA,CAAA;2BAGb,eAAA,EAACF,MAAME,IAAI,EAAA,CAAA;AAEf,EAAE"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/AccordionPanel/useAccordionPanel.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useTabsterAttributes } from '@fluentui/react-tabster';\nimport { presenceMotionSlot } from '@fluentui/react-motion';\nimport { Collapse } from '@fluentui/react-motion-components-preview';\nimport { useAccordionContext_unstable } from '../../contexts/accordion';\nimport type { AccordionPanelProps, AccordionPanelState } from './AccordionPanel.types';\nimport { useAccordionItemContext_unstable } from '../../contexts/accordionItem';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionPanel properties\n * @param ref - reference to root HTMLElement of AccordionPanel\n */\nexport const useAccordionPanel_unstable = (\n props: AccordionPanelProps,\n ref: React.Ref<HTMLElement>,\n): AccordionPanelState => {\n const { open } = useAccordionItemContext_unstable();\n const focusableProps = useTabsterAttributes({ focusable: { excludeFromMover: true } });\n const navigation = useAccordionContext_unstable(ctx => ctx.navigation);\n\n return {\n open,\n components: {\n root: 'div',\n collapseMotion: Collapse,\n },\n root: slot.always(\n 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 as React.Ref<HTMLDivElement>,\n ...props,\n ...(navigation && focusableProps),\n }),\n { elementType: 'div' },\n ),\n collapseMotion: presenceMotionSlot(props.collapseMotion, {\n elementType: Collapse,\n defaultProps: {\n visible: open,\n unmountOnExit: true,\n },\n }),\n };\n};\n"],"names":["useAccordionPanel_unstable","props","ref","open","useAccordionItemContext_unstable","focusableProps","useTabsterAttributes","focusable","excludeFromMover","navigation","useAccordionContext_unstable","ctx","components","root","collapseMotion","Collapse","slot","always","getIntrinsicElementProps","elementType","presenceMotionSlot","defaultProps","visible","unmountOnExit"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;;iEAdU;gCACwB;8BACV;6BACF;8CACV;2BACoB;+BAEI;AAO1C,MAAMA,6BAA6B,CACxCC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGC,IAAAA,+CAAAA;IACjB,MAAMC,iBAAiBC,IAAAA,kCAAAA,EAAqB;QAAEC,WAAW;YAAEC,kBAAkB;QAAK;IAAE;IACpF,MAAMC,aAAaC,IAAAA,uCAAAA,EAA6BC,CAAAA,MAAOA,IAAIF,UAAU;IAErE,OAAO;QACLN;QACAS,YAAY;YACVC,MAAM;YACNC,gBAAgBC,sCAAAA;QAClB;QACAF,MAAMG,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FhB,KAAKA;YACL,GAAGD,KAAK;YACR,GAAIQ,cAAcJ,cAAc;QAClC,IACA;YAAEc,aAAa;QAAM;QAEvBL,gBAAgBM,IAAAA,+BAAAA,EAAmBnB,MAAMa,cAAc,EAAE;YACvDK,aAAaJ,sCAAAA;YACbM,cAAc;gBACZC,SAASnB;gBACToB,eAAe;YACjB;QACF;IACF;AACF"}
1
+ {"version":3,"sources":["../src/components/AccordionPanel/useAccordionPanel.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useTabsterAttributes } from '@fluentui/react-tabster';\nimport { presenceMotionSlot } from '@fluentui/react-motion';\nimport { Collapse } from '@fluentui/react-motion-components-preview';\nimport { useAccordionContext_unstable } from '../../contexts/accordion';\nimport type { AccordionPanelProps, AccordionPanelState } from './AccordionPanel.types';\nimport { useAccordionItemContext_unstable } from '../../contexts/accordionItem';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionPanel properties\n * @param ref - reference to root HTMLElement of AccordionPanel\n */\nexport const useAccordionPanel_unstable = (\n props: AccordionPanelProps,\n ref: React.Ref<HTMLElement>,\n): AccordionPanelState => {\n const { open } = useAccordionItemContext_unstable();\n const focusableProps = useTabsterAttributes({ focusable: { excludeFromMover: true } });\n const navigation = useAccordionContext_unstable(ctx => ctx.navigation);\n\n return {\n open,\n components: {\n root: 'div',\n collapseMotion: Collapse,\n },\n root: slot.always(\n 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 as React.Ref<HTMLDivElement>,\n ...props,\n ...(navigation && focusableProps),\n }),\n { elementType: 'div' },\n ),\n collapseMotion: presenceMotionSlot(props.collapseMotion, {\n elementType: Collapse,\n defaultProps: {\n visible: open,\n unmountOnExit: true,\n },\n }),\n };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useTabsterAttributes","presenceMotionSlot","Collapse","useAccordionContext_unstable","useAccordionItemContext_unstable","useAccordionPanel_unstable","props","ref","open","focusableProps","focusable","excludeFromMover","navigation","ctx","components","root","collapseMotion","always","elementType","defaultProps","visible","unmountOnExit"],"mappings":";;;;+BAcaQ;;;;;;;iEAdU,QAAQ;gCACgB,4BAA4B;8BACtC,0BAA0B;6BAC5B,yBAAyB;8CACnC,4CAA4C;2BACxB,2BAA2B;+BAEvB,+BAA+B;AAOzE,mCAAmC,CACxCC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,OAAGJ,+CAAAA;IACjB,MAAMK,qBAAiBT,kCAAAA,EAAqB;QAAEU,WAAW;YAAEC,kBAAkB;QAAK;IAAE;IACpF,MAAMC,iBAAaT,uCAAAA,EAA6BU,CAAAA,MAAOA,IAAID,UAAU;IAErE,OAAO;QACLJ;QACAM,YAAY;YACVC,MAAM;YACNC,gBAAgBd,sCAAAA;QAClB;QACAa,MAAMhB,oBAAAA,CAAKkB,MAAM,KACfnB,wCAAAA,EAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FS,KAAKA;YACL,GAAGD,KAAK;YACR,GAAIM,cAAcH,cAAc;QAClC,IACA;YAAES,aAAa;QAAM;QAEvBF,oBAAgBf,+BAAAA,EAAmBK,MAAMU,cAAc,EAAE;YACvDE,aAAahB,sCAAAA;YACbiB,cAAc;gBACZC,SAASZ;gBACTa,eAAe;YACjB;QACF;IACF;AACF,EAAE"}
@@ -1 +1 @@
1
- {"version":3,"sources":["useAccordionPanelStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const accordionPanelClassNames = {\n root: 'fui-AccordionPanel'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n margin: `0 ${tokens.spacingHorizontalM}`\n }\n});\n/** Applies style classnames to slots */ export const useAccordionPanelStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"names":["accordionPanelClassNames","useAccordionPanelStyles_unstable","root","useStyles","__styles","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","d","p","state","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,wBAAwB;eAAxBA;;IAUyCC,gCAAgC;eAAhCA;;;uBAZb;AAElC,MAAMD,2BAA2B;IACpCE,MAAM;AACV;AACA;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;KAAA;AAAA;AAK0B,MAAMV,mCAAoCW,CAAAA;IACtF;IACA,MAAMC,SAASV;IACfS,MAAMV,IAAI,CAACY,SAAS,GAAGC,IAAAA,mBAAY,EAACf,yBAAyBE,IAAI,EAAEW,OAAOX,IAAI,EAAEU,MAAMV,IAAI,CAACY,SAAS;IACpG,OAAOF;AACX"}
1
+ {"version":3,"sources":["useAccordionPanelStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const accordionPanelClassNames = {\n root: 'fui-AccordionPanel'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n margin: `0 ${tokens.spacingHorizontalM}`\n }\n});\n/** Applies style classnames to slots */ export const useAccordionPanelStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"names":["__styles","mergeClasses","tokens","accordionPanelClassNames","root","useStyles","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","d","p","useAccordionPanelStyles_unstable","state","styles","className"],"mappings":";;;;;;;;;;;IAEaG,wBAAwB;;;IAUiBU,gCAAgC;;;;uBAZ7C,gBAAgB;AAElD,iCAAiC;IACpCT,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGL,eAAA,EAAA;IAAAI,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;KAAA;AAAA,CAIrB,CAAC;AAC8C,0CAA0CE,KAAK,IAAG;IAC9F,aAAa;IACb,MAAMC,MAAM,GAAGV,SAAS,CAAC,CAAC;IAC1BS,KAAK,CAACV,IAAI,CAACY,SAAS,OAAGf,mBAAY,EAACE,wBAAwB,CAACC,IAAI,EAAEW,MAAM,CAACX,IAAI,EAAEU,KAAK,CAACV,IAAI,CAACY,SAAS,CAAC;IACrG,OAAOF,KAAK;AAChB,CAAC"}
@@ -0,0 +1,36 @@
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
+ accordionPanelClassNames: function() {
13
+ return accordionPanelClassNames;
14
+ },
15
+ useAccordionPanelStyles_unstable: function() {
16
+ return useAccordionPanelStyles_unstable;
17
+ }
18
+ });
19
+ const _react = require("@griffel/react");
20
+ const _reacttheme = require("@fluentui/react-theme");
21
+ const accordionPanelClassNames = {
22
+ root: 'fui-AccordionPanel'
23
+ };
24
+ /**
25
+ * Styles for the root slot
26
+ */ const useStyles = (0, _react.makeStyles)({
27
+ root: {
28
+ margin: `0 ${_reacttheme.tokens.spacingHorizontalM}`
29
+ }
30
+ });
31
+ const useAccordionPanelStyles_unstable = (state)=>{
32
+ 'use no memo';
33
+ const styles = useStyles();
34
+ state.root.className = (0, _react.mergeClasses)(accordionPanelClassNames.root, styles.root, state.root.className);
35
+ return state;
36
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/AccordionPanel/useAccordionPanelStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n\nimport type { AccordionPanelSlots, AccordionPanelState } from './AccordionPanel.types';\n\nexport const accordionPanelClassNames: SlotClassNames<Omit<AccordionPanelSlots, 'collapseMotion'>> = {\n root: 'fui-AccordionPanel',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n margin: `0 ${tokens.spacingHorizontalM}`,\n },\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionPanelStyles_unstable = (state: AccordionPanelState) => {\n 'use no memo';\n\n const styles = useStyles();\n state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","accordionPanelClassNames","root","useStyles","margin","spacingHorizontalM","useAccordionPanelStyles_unstable","state","styles","className"],"mappings":";;;;;;;;;;;IAMaG,wBAAAA;;;IAcAK,gCAAAA;;;;uBAnB4B,iBAAiB;4BACnC,wBAAwB;AAIxC,iCAA8F;IACnGJ,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYL,iBAAAA,EAAW;IAC3BI,MAAM;QACJE,QAAQ,CAAC,EAAE,EAAEJ,kBAAAA,CAAOK,kBAAkB,EAAE;IAC1C;AACF;AAGO,yCAAyC,CAACE;IAC/C;IAEA,MAAMC,SAASL;IACfI,MAAML,IAAI,CAACO,SAAS,OAAGV,mBAAAA,EAAaE,yBAAyBC,IAAI,EAAEM,OAAON,IAAI,EAAEK,MAAML,IAAI,CAACO,SAAS;IAEpG,OAAOF;AACT,EAAE"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/contexts/accordion.ts"],"sourcesContent":["import { createContext, ContextSelector, useContextSelector } from '@fluentui/react-context-selector';\nimport type { Context } from '@fluentui/react-context-selector';\nimport { AccordionItemValue } from '../AccordionItem';\nimport { AccordionToggleData, AccordionToggleEvent } from '../Accordion';\n\nexport type AccordionRequestToggleData<Value = AccordionItemValue> = { event: AccordionToggleEvent } & Pick<\n AccordionToggleData<Value>,\n 'value'\n>;\n\nexport type AccordionContextValue<Value = AccordionItemValue> = {\n /**\n * The list of opened panels by index\n */\n openItems: AccordionItemValue[];\n /**\n * Callback used by AccordionItem to request a change on it's own opened state\n * Should be used to toggle AccordionItem\n */\n requestToggle: (data: AccordionRequestToggleData<Value>) => void;\n collapsible: boolean;\n multiple: boolean;\n navigation: 'linear' | 'circular' | undefined;\n};\n\nconst AccordionContext = createContext<AccordionContextValue | undefined>(undefined) as Context<AccordionContextValue>;\n\nconst accordionContextDefaultValue: AccordionContextValue = {\n openItems: [],\n collapsible: false,\n multiple: false,\n navigation: undefined,\n requestToggle() {\n /* noop */\n },\n};\n\nexport const { Provider: AccordionProvider } = AccordionContext;\nexport const useAccordionContext_unstable = <T>(selector: ContextSelector<AccordionContextValue, T>): T =>\n useContextSelector(AccordionContext, (ctx = accordionContextDefaultValue) => selector(ctx));\n"],"names":["AccordionProvider","useAccordionContext_unstable","AccordionContext","createContext","undefined","accordionContextDefaultValue","openItems","collapsible","multiple","navigation","requestToggle","Provider","selector","useContextSelector","ctx"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAqCyBA,iBAAiB;eAAjBA;;IACZC,4BAAAA;eAAAA;;;sCAtCsD;AAyBnE,MAAMC,mBAAmBC,IAAAA,mCAAAA,EAAiDC;AAE1E,MAAMC,+BAAsD;IAC1DC,WAAW,EAAE;IACbC,aAAa;IACbC,UAAU;IACVC,YAAYL;IACZM;IACE,QAAQ,GACV;AACF;AAEO,MAAM,EAAEC,UAAUX,iBAAiB,EAAE,GAAGE;AACxC,MAAMD,+BAA+B,CAAIW,WAC9CC,IAAAA,wCAAAA,EAAmBX,kBAAkB,CAACY,MAAMT,4BAA4B,GAAKO,SAASE"}
1
+ {"version":3,"sources":["../src/contexts/accordion.ts"],"sourcesContent":["import { createContext, ContextSelector, useContextSelector } from '@fluentui/react-context-selector';\nimport type { Context } from '@fluentui/react-context-selector';\nimport { AccordionItemValue } from '../AccordionItem';\nimport { AccordionToggleData, AccordionToggleEvent } from '../Accordion';\n\nexport type AccordionRequestToggleData<Value = AccordionItemValue> = { event: AccordionToggleEvent } & Pick<\n AccordionToggleData<Value>,\n 'value'\n>;\n\nexport type AccordionContextValue<Value = AccordionItemValue> = {\n /**\n * The list of opened panels by index\n */\n openItems: AccordionItemValue[];\n /**\n * Callback used by AccordionItem to request a change on it's own opened state\n * Should be used to toggle AccordionItem\n */\n requestToggle: (data: AccordionRequestToggleData<Value>) => void;\n collapsible: boolean;\n multiple: boolean;\n navigation: 'linear' | 'circular' | undefined;\n};\n\nconst AccordionContext = createContext<AccordionContextValue | undefined>(undefined) as Context<AccordionContextValue>;\n\nconst accordionContextDefaultValue: AccordionContextValue = {\n openItems: [],\n collapsible: false,\n multiple: false,\n navigation: undefined,\n requestToggle() {\n /* noop */\n },\n};\n\nexport const { Provider: AccordionProvider } = AccordionContext;\nexport const useAccordionContext_unstable = <T>(selector: ContextSelector<AccordionContextValue, T>): T =>\n useContextSelector(AccordionContext, (ctx = accordionContextDefaultValue) => selector(ctx));\n"],"names":["createContext","useContextSelector","AccordionContext","undefined","accordionContextDefaultValue","openItems","collapsible","multiple","navigation","requestToggle","Provider","AccordionProvider","useAccordionContext_unstable","selector","ctx"],"mappings":";;;;;;;;;;;;;;gCAsCaY;;;;sCAtCsD,mCAAmC;AAyBtG,MAAMV,uBAAmBF,mCAAAA,EAAiDG;AAE1E,MAAMC,+BAAsD;IAC1DC,WAAW,EAAE;IACbC,aAAa;IACbC,UAAU;IACVC,YAAYL;IACZM;IACE,QAAQ,GACV;AACF;AAEO,MAAM,EAAEC,UAAUC,iBAAiB,EAAE,GAAGT,iBAAiB;AACzD,MAAMU,+BAA+B,CAAIC,eAC9CZ,wCAAAA,EAAmBC,kBAAkB,CAACY,MAAMV,4BAA4B,GAAKS,SAASC,MAAM"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/contexts/accordionHeader.ts"],"sourcesContent":["import * as React from 'react';\nimport type {\n AccordionHeaderExpandIconPosition,\n AccordionHeaderSize,\n} from '../components/AccordionHeader/AccordionHeader.types';\n\nexport type AccordionHeaderContextValue = {\n disabled: boolean;\n open: boolean;\n expandIconPosition: AccordionHeaderExpandIconPosition;\n size: AccordionHeaderSize;\n};\n\nconst AccordionHeaderContext = React.createContext<AccordionHeaderContextValue | undefined>(\n undefined,\n) as React.Context<AccordionHeaderContextValue>;\n\nconst accordionHeaderContextDefaultValue = {\n open: false,\n disabled: false,\n size: 'medium',\n expandIconPosition: 'start',\n};\n\nexport const { Provider: AccordionHeaderProvider } = AccordionHeaderContext;\n\nexport const useAccordionHeaderContext_unstable = () =>\n React.useContext(AccordionHeaderContext) ?? accordionHeaderContextDefaultValue;\n"],"names":["AccordionHeaderProvider","useAccordionHeaderContext_unstable","AccordionHeaderContext","React","createContext","undefined","accordionHeaderContextDefaultValue","open","disabled","size","expandIconPosition","Provider","useContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAwByBA,uBAAuB;eAAvBA;;IAEZC,kCAAAA;eAAAA;;;;iEA1BU;AAavB,MAAMC,uCAAyBC,OAAMC,aAAa,CAChDC;AAGF,MAAMC,qCAAqC;IACzCC,MAAM;IACNC,UAAU;IACVC,MAAM;IACNC,oBAAoB;AACtB;AAEO,MAAM,EAAEC,UAAUX,uBAAuB,EAAE,GAAGE;AAE9C,MAAMD,qCAAqC;QAChDE;WAAAA,CAAAA,oBAAAA,OAAMS,UAAU,CAACV,uBAAAA,MAAAA,QAAjBC,sBAAAA,KAAAA,IAAAA,oBAA4CG;AAAiC"}
1
+ {"version":3,"sources":["../src/contexts/accordionHeader.ts"],"sourcesContent":["import * as React from 'react';\nimport type {\n AccordionHeaderExpandIconPosition,\n AccordionHeaderSize,\n} from '../components/AccordionHeader/AccordionHeader.types';\n\nexport type AccordionHeaderContextValue = {\n disabled: boolean;\n open: boolean;\n expandIconPosition: AccordionHeaderExpandIconPosition;\n size: AccordionHeaderSize;\n};\n\nconst AccordionHeaderContext = React.createContext<AccordionHeaderContextValue | undefined>(\n undefined,\n) as React.Context<AccordionHeaderContextValue>;\n\nconst accordionHeaderContextDefaultValue = {\n open: false,\n disabled: false,\n size: 'medium',\n expandIconPosition: 'start',\n};\n\nexport const { Provider: AccordionHeaderProvider } = AccordionHeaderContext;\n\nexport const useAccordionHeaderContext_unstable = () =>\n React.useContext(AccordionHeaderContext) ?? accordionHeaderContextDefaultValue;\n"],"names":["React","AccordionHeaderContext","createContext","undefined","accordionHeaderContextDefaultValue","open","disabled","size","expandIconPosition","Provider","AccordionHeaderProvider","useAccordionHeaderContext_unstable","useContext"],"mappings":";;;;;;;;;;;;;;sCA0BaW;;;;;iEA1BU,QAAQ;AAa/B,MAAMV,uCAAyBD,OAAME,aAAa,CAChDC;AAGF,MAAMC,qCAAqC;IACzCC,MAAM;IACNC,UAAU;IACVC,MAAM;IACNC,oBAAoB;AACtB;AAEO,MAAM,EAAEC,UAAUC,uBAAuB,EAAE,GAAGT,uBAAuB;AAErE,MAAMU,qCAAqC;QAChDX;WAAAA,CAAAA,oBAAAA,OAAMY,UAAU,CAACX,uBAAAA,MAAAA,QAAjBD,sBAAAA,KAAAA,IAAAA,oBAA4CI;EAAmC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/contexts/accordionItem.ts"],"sourcesContent":["import * as React from 'react';\nimport { AccordionItemValue } from '../AccordionItem';\nimport { AccordionToggleEvent } from '../Accordion';\n\nexport type AccordionItemContextValue<Value = AccordionItemValue> = {\n open: boolean;\n disabled: boolean;\n value: Value;\n /**\n * @deprecated - use `requestToggle` from AccordionContent instead\n */\n onHeaderClick(event: AccordionToggleEvent): void;\n};\n\nconst AccordionItemContext = React.createContext<AccordionItemContextValue<unknown> | undefined>(\n undefined,\n) as React.Context<AccordionItemContextValue<unknown>>;\n\nconst accordionItemContextDefaultValue: AccordionItemContextValue<unknown> = {\n open: false,\n disabled: false,\n value: undefined,\n onHeaderClick() {\n /* noop */\n },\n};\n\nexport const { Provider: AccordionItemProvider } = AccordionItemContext;\n\nexport const useAccordionItemContext_unstable = () => {\n return React.useContext(AccordionItemContext) ?? accordionItemContextDefaultValue;\n};\n"],"names":["AccordionItemProvider","useAccordionItemContext_unstable","AccordionItemContext","React","createContext","undefined","accordionItemContextDefaultValue","open","disabled","value","onHeaderClick","Provider","useContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IA2ByBA,qBAAqB;eAArBA;;IAEZC,gCAAAA;eAAAA;;;;iEA7BU;AAcvB,MAAMC,qCAAuBC,OAAMC,aAAa,CAC9CC;AAGF,MAAMC,mCAAuE;IAC3EC,MAAM;IACNC,UAAU;IACVC,OAAOJ;IACPK;IACE,QAAQ,GACV;AACF;AAEO,MAAM,EAAEC,UAAUX,qBAAqB,EAAE,GAAGE;AAE5C,MAAMD,mCAAmC;QACvCE;IAAP,OAAOA,CAAAA,oBAAAA,OAAMS,UAAU,CAACV,qBAAAA,MAAAA,QAAjBC,sBAAAA,KAAAA,IAAAA,oBAA0CG;AACnD"}
1
+ {"version":3,"sources":["../src/contexts/accordionItem.ts"],"sourcesContent":["import * as React from 'react';\nimport { AccordionItemValue } from '../AccordionItem';\nimport { AccordionToggleEvent } from '../Accordion';\n\nexport type AccordionItemContextValue<Value = AccordionItemValue> = {\n open: boolean;\n disabled: boolean;\n value: Value;\n /**\n * @deprecated - use `requestToggle` from AccordionContent instead\n */\n onHeaderClick(event: AccordionToggleEvent): void;\n};\n\nconst AccordionItemContext = React.createContext<AccordionItemContextValue<unknown> | undefined>(\n undefined,\n) as React.Context<AccordionItemContextValue<unknown>>;\n\nconst accordionItemContextDefaultValue: AccordionItemContextValue<unknown> = {\n open: false,\n disabled: false,\n value: undefined,\n onHeaderClick() {\n /* noop */\n },\n};\n\nexport const { Provider: AccordionItemProvider } = AccordionItemContext;\n\nexport const useAccordionItemContext_unstable = () => {\n return React.useContext(AccordionItemContext) ?? accordionItemContextDefaultValue;\n};\n"],"names":["React","AccordionItemContext","createContext","undefined","accordionItemContextDefaultValue","open","disabled","value","onHeaderClick","Provider","AccordionItemProvider","useAccordionItemContext_unstable","useContext"],"mappings":";;;;;;;;;;;;;;oCA6BaW;;;;;iEA7BU,QAAQ;AAc/B,MAAMV,qCAAuBD,OAAME,aAAa,CAC9CC;AAGF,MAAMC,mCAAuE;IAC3EC,MAAM;IACNC,UAAU;IACVC,OAAOJ;IACPK;IACE,QAAQ,GACV;AACF;AAEO,MAAM,EAAEC,UAAUC,qBAAqB,EAAE,GAAGT,qBAAqB;AAEjE,MAAMU,mCAAmC;QACvCX;IAAP,OAAOA,CAAAA,oBAAAA,OAAMY,UAAU,CAACX,qBAAAA,MAAAA,QAAjBD,sBAAAA,KAAAA,IAAAA,oBAA0CI;AACnD,EAAE"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n Accordion,\n accordionClassNames,\n renderAccordion_unstable,\n useAccordionContextValues_unstable,\n useAccordionStyles_unstable,\n useAccordion_unstable,\n} from './Accordion';\nexport type {\n AccordionContextValues,\n AccordionIndex,\n AccordionProps,\n AccordionSlots,\n AccordionState,\n AccordionToggleData,\n AccordionToggleEvent,\n AccordionToggleEventHandler,\n} from './Accordion';\nexport {\n AccordionItem,\n accordionItemClassNames,\n renderAccordionItem_unstable,\n useAccordionItemContextValues_unstable,\n useAccordionItemStyles_unstable,\n useAccordionItem_unstable,\n} from './AccordionItem';\nexport type {\n AccordionItemContextValues,\n AccordionItemProps,\n AccordionItemSlots,\n AccordionItemState,\n AccordionItemValue,\n} from './AccordionItem';\nexport {\n AccordionHeader,\n accordionHeaderClassNames,\n renderAccordionHeader_unstable,\n useAccordionHeaderContextValues_unstable,\n useAccordionHeaderStyles_unstable,\n useAccordionHeader_unstable,\n} from './AccordionHeader';\nexport type {\n AccordionHeaderContextValues,\n AccordionHeaderExpandIconPosition,\n AccordionHeaderProps,\n AccordionHeaderSize,\n AccordionHeaderSlots,\n AccordionHeaderState,\n} from './AccordionHeader';\nexport {\n AccordionPanel,\n accordionPanelClassNames,\n renderAccordionPanel_unstable,\n useAccordionPanelStyles_unstable,\n useAccordionPanel_unstable,\n} from './AccordionPanel';\nexport type { AccordionPanelProps, AccordionPanelSlots, AccordionPanelState } from './AccordionPanel';\n\nexport { AccordionProvider, useAccordionContext_unstable } from './contexts/accordion';\n\nexport type { AccordionContextValue } from './contexts/accordion';\n\nexport { AccordionItemProvider, useAccordionItemContext_unstable } from './contexts/accordionItem';\n\nexport type { AccordionItemContextValue } from './contexts/accordionItem';\n\nexport { AccordionHeaderProvider, useAccordionHeaderContext_unstable } from './contexts/accordionHeader';\n\nexport type { AccordionHeaderContextValue } from './contexts/accordionHeader';\n"],"names":["Accordion","AccordionHeader","AccordionHeaderProvider","AccordionItem","AccordionItemProvider","AccordionPanel","AccordionProvider","accordionClassNames","accordionHeaderClassNames","accordionItemClassNames","accordionPanelClassNames","renderAccordionHeader_unstable","renderAccordionItem_unstable","renderAccordionPanel_unstable","renderAccordion_unstable","useAccordionContextValues_unstable","useAccordionContext_unstable","useAccordionHeaderContextValues_unstable","useAccordionHeaderContext_unstable","useAccordionHeaderStyles_unstable","useAccordionHeader_unstable","useAccordionItemContextValues_unstable","useAccordionItemContext_unstable","useAccordionItemStyles_unstable","useAccordionItem_unstable","useAccordionPanelStyles_unstable","useAccordionPanel_unstable","useAccordionStyles_unstable","useAccordion_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACEA,SAAS;eAATA,oBAAS;;IAiCTC,eAAe;eAAfA,gCAAe;;IAgCRC,uBAAuB;eAAvBA,wCAAuB;;IA/C9BC,aAAa;eAAbA,4BAAa;;IA2CNC,qBAAqB;eAArBA,oCAAqB;;IAZ5BC,cAAc;eAAdA,8BAAc;;IAQPC,iBAAiB;eAAjBA,4BAAiB;;IAxDxBC,mBAAmB;eAAnBA,8BAAmB;;IAiCnBC,yBAAyB;eAAzBA,0CAAyB;;IAfzBC,uBAAuB;eAAvBA,sCAAuB;;IA+BvBC,wBAAwB;eAAxBA,wCAAwB;;IAfxBC,8BAA8B;eAA9BA,+CAA8B;;IAf9BC,4BAA4B;eAA5BA,2CAA4B;;IA+B5BC,6BAA6B;eAA7BA,6CAA6B;;IAjD7BC,wBAAwB;eAAxBA,mCAAwB;;IACxBC,kCAAkC;eAAlCA,6CAAkC;;IAsDRC,4BAA4B;eAA5BA,uCAA4B;;IArBtDC,wCAAwC;eAAxCA,yDAAwC;;IA6BRC,kCAAkC;eAAlCA,mDAAkC;;IA5BlEC,iCAAiC;eAAjCA,kDAAiC;;IACjCC,2BAA2B;eAA3BA,4CAA2B;;IAjB3BC,sCAAsC;eAAtCA,qDAAsC;;IAwCRC,gCAAgC;eAAhCA,+CAAgC;;IAvC9DC,+BAA+B;eAA/BA,8CAA+B;;IAC/BC,yBAAyB;eAAzBA,wCAAyB;;IA6BzBC,gCAAgC;eAAhCA,gDAAgC;;IAChCC,0BAA0B;eAA1BA,0CAA0B;;IAjD1BC,2BAA2B;eAA3BA,sCAA2B;;IAC3BC,qBAAqB;eAArBA,gCAAqB;;;2BAChB;+BAkBA;iCAeA;gCAeA;2BAGyD;+BAIQ;iCAII"}
1
+ {"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n Accordion,\n accordionClassNames,\n renderAccordion_unstable,\n useAccordionContextValues_unstable,\n useAccordionStyles_unstable,\n useAccordion_unstable,\n} from './Accordion';\nexport type {\n AccordionContextValues,\n AccordionIndex,\n AccordionProps,\n AccordionSlots,\n AccordionState,\n AccordionToggleData,\n AccordionToggleEvent,\n AccordionToggleEventHandler,\n} from './Accordion';\nexport {\n AccordionItem,\n accordionItemClassNames,\n renderAccordionItem_unstable,\n useAccordionItemContextValues_unstable,\n useAccordionItemStyles_unstable,\n useAccordionItem_unstable,\n} from './AccordionItem';\nexport type {\n AccordionItemContextValues,\n AccordionItemProps,\n AccordionItemSlots,\n AccordionItemState,\n AccordionItemValue,\n} from './AccordionItem';\nexport {\n AccordionHeader,\n accordionHeaderClassNames,\n renderAccordionHeader_unstable,\n useAccordionHeaderContextValues_unstable,\n useAccordionHeaderStyles_unstable,\n useAccordionHeader_unstable,\n} from './AccordionHeader';\nexport type {\n AccordionHeaderContextValues,\n AccordionHeaderExpandIconPosition,\n AccordionHeaderProps,\n AccordionHeaderSize,\n AccordionHeaderSlots,\n AccordionHeaderState,\n} from './AccordionHeader';\nexport {\n AccordionPanel,\n accordionPanelClassNames,\n renderAccordionPanel_unstable,\n useAccordionPanelStyles_unstable,\n useAccordionPanel_unstable,\n} from './AccordionPanel';\nexport type { AccordionPanelProps, AccordionPanelSlots, AccordionPanelState } from './AccordionPanel';\n\nexport { AccordionProvider, useAccordionContext_unstable } from './contexts/accordion';\n\nexport type { AccordionContextValue } from './contexts/accordion';\n\nexport { AccordionItemProvider, useAccordionItemContext_unstable } from './contexts/accordionItem';\n\nexport type { AccordionItemContextValue } from './contexts/accordionItem';\n\nexport { AccordionHeaderProvider, useAccordionHeaderContext_unstable } from './contexts/accordionHeader';\n\nexport type { AccordionHeaderContextValue } from './contexts/accordionHeader';\n"],"names":["Accordion","accordionClassNames","renderAccordion_unstable","useAccordionContextValues_unstable","useAccordionStyles_unstable","useAccordion_unstable","AccordionItem","accordionItemClassNames","renderAccordionItem_unstable","useAccordionItemContextValues_unstable","useAccordionItemStyles_unstable","useAccordionItem_unstable","AccordionHeader","accordionHeaderClassNames","renderAccordionHeader_unstable","useAccordionHeaderContextValues_unstable","useAccordionHeaderStyles_unstable","useAccordionHeader_unstable","AccordionPanel","accordionPanelClassNames","renderAccordionPanel_unstable","useAccordionPanelStyles_unstable","useAccordionPanel_unstable","AccordionProvider","useAccordionContext_unstable","AccordionItemProvider","useAccordionItemContext_unstable","AccordionHeaderProvider","useAccordionHeaderContext_unstable"],"mappings":";;;;;;;;;;;IACEA,SAAS;;;;eAiCTY,gCAAe;;IAgCRe,uBAAuB;;;;eA/C9BrB,4BAAa;;;eA2CNmB,oCAAqB;;IAZ5BP,cAAc;;;;eAQPK,4BAAiB;;;eAxDxBtB,8BAAmB;;;eAiCnBY,0CAAyB;;IAfzBN;qDAAuB;;;eA+BvBY,wCAAwB;;kCAfM;eAA9BL;;IAfAN,4BAA4B;;;;eA+B5BY,6CAA6B;;;eAjD7BlB,mCAAwB;;;eACxBC,6CAAkC;;IAsDRqB;sDAA4B;;;eArBtDT,yDAAwC;;;eA6BRa,mDAAkC;;;eA5BlEZ,kDAAiC;;;eACjCC,4CAA2B;;;eAjB3BR,qDAAsC;;;eAwCRiB,+CAAgC;;;eAvC9DhB,8CAA+B;;;eAC/BC,wCAAyB;;;eA6BzBU,gDAAgC;;;eAChCC,0CAA0B;;;eAjD1BlB,sCAA2B;;;eAC3BC,gCAAqB;;;2BAChB,cAAc;+BAkBd,kBAAkB;iCAelB,oBAAoB;gCAepB,mBAAmB;2BAGsC,uBAAuB;+BAIf,2BAA2B;iCAIvB,6BAA6B"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-accordion",
3
- "version": "9.7.5",
3
+ "version": "9.8.1",
4
4
  "description": "Fluent UI accordion component",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -18,16 +18,16 @@
18
18
  "@fluentui/scripts-api-extractor": "*"
19
19
  },
20
20
  "dependencies": {
21
- "@fluentui/react-aria": "^9.15.3",
22
- "@fluentui/react-context-selector": "^9.2.2",
21
+ "@fluentui/react-aria": "^9.16.0",
22
+ "@fluentui/react-context-selector": "^9.2.3",
23
23
  "@fluentui/react-icons": "^2.0.245",
24
- "@fluentui/react-jsx-runtime": "^9.1.2",
24
+ "@fluentui/react-jsx-runtime": "^9.1.3",
25
25
  "@fluentui/react-shared-contexts": "^9.24.0",
26
- "@fluentui/react-motion": "^9.9.0",
27
- "@fluentui/react-motion-components-preview": "^0.7.0",
28
- "@fluentui/react-tabster": "^9.25.3",
26
+ "@fluentui/react-motion": "^9.10.0",
27
+ "@fluentui/react-motion-components-preview": "^0.8.0",
28
+ "@fluentui/react-tabster": "^9.26.1",
29
29
  "@fluentui/react-theme": "^9.1.24",
30
- "@fluentui/react-utilities": "^9.22.0",
30
+ "@fluentui/react-utilities": "^9.23.0",
31
31
  "@griffel/react": "^1.5.22",
32
32
  "@swc/helpers": "^0.5.1"
33
33
  },