@fluentui/react-accordion 0.0.0-nightly-20220314-0419.1 → 0.0.0-nightly-20220317-0422.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.
- package/CHANGELOG.json +23 -17
- package/CHANGELOG.md +12 -11
- package/dist/react-accordion.d.ts +21 -0
- package/lib/components/Accordion/useAccordionStyles.d.ts +6 -1
- package/lib/components/Accordion/useAccordionStyles.js +8 -1
- package/lib/components/Accordion/useAccordionStyles.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.d.ts +6 -1
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.js +14 -4
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItemStyles.d.ts +6 -1
- package/lib/components/AccordionItem/useAccordionItemStyles.js +8 -1
- package/lib/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanelStyles.d.ts +6 -1
- package/lib/components/AccordionPanel/useAccordionPanelStyles.js +8 -1
- package/lib/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordionStyles.d.ts +6 -1
- package/lib-commonjs/components/Accordion/useAccordionStyles.js +9 -2
- package/lib-commonjs/components/Accordion/useAccordionStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.d.ts +6 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +15 -5
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.d.ts +6 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js +9 -2
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.d.ts +6 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js +9 -2
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
- package/package.json +8 -8
package/CHANGELOG.json
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
"name": "@fluentui/react-accordion",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
6
|
-
"tag": "@fluentui/react-accordion_v0.0.0-nightly-
|
|
7
|
-
"version": "0.0.0-nightly-
|
|
5
|
+
"date": "Thu, 17 Mar 2022 04:32:30 GMT",
|
|
6
|
+
"tag": "@fluentui/react-accordion_v0.0.0-nightly-20220317-0422.1",
|
|
7
|
+
"version": "0.0.0-nightly-20220317-0422.1",
|
|
8
8
|
"comments": {
|
|
9
9
|
"prerelease": [
|
|
10
10
|
{
|
|
@@ -13,6 +13,12 @@
|
|
|
13
13
|
"commit": "not available",
|
|
14
14
|
"comment": "Release nightly v9"
|
|
15
15
|
},
|
|
16
|
+
{
|
|
17
|
+
"author": "seanmonahan@microsoft.com",
|
|
18
|
+
"package": "@fluentui/react-accordion",
|
|
19
|
+
"commit": "086a675fd0c648944ff4048450190a0a13467de3",
|
|
20
|
+
"comment": "Add static classnames to Accordion"
|
|
21
|
+
},
|
|
16
22
|
{
|
|
17
23
|
"author": "martinhochel@microsoft.com",
|
|
18
24
|
"package": "@fluentui/react-accordion",
|
|
@@ -22,44 +28,44 @@
|
|
|
22
28
|
{
|
|
23
29
|
"author": "beachball",
|
|
24
30
|
"package": "@fluentui/react-accordion",
|
|
25
|
-
"comment": "Bump @fluentui/react-aria to v0.0.0-nightly-
|
|
26
|
-
"commit": "
|
|
31
|
+
"comment": "Bump @fluentui/react-aria to v0.0.0-nightly-20220317-0422.1",
|
|
32
|
+
"commit": "92725e01f18c7d9e976104f4399e9a42ac564df3"
|
|
27
33
|
},
|
|
28
34
|
{
|
|
29
35
|
"author": "beachball",
|
|
30
36
|
"package": "@fluentui/react-accordion",
|
|
31
|
-
"comment": "Bump @fluentui/react-context-selector to v0.0.0-nightly-
|
|
32
|
-
"commit": "
|
|
37
|
+
"comment": "Bump @fluentui/react-context-selector to v0.0.0-nightly-20220317-0422.1",
|
|
38
|
+
"commit": "92725e01f18c7d9e976104f4399e9a42ac564df3"
|
|
33
39
|
},
|
|
34
40
|
{
|
|
35
41
|
"author": "beachball",
|
|
36
42
|
"package": "@fluentui/react-accordion",
|
|
37
|
-
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-
|
|
38
|
-
"commit": "
|
|
43
|
+
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20220317-0422.1",
|
|
44
|
+
"commit": "92725e01f18c7d9e976104f4399e9a42ac564df3"
|
|
39
45
|
},
|
|
40
46
|
{
|
|
41
47
|
"author": "beachball",
|
|
42
48
|
"package": "@fluentui/react-accordion",
|
|
43
|
-
"comment": "Bump @fluentui/react-tabster to v0.0.0-nightly-
|
|
44
|
-
"commit": "
|
|
49
|
+
"comment": "Bump @fluentui/react-tabster to v0.0.0-nightly-20220317-0422.1",
|
|
50
|
+
"commit": "92725e01f18c7d9e976104f4399e9a42ac564df3"
|
|
45
51
|
},
|
|
46
52
|
{
|
|
47
53
|
"author": "beachball",
|
|
48
54
|
"package": "@fluentui/react-accordion",
|
|
49
|
-
"comment": "Bump @fluentui/react-theme to v0.0.0-nightly-
|
|
50
|
-
"commit": "
|
|
55
|
+
"comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20220317-0422.1",
|
|
56
|
+
"commit": "92725e01f18c7d9e976104f4399e9a42ac564df3"
|
|
51
57
|
},
|
|
52
58
|
{
|
|
53
59
|
"author": "beachball",
|
|
54
60
|
"package": "@fluentui/react-accordion",
|
|
55
|
-
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-
|
|
56
|
-
"commit": "
|
|
61
|
+
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20220317-0422.1",
|
|
62
|
+
"commit": "92725e01f18c7d9e976104f4399e9a42ac564df3"
|
|
57
63
|
},
|
|
58
64
|
{
|
|
59
65
|
"author": "beachball",
|
|
60
66
|
"package": "@fluentui/react-accordion",
|
|
61
|
-
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-
|
|
62
|
-
"commit": "
|
|
67
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220317-0422.1",
|
|
68
|
+
"commit": "92725e01f18c7d9e976104f4399e9a42ac564df3"
|
|
63
69
|
}
|
|
64
70
|
],
|
|
65
71
|
"none": [
|
package/CHANGELOG.md
CHANGED
|
@@ -1,25 +1,26 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-accordion
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Thu, 17 Mar 2022 04:32:30 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [0.0.0-nightly-
|
|
7
|
+
## [0.0.0-nightly-20220317-0422.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v0.0.0-nightly-20220317-0422.1)
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-rc.5..@fluentui/react-accordion_v0.0.0-nightly-
|
|
9
|
+
Thu, 17 Mar 2022 04:32:30 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-rc.5..@fluentui/react-accordion_v0.0.0-nightly-20220317-0422.1)
|
|
11
11
|
|
|
12
12
|
### Changes
|
|
13
13
|
|
|
14
14
|
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by email not defined)
|
|
15
|
+
- Add static classnames to Accordion ([PR #21960](https://github.com/microsoft/fluentui/pull/21960) by seanmonahan@microsoft.com)
|
|
15
16
|
- add missing dependencies ([PR #21924](https://github.com/microsoft/fluentui/pull/21924) by martinhochel@microsoft.com)
|
|
16
|
-
- Bump @fluentui/react-aria to v0.0.0-nightly-
|
|
17
|
-
- Bump @fluentui/react-context-selector to v0.0.0-nightly-
|
|
18
|
-
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-
|
|
19
|
-
- Bump @fluentui/react-tabster to v0.0.0-nightly-
|
|
20
|
-
- Bump @fluentui/react-theme to v0.0.0-nightly-
|
|
21
|
-
- Bump @fluentui/react-utilities to v0.0.0-nightly-
|
|
22
|
-
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-
|
|
17
|
+
- Bump @fluentui/react-aria to v0.0.0-nightly-20220317-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/92725e01f18c7d9e976104f4399e9a42ac564df3) by beachball)
|
|
18
|
+
- Bump @fluentui/react-context-selector to v0.0.0-nightly-20220317-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/92725e01f18c7d9e976104f4399e9a42ac564df3) by beachball)
|
|
19
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20220317-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/92725e01f18c7d9e976104f4399e9a42ac564df3) by beachball)
|
|
20
|
+
- Bump @fluentui/react-tabster to v0.0.0-nightly-20220317-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/92725e01f18c7d9e976104f4399e9a42ac564df3) by beachball)
|
|
21
|
+
- Bump @fluentui/react-theme to v0.0.0-nightly-20220317-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/92725e01f18c7d9e976104f4399e9a42ac564df3) by beachball)
|
|
22
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly-20220317-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/92725e01f18c7d9e976104f4399e9a42ac564df3) by beachball)
|
|
23
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220317-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/92725e01f18c7d9e976104f4399e9a42ac564df3) by beachball)
|
|
23
24
|
|
|
24
25
|
## [9.0.0-rc.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.0-rc.5)
|
|
25
26
|
|
|
@@ -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 = {
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
-
import type {
|
|
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;
|
|
@@ -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(
|
|
11
|
+
state.root.className = mergeClasses(accordionClassNames.root, state.root.className);
|
|
5
12
|
return state;
|
|
6
13
|
};
|
|
7
14
|
//# sourceMappingURL=useAccordionStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/Accordion/useAccordionStyles.ts"],"names":[],"mappings":"
|
|
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/"}
|
|
@@ -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;
|
|
@@ -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": {
|
|
@@ -139,15 +149,15 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
139
149
|
|
|
140
150
|
export const useAccordionHeaderStyles_unstable = state => {
|
|
141
151
|
const styles = useStyles();
|
|
142
|
-
state.root.className = mergeClasses(
|
|
143
|
-
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);
|
|
144
154
|
|
|
145
155
|
if (state.expandIcon) {
|
|
146
|
-
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);
|
|
147
157
|
}
|
|
148
158
|
|
|
149
159
|
if (state.icon) {
|
|
150
|
-
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);
|
|
151
161
|
}
|
|
152
162
|
|
|
153
163
|
return state;
|
|
@@ -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;
|
|
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/"}
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
-
import type {
|
|
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;
|
|
@@ -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(
|
|
11
|
+
state.root.className = mergeClasses(accordionItemClassNames.root, state.root.className);
|
|
5
12
|
return state;
|
|
6
13
|
};
|
|
7
14
|
//# sourceMappingURL=useAccordionItemStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/AccordionItem/useAccordionItemStyles.ts"],"names":[],"mappings":"
|
|
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/"}
|
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
import type {
|
|
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;
|
|
@@ -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(
|
|
27
|
+
state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);
|
|
21
28
|
return state;
|
|
22
29
|
};
|
|
23
30
|
//# sourceMappingURL=useAccordionPanelStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/AccordionPanel/useAccordionPanelStyles.ts"],"names":[],"mappings":"
|
|
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/"}
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
-
import type {
|
|
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;
|
|
@@ -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.
|
|
20
|
+
state.root.className = react_1.mergeClasses(exports.accordionClassNames.root, state.root.className);
|
|
14
21
|
return state;
|
|
15
22
|
};
|
|
16
23
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/Accordion/useAccordionStyles.ts"],"names":[],"mappings":";;;;;;;
|
|
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/"}
|
|
@@ -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;
|
|
@@ -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": {
|
|
@@ -149,15 +159,15 @@ const useStyles = /*#__PURE__*/react_1.__styles({
|
|
|
149
159
|
|
|
150
160
|
const useAccordionHeaderStyles_unstable = state => {
|
|
151
161
|
const styles = useStyles();
|
|
152
|
-
state.root.className = react_1.mergeClasses(exports.
|
|
153
|
-
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);
|
|
154
164
|
|
|
155
165
|
if (state.expandIcon) {
|
|
156
|
-
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);
|
|
157
167
|
}
|
|
158
168
|
|
|
159
169
|
if (state.icon) {
|
|
160
|
-
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);
|
|
161
171
|
}
|
|
162
172
|
|
|
163
173
|
return state;
|
|
@@ -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;;
|
|
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/"}
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
-
import type {
|
|
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;
|
|
@@ -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.
|
|
20
|
+
state.root.className = react_1.mergeClasses(exports.accordionItemClassNames.root, state.root.className);
|
|
14
21
|
return state;
|
|
15
22
|
};
|
|
16
23
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/AccordionItem/useAccordionItemStyles.ts"],"names":[],"mappings":";;;;;;;
|
|
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/"}
|
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
import type {
|
|
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;
|
|
@@ -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.
|
|
35
|
+
state.root.className = react_1.mergeClasses(exports.accordionPanelClassNames.root, styles.root, state.root.className);
|
|
29
36
|
return state;
|
|
30
37
|
};
|
|
31
38
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/AccordionPanel/useAccordionPanelStyles.ts"],"names":[],"mappings":";;;;;;;
|
|
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": "0.0.0-nightly-
|
|
3
|
+
"version": "0.0.0-nightly-20220317-0422.1",
|
|
4
4
|
"description": "Fluent UI accordion component",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -28,18 +28,18 @@
|
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@fluentui/eslint-plugin": "*",
|
|
30
30
|
"@fluentui/react-conformance": "*",
|
|
31
|
-
"@fluentui/react-conformance-griffel": "0.0.0-nightly-
|
|
31
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightly-20220317-0422.1",
|
|
32
32
|
"@fluentui/scripts": "^1.0.0"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@fluentui/react-aria": "0.0.0-nightly-
|
|
36
|
-
"@fluentui/react-context-selector": "0.0.0-nightly-
|
|
37
|
-
"@fluentui/react-shared-contexts": "0.0.0-nightly-
|
|
35
|
+
"@fluentui/react-aria": "0.0.0-nightly-20220317-0422.1",
|
|
36
|
+
"@fluentui/react-context-selector": "0.0.0-nightly-20220317-0422.1",
|
|
37
|
+
"@fluentui/react-shared-contexts": "0.0.0-nightly-20220317-0422.1",
|
|
38
38
|
"@fluentui/react-icons": "^2.0.159-beta.10",
|
|
39
39
|
"@griffel/react": "1.0.0",
|
|
40
|
-
"@fluentui/react-tabster": "0.0.0-nightly-
|
|
41
|
-
"@fluentui/react-theme": "0.0.0-nightly-
|
|
42
|
-
"@fluentui/react-utilities": "0.0.0-nightly-
|
|
40
|
+
"@fluentui/react-tabster": "0.0.0-nightly-20220317-0422.1",
|
|
41
|
+
"@fluentui/react-theme": "0.0.0-nightly-20220317-0422.1",
|
|
42
|
+
"@fluentui/react-utilities": "0.0.0-nightly-20220317-0422.1",
|
|
43
43
|
"tslib": "^2.1.0"
|
|
44
44
|
},
|
|
45
45
|
"peerDependencies": {
|