@fluentui/react-accordion 9.0.0-rc.3 → 9.0.0-rc.6

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 (28) hide show
  1. package/CHANGELOG.json +168 -1
  2. package/CHANGELOG.md +47 -2
  3. package/dist/react-accordion.d.ts +21 -0
  4. package/lib/components/Accordion/useAccordionStyles.d.ts +6 -1
  5. package/lib/components/Accordion/useAccordionStyles.js +8 -1
  6. package/lib/components/Accordion/useAccordionStyles.js.map +1 -1
  7. package/lib/components/AccordionHeader/useAccordionHeaderStyles.d.ts +6 -1
  8. package/lib/components/AccordionHeader/useAccordionHeaderStyles.js +35 -11
  9. package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
  10. package/lib/components/AccordionItem/useAccordionItemStyles.d.ts +6 -1
  11. package/lib/components/AccordionItem/useAccordionItemStyles.js +8 -1
  12. package/lib/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
  13. package/lib/components/AccordionPanel/useAccordionPanelStyles.d.ts +6 -1
  14. package/lib/components/AccordionPanel/useAccordionPanelStyles.js +8 -1
  15. package/lib/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
  16. package/lib-commonjs/components/Accordion/useAccordionStyles.d.ts +6 -1
  17. package/lib-commonjs/components/Accordion/useAccordionStyles.js +9 -2
  18. package/lib-commonjs/components/Accordion/useAccordionStyles.js.map +1 -1
  19. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.d.ts +6 -1
  20. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +36 -12
  21. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
  22. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.d.ts +6 -1
  23. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js +9 -2
  24. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
  25. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.d.ts +6 -1
  26. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js +9 -2
  27. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
  28. package/package.json +18 -20
package/CHANGELOG.json CHANGED
@@ -2,7 +2,174 @@
2
2
  "name": "@fluentui/react-accordion",
