@fluentui/react-accordion 9.0.0-rc.5 → 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.
- package/CHANGELOG.json +90 -1
- package/CHANGELOG.md +21 -2
- 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 +35 -11
- 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 +36 -12
- 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 +11 -20
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,96 @@
|
|
|
2
2
|
"name": "@fluentui/react-accordion",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
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",
|
|
6
95
|
"tag": "@fluentui/react-accordion_v9.0.0-rc.5",
|
|
7
96
|
"version": "9.0.0-rc.5",
|
|
8
97
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,31 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-accordion
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
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
|
+
|
|
7
26
|
## [9.0.0-rc.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.0-rc.5)
|
|
8
27
|
|
|
9
|
-
Fri, 04 Mar 2022 05:
|
|
28
|
+
Fri, 04 Mar 2022 05:17:33 GMT
|
|
10
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)
|
|
11
30
|
|
|
12
31
|
### Changes
|
|
@@ -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": {
|
|
@@ -23,16 +33,30 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
23
33
|
},
|
|
24
34
|
"focusIndicator": {
|
|
25
35
|
"B486eqv": "f2hkw1w",
|
|
26
|
-
"
|
|
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
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
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] .
|
|
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(
|
|
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;
|
|
@@ -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": {
|
|
@@ -33,16 +43,30 @@ const useStyles = /*#__PURE__*/react_1.__styles({
|
|
|
33
43
|
},
|
|
34
44
|
"focusIndicator": {
|
|
35
45
|
"B486eqv": "f2hkw1w",
|
|
36
|
-
"
|
|
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
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
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] .
|
|
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.
|
|
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;
|
|
@@ -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": "9.0.0-rc.
|
|
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.
|
|
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.
|
|
46
|
-
"@fluentui/react-context-selector": "9.0.0-rc.
|
|
47
|
-
"@fluentui/react-
|
|
48
|
-
"@
|
|
49
|
-
"@
|
|
50
|
-
"@fluentui/react-
|
|
51
|
-
"@fluentui/react-
|
|
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": {
|