3
3
  "entries": [
4
4
  {
5
- "date": "Fri, 18 Feb 2022 13:33:52 GMT",
5
+ "date": "Tue, 19 Apr 2022 19:14:16 GMT",
6
+ "tag": "@fluentui/react-accordion_v9.0.0-rc.6",
7
+ "version": "9.0.0-rc.6",
8
+ "comments": {
9
+ "none": [
10
+ {
11
+ "author": "elcraig@microsoft.com",
12
+ "package": "@fluentui/react-accordion",
13
+ "commit": "b7f17e976f9e058f39c9fce4f0f9bb6eb4dfa577",
14
+ "comment": "Update React dev deps and hoist them to the repo root"
15
+ },
16
+ {
17
+ "author": "mgodbolt@microsoft.com",
18
+ "package": "@fluentui/react-accordion",
19
+ "commit": "905e46db07ada986fd7885531f72a71b7bbaabdc",
20
+ "comment": "create v9 api extractor config and set all v9 packags to use it, suppress forgotten export"
21
+ }
22
+ ],
23
+ "prerelease": [
24
+ {
25
+ "author": "seanmonahan@microsoft.com",
26
+ "package": "@fluentui/react-accordion",
27
+ "commit": "086a675fd0c648944ff4048450190a0a13467de3",
28
+ "comment": "Add static classnames to Accordion"
29
+ },
30
+ {
31
+ "author": "martinhochel@microsoft.com",
32
+ "package": "@fluentui/react-accordion",
33
+ "commit": "8722596e561b57decfe9aa79121db844737102ff",
34
+ "comment": "add missing dependencies"
35
+ },
36
+ {
37
+ "author": "seanmonahan@microsoft.com",
38
+ "package": "@fluentui/react-accordion",
39
+ "commit": "bea6aecfed8612f7b0664ab8bac77c5fccee1efb",
40
+ "comment": "update react-icons version to ^2.0.166-rc.3 from ^2.0.159-beta.10"
41
+ },
42
+ {
43
+ "author": "olfedias@microsoft.com",
44
+ "package": "@fluentui/react-accordion",
45
+ "commit": "e569d6e04d83cbcc6225e61db52ff81d2addd363",
46
+ "comment": "chore: Update Griffel to latest version"
47
+ },
48
+ {
49
+ "author": "beachball",
50
+ "package": "@fluentui/react-accordion",
51
+ "comment": "Bump @fluentui/react-aria to v9.0.0-rc.6",
52
+ "commit": "9c8592decacb9f7b1dc608a03c9f991918806008"
53
+ },
54
+ {
55
+ "author": "beachball",
56
+ "package": "@fluentui/react-accordion",
57
+ "comment": "Bump @fluentui/react-context-selector to v9.0.0-rc.6",
58
+ "commit": "9c8592decacb9f7b1dc608a03c9f991918806008"
59
+ },
60
+ {
61
+ "author": "beachball",
62
+ "package": "@fluentui/react-accordion",
63
+ "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.5",
64
+ "commit": "9c8592decacb9f7b1dc608a03c9f991918806008"
65
+ },
66
+ {
67
+ "author": "beachball",
68
+ "package": "@fluentui/react-accordion",
69
+ "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.6",
70
+ "commit": "9c8592decacb9f7b1dc608a03c9f991918806008"
71
+ },
72
+ {
73
+ "author": "beachball",
74
+ "package": "@fluentui/react-accordion",
75
+ "comment": "Bump @fluentui/react-theme to v9.0.0-rc.5",
76
+ "commit": "9c8592decacb9f7b1dc608a03c9f991918806008"
77
+ },
78
+ {
79
+ "author": "beachball",
80
+ "package": "@fluentui/react-accordion",
81
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.6",
82
+ "commit": "9c8592decacb9f7b1dc608a03c9f991918806008"
83
+ },
84
+ {
85
+ "author": "beachball",
86
+ "package": "@fluentui/react-accordion",
87
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.4",
88
+ "commit": "9c8592decacb9f7b1dc608a03c9f991918806008"
89
+ }
90
+ ]
91
+ }
92
+ },
93
+ {
94
+ "date": "Fri, 04 Mar 2022 05:17:33 GMT",
95
+ "tag": "@fluentui/react-accordion_v9.0.0-rc.5",
96
+ "version": "9.0.0-rc.5",
97
+ "comments": {
98
+ "prerelease": [
99
+ {
100
+ "author": "dzearing@microsoft.com",
101
+ "package": "@fluentui/react-accordion",
102
+ "commit": "f2f1c0ea948cc3517eeb442c05433eb0918def29",
103
+ "comment": "Adding explicit export maps on all consumer packages for FUIR 8 and 9."
104
+ },
105
+ {
106
+ "author": "beachball",
107
+ "package": "@fluentui/react-accordion",
108
+ "comment": "Bump @fluentui/react-aria to v9.0.0-rc.5",
109
+ "commit": "1494f0b620f6d5aae7f0aef33fc9e8f6eb7f8749"
110
+ },
111
+ {
112
+ "author": "beachball",
113
+ "package": "@fluentui/react-accordion",
114
+ "comment": "Bump @fluentui/react-context-selector to v9.0.0-rc.5",
115
+ "commit": "1494f0b620f6d5aae7f0aef33fc9e8f6eb7f8749"
116
+ },
117
+ {
118
+ "author": "beachball",
119
+ "package": "@fluentui/react-accordion",
120
+ "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.5",
121
+ "commit": "1494f0b620f6d5aae7f0aef33fc9e8f6eb7f8749"
122
+ },
123
+ {
124
+ "author": "beachball",
125
+ "package": "@fluentui/react-accordion",
126
+ "comment": "Bump @fluentui/react-theme to v9.0.0-rc.4",
127
+ "commit": "1494f0b620f6d5aae7f0aef33fc9e8f6eb7f8749"
128
+ },
129
+ {
130
+ "author": "beachball",
131
+ "package": "@fluentui/react-accordion",
132
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.5",
133
+ "commit": "1494f0b620f6d5aae7f0aef33fc9e8f6eb7f8749"
134
+ }
135
+ ]
136
+ }
137
+ },
138
+ {
139
+ "date": "Tue, 01 Mar 2022 02:17:40 GMT",
140
+ "tag": "@fluentui/react-accordion_v9.0.0-rc.4",
141
+ "version": "9.0.0-rc.4",
142
+ "comments": {
143
+ "prerelease": [
144
+ {
145
+ "author": "beachball",
146
+ "package": "@fluentui/react-accordion",
147
+ "comment": "Bump @fluentui/react-aria to v9.0.0-rc.4",
148
+ "commit": "0bc1e755543ed69443d5d03e1976c630583242f7"
149
+ },
150
+ {
151
+ "author": "beachball",
152
+ "package": "@fluentui/react-accordion",
153
+ "comment": "Bump @fluentui/react-context-selector to v9.0.0-rc.4",
154
+ "commit": "0bc1e755543ed69443d5d03e1976c630583242f7"
155
+ },
156
+ {
157
+ "author": "beachball",
158
+ "package": "@fluentui/react-accordion",
159
+ "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.4",
160
+ "commit": "0bc1e755543ed69443d5d03e1976c630583242f7"
161
+ },
162
+ {
163
+ "author": "beachball",
164
+ "package": "@fluentui/react-accordion",
165
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.4",
166
+ "commit": "0bc1e755543ed69443d5d03e1976c630583242f7"
167
+ }
168
+ ]
169
+ }
170
+ },
171
+ {
172
+ "date": "Fri, 18 Feb 2022 13:35:37 GMT",
6
173
  "tag": "@fluentui/react-accordion_v9.0.0-rc.3",
7
174
  "version": "9.0.0-rc.3",
8
175
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,57 @@
1
1
  # Change Log - @fluentui/react-accordion
2
2
 
3
- This log was last generated on Fri, 18 Feb 2022 13:33:52 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 19 Apr 2022 19:14:16 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.0-rc.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.0-rc.6)
8
+
9
+ Tue, 19 Apr 2022 19:14:16 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-rc.5..@fluentui/react-accordion_v9.0.0-rc.6)
11
+
12
+ ### Changes
13
+
14
+ - Add static classnames to Accordion ([PR #21960](https://github.com/microsoft/fluentui/pull/21960) by seanmonahan@microsoft.com)
15
+ - add missing dependencies ([PR #21924](https://github.com/microsoft/fluentui/pull/21924) by martinhochel@microsoft.com)
16
+ - update react-icons version to ^2.0.166-rc.3 from ^2.0.159-beta.10 ([PR #22512](https://github.com/microsoft/fluentui/pull/22512) by seanmonahan@microsoft.com)
17
+ - chore: Update Griffel to latest version ([PR #21976](https://github.com/microsoft/fluentui/pull/21976) by olfedias@microsoft.com)
18
+ - Bump @fluentui/react-aria to v9.0.0-rc.6 ([PR #22367](https://github.com/microsoft/fluentui/pull/22367) by beachball)
19
+ - Bump @fluentui/react-context-selector to v9.0.0-rc.6 ([PR #22367](https://github.com/microsoft/fluentui/pull/22367) by beachball)
20
+ - Bump @fluentui/react-shared-contexts to v9.0.0-rc.5 ([PR #22367](https://github.com/microsoft/fluentui/pull/22367) by beachball)
21
+ - Bump @fluentui/react-tabster to v9.0.0-rc.6 ([PR #22367](https://github.com/microsoft/fluentui/pull/22367) by beachball)
22
+ - Bump @fluentui/react-theme to v9.0.0-rc.5 ([PR #22367](https://github.com/microsoft/fluentui/pull/22367) by beachball)
23
+ - Bump @fluentui/react-utilities to v9.0.0-rc.6 ([PR #22367](https://github.com/microsoft/fluentui/pull/22367) by beachball)
24
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.4 ([PR #22367](https://github.com/microsoft/fluentui/pull/22367) by beachball)
25
+
26
+ ## [9.0.0-rc.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.0-rc.5)
27
+
28
+ Fri, 04 Mar 2022 05:17:33 GMT
29
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-rc.4..@fluentui/react-accordion_v9.0.0-rc.5)
30
+
31
+ ### Changes
32
+
33
+ - Adding explicit export maps on all consumer packages for FUIR 8 and 9. ([PR #21508](https://github.com/microsoft/fluentui/pull/21508) by dzearing@microsoft.com)
34
+ - Bump @fluentui/react-aria to v9.0.0-rc.5 ([PR #21947](https://github.com/microsoft/fluentui/pull/21947) by beachball)
35
+ - Bump @fluentui/react-context-selector to v9.0.0-rc.5 ([PR #21947](https://github.com/microsoft/fluentui/pull/21947) by beachball)
36
+ - Bump @fluentui/react-tabster to v9.0.0-rc.5 ([PR #21947](https://github.com/microsoft/fluentui/pull/21947) by beachball)
37
+ - Bump @fluentui/react-theme to v9.0.0-rc.4 ([PR #21947](https://github.com/microsoft/fluentui/pull/21947) by beachball)
38
+ - Bump @fluentui/react-utilities to v9.0.0-rc.5 ([PR #21947](https://github.com/microsoft/fluentui/pull/21947) by beachball)
39
+
40
+ ## [9.0.0-rc.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.0-rc.4)
41
+
42
+ Tue, 01 Mar 2022 02:17:40 GMT
43
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-rc.3..@fluentui/react-accordion_v9.0.0-rc.4)
44
+
45
+ ### Changes
46
+
47
+ - Bump @fluentui/react-aria to v9.0.0-rc.4 ([PR #21884](https://github.com/microsoft/fluentui/pull/21884) by beachball)
48
+ - Bump @fluentui/react-context-selector to v9.0.0-rc.4 ([PR #21884](https://github.com/microsoft/fluentui/pull/21884) by beachball)
49
+ - Bump @fluentui/react-tabster to v9.0.0-rc.4 ([PR #21884](https://github.com/microsoft/fluentui/pull/21884) by beachball)
50
+ - Bump @fluentui/react-utilities to v9.0.0-rc.4 ([PR #21884](https://github.com/microsoft/fluentui/pull/21884) by beachball)
51
+
7
52
  ## [9.0.0-rc.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.0-rc.3)
8
53
 
9
- Fri, 18 Feb 2022 13:33:52 GMT
54
+ Fri, 18 Feb 2022 13:35:37 GMT
10
55
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-rc.1..@fluentui/react-accordion_v9.0.0-rc.3)
11
56
 
12
57
  ### Changes
package/dist/react-accordion.d.ts CHANGED
@@ -5,14 +5,20 @@ import type { Context } from '@fluentui/react-context-selector';
5
5
  import type { ForwardRefComponent } from '@fluentui/react-utilities';
6
6
  import * as React_2 from 'react';
7
7
  import type { Slot } from '@fluentui/react-utilities';
8
+ import type { SlotClassNames } from '@fluentui/react-utilities';
8
9
 
9
10
  /**
10
11
  * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.
11
12
  */
12
13
  export declare const Accordion: ForwardRefComponent<AccordionProps>;
13
14
 
15
+ /**
16
+ * @deprecated Use `accordionClassNames.root` instead.
17
+ */
14
18
  export declare const accordionClassName = "fui-Accordion";
15
19
 
20
+ export declare const accordionClassNames: SlotClassNames<AccordionSlots>;
21
+
16
22
  declare type AccordionCommons = {
17
23
  /**
18
24
  * Indicates if keyboard navigation is available and gives two options,
@@ -53,8 +59,13 @@ export declare type AccordionContextValues = {
53
59
  */
54
60
  export declare const AccordionHeader: ForwardRefComponent<AccordionHeaderProps>;
55
61
 
62
+ /**
63
+ * @deprecated Use `accordionHeaderClassNames.root` instead.
64
+ */
56
65
  export declare const accordionHeaderClassName = "fui-AccordionHeader";
57
66
 
67
+ export declare const accordionHeaderClassNames: SlotClassNames<AccordionHeaderSlots>;
68
+
58
69
  declare type AccordionHeaderCommons = {
59
70
  /**
60
71
  * Size of spacing in the heading
@@ -115,8 +126,13 @@ export declare type AccordionIndex = number | number[];
115
126
  */
116
127
  export declare const AccordionItem: ForwardRefComponent<AccordionItemProps>;
117
128
 
129
+ /**
130
+ * @deprecated Use `accordionItemClassNames.root` instead.
131
+ */
118
132
  export declare const accordionItemClassName = "fui-AccordionItem";
119
133
 
134
+ export declare const accordionItemClassNames: SlotClassNames<AccordionItemSlots>;
135
+
120
136
  declare type AccordionItemCommons = {
121
137
  /**
122
138
  * Disables opening/closing of panel
@@ -154,8 +170,13 @@ export declare type AccordionItemValue = unknown;
154
170
  */
155
171
  export declare const AccordionPanel: ForwardRefComponent<AccordionPanelProps>;
156
172
 
173
+ /**
174
+ * @deprecated Use `accordionPanelClassNames.root` instead.
175
+ */
157
176
  export declare const accordionPanelClassName = "fui-AccordionPanel";
158
177
 
178
+ export declare const accordionPanelClassNames: SlotClassNames<AccordionPanelSlots>;
179
+
159
180
  export declare type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;
160
181
 
161
182
  export declare type AccordionPanelSlots = {
package/lib/components/Accordion/useAccordionStyles.d.ts CHANGED
@@ -1,3 +1,8 @@
1
- import type { AccordionState } from './Accordion.types';
1
+ import type { SlotClassNames } from '@fluentui/react-utilities';
2
+ import type { AccordionSlots, AccordionState } from './Accordion.types';
3
+ /**
4
+ * @deprecated Use `accordionClassNames.root` instead.
5
+ */
2
6
  export declare const accordionClassName = "fui-Accordion";
7
+ export declare const accordionClassNames: SlotClassNames<AccordionSlots>;
3
8
  export declare const useAccordionStyles_unstable: (state: AccordionState) => AccordionState;
package/lib/components/Accordion/useAccordionStyles.js CHANGED
@@ -1,7 +1,14 @@
1
1
  import { mergeClasses } from '@griffel/react';
2
+ /**
3
+ * @deprecated Use `accordionClassNames.root` instead.
4
+ */
5
+
2
6
  export const accordionClassName = 'fui-Accordion';
7
+ export const accordionClassNames = {
8
+ root: 'fui-Accordion'
9
+ };
3
10
  export const useAccordionStyles_unstable = state => {
4
- state.root.className = mergeClasses(accordionClassName, state.root.className);
11
+ state.root.className = mergeClasses(accordionClassNames.root, state.root.className);
5
12
  return state;
6
13
  };
7
14
  //# sourceMappingURL=useAccordionStyles.js.map
package/lib/components/Accordion/useAccordionStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Accordion/useAccordionStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,QAA6B,gBAA7B;AAGA,OAAO,MAAM,kBAAkB,GAAG,eAA3B;AAEP,OAAO,MAAM,2BAA2B,GAAI,KAAD,IAA0B;AACnE,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,kBAAD,EAAqB,KAAK,CAAC,IAAN,CAAW,SAAhC,CAAnC;AAEA,SAAO,KAAP;AACD,CAJM","sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport type { AccordionState } from './Accordion.types';\n\nexport const accordionClassName = 'fui-Accordion';\n\nexport const useAccordionStyles_unstable = (state: AccordionState) => {\n state.root.className = mergeClasses(accordionClassName, state.root.className);\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["components/Accordion/useAccordionStyles.ts"],"names":[],"mappings":"AACA,SAAS,YAAT,QAA6B,gBAA7B;AAGA;;AAEG;;AACH,OAAO,MAAM,kBAAkB,GAAG,eAA3B;AACP,OAAO,MAAM,mBAAmB,GAAmC;AACjE,EAAA,IAAI,EAAE;AAD2D,CAA5D;AAIP,OAAO,MAAM,2BAA2B,GAAI,KAAD,IAA0B;AACnE,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,mBAAmB,CAAC,IAArB,EAA2B,KAAK,CAAC,IAAN,CAAW,SAAtC,CAAnC;AAEA,SAAO,KAAP;AACD,CAJM","sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { AccordionSlots, AccordionState } from './Accordion.types';\n\n/**\n * @deprecated Use `accordionClassNames.root` instead.\n */\nexport const accordionClassName = 'fui-Accordion';\nexport const accordionClassNames: SlotClassNames<AccordionSlots> = {\n root: 'fui-Accordion',\n};\n\nexport const useAccordionStyles_unstable = (state: AccordionState) => {\n state.root.className = mergeClasses(accordionClassNames.root, state.root.className);\n\n return state;\n};\n"],"sourceRoot":"../src/"}
package/lib/components/AccordionHeader/useAccordionHeaderStyles.d.ts CHANGED
@@ -1,4 +1,9 @@
1
- import type { AccordionHeaderState } from './AccordionHeader.types';
1
+ import type { AccordionHeaderSlots, AccordionHeaderState } from './AccordionHeader.types';
2
+ import type { SlotClassNames } from '@fluentui/react-utilities';
3
+ /**
4
+ * @deprecated Use `accordionHeaderClassNames.root` instead.
5
+ */
2
6
  export declare const accordionHeaderClassName = "fui-AccordionHeader";
7
+ export declare const accordionHeaderClassNames: SlotClassNames<AccordionHeaderSlots>;
3
8
  /** Applies style classnames to slots */
4
9
  export declare const useAccordionHeaderStyles_unstable: (state: AccordionHeaderState) => AccordionHeaderState;
package/lib/components/AccordionHeader/useAccordionHeaderStyles.js CHANGED
@@ -1,7 +1,17 @@
1
1
  import { shorthands, __styles, mergeClasses } from '@griffel/react';
2
2
  import { createFocusOutlineStyle } from '@fluentui/react-tabster';
3
3
  import { tokens } from '@fluentui/react-theme';
4
+ /**
5
+ * @deprecated Use `accordionHeaderClassNames.root` instead.
6
+ */
7
+
4
8
  export const accordionHeaderClassName = 'fui-AccordionHeader';
9
+ export const accordionHeaderClassNames = {
10
+ root: 'fui-AccordionHeader',
11
+ button: 'fui-AccordionHeader__button',
12
+ expandIcon: 'fui-AccordionHeader__expandIcon',
13
+ icon: 'fui-AccordionHeader__icon'
14
+ };
5
15
 
6
16
  const useStyles = /*#__PURE__*/__styles({
7
17
  "resetButton": {
@@ -23,16 +33,30 @@ const useStyles = /*#__PURE__*/__styles({
23
33
  },
24
34
  "focusIndicator": {
25
35
  "B486eqv": "f2hkw1w",
26
- "B1bra5l": "fc85khu",
36
+ "Bnmjwt4": "flfsvnh",
37
+ "Jopkrh": ["f1781m5e", "flvaaa9"],
38
+ "hhrs2v": "f50u1b5",
39
+ "B7jbng7": ["flvaaa9", "f1781m5e"],
27
40
  "e8izhr": "f1pxpxw8",
28
41
  "in3gf6": "f1149fnl",
29
42
  "B1i23sz": "fd1orka",
30
- "ln9as": "fgtqheg",
31
43
  "Bfgg0yq": "fq7mjg8",
32
- "i16j1i": "fq9bj62",
33
- "yxydaw": "fy07e8r",
34
- "B9sa02e": "f1ha6shg",
35
- "yaquy9": "f4ltwxu",
44
+ "B7231uf": "fmqgchs",
45
+ "Bxoolf0": ["f1lv6wi8", "famjx04"],
46
+ "fo1iai": "f1nbyjd2",
47
+ "Bh81ga8": ["famjx04", "f1lv6wi8"],
48
+ "qztvpn": "f5n18is",
49
+ "ge3ubn": ["f13az7yk", "f14kwzu1"],
50
+ "F41yt0": "fneogx5",
51
+ "Bxrdl85": ["f14kwzu1", "f13az7yk"],
52
+ "Bb63s14": ["f1f0b0sl", "flsib9d"],
53
+ "Ikxprv": ["flsib9d", "f1f0b0sl"],
54
+ "Bhxvgo6": ["fbewl49", "fs55jlu"],
55
+ "J01dyq": ["fs55jlu", "fbewl49"],
56
+ "hzsgvt": "f1f43d5r",
57
+ "Ba9tnbb": ["f1ib27sc", "f14s7j5v"],
58
+ "Fpkomr": "f13oqbgc",
59
+ "Bttdqvk": ["f14s7j5v", "f1ib27sc"],
36
60
  "Bl8qd6i": "f1284xzw",
37
61
  "Byzgy54": "f14dru39",
38
62
  "mq8cyt": ["fvabyfg", "f12y1wz2"],
@@ -117,7 +141,7 @@ const useStyles = /*#__PURE__*/__styles({
117
141
  "Frg6f3": ["f1oou7ox", "f1pxv85q"]
118
142
  }
119
143
  }, {
120
- "d": [".f1e4lqlz{box-sizing:content-box;}", ".f1u2r49w{background-color:inherit;}", ".f1ym3bx4{color:inherit;}", ".f1mo0ibp{font-family:inherit;}", ".fjoy568{font-size:inherit;}", ".fytdu2e{line-height:normal;}", ".f1mtd64y{overflow-x:visible;}", ".f1y7q3j9{overflow-y:visible;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".f37px4s{-webkit-appearance:button;}", ".f1xqy1su{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".fgusgyc{text-align:unset;}", "[data-keyboard-nav] .fc85khu:focus{border-color:transparent;}", "[data-keyboard-nav] .f1pxpxw8:focus:after{content:\"\";}", "[data-keyboard-nav] .f1149fnl:focus:after{position:absolute;}", "[data-keyboard-nav] .fd1orka:focus:after{pointer-events:none;}", "[data-keyboard-nav] .fgtqheg:focus:after{box-sizing:outline-box;}", "[data-keyboard-nav] .fq7mjg8:focus:after{z-index:1;}", "[data-keyboard-nav] .fq9bj62:focus:after{border-style:solid;}", "[data-keyboard-nav] .fy07e8r:focus:after{border-width:2px;}", "[data-keyboard-nav] .f1ha6shg:focus:after{border-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .f4ltwxu:focus:after{border-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f1284xzw:focus:after{top:-2px;}", "[data-keyboard-nav] .f14dru39:focus:after{bottom:-2px;}", "[data-keyboard-nav] .fvabyfg:focus:after{left:-2px;}", "[data-keyboard-nav] .f12y1wz2:focus:after{right:-2px;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".f2i1086{border-bottom-right-radius:2px;}", ".f1rlsnju{border-bottom-left-radius:2px;}", ".f1stktl2{border-top-right-radius:2px;}", ".f1127022{border-top-left-radius:2px;}", ".fwrgwhw{background-image:none;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f14t3ns0{display:inline-block;}", ".f10pi13n{position:relative;}", ".f1wfwcyy{width:calc(100% - 22px);}", ".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;}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".f81rol6{padding-right:10px;}", ".frdkuqy{padding-left:10px;}", ".f1ft4266{height:44px;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f1k6fduh{cursor:pointer;}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1d2rq10{height:32px;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".fez10in{line-height:0;}", ".fe5j1ua{font-size:20px;}", ".f19lj068{padding-right:8px;}", ".f177v4lu{padding-left:8px;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}", ".flqd7gy{-webkit-flex-basis:0%;-ms-flex-preferred-size:0%;flex-basis:0%;}", ".f9c4gz4{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;}", ".f1phki43{margin-right:8px;}", ".ff9s3yw{margin-left:8px;}", ".f1oou7ox{margin-left:10px;}", ".f1pxv85q{margin-right:10px;}"],
144
+ "d": [".f1e4lqlz{box-sizing:content-box;}", ".f1u2r49w{background-color:inherit;}", ".f1ym3bx4{color:inherit;}", ".f1mo0ibp{font-family:inherit;}", ".fjoy568{font-size:inherit;}", ".fytdu2e{line-height:normal;}", ".f1mtd64y{overflow-x:visible;}", ".f1y7q3j9{overflow-y:visible;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".f37px4s{-webkit-appearance:button;}", ".f1xqy1su{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".fgusgyc{text-align:unset;}", "[data-keyboard-nav] .flfsvnh:focus{border-top-color:transparent;}", "[data-keyboard-nav] .f1781m5e:focus{border-right-color:transparent;}", "[data-keyboard-nav] .flvaaa9:focus{border-left-color:transparent;}", "[data-keyboard-nav] .f50u1b5:focus{border-bottom-color:transparent;}", "[data-keyboard-nav] .f1pxpxw8:focus:after{content:\"\";}", "[data-keyboard-nav] .f1149fnl:focus:after{position:absolute;}", "[data-keyboard-nav] .fd1orka:focus:after{pointer-events:none;}", "[data-keyboard-nav] .fq7mjg8:focus:after{z-index:1;}", "[data-keyboard-nav] .fmqgchs:focus:after{border-top-style:solid;}", "[data-keyboard-nav] .f1lv6wi8:focus:after{border-right-style:solid;}", "[data-keyboard-nav] .famjx04:focus:after{border-left-style:solid;}", "[data-keyboard-nav] .f1nbyjd2:focus:after{border-bottom-style:solid;}", "[data-keyboard-nav] .f5n18is:focus:after{border-top-width:2px;}", "[data-keyboard-nav] .f13az7yk:focus:after{border-right-width:2px;}", "[data-keyboard-nav] .f14kwzu1:focus:after{border-left-width:2px;}", "[data-keyboard-nav] .fneogx5:focus:after{border-bottom-width:2px;}", "[data-keyboard-nav] .f1f0b0sl:focus:after{border-bottom-right-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .flsib9d:focus:after{border-bottom-left-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .fbewl49:focus:after{border-top-right-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .fs55jlu:focus:after{border-top-left-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .f1f43d5r:focus:after{border-top-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f1ib27sc:focus:after{border-right-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f14s7j5v:focus:after{border-left-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f13oqbgc:focus:after{border-bottom-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f1284xzw:focus:after{top:-2px;}", "[data-keyboard-nav] .f14dru39:focus:after{bottom:-2px;}", "[data-keyboard-nav] .fvabyfg:focus:after{left:-2px;}", "[data-keyboard-nav] .f12y1wz2:focus:after{right:-2px;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".f2i1086{border-bottom-right-radius:2px;}", ".f1rlsnju{border-bottom-left-radius:2px;}", ".f1stktl2{border-top-right-radius:2px;}", ".f1127022{border-top-left-radius:2px;}", ".fwrgwhw{background-image:none;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f14t3ns0{display:inline-block;}", ".f10pi13n{position:relative;}", ".f1wfwcyy{width:calc(100% - 22px);}", ".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;}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".f81rol6{padding-right:10px;}", ".frdkuqy{padding-left:10px;}", ".f1ft4266{height:44px;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f1k6fduh{cursor:pointer;}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1d2rq10{height:32px;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".fez10in{line-height:0;}", ".fe5j1ua{font-size:20px;}", ".f19lj068{padding-right:8px;}", ".f177v4lu{padding-left:8px;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}", ".flqd7gy{-webkit-flex-basis:0%;-ms-flex-preferred-size:0%;flex-basis:0%;}", ".f9c4gz4{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;}", ".f1phki43{margin-right:8px;}", ".ff9s3yw{margin-left:8px;}", ".f1oou7ox{margin-left:10px;}", ".f1pxv85q{margin-right:10px;}"],
121
145
  "i": [".f2hkw1w:focus-visible{outline-style:none;}"]
122
146
  });
123
147
  /** Applies style classnames to slots */
@@ -125,15 +149,15 @@ const useStyles = /*#__PURE__*/__styles({
125
149
 
126
150
  export const useAccordionHeaderStyles_unstable = state => {
127
151
  const styles = useStyles();
128
- state.root.className = mergeClasses(accordionHeaderClassName, styles.root, state.inline && styles.rootInline, state.disabled && styles.rootDisabled, state.root.className);
129
- state.button.className = mergeClasses(styles.resetButton, styles.button, styles.focusIndicator, state.inline && styles.buttonInline, state.size === 'small' && styles.buttonSmall, state.size === 'large' && styles.buttonLarge, state.size === 'extra-large' && styles.buttonExtraLarge, state.button.className);
152
+ state.root.className = mergeClasses(accordionHeaderClassNames.root, styles.root, state.inline && styles.rootInline, state.disabled && styles.rootDisabled, state.root.className);
153
+ state.button.className = mergeClasses(accordionHeaderClassNames.button, styles.resetButton, styles.button, styles.focusIndicator, state.inline && styles.buttonInline, state.size === 'small' && styles.buttonSmall, state.size === 'large' && styles.buttonLarge, state.size === 'extra-large' && styles.buttonExtraLarge, state.button.className);
130
154
 
131
155
  if (state.expandIcon) {
132
- state.expandIcon.className = mergeClasses(styles.expandIcon, state.expandIconPosition === 'start' && styles.expandIconStart, state.expandIconPosition === 'end' && styles.expandIconEnd, state.expandIcon.className);
156
+ state.expandIcon.className = mergeClasses(accordionHeaderClassNames.expandIcon, styles.expandIcon, state.expandIconPosition === 'start' && styles.expandIconStart, state.expandIconPosition === 'end' && styles.expandIconEnd, state.expandIcon.className);
133
157
  }
134
158
 
135
159
  if (state.icon) {
136
- state.icon.className = mergeClasses(styles.icon, state.expandIconPosition === 'end' && styles.iconExpandIconEnd, state.icon.className);
160
+ state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.expandIconPosition === 'end' && styles.iconExpandIconEnd, state.icon.className);
137
161
  }
138
162
 
139
163
  return state;
package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/AccordionHeader/useAccordionHeaderStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,YAAiC,YAAjC,QAAqD,gBAArD;AACA,SAAS,uBAAT,QAAwC,yBAAxC;AACA,SAAS,MAAT,QAAuB,uBAAvB;AAGA,OAAO,MAAM,wBAAwB,GAAG,qBAAjC;;AAEP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AA+EA;;;AACA,OAAO,MAAM,iCAAiC,GAAI,KAAD,IAAgC;AAC/E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,wBADiC,EAEjC,MAAM,CAAC,IAF0B,EAGjC,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,UAHU,EAIjC,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,YAJQ,EAKjC,KAAK,CAAC,IAAN,CAAW,SALsB,CAAnC;AAQA,EAAA,KAAK,CAAC,MAAN,CAAa,SAAb,GAAyB,YAAY,CACnC,MAAM,CAAC,WAD4B,EAEnC,MAAM,CAAC,MAF4B,EAGnC,MAAM,CAAC,cAH4B,EAInC,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,YAJY,EAKnC,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,WALE,EAMnC,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,WANE,EAOnC,KAAK,CAAC,IAAN,KAAe,aAAf,IAAgC,MAAM,CAAC,gBAPJ,EAQnC,KAAK,CAAC,MAAN,CAAa,SARsB,CAArC;;AAWA,MAAI,KAAK,CAAC,UAAV,EAAsB;AACpB,IAAA,KAAK,CAAC,UAAN,CAAiB,SAAjB,GAA6B,YAAY,CACvC,MAAM,CAAC,UADgC,EAEvC,KAAK,CAAC,kBAAN,KAA6B,OAA7B,IAAwC,MAAM,CAAC,eAFR,EAGvC,KAAK,CAAC,kBAAN,KAA6B,KAA7B,IAAsC,MAAM,CAAC,aAHN,EAIvC,KAAK,CAAC,UAAN,CAAiB,SAJsB,CAAzC;AAMD;;AACD,MAAI,KAAK,CAAC,IAAV,EAAgB;AACd,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,MAAM,CAAC,IAD0B,EAEjC,KAAK,CAAC,kBAAN,KAA6B,KAA7B,IAAsC,MAAM,CAAC,iBAFZ,EAGjC,KAAK,CAAC,IAAN,CAAW,SAHsB,CAAnC;AAKD;;AACD,SAAO,KAAP;AACD,CArCM","sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport type { AccordionHeaderState } from './AccordionHeader.types';\n\nexport const accordionHeaderClassName = 'fui-AccordionHeader';\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 ...shorthands.overflow('visible'),\n ...shorthands.padding(0),\n WebkitAppearance: 'button',\n userSelect: 'none',\n textAlign: 'unset',\n },\n focusIndicator: createFocusOutlineStyle(),\n root: {\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorNeutralBackground1,\n ...shorthands.margin(0),\n ...shorthands.borderRadius('2px'),\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: 'calc(100% - 22px)',\n ...shorthands.border('1px', 'solid', 'transparent'),\n paddingRight: '10px',\n paddingLeft: '10px',\n height: '44px',\n display: 'flex',\n alignItems: 'center',\n cursor: 'pointer',\n fontSize: tokens.fontSizeBase300,\n fontFamily: tokens.fontFamilyBase,\n },\n buttonSmall: {\n height: '32px',\n fontSize: tokens.fontSizeBase200,\n },\n buttonLarge: {\n fontSize: tokens.fontSizeBase400,\n },\n buttonExtraLarge: {\n fontSize: tokens.fontSizeBase500,\n },\n buttonInline: {\n display: 'inline-flex',\n },\n expandIcon: {\n lineHeight: '0',\n fontSize: '20px',\n },\n expandIconStart: {\n paddingRight: '8px',\n },\n expandIconEnd: {\n flexGrow: 1,\n flexShrink: 1,\n flexBasis: '0%',\n display: 'flex',\n justifyContent: 'flex-end',\n paddingLeft: '8px',\n },\n icon: {\n marginRight: '8px',\n fontSize: '20px',\n },\n iconExpandIconEnd: {\n marginLeft: '10px',\n },\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionHeaderStyles_unstable = (state: AccordionHeaderState) => {\n const styles = useStyles();\n state.root.className = mergeClasses(\n accordionHeaderClassName,\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 styles.resetButton,\n styles.button,\n styles.focusIndicator,\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.button.className,\n );\n\n if (state.expandIcon) {\n state.expandIcon.className = mergeClasses(\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(\n styles.icon,\n state.expandIconPosition === 'end' && styles.iconExpandIconEnd,\n state.icon.className,\n );\n }\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["components/AccordionHeader/useAccordionHeaderStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport type { AccordionHeaderSlots, AccordionHeaderState } from './AccordionHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\n/**\n * @deprecated Use `accordionHeaderClassNames.root` instead.\n */\nexport const accordionHeaderClassName = 'fui-AccordionHeader';\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 ...shorthands.overflow('visible'),\n ...shorthands.padding(0),\n WebkitAppearance: 'button',\n userSelect: 'none',\n textAlign: 'unset',\n },\n focusIndicator: createFocusOutlineStyle(),\n root: {\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorNeutralBackground1,\n ...shorthands.margin(0),\n ...shorthands.borderRadius('2px'),\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: 'calc(100% - 22px)',\n ...shorthands.border('1px', 'solid', 'transparent'),\n paddingRight: '10px',\n paddingLeft: '10px',\n height: '44px',\n display: 'flex',\n alignItems: 'center',\n cursor: 'pointer',\n fontSize: tokens.fontSizeBase300,\n fontFamily: tokens.fontFamilyBase,\n },\n buttonSmall: {\n height: '32px',\n fontSize: tokens.fontSizeBase200,\n },\n buttonLarge: {\n fontSize: tokens.fontSizeBase400,\n },\n buttonExtraLarge: {\n fontSize: tokens.fontSizeBase500,\n },\n buttonInline: {\n display: 'inline-flex',\n },\n expandIcon: {\n lineHeight: '0',\n fontSize: '20px',\n },\n expandIconStart: {\n paddingRight: '8px',\n },\n expandIconEnd: {\n flexGrow: 1,\n flexShrink: 1,\n flexBasis: '0%',\n display: 'flex',\n justifyContent: 'flex-end',\n paddingLeft: '8px',\n },\n icon: {\n marginRight: '8px',\n fontSize: '20px',\n },\n iconExpandIconEnd: {\n marginLeft: '10px',\n },\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionHeaderStyles_unstable = (state: AccordionHeaderState) => {\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.inline && styles.buttonInline,\n state.size === 'small' && styles.buttonSmall,\n state.size === 'large' && styles.buttonLarge,\n state.size === 'extra-large' && styles.buttonExtraLarge,\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(\n accordionHeaderClassNames.icon,\n styles.icon,\n state.expandIconPosition === 'end' && styles.iconExpandIconEnd,\n state.icon.className,\n );\n }\n return state;\n};\n"],"sourceRoot":"../src/"}
package/lib/components/AccordionItem/useAccordionItemStyles.d.ts CHANGED
@@ -1,3 +1,8 @@
1
- import type { AccordionItemState } from './AccordionItem.types';
1
+ import type { SlotClassNames } from '@fluentui/react-utilities';
2
+ import type { AccordionItemSlots, AccordionItemState } from './AccordionItem.types';
3
+ /**
4
+ * @deprecated Use `accordionItemClassNames.root` instead.
5
+ */
2
6
  export declare const accordionItemClassName = "fui-AccordionItem";
7
+ export declare const accordionItemClassNames: SlotClassNames<AccordionItemSlots>;
3
8
  export declare const useAccordionItemStyles_unstable: (state: AccordionItemState) => AccordionItemState;
package/lib/components/AccordionItem/useAccordionItemStyles.js CHANGED
@@ -1,7 +1,14 @@
1
1
  import { mergeClasses } from '@griffel/react';
2
+ /**
3
+ * @deprecated Use `accordionItemClassNames.root` instead.
4
+ */
5
+
2
6
  export const accordionItemClassName = 'fui-AccordionItem';
7
+ export const accordionItemClassNames = {
8
+ root: 'fui-AccordionItem'
9
+ };
3
10
  export const useAccordionItemStyles_unstable = state => {
4
- state.root.className = mergeClasses(accordionItemClassName, state.root.className);
11
+ state.root.className = mergeClasses(accordionItemClassNames.root, state.root.className);
5
12
  return state;
6
13
  };
7
14
  //# sourceMappingURL=useAccordionItemStyles.js.map
package/lib/components/AccordionItem/useAccordionItemStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/AccordionItem/useAccordionItemStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,QAA6B,gBAA7B;AAGA,OAAO,MAAM,sBAAsB,GAAG,mBAA/B;AAEP,OAAO,MAAM,+BAA+B,GAAI,KAAD,IAA8B;AAC3E,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,sBAAD,EAAyB,KAAK,CAAC,IAAN,CAAW,SAApC,CAAnC;AAEA,SAAO,KAAP;AACD,CAJM","sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport type { AccordionItemState } from './AccordionItem.types';\n\nexport const accordionItemClassName = 'fui-AccordionItem';\n\nexport const useAccordionItemStyles_unstable = (state: AccordionItemState) => {\n state.root.className = mergeClasses(accordionItemClassName, state.root.className);\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["components/AccordionItem/useAccordionItemStyles.ts"],"names":[],"mappings":"AACA,SAAS,YAAT,QAA6B,gBAA7B;AAGA;;AAEG;;AACH,OAAO,MAAM,sBAAsB,GAAG,mBAA/B;AACP,OAAO,MAAM,uBAAuB,GAAuC;AACzE,EAAA,IAAI,EAAE;AADmE,CAApE;AAIP,OAAO,MAAM,+BAA+B,GAAI,KAAD,IAA8B;AAC3E,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,uBAAuB,CAAC,IAAzB,EAA+B,KAAK,CAAC,IAAN,CAAW,SAA1C,CAAnC;AAEA,SAAO,KAAP;AACD,CAJM","sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { AccordionItemSlots, AccordionItemState } from './AccordionItem.types';\n\n/**\n * @deprecated Use `accordionItemClassNames.root` instead.\n */\nexport const accordionItemClassName = 'fui-AccordionItem';\nexport const accordionItemClassNames: SlotClassNames<AccordionItemSlots> = {\n root: 'fui-AccordionItem',\n};\n\nexport const useAccordionItemStyles_unstable = (state: AccordionItemState) => {\n state.root.className = mergeClasses(accordionItemClassNames.root, state.root.className);\n\n return state;\n};\n"],"sourceRoot":"../src/"}
package/lib/components/AccordionPanel/useAccordionPanelStyles.d.ts CHANGED
@@ -1,4 +1,9 @@
1
- import type { AccordionPanelState } from './AccordionPanel.types';
1
+ import type { SlotClassNames } from '@fluentui/react-utilities';
2
+ import type { AccordionPanelSlots, AccordionPanelState } from './AccordionPanel.types';
3
+ /**
4
+ * @deprecated Use `accordionPanelClassNames.root` instead.
5
+ */
2
6
  export declare const accordionPanelClassName = "fui-AccordionPanel";
7
+ export declare const accordionPanelClassNames: SlotClassNames<AccordionPanelSlots>;
3
8
  /** Applies style classnames to slots */
4
9
  export declare const useAccordionPanelStyles_unstable: (state: AccordionPanelState) => AccordionPanelState;
package/lib/components/AccordionPanel/useAccordionPanelStyles.js CHANGED
@@ -1,5 +1,12 @@
1
1
  import { __styles, mergeClasses } from '@griffel/react';
2
+ /**
3
+ * @deprecated Use `accordionPanelClassNames.root` instead.
4
+ */
5
+
2
6
  export const accordionPanelClassName = 'fui-AccordionPanel';
7
+ export const accordionPanelClassNames = {
8
+ root: 'fui-AccordionPanel'
9
+ };
3
10
  /**
4
11
  * Styles for the root slot
5
12
  */
@@ -17,7 +24,7 @@ const useStyles = /*#__PURE__*/__styles({
17
24
 
18
25
  export const useAccordionPanelStyles_unstable = state => {
19
26
  const styles = useStyles();
20
- state.root.className = mergeClasses(accordionPanelClassName, styles.root, state.root.className);
27
+ state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);
21
28
  return state;
22
29
  };
23
30
  //# sourceMappingURL=useAccordionPanelStyles.js.map
package/lib/components/AccordionPanel/useAccordionPanelStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/AccordionPanel/useAccordionPanelStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,gBAAzC;AAGA,OAAO,MAAM,uBAAuB,GAAG,oBAAhC;AAEP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAOA;;;AACA,OAAO,MAAM,gCAAgC,GAAI,KAAD,IAA+B;AAC7E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,uBAAD,EAA0B,MAAM,CAAC,IAAjC,EAAuC,KAAK,CAAC,IAAN,CAAW,SAAlD,CAAnC;AAEA,SAAO,KAAP;AACD,CALM","sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { AccordionPanelState } from './AccordionPanel.types';\n\nexport const accordionPanelClassName = 'fui-AccordionPanel';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n marginRight: '12px',\n marginLeft: '12px',\n },\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionPanelStyles_unstable = (state: AccordionPanelState) => {\n const styles = useStyles();\n state.root.className = mergeClasses(accordionPanelClassName, styles.root, state.root.className);\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["components/AccordionPanel/useAccordionPanelStyles.ts"],"names":[],"mappings":"AACA,mBAAqB,YAArB,QAAyC,gBAAzC;AAGA;;AAEG;;AACH,OAAO,MAAM,uBAAuB,GAAG,oBAAhC;AACP,OAAO,MAAM,wBAAwB,GAAwC;AAC3E,EAAA,IAAI,EAAE;AADqE,CAAtE;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAOA;;;AACA,OAAO,MAAM,gCAAgC,GAAI,KAAD,IAA+B;AAC7E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,wBAAwB,CAAC,IAA1B,EAAgC,MAAM,CAAC,IAAvC,EAA6C,KAAK,CAAC,IAAN,CAAW,SAAxD,CAAnC;AAEA,SAAO,KAAP;AACD,CALM","sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { AccordionPanelSlots, AccordionPanelState } from './AccordionPanel.types';\n\n/**\n * @deprecated Use `accordionPanelClassNames.root` instead.\n */\nexport const accordionPanelClassName = 'fui-AccordionPanel';\nexport const accordionPanelClassNames: SlotClassNames<AccordionPanelSlots> = {\n root: 'fui-AccordionPanel',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n marginRight: '12px',\n marginLeft: '12px',\n },\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionPanelStyles_unstable = (state: AccordionPanelState) => {\n const styles = useStyles();\n state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);\n\n return state;\n};\n"],"sourceRoot":"../src/"}
package/lib-commonjs/components/Accordion/useAccordionStyles.d.ts CHANGED
@@ -1,3 +1,8 @@
1
- import type { AccordionState } from './Accordion.types';
1
+ import type { SlotClassNames } from '@fluentui/react-utilities';
2
+ import type { AccordionSlots, AccordionState } from './Accordion.types';
3
+ /**
4
+ * @deprecated Use `accordionClassNames.root` instead.
5
+ */
2
6
  export declare const accordionClassName = "fui-Accordion";
7
+ export declare const accordionClassNames: SlotClassNames<AccordionSlots>;
3
8
  export declare const useAccordionStyles_unstable: (state: AccordionState) => AccordionState;
package/lib-commonjs/components/Accordion/useAccordionStyles.js CHANGED
@@ -3,14 +3,21 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.useAccordionStyles_unstable = exports.accordionClassName = void 0;
6
+ exports.useAccordionStyles_unstable = exports.accordionClassNames = exports.accordionClassName = void 0;
7
7
 
8
8
  const react_1 = /*#__PURE__*/require("@griffel/react");
9
+ /**
10
+ * @deprecated Use `accordionClassNames.root` instead.
11
+ */
12
+
9
13
 
10
14
  exports.accordionClassName = 'fui-Accordion';
15
+ exports.accordionClassNames = {
16
+ root: 'fui-Accordion'
17
+ };
11
18
 
12
19
  const useAccordionStyles_unstable = state => {
13
- state.root.className = react_1.mergeClasses(exports.accordionClassName, state.root.className);
20
+ state.root.className = react_1.mergeClasses(exports.accordionClassNames.root, state.root.className);
14
21
  return state;
15
22
  };
16
23
 
package/lib-commonjs/components/Accordion/useAccordionStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Accordion/useAccordionStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAGa,OAAA,CAAA,kBAAA,GAAqB,eAArB;;AAEN,MAAM,2BAA2B,GAAI,KAAD,IAA0B;AACnE,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CAAa,OAAA,CAAA,kBAAb,EAAiC,KAAK,CAAC,IAAN,CAAW,SAA5C,CAAvB;AAEA,SAAO,KAAP;AACD,CAJM;;AAAM,OAAA,CAAA,2BAAA,GAA2B,2BAA3B","sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport type { AccordionState } from './Accordion.types';\n\nexport const accordionClassName = 'fui-Accordion';\n\nexport const useAccordionStyles_unstable = (state: AccordionState) => {\n state.root.className = mergeClasses(accordionClassName, state.root.className);\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["components/Accordion/useAccordionStyles.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,kBAAA,GAAqB,eAArB;AACA,OAAA,CAAA,mBAAA,GAAsD;AACjE,EAAA,IAAI,EAAE;AAD2D,CAAtD;;AAIN,MAAM,2BAA2B,GAAI,KAAD,IAA0B;AACnE,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CAAa,OAAA,CAAA,mBAAA,CAAoB,IAAjC,EAAuC,KAAK,CAAC,IAAN,CAAW,SAAlD,CAAvB;AAEA,SAAO,KAAP;AACD,CAJM;;AAAM,OAAA,CAAA,2BAAA,GAA2B,2BAA3B","sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { AccordionSlots, AccordionState } from './Accordion.types';\n\n/**\n * @deprecated Use `accordionClassNames.root` instead.\n */\nexport const accordionClassName = 'fui-Accordion';\nexport const accordionClassNames: SlotClassNames<AccordionSlots> = {\n root: 'fui-Accordion',\n};\n\nexport const useAccordionStyles_unstable = (state: AccordionState) => {\n state.root.className = mergeClasses(accordionClassNames.root, state.root.className);\n\n return state;\n};\n"],"sourceRoot":"../src/"}
package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.d.ts CHANGED
@@ -1,4 +1,9 @@
1
- import type { AccordionHeaderState } from './AccordionHeader.types';
1
+ import type { AccordionHeaderSlots, AccordionHeaderState } from './AccordionHeader.types';
2
+ import type { SlotClassNames } from '@fluentui/react-utilities';
3
+ /**
4
+ * @deprecated Use `accordionHeaderClassNames.root` instead.
5
+ */
2
6
  export declare const accordionHeaderClassName = "fui-AccordionHeader";
7
+ export declare const accordionHeaderClassNames: SlotClassNames<AccordionHeaderSlots>;
3
8
  /** Applies style classnames to slots */
4
9
  export declare const useAccordionHeaderStyles_unstable: (state: AccordionHeaderState) => AccordionHeaderState;
package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js CHANGED
@@ -3,15 +3,25 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.useAccordionHeaderStyles_unstable = exports.accordionHeaderClassName = void 0;
6
+ exports.useAccordionHeaderStyles_unstable = exports.accordionHeaderClassNames = exports.accordionHeaderClassName = void 0;
7
7
 
8
8
  const react_1 = /*#__PURE__*/require("@griffel/react");
9
9
 
10
10
  const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
11
11
 
12
12
  const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
13
+ /**
14
+ * @deprecated Use `accordionHeaderClassNames.root` instead.
15
+ */
16
+
13
17
 
14
18
  exports.accordionHeaderClassName = 'fui-AccordionHeader';
19
+ exports.accordionHeaderClassNames = {
20
+ root: 'fui-AccordionHeader',
21
+ button: 'fui-AccordionHeader__button',
22
+ expandIcon: 'fui-AccordionHeader__expandIcon',
23
+ icon: 'fui-AccordionHeader__icon'
24
+ };
15
25
 
16
26
  const useStyles = /*#__PURE__*/react_1.__styles({
17
27
  "resetButton": {
@@ -33,16 +43,30 @@ const useStyles = /*#__PURE__*/react_1.__styles({
33
43
  },
34
44
  "focusIndicator": {
35
45
  "B486eqv": "f2hkw1w",
36
- "B1bra5l": "fc85khu",
46
+ "Bnmjwt4": "flfsvnh",
47
+ "Jopkrh": ["f1781m5e", "flvaaa9"],
48
+ "hhrs2v": "f50u1b5",
49
+ "B7jbng7": ["flvaaa9", "f1781m5e"],
37
50
  "e8izhr": "f1pxpxw8",
38
51
  "in3gf6": "f1149fnl",
39
52
  "B1i23sz": "fd1orka",
40
- "ln9as": "fgtqheg",
41
53
  "Bfgg0yq": "fq7mjg8",
42
- "i16j1i": "fq9bj62",
43
- "yxydaw": "fy07e8r",
44
- "B9sa02e": "f1ha6shg",
45
- "yaquy9": "f4ltwxu",
54
+ "B7231uf": "fmqgchs",
55
+ "Bxoolf0": ["f1lv6wi8", "famjx04"],
56
+ "fo1iai": "f1nbyjd2",
57
+ "Bh81ga8": ["famjx04", "f1lv6wi8"],
58
+ "qztvpn": "f5n18is",
59
+ "ge3ubn": ["f13az7yk", "f14kwzu1"],
60
+ "F41yt0": "fneogx5",
61
+ "Bxrdl85": ["f14kwzu1", "f13az7yk"],
62
+ "Bb63s14": ["f1f0b0sl", "flsib9d"],
63
+ "Ikxprv": ["flsib9d", "f1f0b0sl"],
64
+ "Bhxvgo6": ["fbewl49", "fs55jlu"],
65
+ "J01dyq": ["fs55jlu", "fbewl49"],
66
+ "hzsgvt": "f1f43d5r",
67
+ "Ba9tnbb": ["f1ib27sc", "f14s7j5v"],
68
+ "Fpkomr": "f13oqbgc",
69
+ "Bttdqvk": ["f14s7j5v", "f1ib27sc"],
46
70
  "Bl8qd6i": "f1284xzw",
47
71
  "Byzgy54": "f14dru39",
48
72
  "mq8cyt": ["fvabyfg", "f12y1wz2"],
@@ -127,7 +151,7 @@ const useStyles = /*#__PURE__*/react_1.__styles({
127
151
  "Frg6f3": ["f1oou7ox", "f1pxv85q"]
128
152
  }
129
153
  }, {
130
- "d": [".f1e4lqlz{box-sizing:content-box;}", ".f1u2r49w{background-color:inherit;}", ".f1ym3bx4{color:inherit;}", ".f1mo0ibp{font-family:inherit;}", ".fjoy568{font-size:inherit;}", ".fytdu2e{line-height:normal;}", ".f1mtd64y{overflow-x:visible;}", ".f1y7q3j9{overflow-y:visible;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".f37px4s{-webkit-appearance:button;}", ".f1xqy1su{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".fgusgyc{text-align:unset;}", "[data-keyboard-nav] .fc85khu:focus{border-color:transparent;}", "[data-keyboard-nav] .f1pxpxw8:focus:after{content:\"\";}", "[data-keyboard-nav] .f1149fnl:focus:after{position:absolute;}", "[data-keyboard-nav] .fd1orka:focus:after{pointer-events:none;}", "[data-keyboard-nav] .fgtqheg:focus:after{box-sizing:outline-box;}", "[data-keyboard-nav] .fq7mjg8:focus:after{z-index:1;}", "[data-keyboard-nav] .fq9bj62:focus:after{border-style:solid;}", "[data-keyboard-nav] .fy07e8r:focus:after{border-width:2px;}", "[data-keyboard-nav] .f1ha6shg:focus:after{border-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .f4ltwxu:focus:after{border-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f1284xzw:focus:after{top:-2px;}", "[data-keyboard-nav] .f14dru39:focus:after{bottom:-2px;}", "[data-keyboard-nav] .fvabyfg:focus:after{left:-2px;}", "[data-keyboard-nav] .f12y1wz2:focus:after{right:-2px;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".f2i1086{border-bottom-right-radius:2px;}", ".f1rlsnju{border-bottom-left-radius:2px;}", ".f1stktl2{border-top-right-radius:2px;}", ".f1127022{border-top-left-radius:2px;}", ".fwrgwhw{background-image:none;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f14t3ns0{display:inline-block;}", ".f10pi13n{position:relative;}", ".f1wfwcyy{width:calc(100% - 22px);}", ".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;}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".f81rol6{padding-right:10px;}", ".frdkuqy{padding-left:10px;}", ".f1ft4266{height:44px;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f1k6fduh{cursor:pointer;}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1d2rq10{height:32px;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".fez10in{line-height:0;}", ".fe5j1ua{font-size:20px;}", ".f19lj068{padding-right:8px;}", ".f177v4lu{padding-left:8px;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}", ".flqd7gy{-webkit-flex-basis:0%;-ms-flex-preferred-size:0%;flex-basis:0%;}", ".f9c4gz4{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;}", ".f1phki43{margin-right:8px;}", ".ff9s3yw{margin-left:8px;}", ".f1oou7ox{margin-left:10px;}", ".f1pxv85q{margin-right:10px;}"],
154
+ "d": [".f1e4lqlz{box-sizing:content-box;}", ".f1u2r49w{background-color:inherit;}", ".f1ym3bx4{color:inherit;}", ".f1mo0ibp{font-family:inherit;}", ".fjoy568{font-size:inherit;}", ".fytdu2e{line-height:normal;}", ".f1mtd64y{overflow-x:visible;}", ".f1y7q3j9{overflow-y:visible;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".f37px4s{-webkit-appearance:button;}", ".f1xqy1su{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".fgusgyc{text-align:unset;}", "[data-keyboard-nav] .flfsvnh:focus{border-top-color:transparent;}", "[data-keyboard-nav] .f1781m5e:focus{border-right-color:transparent;}", "[data-keyboard-nav] .flvaaa9:focus{border-left-color:transparent;}", "[data-keyboard-nav] .f50u1b5:focus{border-bottom-color:transparent;}", "[data-keyboard-nav] .f1pxpxw8:focus:after{content:\"\";}", "[data-keyboard-nav] .f1149fnl:focus:after{position:absolute;}", "[data-keyboard-nav] .fd1orka:focus:after{pointer-events:none;}", "[data-keyboard-nav] .fq7mjg8:focus:after{z-index:1;}", "[data-keyboard-nav] .fmqgchs:focus:after{border-top-style:solid;}", "[data-keyboard-nav] .f1lv6wi8:focus:after{border-right-style:solid;}", "[data-keyboard-nav] .famjx04:focus:after{border-left-style:solid;}", "[data-keyboard-nav] .f1nbyjd2:focus:after{border-bottom-style:solid;}", "[data-keyboard-nav] .f5n18is:focus:after{border-top-width:2px;}", "[data-keyboard-nav] .f13az7yk:focus:after{border-right-width:2px;}", "[data-keyboard-nav] .f14kwzu1:focus:after{border-left-width:2px;}", "[data-keyboard-nav] .fneogx5:focus:after{border-bottom-width:2px;}", "[data-keyboard-nav] .f1f0b0sl:focus:after{border-bottom-right-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .flsib9d:focus:after{border-bottom-left-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .fbewl49:focus:after{border-top-right-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .fs55jlu:focus:after{border-top-left-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .f1f43d5r:focus:after{border-top-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f1ib27sc:focus:after{border-right-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f14s7j5v:focus:after{border-left-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f13oqbgc:focus:after{border-bottom-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f1284xzw:focus:after{top:-2px;}", "[data-keyboard-nav] .f14dru39:focus:after{bottom:-2px;}", "[data-keyboard-nav] .fvabyfg:focus:after{left:-2px;}", "[data-keyboard-nav] .f12y1wz2:focus:after{right:-2px;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".f2i1086{border-bottom-right-radius:2px;}", ".f1rlsnju{border-bottom-left-radius:2px;}", ".f1stktl2{border-top-right-radius:2px;}", ".f1127022{border-top-left-radius:2px;}", ".fwrgwhw{background-image:none;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f14t3ns0{display:inline-block;}", ".f10pi13n{position:relative;}", ".f1wfwcyy{width:calc(100% - 22px);}", ".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;}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".f81rol6{padding-right:10px;}", ".frdkuqy{padding-left:10px;}", ".f1ft4266{height:44px;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f1k6fduh{cursor:pointer;}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1d2rq10{height:32px;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".fez10in{line-height:0;}", ".fe5j1ua{font-size:20px;}", ".f19lj068{padding-right:8px;}", ".f177v4lu{padding-left:8px;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}", ".flqd7gy{-webkit-flex-basis:0%;-ms-flex-preferred-size:0%;flex-basis:0%;}", ".f9c4gz4{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;}", ".f1phki43{margin-right:8px;}", ".ff9s3yw{margin-left:8px;}", ".f1oou7ox{margin-left:10px;}", ".f1pxv85q{margin-right:10px;}"],
131
155
  "i": [".f2hkw1w:focus-visible{outline-style:none;}"]
132
156
  });
133
157
  /** Applies style classnames to slots */
@@ -135,15 +159,15 @@ const useStyles = /*#__PURE__*/react_1.__styles({
135
159
 
136
160
  const useAccordionHeaderStyles_unstable = state => {
137
161
  const styles = useStyles();
138
- state.root.className = react_1.mergeClasses(exports.accordionHeaderClassName, styles.root, state.inline && styles.rootInline, state.disabled && styles.rootDisabled, state.root.className);
139
- state.button.className = react_1.mergeClasses(styles.resetButton, styles.button, styles.focusIndicator, state.inline && styles.buttonInline, state.size === 'small' && styles.buttonSmall, state.size === 'large' && styles.buttonLarge, state.size === 'extra-large' && styles.buttonExtraLarge, state.button.className);
162
+ state.root.className = react_1.mergeClasses(exports.accordionHeaderClassNames.root, styles.root, state.inline && styles.rootInline, state.disabled && styles.rootDisabled, state.root.className);
163
+ state.button.className = react_1.mergeClasses(exports.accordionHeaderClassNames.button, styles.resetButton, styles.button, styles.focusIndicator, state.inline && styles.buttonInline, state.size === 'small' && styles.buttonSmall, state.size === 'large' && styles.buttonLarge, state.size === 'extra-large' && styles.buttonExtraLarge, state.button.className);
140
164
 
141
165
  if (state.expandIcon) {
142
- state.expandIcon.className = react_1.mergeClasses(styles.expandIcon, state.expandIconPosition === 'start' && styles.expandIconStart, state.expandIconPosition === 'end' && styles.expandIconEnd, state.expandIcon.className);
166
+ state.expandIcon.className = react_1.mergeClasses(exports.accordionHeaderClassNames.expandIcon, styles.expandIcon, state.expandIconPosition === 'start' && styles.expandIconStart, state.expandIconPosition === 'end' && styles.expandIconEnd, state.expandIcon.className);
143
167
  }
144
168
 
145
169
  if (state.icon) {
146
- state.icon.className = react_1.mergeClasses(styles.icon, state.expandIconPosition === 'end' && styles.iconExpandIconEnd, state.icon.className);
170
+ state.icon.className = react_1.mergeClasses(exports.accordionHeaderClassNames.icon, styles.icon, state.expandIconPosition === 'end' && styles.iconExpandIconEnd, state.icon.className);
147
171
  }
148
172
 
149
173
  return state;
package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/AccordionHeader/useAccordionHeaderStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAGa,OAAA,CAAA,wBAAA,GAA2B,qBAA3B;;AAEb,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AA+EA;;;AACO,MAAM,iCAAiC,GAAI,KAAD,IAAgC;AAC/E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CACrB,OAAA,CAAA,wBADqB,EAErB,MAAM,CAAC,IAFc,EAGrB,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,UAHF,EAIrB,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,YAJJ,EAKrB,KAAK,CAAC,IAAN,CAAW,SALU,CAAvB;AAQA,EAAA,KAAK,CAAC,MAAN,CAAa,SAAb,GAAyB,OAAA,CAAA,YAAA,CACvB,MAAM,CAAC,WADgB,EAEvB,MAAM,CAAC,MAFgB,EAGvB,MAAM,CAAC,cAHgB,EAIvB,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,YAJA,EAKvB,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,WALV,EAMvB,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,WANV,EAOvB,KAAK,CAAC,IAAN,KAAe,aAAf,IAAgC,MAAM,CAAC,gBAPhB,EAQvB,KAAK,CAAC,MAAN,CAAa,SARU,CAAzB;;AAWA,MAAI,KAAK,CAAC,UAAV,EAAsB;AACpB,IAAA,KAAK,CAAC,UAAN,CAAiB,SAAjB,GAA6B,OAAA,CAAA,YAAA,CAC3B,MAAM,CAAC,UADoB,EAE3B,KAAK,CAAC,kBAAN,KAA6B,OAA7B,IAAwC,MAAM,CAAC,eAFpB,EAG3B,KAAK,CAAC,kBAAN,KAA6B,KAA7B,IAAsC,MAAM,CAAC,aAHlB,EAI3B,KAAK,CAAC,UAAN,CAAiB,SAJU,CAA7B;AAMD;;AACD,MAAI,KAAK,CAAC,IAAV,EAAgB;AACd,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CACrB,MAAM,CAAC,IADc,EAErB,KAAK,CAAC,kBAAN,KAA6B,KAA7B,IAAsC,MAAM,CAAC,iBAFxB,EAGrB,KAAK,CAAC,IAAN,CAAW,SAHU,CAAvB;AAKD;;AACD,SAAO,KAAP;AACD,CArCM;;AAAM,OAAA,CAAA,iCAAA,GAAiC,iCAAjC","sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport type { AccordionHeaderState } from './AccordionHeader.types';\n\nexport const accordionHeaderClassName = 'fui-AccordionHeader';\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 ...shorthands.overflow('visible'),\n ...shorthands.padding(0),\n WebkitAppearance: 'button',\n userSelect: 'none',\n textAlign: 'unset',\n },\n focusIndicator: createFocusOutlineStyle(),\n root: {\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorNeutralBackground1,\n ...shorthands.margin(0),\n ...shorthands.borderRadius('2px'),\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: 'calc(100% - 22px)',\n ...shorthands.border('1px', 'solid', 'transparent'),\n paddingRight: '10px',\n paddingLeft: '10px',\n height: '44px',\n display: 'flex',\n alignItems: 'center',\n cursor: 'pointer',\n fontSize: tokens.fontSizeBase300,\n fontFamily: tokens.fontFamilyBase,\n },\n buttonSmall: {\n height: '32px',\n fontSize: tokens.fontSizeBase200,\n },\n buttonLarge: {\n fontSize: tokens.fontSizeBase400,\n },\n buttonExtraLarge: {\n fontSize: tokens.fontSizeBase500,\n },\n buttonInline: {\n display: 'inline-flex',\n },\n expandIcon: {\n lineHeight: '0',\n fontSize: '20px',\n },\n expandIconStart: {\n paddingRight: '8px',\n },\n expandIconEnd: {\n flexGrow: 1,\n flexShrink: 1,\n flexBasis: '0%',\n display: 'flex',\n justifyContent: 'flex-end',\n paddingLeft: '8px',\n },\n icon: {\n marginRight: '8px',\n fontSize: '20px',\n },\n iconExpandIconEnd: {\n marginLeft: '10px',\n },\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionHeaderStyles_unstable = (state: AccordionHeaderState) => {\n const styles = useStyles();\n state.root.className = mergeClasses(\n accordionHeaderClassName,\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 styles.resetButton,\n styles.button,\n styles.focusIndicator,\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.button.className,\n );\n\n if (state.expandIcon) {\n state.expandIcon.className = mergeClasses(\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(\n styles.icon,\n state.expandIconPosition === 'end' && styles.iconExpandIconEnd,\n state.icon.className,\n );\n }\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["components/AccordionHeader/useAccordionHeaderStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport type { AccordionHeaderSlots, AccordionHeaderState } from './AccordionHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\n/**\n * @deprecated Use `accordionHeaderClassNames.root` instead.\n */\nexport const accordionHeaderClassName = 'fui-AccordionHeader';\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 ...shorthands.overflow('visible'),\n ...shorthands.padding(0),\n WebkitAppearance: 'button',\n userSelect: 'none',\n textAlign: 'unset',\n },\n focusIndicator: createFocusOutlineStyle(),\n root: {\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorNeutralBackground1,\n ...shorthands.margin(0),\n ...shorthands.borderRadius('2px'),\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: 'calc(100% - 22px)',\n ...shorthands.border('1px', 'solid', 'transparent'),\n paddingRight: '10px',\n paddingLeft: '10px',\n height: '44px',\n display: 'flex',\n alignItems: 'center',\n cursor: 'pointer',\n fontSize: tokens.fontSizeBase300,\n fontFamily: tokens.fontFamilyBase,\n },\n buttonSmall: {\n height: '32px',\n fontSize: tokens.fontSizeBase200,\n },\n buttonLarge: {\n fontSize: tokens.fontSizeBase400,\n },\n buttonExtraLarge: {\n fontSize: tokens.fontSizeBase500,\n },\n buttonInline: {\n display: 'inline-flex',\n },\n expandIcon: {\n lineHeight: '0',\n fontSize: '20px',\n },\n expandIconStart: {\n paddingRight: '8px',\n },\n expandIconEnd: {\n flexGrow: 1,\n flexShrink: 1,\n flexBasis: '0%',\n display: 'flex',\n justifyContent: 'flex-end',\n paddingLeft: '8px',\n },\n icon: {\n marginRight: '8px',\n fontSize: '20px',\n },\n iconExpandIconEnd: {\n marginLeft: '10px',\n },\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionHeaderStyles_unstable = (state: AccordionHeaderState) => {\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.inline && styles.buttonInline,\n state.size === 'small' && styles.buttonSmall,\n state.size === 'large' && styles.buttonLarge,\n state.size === 'extra-large' && styles.buttonExtraLarge,\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(\n accordionHeaderClassNames.icon,\n styles.icon,\n state.expandIconPosition === 'end' && styles.iconExpandIconEnd,\n state.icon.className,\n );\n }\n return state;\n};\n"],"sourceRoot":"../src/"}
package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.d.ts CHANGED
@@ -1,3 +1,8 @@
1
- import type { AccordionItemState } from './AccordionItem.types';
1
+ import type { SlotClassNames } from '@fluentui/react-utilities';
2
+ import type { AccordionItemSlots, AccordionItemState } from './AccordionItem.types';
3
+ /**
4
+ * @deprecated Use `accordionItemClassNames.root` instead.
5
+ */
2
6
  export declare const accordionItemClassName = "fui-AccordionItem";
7
+ export declare const accordionItemClassNames: SlotClassNames<AccordionItemSlots>;
3
8
  export declare const useAccordionItemStyles_unstable: (state: AccordionItemState) => AccordionItemState;
package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js CHANGED
@@ -3,14 +3,21 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.useAccordionItemStyles_unstable = exports.accordionItemClassName = void 0;
6
+ exports.useAccordionItemStyles_unstable = exports.accordionItemClassNames = exports.accordionItemClassName = void 0;
7
7
 
8
8
  const react_1 = /*#__PURE__*/require("@griffel/react");
9
+ /**
10
+ * @deprecated Use `accordionItemClassNames.root` instead.
11
+ */
12
+
9
13
 
10
14
  exports.accordionItemClassName = 'fui-AccordionItem';
15
+ exports.accordionItemClassNames = {
16
+ root: 'fui-AccordionItem'
17
+ };
11
18
 
12
19
  const useAccordionItemStyles_unstable = state => {
13
- state.root.className = react_1.mergeClasses(exports.accordionItemClassName, state.root.className);
20
+ state.root.className = react_1.mergeClasses(exports.accordionItemClassNames.root, state.root.className);
14
21
  return state;
15
22
  };
16
23
 
package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/AccordionItem/useAccordionItemStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAGa,OAAA,CAAA,sBAAA,GAAyB,mBAAzB;;AAEN,MAAM,+BAA+B,GAAI,KAAD,IAA8B;AAC3E,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CAAa,OAAA,CAAA,sBAAb,EAAqC,KAAK,CAAC,IAAN,CAAW,SAAhD,CAAvB;AAEA,SAAO,KAAP;AACD,CAJM;;AAAM,OAAA,CAAA,+BAAA,GAA+B,+BAA/B","sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport type { AccordionItemState } from './AccordionItem.types';\n\nexport const accordionItemClassName = 'fui-AccordionItem';\n\nexport const useAccordionItemStyles_unstable = (state: AccordionItemState) => {\n state.root.className = mergeClasses(accordionItemClassName, state.root.className);\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["components/AccordionItem/useAccordionItemStyles.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,sBAAA,GAAyB,mBAAzB;AACA,OAAA,CAAA,uBAAA,GAA8D;AACzE,EAAA,IAAI,EAAE;AADmE,CAA9D;;AAIN,MAAM,+BAA+B,GAAI,KAAD,IAA8B;AAC3E,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CAAa,OAAA,CAAA,uBAAA,CAAwB,IAArC,EAA2C,KAAK,CAAC,IAAN,CAAW,SAAtD,CAAvB;AAEA,SAAO,KAAP;AACD,CAJM;;AAAM,OAAA,CAAA,+BAAA,GAA+B,+BAA/B","sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { AccordionItemSlots, AccordionItemState } from './AccordionItem.types';\n\n/**\n * @deprecated Use `accordionItemClassNames.root` instead.\n */\nexport const accordionItemClassName = 'fui-AccordionItem';\nexport const accordionItemClassNames: SlotClassNames<AccordionItemSlots> = {\n root: 'fui-AccordionItem',\n};\n\nexport const useAccordionItemStyles_unstable = (state: AccordionItemState) => {\n state.root.className = mergeClasses(accordionItemClassNames.root, state.root.className);\n\n return state;\n};\n"],"sourceRoot":"../src/"}
package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.d.ts CHANGED
@@ -1,4 +1,9 @@
1
- import type { AccordionPanelState } from './AccordionPanel.types';
1
+ import type { SlotClassNames } from '@fluentui/react-utilities';
2
+ import type { AccordionPanelSlots, AccordionPanelState } from './AccordionPanel.types';
3
+ /**
4
+ * @deprecated Use `accordionPanelClassNames.root` instead.
5
+ */
2
6
  export declare const accordionPanelClassName = "fui-AccordionPanel";
7
+ export declare const accordionPanelClassNames: SlotClassNames<AccordionPanelSlots>;
3
8
  /** Applies style classnames to slots */
4
9
  export declare const useAccordionPanelStyles_unstable: (state: AccordionPanelState) => AccordionPanelState;
package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js CHANGED
@@ -3,11 +3,18 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.useAccordionPanelStyles_unstable = exports.accordionPanelClassName = void 0;
6
+ exports.useAccordionPanelStyles_unstable = exports.accordionPanelClassNames = exports.accordionPanelClassName = void 0;
7
7
 
8
8
  const react_1 = /*#__PURE__*/require("@griffel/react");
9
+ /**
10
+ * @deprecated Use `accordionPanelClassNames.root` instead.
11
+ */
12
+
9
13
 
10
14
  exports.accordionPanelClassName = 'fui-AccordionPanel';
15
+ exports.accordionPanelClassNames = {
16
+ root: 'fui-AccordionPanel'
17
+ };
11
18
  /**
12
19
  * Styles for the root slot
13
20
  */
@@ -25,7 +32,7 @@ const useStyles = /*#__PURE__*/react_1.__styles({
25
32
 
26
33
  const useAccordionPanelStyles_unstable = state => {
27
34
  const styles = useStyles();
28
- state.root.className = react_1.mergeClasses(exports.accordionPanelClassName, styles.root, state.root.className);
35
+ state.root.className = react_1.mergeClasses(exports.accordionPanelClassNames.root, styles.root, state.root.className);
29
36
  return state;
30
37
  };
31
38
 
package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/AccordionPanel/useAccordionPanelStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAGa,OAAA,CAAA,uBAAA,GAA0B,oBAA1B;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAOA;;;AACO,MAAM,gCAAgC,GAAI,KAAD,IAA+B;AAC7E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CAAa,OAAA,CAAA,uBAAb,EAAsC,MAAM,CAAC,IAA7C,EAAmD,KAAK,CAAC,IAAN,CAAW,SAA9D,CAAvB;AAEA,SAAO,KAAP;AACD,CALM;;AAAM,OAAA,CAAA,gCAAA,GAAgC,gCAAhC","sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { AccordionPanelState } from './AccordionPanel.types';\n\nexport const accordionPanelClassName = 'fui-AccordionPanel';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n marginRight: '12px',\n marginLeft: '12px',\n },\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionPanelStyles_unstable = (state: AccordionPanelState) => {\n const styles = useStyles();\n state.root.className = mergeClasses(accordionPanelClassName, styles.root, state.root.className);\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["components/AccordionPanel/useAccordionPanelStyles.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,uBAAA,GAA0B,oBAA1B;AACA,OAAA,CAAA,wBAAA,GAAgE;AAC3E,EAAA,IAAI,EAAE;AADqE,CAAhE;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAOA;;;AACO,MAAM,gCAAgC,GAAI,KAAD,IAA+B;AAC7E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CAAa,OAAA,CAAA,wBAAA,CAAyB,IAAtC,EAA4C,MAAM,CAAC,IAAnD,EAAyD,KAAK,CAAC,IAAN,CAAW,SAApE,CAAvB;AAEA,SAAO,KAAP;AACD,CALM;;AAAM,OAAA,CAAA,gCAAA,GAAgC,gCAAhC","sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { AccordionPanelSlots, AccordionPanelState } from './AccordionPanel.types';\n\n/**\n * @deprecated Use `accordionPanelClassNames.root` instead.\n */\nexport const accordionPanelClassName = 'fui-AccordionPanel';\nexport const accordionPanelClassNames: SlotClassNames<AccordionPanelSlots> = {\n root: 'fui-AccordionPanel',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n marginRight: '12px',\n marginLeft: '12px',\n },\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionPanelStyles_unstable = (state: AccordionPanelState) => {\n const styles = useStyles();\n state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);\n\n return state;\n};\n"],"sourceRoot":"../src/"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-accordion",
3
- "version": "9.0.0-rc.3",
3
+ "version": "9.0.0-rc.6",
4
4
  "description": "Fluent UI accordion component",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -28,27 +28,18 @@
28
28
  "devDependencies": {
29
29
  "@fluentui/eslint-plugin": "*",
30
30
  "@fluentui/react-conformance": "*",
31
- "@fluentui/react-conformance-griffel": "9.0.0-beta.3",
32
- "@fluentui/scripts": "^1.0.0",
33
- "@types/enzyme": "3.10.3",
34
- "@types/enzyme-adapter-react-16": "1.0.3",
35
- "@types/react": "16.9.42",
36
- "@types/react-dom": "16.9.10",
37
- "@types/react-test-renderer": "^16.0.0",
38
- "enzyme": "~3.10.0",
39
- "enzyme-adapter-react-16": "^1.15.0",
40
- "react": "16.8.6",
41
- "react-dom": "16.8.6",
42
- "react-test-renderer": "^16.3.0"
31
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.4",
32
+ "@fluentui/scripts": "^1.0.0"
43
33
  },
44
34
  "dependencies": {
45
- "@fluentui/react-aria": "9.0.0-rc.3",
46
- "@fluentui/react-context-selector": "9.0.0-rc.3",
47
- "@fluentui/react-icons": "^2.0.159-beta.10",
48
- "@griffel/react": "1.0.0",
49
- "@fluentui/react-tabster": "9.0.0-rc.3",
50
- "@fluentui/react-theme": "9.0.0-rc.3",
51
- "@fluentui/react-utilities": "9.0.0-rc.3",
35
+ "@fluentui/react-aria": "9.0.0-rc.6",
36
+ "@fluentui/react-context-selector": "9.0.0-rc.6",
37
+ "@fluentui/react-shared-contexts": "9.0.0-rc.5",
38
+ "@fluentui/react-icons": "^2.0.166-rc.3",
39
+ "@griffel/react": "1.0.3",
40
+ "@fluentui/react-tabster": "9.0.0-rc.6",
41
+ "@fluentui/react-theme": "9.0.0-rc.5",
42
+ "@fluentui/react-utilities": "9.0.0-rc.6",
52
43
  "tslib": "^2.1.0"
53
44
  },
54
45
  "peerDependencies": {
@@ -63,5 +54,12 @@
63
54
  "minor",
64
55
  "patch"
65
56
  ]
57
+ },
58
+ "exports": {
59
+ ".": {
60
+ "types": "./lib/index.d.ts",
61
+ "import": "./lib/index.js",
62
+ "require": "./lib-commonjs/index.js"
63
+ }
66
64
  }
67
65
  }