@fluentui/react-accordion 9.0.1 → 9.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/CHANGELOG.json +138 -1
  2. package/CHANGELOG.md +42 -2
  3. package/dist/index.d.ts +1 -1
  4. package/lib/components/Accordion/AccordionContext.js +2 -1
  5. package/lib/components/Accordion/AccordionContext.js.map +1 -1
  6. package/lib/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
  7. package/lib/components/AccordionHeader/AccordionHeaderContext.js +2 -1
  8. package/lib/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
  9. package/lib/components/AccordionHeader/useAccordionHeader.js +2 -2
  10. package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  11. package/lib/components/AccordionHeader/useAccordionHeaderStyles.js +32 -30
  12. package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
  13. package/lib/components/AccordionItem/AccordionItemContext.js +1 -0
  14. package/lib/components/AccordionItem/AccordionItemContext.js.map +1 -1
  15. package/lib-commonjs/components/Accordion/AccordionContext.js +2 -1
  16. package/lib-commonjs/components/Accordion/AccordionContext.js.map +1 -1
  17. package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js +2 -1
  18. package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
  19. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +1 -1
  20. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  21. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +32 -30
  22. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
  23. package/lib-commonjs/components/AccordionItem/AccordionItemContext.js +1 -0
  24. package/lib-commonjs/components/AccordionItem/AccordionItemContext.js.map +1 -1
  25. package/package.json +10 -9
package/CHANGELOG.json CHANGED
@@ -2,7 +2,144 @@
2
2
  "name": "@fluentui/react-accordion",
3
3
  "entries": [
4
4
  {
5
- "date": "Tue, 28 Jun 2022 17:37:46 GMT",
5
+ "date": "Wed, 03 Aug 2022 16:00:03 GMT",
6
+ "tag": "@fluentui/react-accordion_v9.0.4",
7
+ "version": "9.0.4",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "bernardo.sunderhus@gmail.com",
12
+ "package": "@fluentui/react-accordion",
13
+ "commit": "1293f53f79ea1dc7429f77e174b2dfdaffa99558",
14
+ "comment": "chore: Updates AccordionHeader to use useARIAButtonShorthand over useARIAButton"
15
+ },
16
+ {
17
+ "author": "miroslav.stastny@microsoft.com",
18
+ "package": "@fluentui/react-accordion",
19
+ "commit": "08563664778fd80284561d3c9d254307a0a32362",
20
+ "comment": "chore: Bump Griffel dependencies"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-accordion",
25
+ "comment": "Bump @fluentui/react-aria to v9.1.0",
26
+ "commit": "54bc6105c5c9c9023da35d4670239e44117ed4a5"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui/react-accordion",
31
+ "comment": "Bump @fluentui/react-tabster to v9.1.0",
32
+ "commit": "54bc6105c5c9c9023da35d4670239e44117ed4a5"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui/react-accordion",
37
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.12",
38
+ "commit": "54bc6105c5c9c9023da35d4670239e44117ed4a5"
39
+ }
40
+ ],
41
+ "none": [
42
+ {
43
+ "author": "lingfangao@hotmail.com",
44
+ "package": "@fluentui/react-accordion",
45
+ "commit": "99cc385631d04a76ee10ebc143cb9fecd99640b6",
46
+ "comment": "chore: Add `prerelease` as disallowed changetype for 9.0.0 packages"
47
+ },
48
+ {
49
+ "author": "bernardo.sunderhus@gmail.com",
50
+ "package": "@fluentui/react-accordion",
51
+ "commit": "d966ea3d9169f2e8d69f0d2a4daf86fe4ca328d6",
52
+ "comment": "disables eslint rule @fluentui/no-context-default-value for local component context"
53
+ }
54
+ ]
55
+ }
56
+ },
57
+ {
58
+ "date": "Thu, 14 Jul 2022 21:21:07 GMT",
59
+ "tag": "@fluentui/react-accordion_v9.0.3",
60
+ "version": "9.0.3",
61
+ "comments": {
62
+ "patch": [
63
+ {
64
+ "author": "Humberto.Morimoto@microsoft.com",
65
+ "package": "@fluentui/react-accordion",
66
+ "commit": "802bc4e3730a88b0fc61b5bf42ef7fc6b6543fe2",
67
+ "comment": "fix: Fixing bad version bump of @fluentui/react-utilities."
68
+ },
69
+ {
70
+ "author": "beachball",
71
+ "package": "@fluentui/react-accordion",
72
+ "comment": "Bump @fluentui/react-aria to v9.0.2",
73
+ "commit": "79b513146194367544160f364b0a7dd749ed93e4"
74
+ },
75
+ {
76
+ "author": "beachball",
77
+ "package": "@fluentui/react-accordion",
78
+ "comment": "Bump @fluentui/react-context-selector to v9.0.2",
79
+ "commit": "79b513146194367544160f364b0a7dd749ed93e4"
80
+ },
81
+ {
82
+ "author": "beachball",
83
+ "package": "@fluentui/react-accordion",
84
+ "comment": "Bump @fluentui/react-tabster to v9.0.3",
85
+ "commit": "79b513146194367544160f364b0a7dd749ed93e4"
86
+ },
87
+ {
88
+ "author": "beachball",
89
+ "package": "@fluentui/react-accordion",
90
+ "comment": "Bump @fluentui/react-utilities to v9.0.2",
91
+ "commit": "79b513146194367544160f364b0a7dd749ed93e4"
92
+ }
93
+ ]
94
+ }
95
+ },
96
+ {
97
+ "date": "Thu, 14 Jul 2022 17:06:25 GMT",
98
+ "tag": "@fluentui/react-accordion_v9.0.2",
99
+ "version": "9.0.2",
100
+ "comments": {
101
+ "patch": [
102
+ {
103
+ "author": "ololubek@microsoft.com",
104
+ "package": "@fluentui/react-accordion",
105
+ "commit": "63ab03fa7a9b3d02204147ea5356b8f78751df42",
106
+ "comment": "chore: Update @fluentui/react-icons dependency to v2.0.175"
107
+ },
108
+ {
109
+ "author": "beachball",
110
+ "package": "@fluentui/react-accordion",
111
+ "comment": "Bump @fluentui/react-aria to v9.0.1",
112
+ "commit": "35237381e941c8935b1892c9217096cea3e5601f"
113
+ },
114
+ {
115
+ "author": "beachball",
116
+ "package": "@fluentui/react-accordion",
117
+ "comment": "Bump @fluentui/react-context-selector to v9.0.1",
118
+ "commit": "35237381e941c8935b1892c9217096cea3e5601f"
119
+ },
120
+ {
121
+ "author": "beachball",
122
+ "package": "@fluentui/react-accordion",
123
+ "comment": "Bump @fluentui/react-tabster to v9.0.2",
124
+ "commit": "35237381e941c8935b1892c9217096cea3e5601f"
125
+ },
126
+ {
127
+ "author": "beachball",
128
+ "package": "@fluentui/react-accordion",
129
+ "comment": "Bump @fluentui/react-utilities to v9.0.1-0",
130
+ "commit": "35237381e941c8935b1892c9217096cea3e5601f"
131
+ },
132
+ {
133
+ "author": "beachball",
134
+ "package": "@fluentui/react-accordion",
135
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.11",
136
+ "commit": "35237381e941c8935b1892c9217096cea3e5601f"
137
+ }
138
+ ]
139
+ }
140
+ },
141
+ {
142
+ "date": "Tue, 28 Jun 2022 17:39:46 GMT",
6
143
  "tag": "@fluentui/react-accordion_v9.0.1",
7
144
  "version": "9.0.1",
8
145
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,52 @@
1
1
  # Change Log - @fluentui/react-accordion
2
2
 
3
- This log was last generated on Tue, 28 Jun 2022 17:37:46 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 03 Aug 2022 16:00:03 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.4)
8
+
9
+ Wed, 03 Aug 2022 16:00:03 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.3..@fluentui/react-accordion_v9.0.4)
11
+
12
+ ### Patches
13
+
14
+ - chore: Updates AccordionHeader to use useARIAButtonShorthand over useARIAButton ([PR #24032](https://github.com/microsoft/fluentui/pull/24032) by bernardo.sunderhus@gmail.com)
15
+ - chore: Bump Griffel dependencies ([PR #24114](https://github.com/microsoft/fluentui/pull/24114) by miroslav.stastny@microsoft.com)
16
+ - Bump @fluentui/react-aria to v9.1.0 ([PR #24201](https://github.com/microsoft/fluentui/pull/24201) by beachball)
17
+ - Bump @fluentui/react-tabster to v9.1.0 ([PR #24201](https://github.com/microsoft/fluentui/pull/24201) by beachball)
18
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.12 ([PR #24201](https://github.com/microsoft/fluentui/pull/24201) by beachball)
19
+
20
+ ## [9.0.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.3)
21
+
22
+ Thu, 14 Jul 2022 21:21:07 GMT
23
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.2..@fluentui/react-accordion_v9.0.3)
24
+
25
+ ### Patches
26
+
27
+ - fix: Fixing bad version bump of @fluentui/react-utilities. ([PR #23920](https://github.com/microsoft/fluentui/pull/23920) by Humberto.Morimoto@microsoft.com)
28
+ - Bump @fluentui/react-aria to v9.0.2 ([PR #23918](https://github.com/microsoft/fluentui/pull/23918) by beachball)
29
+ - Bump @fluentui/react-context-selector to v9.0.2 ([PR #23918](https://github.com/microsoft/fluentui/pull/23918) by beachball)
30
+ - Bump @fluentui/react-tabster to v9.0.3 ([PR #23918](https://github.com/microsoft/fluentui/pull/23918) by beachball)
31
+ - Bump @fluentui/react-utilities to v9.0.2 ([PR #23918](https://github.com/microsoft/fluentui/pull/23918) by beachball)
32
+
33
+ ## [9.0.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.2)
34
+
35
+ Thu, 14 Jul 2022 17:06:25 GMT
36
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.1..@fluentui/react-accordion_v9.0.2)
37
+
38
+ ### Patches
39
+
40
+ - chore: Update @fluentui/react-icons dependency to v2.0.175 ([PR #23812](https://github.com/microsoft/fluentui/pull/23812) by ololubek@microsoft.com)
41
+ - Bump @fluentui/react-aria to v9.0.1 ([PR #23897](https://github.com/microsoft/fluentui/pull/23897) by beachball)
42
+ - Bump @fluentui/react-context-selector to v9.0.1 ([PR #23897](https://github.com/microsoft/fluentui/pull/23897) by beachball)
43
+ - Bump @fluentui/react-tabster to v9.0.2 ([PR #23897](https://github.com/microsoft/fluentui/pull/23897) by beachball)
44
+ - Bump @fluentui/react-utilities to v9.0.1-0 ([PR #23897](https://github.com/microsoft/fluentui/pull/23897) by beachball)
45
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.11 ([PR #23897](https://github.com/microsoft/fluentui/pull/23897) by beachball)
46
+
7
47
  ## [9.0.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.1)
8
48
 
9
- Tue, 28 Jun 2022 17:37:46 GMT
49
+ Tue, 28 Jun 2022 17:39:46 GMT
10
50
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0..@fluentui/react-accordion_v9.0.1)
11
51
 
12
52
  ### Patches
package/dist/index.d.ts CHANGED
@@ -79,7 +79,7 @@ export declare type AccordionHeaderSlots = {
79
79
  /**
80
80
  * The component to be used as button in heading
81
81
  */
82
- button: NonNullable<Slot<ARIAButtonSlotProps>>;
82
+ button: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;
83
83
  /**
84
84
  * Expand icon slot rendered before (or after) children content in heading.
85
85
  */
package/lib/components/Accordion/AccordionContext.js CHANGED
@@ -1,4 +1,5 @@
1
- import { createContext, useContextSelector } from '@fluentui/react-context-selector';
1
+ import { createContext, useContextSelector } from '@fluentui/react-context-selector'; // eslint-disable-next-line @fluentui/no-context-default-value
2
+
2
3
  export const AccordionContext = /*#__PURE__*/createContext({
3
4
  openItems: [],
4
5
  collapsible: false,
package/lib/components/Accordion/AccordionContext.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Accordion/AccordionContext.ts"],"names":[],"mappings":"AAAA,SAAS,aAAT,EAAyC,kBAAzC,QAAmE,kCAAnE;AAIA,OAAO,MAAM,gBAAgB,gBAAmC,aAAa,CAAwB;EACnG,SAAS,EAAE,EADwF;EAEnG,WAAW,EAAE,KAFsF;;EAGnG,aAAa,GAAA;IACX;EACD;;AALkG,CAAxB,CAAtE;AAQP,OAAO,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,QAA3C;AACP,OAAO,MAAM,4BAA4B,GAAO,QAAJ,IAC1C,kBAAkB,CAAC,gBAAD,EAAmB,QAAnB,CADb","sourcesContent":["import { createContext, ContextSelector, useContextSelector } from '@fluentui/react-context-selector';\nimport type { Context } from '@fluentui/react-context-selector';\nimport type { AccordionContextValue } from './Accordion.types';\n\nexport const AccordionContext: Context<AccordionContextValue> = createContext<AccordionContextValue>({\n openItems: [],\n collapsible: false,\n requestToggle() {\n /* noop */\n },\n});\n\nexport const AccordionProvider = AccordionContext.Provider;\nexport const useAccordionContext_unstable = <T>(selector: ContextSelector<AccordionContextValue, T>): T =>\n useContextSelector(AccordionContext, selector);\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["components/Accordion/AccordionContext.ts"],"names":[],"mappings":"AAAA,SAAS,aAAT,EAAyC,kBAAzC,QAAmE,kCAAnE,C,CAIA;;AACA,OAAO,MAAM,gBAAgB,gBAAmC,aAAa,CAAwB;EACnG,SAAS,EAAE,EADwF;EAEnG,WAAW,EAAE,KAFsF;;EAGnG,aAAa,GAAA;IACX;EACD;;AALkG,CAAxB,CAAtE;AAQP,OAAO,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,QAA3C;AACP,OAAO,MAAM,4BAA4B,GAAO,QAAJ,IAC1C,kBAAkB,CAAC,gBAAD,EAAmB,QAAnB,CADb","sourcesContent":["import { createContext, ContextSelector, useContextSelector } from '@fluentui/react-context-selector';\nimport type { Context } from '@fluentui/react-context-selector';\nimport type { AccordionContextValue } from './Accordion.types';\n\n// eslint-disable-next-line @fluentui/no-context-default-value\nexport const AccordionContext: Context<AccordionContextValue> = createContext<AccordionContextValue>({\n openItems: [],\n collapsible: false,\n requestToggle() {\n /* noop */\n },\n});\n\nexport const AccordionProvider = AccordionContext.Provider;\nexport const useAccordionContext_unstable = <T>(selector: ContextSelector<AccordionContextValue, T>): T =>\n useContextSelector(AccordionContext, selector);\n"],"sourceRoot":"../src/"}
package/lib/components/AccordionHeader/AccordionHeader.types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionHeader.types.js","sourceRoot":"../src/","sources":["components/AccordionHeader/AccordionHeader.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { ARIAButtonSlotProps } from '@fluentui/react-aria';\n\nexport type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large';\nexport type AccordionHeaderExpandIconPosition = 'start' | 'end';\n\nexport type AccordionHeaderContextValue = Required<Pick<AccordionHeaderProps, 'expandIconPosition' | 'size'>> & {\n disabled: boolean;\n open: boolean;\n};\n\nexport type AccordionHeaderContextValues = {\n accordionHeader: AccordionHeaderContextValue;\n};\n\nexport type AccordionHeaderSlots = {\n /**\n * The element wrapping the button. By default this is a div, but can be a heading.\n */\n root: Slot<'div', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;\n /**\n * The component to be used as button in heading\n */\n button: NonNullable<Slot<ARIAButtonSlotProps>>;\n /**\n * Expand icon slot rendered before (or after) children content in heading.\n */\n expandIcon: Slot<'span'>;\n /**\n * Expand icon slot rendered before (or after) children content in heading.\n */\n icon?: Slot<'div'>;\n};\n\nexport type AccordionHeaderProps = ComponentProps<Partial<AccordionHeaderSlots>> & {\n /**\n * The position of the expand icon slot in heading.\n */\n expandIconPosition?: AccordionHeaderExpandIconPosition;\n\n /**\n * Indicates if the AccordionHeader should be rendered inline.\n */\n inline?: boolean;\n\n /**\n * Size of spacing in the heading.\n */\n size?: AccordionHeaderSize;\n};\n\nexport type AccordionHeaderState = ComponentState<AccordionHeaderSlots> &\n Required<Pick<AccordionHeaderProps, 'inline'>> &\n AccordionHeaderContextValue;\n"]}
1
+ {"version":3,"file":"AccordionHeader.types.js","sourceRoot":"../src/","sources":["components/AccordionHeader/AccordionHeader.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { ARIAButtonSlotProps } from '@fluentui/react-aria';\n\nexport type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large';\nexport type AccordionHeaderExpandIconPosition = 'start' | 'end';\n\nexport type AccordionHeaderContextValue = Required<Pick<AccordionHeaderProps, 'expandIconPosition' | 'size'>> & {\n disabled: boolean;\n open: boolean;\n};\n\nexport type AccordionHeaderContextValues = {\n accordionHeader: AccordionHeaderContextValue;\n};\n\nexport type AccordionHeaderSlots = {\n /**\n * The element wrapping the button. By default this is a div, but can be a heading.\n */\n root: Slot<'div', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;\n /**\n * The component to be used as button in heading\n */\n button: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;\n /**\n * Expand icon slot rendered before (or after) children content in heading.\n */\n expandIcon: Slot<'span'>;\n /**\n * Expand icon slot rendered before (or after) children content in heading.\n */\n icon?: Slot<'div'>;\n};\n\nexport type AccordionHeaderProps = ComponentProps<Partial<AccordionHeaderSlots>> & {\n /**\n * The position of the expand icon slot in heading.\n */\n expandIconPosition?: AccordionHeaderExpandIconPosition;\n\n /**\n * Indicates if the AccordionHeader should be rendered inline.\n */\n inline?: boolean;\n\n /**\n * Size of spacing in the heading.\n */\n size?: AccordionHeaderSize;\n};\n\nexport type AccordionHeaderState = ComponentState<AccordionHeaderSlots> &\n Required<Pick<AccordionHeaderProps, 'inline'>> &\n AccordionHeaderContextValue;\n"]}
package/lib/components/AccordionHeader/AccordionHeaderContext.js CHANGED
@@ -1,4 +1,5 @@
1
- import * as React from 'react';
1
+ import * as React from 'react'; // eslint-disable-next-line @fluentui/no-context-default-value
2
+
2
3
  export const AccordionHeaderContext = /*#__PURE__*/React.createContext({
3
4
  open: false,
4
5
  disabled: false,
package/lib/components/AccordionHeader/AccordionHeaderContext.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/AccordionHeader/AccordionHeaderContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAGA,OAAO,MAAM,sBAAsB,gBAAG,KAAK,CAAC,aAAN,CAAiD;EACrF,IAAI,EAAE,KAD+E;EAErF,QAAQ,EAAE,KAF2E;EAGrF,IAAI,EAAE,QAH+E;EAIrF,kBAAkB,EAAE;AAJiE,CAAjD,CAA/B;AAOP,OAAO,MAAM,yBAAyB,GAAG,MAAM,KAAK,CAAC,UAAN,CAAiB,sBAAjB,CAAxC","sourcesContent":["import * as React from 'react';\nimport type { AccordionHeaderContextValue } from './AccordionHeader.types';\n\nexport const AccordionHeaderContext = React.createContext<AccordionHeaderContextValue>({\n open: false,\n disabled: false,\n size: 'medium',\n expandIconPosition: 'start',\n});\n\nexport const useAccordionHeaderContext = () => React.useContext(AccordionHeaderContext);\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["components/AccordionHeader/AccordionHeaderContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB,C,CAGA;;AACA,OAAO,MAAM,sBAAsB,gBAAG,KAAK,CAAC,aAAN,CAAiD;EACrF,IAAI,EAAE,KAD+E;EAErF,QAAQ,EAAE,KAF2E;EAGrF,IAAI,EAAE,QAH+E;EAIrF,kBAAkB,EAAE;AAJiE,CAAjD,CAA/B;AAOP,OAAO,MAAM,yBAAyB,GAAG,MAAM,KAAK,CAAC,UAAN,CAAiB,sBAAjB,CAAxC","sourcesContent":["import * as React from 'react';\nimport type { AccordionHeaderContextValue } from './AccordionHeader.types';\n\n// eslint-disable-next-line @fluentui/no-context-default-value\nexport const AccordionHeaderContext = React.createContext<AccordionHeaderContextValue>({\n open: false,\n disabled: false,\n size: 'medium',\n expandIconPosition: 'start',\n});\n\nexport const useAccordionHeaderContext = () => React.useContext(AccordionHeaderContext);\n"],"sourceRoot":"../src/"}
package/lib/components/AccordionHeader/useAccordionHeader.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { getNativeElementProps, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';
3
3
  import { useAccordionItemContext_unstable } from '../AccordionItem/index';
4
- import { useARIAButton } from '@fluentui/react-aria';
4
+ import { useARIAButtonShorthand } from '@fluentui/react-aria';
5
5
  import { useContextSelector } from '@fluentui/react-context-selector';
6
6
  import { AccordionContext } from '../Accordion/AccordionContext';
7
7
  import { ChevronRightRegular } from '@fluentui/react-icons';
@@ -47,7 +47,7 @@ export const useAccordionHeader_unstable = (props, ref) => {
47
47
  expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;
48
48
  }
49
49
 
50
- const buttonShorthand = useARIAButton(button, {
50
+ const buttonShorthand = useARIAButtonShorthand(button, {
51
51
  required: true,
52
52
  defaultProps: {
53
53
  disabled,
package/lib/components/AccordionHeader/useAccordionHeader.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/AccordionHeader/useAccordionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,qBAAT,EAAgC,gBAAhC,EAAkD,gBAAlD,QAA0E,2BAA1E;AACA,SAAS,gCAAT,QAAiD,wBAAjD;AACA,SAAS,aAAT,QAA8B,sBAA9B;AAEA,SAAS,kBAAT,QAAmC,kCAAnC;AACA,SAAS,gBAAT,QAAiC,+BAAjC;AACA,SAAS,mBAAT,QAAoC,uBAApC;AACA,SAAS,kBAAkB,IAAI,SAA/B,QAAgD,iCAAhD;AAEA;;;;AAIG;;AACH,OAAO,MAAM,2BAA2B,GAAG,CACzC,KADyC,EAEzC,GAFyC,KAGjB;EACxB,MAAM;IAAE,EAAF;IAAM,IAAN;IAAY,MAAZ;IAAoB,UAApB;IAAgC,MAAM,GAAG,KAAzC;IAAgD,IAAI,GAAG,QAAvD;IAAiE,kBAAkB,GAAG;EAAtF,IAAkG,KAAxG;EACA,MAAM;IAAE,aAAa,EAAE,sBAAjB;IAAyC,QAAzC;IAAmD;EAAnD,IAA4D,gCAAgC,EAAlG;EAEA;;;AAGG;;EACH,MAAM,iBAAiB,GAAG,kBAAkB,CAC1C,gBAD0C,EAE1C,GAAG,IAAI,CAAC,GAAG,CAAC,WAAL,IAAoB,GAAG,CAAC,SAAJ,CAAc,MAAd,KAAyB,CAA7C,IAAkD,IAFf,CAA5C;EAKA,MAAM;IAAE;EAAF,IAAU,SAAS,EAAzB,CAbwB,CAexB;;EACA,IAAI,kBAAJ;;EACA,IAAI,kBAAkB,KAAK,KAA3B,EAAkC;IAChC;IACA,kBAAkB,GAAG,IAAI,GAAG,CAAC,EAAJ,GAAS,EAAlC;EACD,CAHD,MAGO;IACL;IACA,kBAAkB,GAAG,IAAI,GAAG,EAAH,GAAQ,GAAG,KAAK,KAAR,GAAgB,CAAhB,GAAoB,GAArD;EACD;;EAED,MAAM,eAAe,GAAG,aAAa,CAAC,MAAD,EAAS;IAC5C,QAAQ,EAAE,IADkC;IAE5C,YAAY,EAAE;MACZ,QADY;MAEZ,iBAFY;MAGZ,iBAAiB;IAHL;EAF8B,CAAT,CAArC;EASA,OAAO;IACL,QADK;IAEL,IAFK;IAGL,IAHK;IAIL,MAJK;IAKL,kBALK;IAML,UAAU,EAAE;MACV,IAAI,EAAE,KADI;MAEV,MAAM,EAAE,QAFE;MAGV,UAAU,EAAE,MAHF;MAIV,IAAI,EAAE;IAJI,CANP;IAYL,IAAI,EAAE,qBAAqB,CAAC,EAAE,IAAI,KAAP,EAAc;MACvC,GADuC;MAEvC,GAAG;IAFoC,CAAd,CAZtB;IAgBL,IAAI,EAAE,gBAAgB,CAAC,IAAD,CAhBjB;IAiBL,UAAU,EAAE,gBAAgB,CAAC,UAAD,EAAa;MACvC,QAAQ,EAAE,IAD6B;MAEvC,YAAY,EAAE;QACZ,QAAQ,eAAE,KAAA,CAAA,aAAA,CAAC,mBAAD,EAAoB;UAAC,SAAS,EAAE,UAAU,kBAAkB;QAAxC,CAApB,CADE;QAEZ,eAAe;MAFH;IAFyB,CAAb,CAjBvB;IAwBL,MAAM,EAAE,EACN,GAAG,eADG;MAEN,OAAO,EAAE,gBAAgB,CACtB,EAAD,IAAmG;;;QACjG,CAAA,EAAA,GAAA,eAAe,CAAC,OAAhB,MAAuB,IAAvB,IAAuB,EAAA,KAAA,KAAA,CAAvB,GAAuB,KAAA,CAAvB,GAAuB,EAAA,CAAA,IAAA,CAAvB,eAAuB,EAAG,EAAH,CAAvB;;QACA,IAAI,CAAC,EAAE,CAAC,gBAAR,EAA0B;UACxB,sBAAsB,CAAC,EAAD,CAAtB;QACD;MACF,CANsB;IAFnB;EAxBH,CAAP;AAoCD,CAzEM","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';\nimport { useAccordionItemContext_unstable } from '../AccordionItem/index';\nimport { useARIAButton } from '@fluentui/react-aria';\nimport type { AccordionHeaderProps, AccordionHeaderState } from './AccordionHeader.types';\nimport { useContextSelector } from '@fluentui/react-context-selector';\nimport { AccordionContext } from '../Accordion/AccordionContext';\nimport { ChevronRightRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionHeader properties\n * @param ref - reference to root HTMLElement of AccordionHeader\n */\nexport const useAccordionHeader_unstable = (\n props: AccordionHeaderProps,\n ref: React.Ref<HTMLElement>,\n): AccordionHeaderState => {\n const { as, icon, button, expandIcon, inline = false, size = 'medium', expandIconPosition = 'start' } = props;\n const { onHeaderClick: onAccordionHeaderClick, disabled, open } = useAccordionItemContext_unstable();\n\n /**\n * force disabled state on button if accordion isn't collapsible\n * and this is the only item opened\n */\n const disabledFocusable = useContextSelector(\n AccordionContext,\n ctx => !ctx.collapsible && ctx.openItems.length === 1 && open,\n );\n\n const { dir } = useFluent();\n\n // Calculate how to rotate the expand icon [>] (ChevronRightRegular)\n let expandIconRotation: 0 | 90 | -90 | 180;\n if (expandIconPosition === 'end') {\n // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed\n expandIconRotation = open ? -90 : 90;\n } else {\n // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed\n expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;\n }\n\n const buttonShorthand = useARIAButton(button, {\n required: true,\n defaultProps: {\n disabled,\n disabledFocusable,\n 'aria-expanded': open,\n },\n });\n\n return {\n disabled,\n open,\n size,\n inline,\n expandIconPosition,\n components: {\n root: 'div',\n button: 'button',\n expandIcon: 'span',\n icon: 'div',\n },\n root: getNativeElementProps(as || 'div', {\n ref,\n ...props,\n }),\n icon: resolveShorthand(icon),\n expandIcon: resolveShorthand(expandIcon, {\n required: true,\n defaultProps: {\n children: <ChevronRightRegular transform={`rotate(${expandIconRotation})`} />,\n 'aria-hidden': true,\n },\n }),\n button: {\n ...buttonShorthand,\n onClick: useEventCallback(\n (ev: React.MouseEvent<HTMLButtonElement & HTMLDivElement & HTMLSpanElement & HTMLAnchorElement>) => {\n buttonShorthand.onClick?.(ev);\n if (!ev.defaultPrevented) {\n onAccordionHeaderClick(ev);\n }\n },\n ),\n },\n };\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["components/AccordionHeader/useAccordionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,qBAAT,EAAgC,gBAAhC,EAAkD,gBAAlD,QAA0E,2BAA1E;AACA,SAAS,gCAAT,QAAiD,wBAAjD;AACA,SAAS,sBAAT,QAAuC,sBAAvC;AAEA,SAAS,kBAAT,QAAmC,kCAAnC;AACA,SAAS,gBAAT,QAAiC,+BAAjC;AACA,SAAS,mBAAT,QAAoC,uBAApC;AACA,SAAS,kBAAkB,IAAI,SAA/B,QAAgD,iCAAhD;AAEA;;;;AAIG;;AACH,OAAO,MAAM,2BAA2B,GAAG,CACzC,KADyC,EAEzC,GAFyC,KAGjB;EACxB,MAAM;IAAE,EAAF;IAAM,IAAN;IAAY,MAAZ;IAAoB,UAApB;IAAgC,MAAM,GAAG,KAAzC;IAAgD,IAAI,GAAG,QAAvD;IAAiE,kBAAkB,GAAG;EAAtF,IAAkG,KAAxG;EACA,MAAM;IAAE,aAAa,EAAE,sBAAjB;IAAyC,QAAzC;IAAmD;EAAnD,IAA4D,gCAAgC,EAAlG;EAEA;;;AAGG;;EACH,MAAM,iBAAiB,GAAG,kBAAkB,CAC1C,gBAD0C,EAE1C,GAAG,IAAI,CAAC,GAAG,CAAC,WAAL,IAAoB,GAAG,CAAC,SAAJ,CAAc,MAAd,KAAyB,CAA7C,IAAkD,IAFf,CAA5C;EAKA,MAAM;IAAE;EAAF,IAAU,SAAS,EAAzB,CAbwB,CAexB;;EACA,IAAI,kBAAJ;;EACA,IAAI,kBAAkB,KAAK,KAA3B,EAAkC;IAChC;IACA,kBAAkB,GAAG,IAAI,GAAG,CAAC,EAAJ,GAAS,EAAlC;EACD,CAHD,MAGO;IACL;IACA,kBAAkB,GAAG,IAAI,GAAG,EAAH,GAAQ,GAAG,KAAK,KAAR,GAAgB,CAAhB,GAAoB,GAArD;EACD;;EAED,MAAM,eAAe,GAAG,sBAAsB,CAAC,MAAD,EAAS;IACrD,QAAQ,EAAE,IAD2C;IAErD,YAAY,EAAE;MACZ,QADY;MAEZ,iBAFY;MAGZ,iBAAiB;IAHL;EAFuC,CAAT,CAA9C;EASA,OAAO;IACL,QADK;IAEL,IAFK;IAGL,IAHK;IAIL,MAJK;IAKL,kBALK;IAML,UAAU,EAAE;MACV,IAAI,EAAE,KADI;MAEV,MAAM,EAAE,QAFE;MAGV,UAAU,EAAE,MAHF;MAIV,IAAI,EAAE;IAJI,CANP;IAYL,IAAI,EAAE,qBAAqB,CAAC,EAAE,IAAI,KAAP,EAAc;MACvC,GADuC;MAEvC,GAAG;IAFoC,CAAd,CAZtB;IAgBL,IAAI,EAAE,gBAAgB,CAAC,IAAD,CAhBjB;IAiBL,UAAU,EAAE,gBAAgB,CAAC,UAAD,EAAa;MACvC,QAAQ,EAAE,IAD6B;MAEvC,YAAY,EAAE;QACZ,QAAQ,eAAE,KAAA,CAAA,aAAA,CAAC,mBAAD,EAAoB;UAAC,SAAS,EAAE,UAAU,kBAAkB;QAAxC,CAApB,CADE;QAEZ,eAAe;MAFH;IAFyB,CAAb,CAjBvB;IAwBL,MAAM,EAAE,EACN,GAAG,eADG;MAEN,OAAO,EAAE,gBAAgB,CACtB,EAAD,IAAmG;;;QACjG,CAAA,EAAA,GAAA,eAAe,CAAC,OAAhB,MAAuB,IAAvB,IAAuB,EAAA,KAAA,KAAA,CAAvB,GAAuB,KAAA,CAAvB,GAAuB,EAAA,CAAA,IAAA,CAAvB,eAAuB,EAAG,EAAH,CAAvB;;QACA,IAAI,CAAC,EAAE,CAAC,gBAAR,EAA0B;UACxB,sBAAsB,CAAC,EAAD,CAAtB;QACD;MACF,CANsB;IAFnB;EAxBH,CAAP;AAoCD,CAzEM","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';\nimport { useAccordionItemContext_unstable } from '../AccordionItem/index';\nimport { useARIAButtonShorthand } from '@fluentui/react-aria';\nimport type { AccordionHeaderProps, AccordionHeaderState } from './AccordionHeader.types';\nimport { useContextSelector } from '@fluentui/react-context-selector';\nimport { AccordionContext } from '../Accordion/AccordionContext';\nimport { ChevronRightRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionHeader properties\n * @param ref - reference to root HTMLElement of AccordionHeader\n */\nexport const useAccordionHeader_unstable = (\n props: AccordionHeaderProps,\n ref: React.Ref<HTMLElement>,\n): AccordionHeaderState => {\n const { as, icon, button, expandIcon, inline = false, size = 'medium', expandIconPosition = 'start' } = props;\n const { onHeaderClick: onAccordionHeaderClick, disabled, open } = useAccordionItemContext_unstable();\n\n /**\n * force disabled state on button if accordion isn't collapsible\n * and this is the only item opened\n */\n const disabledFocusable = useContextSelector(\n AccordionContext,\n ctx => !ctx.collapsible && ctx.openItems.length === 1 && open,\n );\n\n const { dir } = useFluent();\n\n // Calculate how to rotate the expand icon [>] (ChevronRightRegular)\n let expandIconRotation: 0 | 90 | -90 | 180;\n if (expandIconPosition === 'end') {\n // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed\n expandIconRotation = open ? -90 : 90;\n } else {\n // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed\n expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;\n }\n\n const buttonShorthand = useARIAButtonShorthand(button, {\n required: true,\n defaultProps: {\n disabled,\n disabledFocusable,\n 'aria-expanded': open,\n },\n });\n\n return {\n disabled,\n open,\n size,\n inline,\n expandIconPosition,\n components: {\n root: 'div',\n button: 'button',\n expandIcon: 'span',\n icon: 'div',\n },\n root: getNativeElementProps(as || 'div', {\n ref,\n ...props,\n }),\n icon: resolveShorthand(icon),\n expandIcon: resolveShorthand(expandIcon, {\n required: true,\n defaultProps: {\n children: <ChevronRightRegular transform={`rotate(${expandIconRotation})`} />,\n 'aria-hidden': true,\n },\n }),\n button: {\n ...buttonShorthand,\n onClick: useEventCallback(\n (ev: React.MouseEvent<HTMLButtonElement & HTMLDivElement & HTMLSpanElement & HTMLAnchorElement>) => {\n buttonShorthand.onClick?.(ev);\n if (!ev.defaultPrevented) {\n onAccordionHeaderClick(ev);\n }\n },\n ),\n },\n };\n};\n"],"sourceRoot":"../src/"}
package/lib/components/AccordionHeader/useAccordionHeaderStyles.js CHANGED
@@ -27,34 +27,35 @@ const useStyles = /*#__PURE__*/__styles({
27
27
  },
28
28
  "focusIndicator": {
29
29
  "Brovlpu": "ftqa4ok",
30
- "Bnmjwt4": "flfsvnh",
31
- "Jopkrh": ["f1781m5e", "flvaaa9"],
32
- "hhrs2v": "f50u1b5",
33
- "B7jbng7": ["flvaaa9", "f1781m5e"],
34
- "f1b1x7": "f1qcdkjp",
35
- "Bsoonpj": "frwipam",
36
- "kb7xbg": "fm04wnm",
37
- "Bpbhbne": "ffifs4z",
38
- "qtucbz": "f1jttrum",
39
- "Bh4x314": ["fowbmzg", "f1kmm3zi"],
40
- "pacjzv": "f1rvwwl",
41
- "wv8bgo": ["f1kmm3zi", "fowbmzg"],
42
- "Bpmb9kz": "f1rr3duc",
43
- "hnpbc": ["fgqh5zl", "f10j7ty9"],
44
- "six9ky": "f6lagvf",
45
- "I0dgv4": ["f10j7ty9", "fgqh5zl"],
46
- "I0hmzl": ["fs84u7a", "f1wn75x5"],
47
- "Bfxuv1t": ["f1wn75x5", "fs84u7a"],
48
- "Bqb1ydo": ["fofgg9s", "fs920pv"],
49
- "Bwhd17d": ["fs920pv", "fofgg9s"],
50
- "B738g9f": "f1o5urc0",
51
- "Ba0kx5p": ["fo4xo12", "f69zm5y"],
52
- "mqxxu3": "f6upevr",
53
- "Bybbesa": ["f69zm5y", "fo4xo12"],
54
- "B65jt9l": "fetpwnh",
55
- "Bno0hdv": "fki52xb",
56
- "znsjfh": ["f1ubvch9", "fs3hv49"],
57
- "B4k4nqf": ["fs3hv49", "f1ubvch9"]
30
+ "B486eqv": "f2hkw1w",
31
+ "Bvjrn4i": "fvvvjju",
32
+ "Bfjx6ro": ["f1j42xvt", "ftiyk5j"],
33
+ "vkx7if": "f3za06g",
34
+ "Bhdpb9s": ["ftiyk5j", "f1j42xvt"],
35
+ "Bpou26a": "f1l3yytu",
36
+ "Bxui8rh": "fnfm6nw",
37
+ "v96tid": "f19m7vnf",
38
+ "cyjxpb": "f8p7r4r",
39
+ "Bn0no95": "f1iilt6f",
40
+ "B573luj": ["f2keu4t", "f14fcfgr"],
41
+ "B639bv6": "faptqjd",
42
+ "shdfye": ["f14fcfgr", "f2keu4t"],
43
+ "gekwd": "fhcdesm",
44
+ "Du8lva": ["f17qorvy", "f1s68zmt"],
45
+ "Bxo5kf0": "f1kaw87x",
46
+ "G4c1lw": ["f1s68zmt", "f17qorvy"],
47
+ "B7295ny": ["fcxw5no", "f1klxzyg"],
48
+ "Bfl2641": ["f1klxzyg", "fcxw5no"],
49
+ "Bc850wg": ["f8h35c5", "f41fp59"],
50
+ "Bwbif6r": ["f41fp59", "f8h35c5"],
51
+ "Bc7x9ep": "f89yr8c",
52
+ "Btolfwl": ["f3vokhu", "fgoym2l"],
53
+ "nuwgkz": "f1b662q1",
54
+ "iduwum": ["fgoym2l", "f3vokhu"],
55
+ "zp4aim": "fn1y60j",
56
+ "Br8g1vq": "f197ac7e",
57
+ "s8cxrh": ["f1yd45vn", "f1w8wcpf"],
58
+ "dw1usy": ["f1w8wcpf", "f1yd45vn"]
58
59
  },
59
60
  "root": {
60
61
  "sj55zd": "f19n0e5",
@@ -152,8 +153,9 @@ const useStyles = /*#__PURE__*/__styles({
152
153
  "Be2twd7": "f1pp30po"
153
154
  }
154
155
  }, {
155
- "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;}", ".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] .f1qcdkjp:focus::after{content:\"\";}", "[data-keyboard-nav] .frwipam:focus::after{position:absolute;}", "[data-keyboard-nav] .fm04wnm:focus::after{pointer-events:none;}", "[data-keyboard-nav] .ffifs4z:focus::after{z-index:1;}", "[data-keyboard-nav] .f1jttrum:focus::after{border-top-style:solid;}", "[data-keyboard-nav] .fowbmzg:focus::after{border-right-style:solid;}", "[data-keyboard-nav] .f1kmm3zi:focus::after{border-left-style:solid;}", "[data-keyboard-nav] .f1rvwwl:focus::after{border-bottom-style:solid;}", "[data-keyboard-nav] .f1rr3duc:focus::after{border-top-width:2px;}", "[data-keyboard-nav] .fgqh5zl:focus::after{border-right-width:2px;}", "[data-keyboard-nav] .f10j7ty9:focus::after{border-left-width:2px;}", "[data-keyboard-nav] .f6lagvf:focus::after{border-bottom-width:2px;}", "[data-keyboard-nav] .fs84u7a:focus::after{border-bottom-right-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .f1wn75x5:focus::after{border-bottom-left-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .fofgg9s:focus::after{border-top-right-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .fs920pv:focus::after{border-top-left-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .f1o5urc0:focus::after{border-top-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .fo4xo12:focus::after{border-right-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f69zm5y:focus::after{border-left-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f6upevr:focus::after{border-bottom-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .fetpwnh:focus::after{top:-2px;}", "[data-keyboard-nav] .fki52xb:focus::after{bottom:-2px;}", "[data-keyboard-nav] .f1ubvch9:focus::after{left:-2px;}", "[data-keyboard-nav] .fs3hv49:focus::after{right:-2px;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".fwrgwhw{background-image:none;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f14t3ns0{display:inline-block;}", ".f10pi13n{position:relative;}", ".fly5x3f{width:100%;}", ".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;}", ".fw5db7e{padding-right:var(--spacingHorizontalM);}", ".f1uw59to{padding-left:var(--spacingHorizontalM);}", ".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}", ".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}", ".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;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f1ewtqcl{box-sizing:border-box;}", ".f1d2rq10{height:32px;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".f106mvju{line-height:var(--lineHeightBase500);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".f1l02sjl{height:100%;}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".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;}"],
156
- "f": [".ftqa4ok:focus{outline-style:none;}"]
156
+ "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;}", ".fgusgyc{text-align:unset;}", ".fui-FluentProvider .fvvvjju.fui-focus-visible{border-top-color:transparent;}", ".fui-FluentProvider .f1j42xvt.fui-focus-visible{border-right-color:transparent;}", ".fui-FluentProvider .ftiyk5j.fui-focus-visible{border-left-color:transparent;}", ".fui-FluentProvider .f3za06g.fui-focus-visible{border-bottom-color:transparent;}", ".fui-FluentProvider .f1l3yytu.fui-focus-visible::after{content:\"\";}", ".fui-FluentProvider .fnfm6nw.fui-focus-visible::after{position:absolute;}", ".fui-FluentProvider .f19m7vnf.fui-focus-visible::after{pointer-events:none;}", ".fui-FluentProvider .f8p7r4r.fui-focus-visible::after{z-index:1;}", ".fui-FluentProvider .f1iilt6f.fui-focus-visible::after{border-top-style:solid;}", ".fui-FluentProvider .f2keu4t.fui-focus-visible::after{border-right-style:solid;}", ".fui-FluentProvider .f14fcfgr.fui-focus-visible::after{border-left-style:solid;}", ".fui-FluentProvider .faptqjd.fui-focus-visible::after{border-bottom-style:solid;}", ".fui-FluentProvider .fhcdesm.fui-focus-visible::after{border-top-width:2px;}", ".fui-FluentProvider .f17qorvy.fui-focus-visible::after{border-right-width:2px;}", ".fui-FluentProvider .f1s68zmt.fui-focus-visible::after{border-left-width:2px;}", ".fui-FluentProvider .f1kaw87x.fui-focus-visible::after{border-bottom-width:2px;}", ".fui-FluentProvider .fcxw5no.fui-focus-visible::after{border-bottom-right-radius:var(--borderRadiusMedium);}", ".fui-FluentProvider .f1klxzyg.fui-focus-visible::after{border-bottom-left-radius:var(--borderRadiusMedium);}", ".fui-FluentProvider .f8h35c5.fui-focus-visible::after{border-top-right-radius:var(--borderRadiusMedium);}", ".fui-FluentProvider .f41fp59.fui-focus-visible::after{border-top-left-radius:var(--borderRadiusMedium);}", ".fui-FluentProvider .f89yr8c.fui-focus-visible::after{border-top-color:var(--colorStrokeFocus2);}", ".fui-FluentProvider .f3vokhu.fui-focus-visible::after{border-right-color:var(--colorStrokeFocus2);}", ".fui-FluentProvider .fgoym2l.fui-focus-visible::after{border-left-color:var(--colorStrokeFocus2);}", ".fui-FluentProvider .f1b662q1.fui-focus-visible::after{border-bottom-color:var(--colorStrokeFocus2);}", ".fui-FluentProvider .fn1y60j.fui-focus-visible::after{top:-2px;}", ".fui-FluentProvider .f197ac7e.fui-focus-visible::after{bottom:-2px;}", ".fui-FluentProvider .f1yd45vn.fui-focus-visible::after{left:-2px;}", ".fui-FluentProvider .f1w8wcpf.fui-focus-visible::after{right:-2px;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".fwrgwhw{background-image:none;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f14t3ns0{display:inline-block;}", ".f10pi13n{position:relative;}", ".fly5x3f{width:100%;}", ".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;}", ".fw5db7e{padding-right:var(--spacingHorizontalM);}", ".f1uw59to{padding-left:var(--spacingHorizontalM);}", ".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}", ".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}", ".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;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f1ewtqcl{box-sizing:border-box;}", ".f1d2rq10{height:32px;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".f106mvju{line-height:var(--lineHeightBase500);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".f1l02sjl{height:100%;}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".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;}"],
157
+ "f": [".ftqa4ok:focus{outline-style:none;}"],
158
+ "i": [".f2hkw1w:focus-visible{outline-style:none;}"]
157
159
  });
158
160
  /** Applies style classnames to slots */
159
161
 
package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map CHANGED
@@ -1 +1 @@
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, typographyStyles } from '@fluentui/react-theme';\nimport type { AccordionHeaderSlots, AccordionHeaderState } from './AccordionHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const accordionHeaderClassNames: SlotClassNames<AccordionHeaderSlots> = {\n root: 'fui-AccordionHeader',\n button: 'fui-AccordionHeader__button',\n expandIcon: 'fui-AccordionHeader__expandIcon',\n icon: 'fui-AccordionHeader__icon',\n};\n\nconst useStyles = makeStyles({\n // TODO: this should be extracted to another package\n resetButton: {\n boxSizing: 'content-box',\n backgroundColor: 'inherit',\n color: 'inherit',\n fontFamily: 'inherit',\n fontSize: 'inherit',\n lineHeight: 'normal',\n ...shorthands.overflow('visible'),\n ...shorthands.padding(0),\n WebkitAppearance: 'button',\n textAlign: 'unset',\n },\n focusIndicator: createFocusOutlineStyle(),\n root: {\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.margin(0),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n },\n rootDisabled: {\n backgroundImage: 'none',\n color: tokens.colorNeutralForegroundDisabled,\n },\n rootInline: {\n display: 'inline-block',\n },\n button: {\n position: 'relative',\n width: '100%',\n ...shorthands.border('1px', 'solid', 'transparent'),\n ...shorthands.padding(0, tokens.spacingHorizontalM, 0, tokens.spacingHorizontalMNudge),\n height: '44px',\n display: 'flex',\n alignItems: 'center',\n cursor: 'pointer',\n ...typographyStyles.body1,\n boxSizing: 'border-box',\n },\n buttonSmall: {\n height: '32px',\n fontSize: tokens.fontSizeBase200,\n },\n buttonLarge: {\n lineHeight: tokens.lineHeightBase400,\n fontSize: tokens.fontSizeBase400,\n },\n buttonExtraLarge: {\n lineHeight: tokens.lineHeightBase500,\n fontSize: tokens.fontSizeBase500,\n },\n buttonInline: {\n display: 'inline-flex',\n },\n buttonExpandIconEndNoIcon: {\n paddingLeft: tokens.spacingHorizontalM,\n },\n buttonExpandIconEnd: {\n paddingRight: tokens.spacingHorizontalMNudge,\n },\n expandIcon: {\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n lineHeight: tokens.lineHeightBase500,\n fontSize: tokens.fontSizeBase500,\n },\n expandIconStart: {\n paddingRight: tokens.spacingHorizontalS,\n },\n expandIconEnd: {\n flexGrow: 1,\n flexShrink: 1,\n flexBasis: '0%',\n display: 'flex',\n justifyContent: 'flex-end',\n paddingLeft: tokens.spacingHorizontalS,\n },\n icon: {\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n paddingRight: tokens.spacingHorizontalS,\n lineHeight: tokens.lineHeightBase500,\n fontSize: tokens.fontSizeBase500,\n },\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionHeaderStyles_unstable = (state: AccordionHeaderState) => {\n const styles = useStyles();\n state.root.className = mergeClasses(\n accordionHeaderClassNames.root,\n styles.root,\n state.inline && styles.rootInline,\n state.disabled && styles.rootDisabled,\n state.root.className,\n );\n\n state.button.className = mergeClasses(\n accordionHeaderClassNames.button,\n styles.resetButton,\n styles.button,\n styles.focusIndicator,\n state.expandIconPosition === 'end' && !state.icon && styles.buttonExpandIconEndNoIcon,\n state.expandIconPosition === 'end' && styles.buttonExpandIconEnd,\n state.inline && styles.buttonInline,\n state.size === 'small' && styles.buttonSmall,\n state.size === 'large' && styles.buttonLarge,\n state.size === 'extra-large' && styles.buttonExtraLarge,\n state.button.className,\n );\n\n if (state.expandIcon) {\n state.expandIcon.className = mergeClasses(\n accordionHeaderClassNames.expandIcon,\n styles.expandIcon,\n state.expandIconPosition === 'start' && styles.expandIconStart,\n state.expandIconPosition === 'end' && styles.expandIconEnd,\n state.expandIcon.className,\n );\n }\n if (state.icon) {\n state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.icon.className);\n }\n return state;\n};\n"],"sourceRoot":"../src/"}
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,EAAiB,gBAAjB,QAAyC,uBAAzC;AAIA,OAAO,MAAM,yBAAyB,GAAyC;EAC7E,IAAI,EAAE,qBADuE;EAE7E,MAAM,EAAE,6BAFqE;EAG7E,UAAU,EAAE,iCAHiE;EAI7E,IAAI,EAAE;AAJuE,CAAxE;;AAOP,MAAM,SAAS,gBAAG;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;EAAA;EAAA;AAAA,EAAlB;AAyFA;;;AACA,OAAO,MAAM,iCAAiC,GAAI,KAAD,IAAgC;EAC/E,MAAM,MAAM,GAAG,SAAS,EAAxB;EACA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,yBAAyB,CAAC,IADO,EAEjC,MAAM,CAAC,IAF0B,EAGjC,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,UAHU,EAIjC,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,YAJQ,EAKjC,KAAK,CAAC,IAAN,CAAW,SALsB,CAAnC;EAQA,KAAK,CAAC,MAAN,CAAa,SAAb,GAAyB,YAAY,CACnC,yBAAyB,CAAC,MADS,EAEnC,MAAM,CAAC,WAF4B,EAGnC,MAAM,CAAC,MAH4B,EAInC,MAAM,CAAC,cAJ4B,EAKnC,KAAK,CAAC,kBAAN,KAA6B,KAA7B,IAAsC,CAAC,KAAK,CAAC,IAA7C,IAAqD,MAAM,CAAC,yBALzB,EAMnC,KAAK,CAAC,kBAAN,KAA6B,KAA7B,IAAsC,MAAM,CAAC,mBANV,EAOnC,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,YAPY,EAQnC,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,WARE,EASnC,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,WATE,EAUnC,KAAK,CAAC,IAAN,KAAe,aAAf,IAAgC,MAAM,CAAC,gBAVJ,EAWnC,KAAK,CAAC,MAAN,CAAa,SAXsB,CAArC;;EAcA,IAAI,KAAK,CAAC,UAAV,EAAsB;IACpB,KAAK,CAAC,UAAN,CAAiB,SAAjB,GAA6B,YAAY,CACvC,yBAAyB,CAAC,UADa,EAEvC,MAAM,CAAC,UAFgC,EAGvC,KAAK,CAAC,kBAAN,KAA6B,OAA7B,IAAwC,MAAM,CAAC,eAHR,EAIvC,KAAK,CAAC,kBAAN,KAA6B,KAA7B,IAAsC,MAAM,CAAC,aAJN,EAKvC,KAAK,CAAC,UAAN,CAAiB,SALsB,CAAzC;EAOD;;EACD,IAAI,KAAK,CAAC,IAAV,EAAgB;IACd,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,yBAAyB,CAAC,IAA3B,EAAiC,MAAM,CAAC,IAAxC,EAA8C,KAAK,CAAC,IAAN,CAAW,SAAzD,CAAnC;EACD;;EACD,OAAO,KAAP;AACD,CArCM","sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { AccordionHeaderSlots, AccordionHeaderState } from './AccordionHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const accordionHeaderClassNames: SlotClassNames<AccordionHeaderSlots> = {\n root: 'fui-AccordionHeader',\n button: 'fui-AccordionHeader__button',\n expandIcon: 'fui-AccordionHeader__expandIcon',\n icon: 'fui-AccordionHeader__icon',\n};\n\nconst useStyles = makeStyles({\n // TODO: this should be extracted to another package\n resetButton: {\n boxSizing: 'content-box',\n backgroundColor: 'inherit',\n color: 'inherit',\n fontFamily: 'inherit',\n fontSize: 'inherit',\n lineHeight: 'normal',\n ...shorthands.overflow('visible'),\n ...shorthands.padding(0),\n WebkitAppearance: 'button',\n textAlign: 'unset',\n },\n focusIndicator: createFocusOutlineStyle(),\n root: {\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.margin(0),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n },\n rootDisabled: {\n backgroundImage: 'none',\n color: tokens.colorNeutralForegroundDisabled,\n },\n rootInline: {\n display: 'inline-block',\n },\n button: {\n position: 'relative',\n width: '100%',\n ...shorthands.border('1px', 'solid', 'transparent'),\n ...shorthands.padding(0, tokens.spacingHorizontalM, 0, tokens.spacingHorizontalMNudge),\n height: '44px',\n display: 'flex',\n alignItems: 'center',\n cursor: 'pointer',\n ...typographyStyles.body1,\n boxSizing: 'border-box',\n },\n buttonSmall: {\n height: '32px',\n fontSize: tokens.fontSizeBase200,\n },\n buttonLarge: {\n lineHeight: tokens.lineHeightBase400,\n fontSize: tokens.fontSizeBase400,\n },\n buttonExtraLarge: {\n lineHeight: tokens.lineHeightBase500,\n fontSize: tokens.fontSizeBase500,\n },\n buttonInline: {\n display: 'inline-flex',\n },\n buttonExpandIconEndNoIcon: {\n paddingLeft: tokens.spacingHorizontalM,\n },\n buttonExpandIconEnd: {\n paddingRight: tokens.spacingHorizontalMNudge,\n },\n expandIcon: {\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n lineHeight: tokens.lineHeightBase500,\n fontSize: tokens.fontSizeBase500,\n },\n expandIconStart: {\n paddingRight: tokens.spacingHorizontalS,\n },\n expandIconEnd: {\n flexGrow: 1,\n flexShrink: 1,\n flexBasis: '0%',\n display: 'flex',\n justifyContent: 'flex-end',\n paddingLeft: tokens.spacingHorizontalS,\n },\n icon: {\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n paddingRight: tokens.spacingHorizontalS,\n lineHeight: tokens.lineHeightBase500,\n fontSize: tokens.fontSizeBase500,\n },\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionHeaderStyles_unstable = (state: AccordionHeaderState) => {\n const styles = useStyles();\n state.root.className = mergeClasses(\n accordionHeaderClassNames.root,\n styles.root,\n state.inline && styles.rootInline,\n state.disabled && styles.rootDisabled,\n state.root.className,\n );\n\n state.button.className = mergeClasses(\n accordionHeaderClassNames.button,\n styles.resetButton,\n styles.button,\n styles.focusIndicator,\n state.expandIconPosition === 'end' && !state.icon && styles.buttonExpandIconEndNoIcon,\n state.expandIconPosition === 'end' && styles.buttonExpandIconEnd,\n state.inline && styles.buttonInline,\n state.size === 'small' && styles.buttonSmall,\n state.size === 'large' && styles.buttonLarge,\n state.size === 'extra-large' && styles.buttonExtraLarge,\n state.button.className,\n );\n\n if (state.expandIcon) {\n state.expandIcon.className = mergeClasses(\n accordionHeaderClassNames.expandIcon,\n styles.expandIcon,\n state.expandIconPosition === 'start' && styles.expandIconStart,\n state.expandIconPosition === 'end' && styles.expandIconEnd,\n state.expandIcon.className,\n );\n }\n if (state.icon) {\n state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.icon.className);\n }\n return state;\n};\n"],"sourceRoot":"../src/"}
package/lib/components/AccordionItem/AccordionItemContext.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import * as React from 'react'; // No default value.
2
+ // eslint-disable-next-line @fluentui/no-context-default-value
2
3
 
3
4
  export const AccordionItemContext = /*#__PURE__*/React.createContext({
4
5
  onHeaderClick() {
package/lib/components/AccordionItem/AccordionItemContext.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/AccordionItem/AccordionItemContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB,C,CAGA;;AACA,OAAO,MAAM,oBAAoB,gBAAG,KAAK,CAAC,aAAN,CAA+C;EACjF,aAAa,GAAA;IACX;EACD,CAHgF;;EAIjF,IAAI,EAAE,KAJ2E;EAKjF,QAAQ,EAAE;AALuE,CAA/C,CAA7B;AAQP,OAAO,MAAM,qBAAqB,GAAG,oBAAoB,CAAC,QAAnD;AAEP,OAAO,MAAM,gCAAgC,GAAG,MAAM,KAAK,CAAC,UAAN,CAAiB,oBAAjB,CAA/C","sourcesContent":["import * as React from 'react';\nimport type { AccordionItemContextValue } from './AccordionItem.types';\n\n// No default value.\nexport const AccordionItemContext = React.createContext<AccordionItemContextValue>({\n onHeaderClick() {\n /** */\n },\n open: false,\n disabled: false,\n});\n\nexport const AccordionItemProvider = AccordionItemContext.Provider;\n\nexport const useAccordionItemContext_unstable = () => React.useContext(AccordionItemContext);\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["components/AccordionItem/AccordionItemContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB,C,CAGA;AACA;;AACA,OAAO,MAAM,oBAAoB,gBAAG,KAAK,CAAC,aAAN,CAA+C;EACjF,aAAa,GAAA;IACX;EACD,CAHgF;;EAIjF,IAAI,EAAE,KAJ2E;EAKjF,QAAQ,EAAE;AALuE,CAA/C,CAA7B;AAQP,OAAO,MAAM,qBAAqB,GAAG,oBAAoB,CAAC,QAAnD;AAEP,OAAO,MAAM,gCAAgC,GAAG,MAAM,KAAK,CAAC,UAAN,CAAiB,oBAAjB,CAA/C","sourcesContent":["import * as React from 'react';\nimport type { AccordionItemContextValue } from './AccordionItem.types';\n\n// No default value.\n// eslint-disable-next-line @fluentui/no-context-default-value\nexport const AccordionItemContext = React.createContext<AccordionItemContextValue>({\n onHeaderClick() {\n /** */\n },\n open: false,\n disabled: false,\n});\n\nexport const AccordionItemProvider = AccordionItemContext.Provider;\n\nexport const useAccordionItemContext_unstable = () => React.useContext(AccordionItemContext);\n"],"sourceRoot":"../src/"}
package/lib-commonjs/components/Accordion/AccordionContext.js CHANGED
@@ -5,7 +5,8 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.useAccordionContext_unstable = exports.AccordionProvider = exports.AccordionContext = void 0;
7
7
 
8
- const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
8
+ const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector"); // eslint-disable-next-line @fluentui/no-context-default-value
9
+
9
10
 
10
11
  exports.AccordionContext = /*#__PURE__*/react_context_selector_1.createContext({
11
12
  openItems: [],
package/lib-commonjs/components/Accordion/AccordionContext.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Accordion/AccordionContext.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,wBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AAIa,OAAA,CAAA,gBAAA,gBAAmD,wBAAA,CAAA,aAAA,CAAqC;EACnG,SAAS,EAAE,EADwF;EAEnG,WAAW,EAAE,KAFsF;;EAGnG,aAAa,GAAA;IACX;EACD;;AALkG,CAArC,CAAnD;AAQA,OAAA,CAAA,iBAAA,GAAoB,OAAA,CAAA,gBAAA,CAAiB,QAArC;;AACN,MAAM,4BAA4B,GAAO,QAAJ,IAC1C,wBAAA,CAAA,kBAAA,CAAmB,OAAA,CAAA,gBAAnB,EAAqC,QAArC,CADK;;AAAM,OAAA,CAAA,4BAAA,GAA4B,4BAA5B","sourcesContent":["import { createContext, ContextSelector, useContextSelector } from '@fluentui/react-context-selector';\nimport type { Context } from '@fluentui/react-context-selector';\nimport type { AccordionContextValue } from './Accordion.types';\n\nexport const AccordionContext: Context<AccordionContextValue> = createContext<AccordionContextValue>({\n openItems: [],\n collapsible: false,\n requestToggle() {\n /* noop */\n },\n});\n\nexport const AccordionProvider = AccordionContext.Provider;\nexport const useAccordionContext_unstable = <T>(selector: ContextSelector<AccordionContextValue, T>): T =>\n useContextSelector(AccordionContext, selector);\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["components/Accordion/AccordionContext.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,wBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA,C,CAIA;;;AACa,OAAA,CAAA,gBAAA,gBAAmD,wBAAA,CAAA,aAAA,CAAqC;EACnG,SAAS,EAAE,EADwF;EAEnG,WAAW,EAAE,KAFsF;;EAGnG,aAAa,GAAA;IACX;EACD;;AALkG,CAArC,CAAnD;AAQA,OAAA,CAAA,iBAAA,GAAoB,OAAA,CAAA,gBAAA,CAAiB,QAArC;;AACN,MAAM,4BAA4B,GAAO,QAAJ,IAC1C,wBAAA,CAAA,kBAAA,CAAmB,OAAA,CAAA,gBAAnB,EAAqC,QAArC,CADK;;AAAM,OAAA,CAAA,4BAAA,GAA4B,4BAA5B","sourcesContent":["import { createContext, ContextSelector, useContextSelector } from '@fluentui/react-context-selector';\nimport type { Context } from '@fluentui/react-context-selector';\nimport type { AccordionContextValue } from './Accordion.types';\n\n// eslint-disable-next-line @fluentui/no-context-default-value\nexport const AccordionContext: Context<AccordionContextValue> = createContext<AccordionContextValue>({\n openItems: [],\n collapsible: false,\n requestToggle() {\n /* noop */\n },\n});\n\nexport const AccordionProvider = AccordionContext.Provider;\nexport const useAccordionContext_unstable = <T>(selector: ContextSelector<AccordionContextValue, T>): T =>\n useContextSelector(AccordionContext, selector);\n"],"sourceRoot":"../src/"}
package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js CHANGED
@@ -5,7 +5,8 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.useAccordionHeaderContext = exports.AccordionHeaderContext = void 0;
7
7
 
8
- const React = /*#__PURE__*/require("react");
8
+ const React = /*#__PURE__*/require("react"); // eslint-disable-next-line @fluentui/no-context-default-value
9
+
9
10
 
10
11
  exports.AccordionHeaderContext = /*#__PURE__*/React.createContext({
11
12
  open: false,
package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/AccordionHeader/AccordionHeaderContext.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAGa,OAAA,CAAA,sBAAA,gBAAyB,KAAK,CAAC,aAAN,CAAiD;EACrF,IAAI,EAAE,KAD+E;EAErF,QAAQ,EAAE,KAF2E;EAGrF,IAAI,EAAE,QAH+E;EAIrF,kBAAkB,EAAE;AAJiE,CAAjD,CAAzB;;AAON,MAAM,yBAAyB,GAAG,MAAM,KAAK,CAAC,UAAN,CAAiB,OAAA,CAAA,sBAAjB,CAAxC;;AAAM,OAAA,CAAA,yBAAA,GAAyB,yBAAzB","sourcesContent":["import * as React from 'react';\nimport type { AccordionHeaderContextValue } from './AccordionHeader.types';\n\nexport const AccordionHeaderContext = React.createContext<AccordionHeaderContextValue>({\n open: false,\n disabled: false,\n size: 'medium',\n expandIconPosition: 'start',\n});\n\nexport const useAccordionHeaderContext = () => React.useContext(AccordionHeaderContext);\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["components/AccordionHeader/AccordionHeaderContext.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA,C,CAGA;;;AACa,OAAA,CAAA,sBAAA,gBAAyB,KAAK,CAAC,aAAN,CAAiD;EACrF,IAAI,EAAE,KAD+E;EAErF,QAAQ,EAAE,KAF2E;EAGrF,IAAI,EAAE,QAH+E;EAIrF,kBAAkB,EAAE;AAJiE,CAAjD,CAAzB;;AAON,MAAM,yBAAyB,GAAG,MAAM,KAAK,CAAC,UAAN,CAAiB,OAAA,CAAA,sBAAjB,CAAxC;;AAAM,OAAA,CAAA,yBAAA,GAAyB,yBAAzB","sourcesContent":["import * as React from 'react';\nimport type { AccordionHeaderContextValue } from './AccordionHeader.types';\n\n// eslint-disable-next-line @fluentui/no-context-default-value\nexport const AccordionHeaderContext = React.createContext<AccordionHeaderContextValue>({\n open: false,\n disabled: false,\n size: 'medium',\n expandIconPosition: 'start',\n});\n\nexport const useAccordionHeaderContext = () => React.useContext(AccordionHeaderContext);\n"],"sourceRoot":"../src/"}
package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js CHANGED
@@ -62,7 +62,7 @@ const useAccordionHeader_unstable = (props, ref) => {
62
62
  expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;
63
63
  }
64
64
 
65
- const buttonShorthand = react_aria_1.useARIAButton(button, {
65
+ const buttonShorthand = react_aria_1.useARIAButtonShorthand(button, {
66
66
  required: true,
67
67
  defaultProps: {
68
68
  disabled,
package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/AccordionHeader/useAccordionHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';\nimport { useAccordionItemContext_unstable } from '../AccordionItem/index';\nimport { useARIAButton } from '@fluentui/react-aria';\nimport type { AccordionHeaderProps, AccordionHeaderState } from './AccordionHeader.types';\nimport { useContextSelector } from '@fluentui/react-context-selector';\nimport { AccordionContext } from '../Accordion/AccordionContext';\nimport { ChevronRightRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionHeader properties\n * @param ref - reference to root HTMLElement of AccordionHeader\n */\nexport const useAccordionHeader_unstable = (\n props: AccordionHeaderProps,\n ref: React.Ref<HTMLElement>,\n): AccordionHeaderState => {\n const { as, icon, button, expandIcon, inline = false, size = 'medium', expandIconPosition = 'start' } = props;\n const { onHeaderClick: onAccordionHeaderClick, disabled, open } = useAccordionItemContext_unstable();\n\n /**\n * force disabled state on button if accordion isn't collapsible\n * and this is the only item opened\n */\n const disabledFocusable = useContextSelector(\n AccordionContext,\n ctx => !ctx.collapsible && ctx.openItems.length === 1 && open,\n );\n\n const { dir } = useFluent();\n\n // Calculate how to rotate the expand icon [>] (ChevronRightRegular)\n let expandIconRotation: 0 | 90 | -90 | 180;\n if (expandIconPosition === 'end') {\n // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed\n expandIconRotation = open ? -90 : 90;\n } else {\n // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed\n expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;\n }\n\n const buttonShorthand = useARIAButton(button, {\n required: true,\n defaultProps: {\n disabled,\n disabledFocusable,\n 'aria-expanded': open,\n },\n });\n\n return {\n disabled,\n open,\n size,\n inline,\n expandIconPosition,\n components: {\n root: 'div',\n button: 'button',\n expandIcon: 'span',\n icon: 'div',\n },\n root: getNativeElementProps(as || 'div', {\n ref,\n ...props,\n }),\n icon: resolveShorthand(icon),\n expandIcon: resolveShorthand(expandIcon, {\n required: true,\n defaultProps: {\n children: <ChevronRightRegular transform={`rotate(${expandIconRotation})`} />,\n 'aria-hidden': true,\n },\n }),\n button: {\n ...buttonShorthand,\n onClick: useEventCallback(\n (ev: React.MouseEvent<HTMLButtonElement & HTMLDivElement & HTMLSpanElement & HTMLAnchorElement>) => {\n buttonShorthand.onClick?.(ev);\n if (!ev.defaultPrevented) {\n onAccordionHeaderClick(ev);\n }\n },\n ),\n },\n };\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["components/AccordionHeader/useAccordionHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';\nimport { useAccordionItemContext_unstable } from '../AccordionItem/index';\nimport { useARIAButtonShorthand } from '@fluentui/react-aria';\nimport type { AccordionHeaderProps, AccordionHeaderState } from './AccordionHeader.types';\nimport { useContextSelector } from '@fluentui/react-context-selector';\nimport { AccordionContext } from '../Accordion/AccordionContext';\nimport { ChevronRightRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionHeader properties\n * @param ref - reference to root HTMLElement of AccordionHeader\n */\nexport const useAccordionHeader_unstable = (\n props: AccordionHeaderProps,\n ref: React.Ref<HTMLElement>,\n): AccordionHeaderState => {\n const { as, icon, button, expandIcon, inline = false, size = 'medium', expandIconPosition = 'start' } = props;\n const { onHeaderClick: onAccordionHeaderClick, disabled, open } = useAccordionItemContext_unstable();\n\n /**\n * force disabled state on button if accordion isn't collapsible\n * and this is the only item opened\n */\n const disabledFocusable = useContextSelector(\n AccordionContext,\n ctx => !ctx.collapsible && ctx.openItems.length === 1 && open,\n );\n\n const { dir } = useFluent();\n\n // Calculate how to rotate the expand icon [>] (ChevronRightRegular)\n let expandIconRotation: 0 | 90 | -90 | 180;\n if (expandIconPosition === 'end') {\n // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed\n expandIconRotation = open ? -90 : 90;\n } else {\n // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed\n expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;\n }\n\n const buttonShorthand = useARIAButtonShorthand(button, {\n required: true,\n defaultProps: {\n disabled,\n disabledFocusable,\n 'aria-expanded': open,\n },\n });\n\n return {\n disabled,\n open,\n size,\n inline,\n expandIconPosition,\n components: {\n root: 'div',\n button: 'button',\n expandIcon: 'span',\n icon: 'div',\n },\n root: getNativeElementProps(as || 'div', {\n ref,\n ...props,\n }),\n icon: resolveShorthand(icon),\n expandIcon: resolveShorthand(expandIcon, {\n required: true,\n defaultProps: {\n children: <ChevronRightRegular transform={`rotate(${expandIconRotation})`} />,\n 'aria-hidden': true,\n },\n }),\n button: {\n ...buttonShorthand,\n onClick: useEventCallback(\n (ev: React.MouseEvent<HTMLButtonElement & HTMLDivElement & HTMLSpanElement & HTMLAnchorElement>) => {\n buttonShorthand.onClick?.(ev);\n if (!ev.defaultPrevented) {\n onAccordionHeaderClick(ev);\n }\n },\n ),\n },\n };\n};\n"],"sourceRoot":"../src/"}
package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js CHANGED
@@ -37,34 +37,35 @@ const useStyles = /*#__PURE__*/react_1.__styles({
37
37
  },
38
38
  "focusIndicator": {
39
39
  "Brovlpu": "ftqa4ok",
40
- "Bnmjwt4": "flfsvnh",
41
- "Jopkrh": ["f1781m5e", "flvaaa9"],
42
- "hhrs2v": "f50u1b5",
43
- "B7jbng7": ["flvaaa9", "f1781m5e"],
44
- "f1b1x7": "f1qcdkjp",
45
- "Bsoonpj": "frwipam",
46
- "kb7xbg": "fm04wnm",
47
- "Bpbhbne": "ffifs4z",
48
- "qtucbz": "f1jttrum",
49
- "Bh4x314": ["fowbmzg", "f1kmm3zi"],
50
- "pacjzv": "f1rvwwl",
51
- "wv8bgo": ["f1kmm3zi", "fowbmzg"],
52
- "Bpmb9kz": "f1rr3duc",
53
- "hnpbc": ["fgqh5zl", "f10j7ty9"],
54
- "six9ky": "f6lagvf",
55
- "I0dgv4": ["f10j7ty9", "fgqh5zl"],
56
- "I0hmzl": ["fs84u7a", "f1wn75x5"],
57
- "Bfxuv1t": ["f1wn75x5", "fs84u7a"],
58
- "Bqb1ydo": ["fofgg9s", "fs920pv"],
59
- "Bwhd17d": ["fs920pv", "fofgg9s"],
60
- "B738g9f": "f1o5urc0",
61
- "Ba0kx5p": ["fo4xo12", "f69zm5y"],
62
- "mqxxu3": "f6upevr",
63
- "Bybbesa": ["f69zm5y", "fo4xo12"],
64
- "B65jt9l": "fetpwnh",
65
- "Bno0hdv": "fki52xb",
66
- "znsjfh": ["f1ubvch9", "fs3hv49"],
67
- "B4k4nqf": ["fs3hv49", "f1ubvch9"]
40
+ "B486eqv": "f2hkw1w",
41
+ "Bvjrn4i": "fvvvjju",
42
+ "Bfjx6ro": ["f1j42xvt", "ftiyk5j"],
43
+ "vkx7if": "f3za06g",
44
+ "Bhdpb9s": ["ftiyk5j", "f1j42xvt"],
45
+ "Bpou26a": "f1l3yytu",
46
+ "Bxui8rh": "fnfm6nw",
47
+ "v96tid": "f19m7vnf",
48
+ "cyjxpb": "f8p7r4r",
49
+ "Bn0no95": "f1iilt6f",
50
+ "B573luj": ["f2keu4t", "f14fcfgr"],
51
+ "B639bv6": "faptqjd",
52
+ "shdfye": ["f14fcfgr", "f2keu4t"],
53
+ "gekwd": "fhcdesm",
54
+ "Du8lva": ["f17qorvy", "f1s68zmt"],
55
+ "Bxo5kf0": "f1kaw87x",
56
+ "G4c1lw": ["f1s68zmt", "f17qorvy"],
57
+ "B7295ny": ["fcxw5no", "f1klxzyg"],
58
+ "Bfl2641": ["f1klxzyg", "fcxw5no"],
59
+ "Bc850wg": ["f8h35c5", "f41fp59"],
60
+ "Bwbif6r": ["f41fp59", "f8h35c5"],
61
+ "Bc7x9ep": "f89yr8c",
62
+ "Btolfwl": ["f3vokhu", "fgoym2l"],
63
+ "nuwgkz": "f1b662q1",
64
+ "iduwum": ["fgoym2l", "f3vokhu"],
65
+ "zp4aim": "fn1y60j",
66
+ "Br8g1vq": "f197ac7e",
67
+ "s8cxrh": ["f1yd45vn", "f1w8wcpf"],
68
+ "dw1usy": ["f1w8wcpf", "f1yd45vn"]
68
69
  },
69
70
  "root": {
70
71
  "sj55zd": "f19n0e5",
@@ -162,8 +163,9 @@ const useStyles = /*#__PURE__*/react_1.__styles({
162
163
  "Be2twd7": "f1pp30po"
163
164
  }
164
165
  }, {
165
- "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;}", ".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] .f1qcdkjp:focus::after{content:\"\";}", "[data-keyboard-nav] .frwipam:focus::after{position:absolute;}", "[data-keyboard-nav] .fm04wnm:focus::after{pointer-events:none;}", "[data-keyboard-nav] .ffifs4z:focus::after{z-index:1;}", "[data-keyboard-nav] .f1jttrum:focus::after{border-top-style:solid;}", "[data-keyboard-nav] .fowbmzg:focus::after{border-right-style:solid;}", "[data-keyboard-nav] .f1kmm3zi:focus::after{border-left-style:solid;}", "[data-keyboard-nav] .f1rvwwl:focus::after{border-bottom-style:solid;}", "[data-keyboard-nav] .f1rr3duc:focus::after{border-top-width:2px;}", "[data-keyboard-nav] .fgqh5zl:focus::after{border-right-width:2px;}", "[data-keyboard-nav] .f10j7ty9:focus::after{border-left-width:2px;}", "[data-keyboard-nav] .f6lagvf:focus::after{border-bottom-width:2px;}", "[data-keyboard-nav] .fs84u7a:focus::after{border-bottom-right-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .f1wn75x5:focus::after{border-bottom-left-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .fofgg9s:focus::after{border-top-right-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .fs920pv:focus::after{border-top-left-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .f1o5urc0:focus::after{border-top-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .fo4xo12:focus::after{border-right-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f69zm5y:focus::after{border-left-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f6upevr:focus::after{border-bottom-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .fetpwnh:focus::after{top:-2px;}", "[data-keyboard-nav] .fki52xb:focus::after{bottom:-2px;}", "[data-keyboard-nav] .f1ubvch9:focus::after{left:-2px;}", "[data-keyboard-nav] .fs3hv49:focus::after{right:-2px;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".fwrgwhw{background-image:none;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f14t3ns0{display:inline-block;}", ".f10pi13n{position:relative;}", ".fly5x3f{width:100%;}", ".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;}", ".fw5db7e{padding-right:var(--spacingHorizontalM);}", ".f1uw59to{padding-left:var(--spacingHorizontalM);}", ".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}", ".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}", ".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;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f1ewtqcl{box-sizing:border-box;}", ".f1d2rq10{height:32px;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".f106mvju{line-height:var(--lineHeightBase500);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".f1l02sjl{height:100%;}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".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;}"],
166
- "f": [".ftqa4ok:focus{outline-style:none;}"]
166
+ "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;}", ".fgusgyc{text-align:unset;}", ".fui-FluentProvider .fvvvjju.fui-focus-visible{border-top-color:transparent;}", ".fui-FluentProvider .f1j42xvt.fui-focus-visible{border-right-color:transparent;}", ".fui-FluentProvider .ftiyk5j.fui-focus-visible{border-left-color:transparent;}", ".fui-FluentProvider .f3za06g.fui-focus-visible{border-bottom-color:transparent;}", ".fui-FluentProvider .f1l3yytu.fui-focus-visible::after{content:\"\";}", ".fui-FluentProvider .fnfm6nw.fui-focus-visible::after{position:absolute;}", ".fui-FluentProvider .f19m7vnf.fui-focus-visible::after{pointer-events:none;}", ".fui-FluentProvider .f8p7r4r.fui-focus-visible::after{z-index:1;}", ".fui-FluentProvider .f1iilt6f.fui-focus-visible::after{border-top-style:solid;}", ".fui-FluentProvider .f2keu4t.fui-focus-visible::after{border-right-style:solid;}", ".fui-FluentProvider .f14fcfgr.fui-focus-visible::after{border-left-style:solid;}", ".fui-FluentProvider .faptqjd.fui-focus-visible::after{border-bottom-style:solid;}", ".fui-FluentProvider .fhcdesm.fui-focus-visible::after{border-top-width:2px;}", ".fui-FluentProvider .f17qorvy.fui-focus-visible::after{border-right-width:2px;}", ".fui-FluentProvider .f1s68zmt.fui-focus-visible::after{border-left-width:2px;}", ".fui-FluentProvider .f1kaw87x.fui-focus-visible::after{border-bottom-width:2px;}", ".fui-FluentProvider .fcxw5no.fui-focus-visible::after{border-bottom-right-radius:var(--borderRadiusMedium);}", ".fui-FluentProvider .f1klxzyg.fui-focus-visible::after{border-bottom-left-radius:var(--borderRadiusMedium);}", ".fui-FluentProvider .f8h35c5.fui-focus-visible::after{border-top-right-radius:var(--borderRadiusMedium);}", ".fui-FluentProvider .f41fp59.fui-focus-visible::after{border-top-left-radius:var(--borderRadiusMedium);}", ".fui-FluentProvider .f89yr8c.fui-focus-visible::after{border-top-color:var(--colorStrokeFocus2);}", ".fui-FluentProvider .f3vokhu.fui-focus-visible::after{border-right-color:var(--colorStrokeFocus2);}", ".fui-FluentProvider .fgoym2l.fui-focus-visible::after{border-left-color:var(--colorStrokeFocus2);}", ".fui-FluentProvider .f1b662q1.fui-focus-visible::after{border-bottom-color:var(--colorStrokeFocus2);}", ".fui-FluentProvider .fn1y60j.fui-focus-visible::after{top:-2px;}", ".fui-FluentProvider .f197ac7e.fui-focus-visible::after{bottom:-2px;}", ".fui-FluentProvider .f1yd45vn.fui-focus-visible::after{left:-2px;}", ".fui-FluentProvider .f1w8wcpf.fui-focus-visible::after{right:-2px;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".fwrgwhw{background-image:none;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f14t3ns0{display:inline-block;}", ".f10pi13n{position:relative;}", ".fly5x3f{width:100%;}", ".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;}", ".fw5db7e{padding-right:var(--spacingHorizontalM);}", ".f1uw59to{padding-left:var(--spacingHorizontalM);}", ".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}", ".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}", ".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;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f1ewtqcl{box-sizing:border-box;}", ".f1d2rq10{height:32px;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".f106mvju{line-height:var(--lineHeightBase500);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".f1l02sjl{height:100%;}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".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;}"],
167
+ "f": [".ftqa4ok:focus{outline-style:none;}"],
168
+ "i": [".f2hkw1w:focus-visible{outline-style:none;}"]
167
169
  });
168
170
  /** Applies style classnames to slots */
169
171
 
package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map CHANGED
@@ -1 +1 @@
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, typographyStyles } from '@fluentui/react-theme';\nimport type { AccordionHeaderSlots, AccordionHeaderState } from './AccordionHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const accordionHeaderClassNames: SlotClassNames<AccordionHeaderSlots> = {\n root: 'fui-AccordionHeader',\n button: 'fui-AccordionHeader__button',\n expandIcon: 'fui-AccordionHeader__expandIcon',\n icon: 'fui-AccordionHeader__icon',\n};\n\nconst useStyles = makeStyles({\n // TODO: this should be extracted to another package\n resetButton: {\n boxSizing: 'content-box',\n backgroundColor: 'inherit',\n color: 'inherit',\n fontFamily: 'inherit',\n fontSize: 'inherit',\n lineHeight: 'normal',\n ...shorthands.overflow('visible'),\n ...shorthands.padding(0),\n WebkitAppearance: 'button',\n textAlign: 'unset',\n },\n focusIndicator: createFocusOutlineStyle(),\n root: {\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.margin(0),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n },\n rootDisabled: {\n backgroundImage: 'none',\n color: tokens.colorNeutralForegroundDisabled,\n },\n rootInline: {\n display: 'inline-block',\n },\n button: {\n position: 'relative',\n width: '100%',\n ...shorthands.border('1px', 'solid', 'transparent'),\n ...shorthands.padding(0, tokens.spacingHorizontalM, 0, tokens.spacingHorizontalMNudge),\n height: '44px',\n display: 'flex',\n alignItems: 'center',\n cursor: 'pointer',\n ...typographyStyles.body1,\n boxSizing: 'border-box',\n },\n buttonSmall: {\n height: '32px',\n fontSize: tokens.fontSizeBase200,\n },\n buttonLarge: {\n lineHeight: tokens.lineHeightBase400,\n fontSize: tokens.fontSizeBase400,\n },\n buttonExtraLarge: {\n lineHeight: tokens.lineHeightBase500,\n fontSize: tokens.fontSizeBase500,\n },\n buttonInline: {\n display: 'inline-flex',\n },\n buttonExpandIconEndNoIcon: {\n paddingLeft: tokens.spacingHorizontalM,\n },\n buttonExpandIconEnd: {\n paddingRight: tokens.spacingHorizontalMNudge,\n },\n expandIcon: {\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n lineHeight: tokens.lineHeightBase500,\n fontSize: tokens.fontSizeBase500,\n },\n expandIconStart: {\n paddingRight: tokens.spacingHorizontalS,\n },\n expandIconEnd: {\n flexGrow: 1,\n flexShrink: 1,\n flexBasis: '0%',\n display: 'flex',\n justifyContent: 'flex-end',\n paddingLeft: tokens.spacingHorizontalS,\n },\n icon: {\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n paddingRight: tokens.spacingHorizontalS,\n lineHeight: tokens.lineHeightBase500,\n fontSize: tokens.fontSizeBase500,\n },\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionHeaderStyles_unstable = (state: AccordionHeaderState) => {\n const styles = useStyles();\n state.root.className = mergeClasses(\n accordionHeaderClassNames.root,\n styles.root,\n state.inline && styles.rootInline,\n state.disabled && styles.rootDisabled,\n state.root.className,\n );\n\n state.button.className = mergeClasses(\n accordionHeaderClassNames.button,\n styles.resetButton,\n styles.button,\n styles.focusIndicator,\n state.expandIconPosition === 'end' && !state.icon && styles.buttonExpandIconEndNoIcon,\n state.expandIconPosition === 'end' && styles.buttonExpandIconEnd,\n state.inline && styles.buttonInline,\n state.size === 'small' && styles.buttonSmall,\n state.size === 'large' && styles.buttonLarge,\n state.size === 'extra-large' && styles.buttonExtraLarge,\n state.button.className,\n );\n\n if (state.expandIcon) {\n state.expandIcon.className = mergeClasses(\n accordionHeaderClassNames.expandIcon,\n styles.expandIcon,\n state.expandIconPosition === 'start' && styles.expandIconStart,\n state.expandIconPosition === 'end' && styles.expandIconEnd,\n state.expandIcon.className,\n );\n }\n if (state.icon) {\n state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.icon.className);\n }\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["components/AccordionHeader/useAccordionHeaderStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { AccordionHeaderSlots, AccordionHeaderState } from './AccordionHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const accordionHeaderClassNames: SlotClassNames<AccordionHeaderSlots> = {\n root: 'fui-AccordionHeader',\n button: 'fui-AccordionHeader__button',\n expandIcon: 'fui-AccordionHeader__expandIcon',\n icon: 'fui-AccordionHeader__icon',\n};\n\nconst useStyles = makeStyles({\n // TODO: this should be extracted to another package\n resetButton: {\n boxSizing: 'content-box',\n backgroundColor: 'inherit',\n color: 'inherit',\n fontFamily: 'inherit',\n fontSize: 'inherit',\n lineHeight: 'normal',\n ...shorthands.overflow('visible'),\n ...shorthands.padding(0),\n WebkitAppearance: 'button',\n textAlign: 'unset',\n },\n focusIndicator: createFocusOutlineStyle(),\n root: {\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.margin(0),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n },\n rootDisabled: {\n backgroundImage: 'none',\n color: tokens.colorNeutralForegroundDisabled,\n },\n rootInline: {\n display: 'inline-block',\n },\n button: {\n position: 'relative',\n width: '100%',\n ...shorthands.border('1px', 'solid', 'transparent'),\n ...shorthands.padding(0, tokens.spacingHorizontalM, 0, tokens.spacingHorizontalMNudge),\n height: '44px',\n display: 'flex',\n alignItems: 'center',\n cursor: 'pointer',\n ...typographyStyles.body1,\n boxSizing: 'border-box',\n },\n buttonSmall: {\n height: '32px',\n fontSize: tokens.fontSizeBase200,\n },\n buttonLarge: {\n lineHeight: tokens.lineHeightBase400,\n fontSize: tokens.fontSizeBase400,\n },\n buttonExtraLarge: {\n lineHeight: tokens.lineHeightBase500,\n fontSize: tokens.fontSizeBase500,\n },\n buttonInline: {\n display: 'inline-flex',\n },\n buttonExpandIconEndNoIcon: {\n paddingLeft: tokens.spacingHorizontalM,\n },\n buttonExpandIconEnd: {\n paddingRight: tokens.spacingHorizontalMNudge,\n },\n expandIcon: {\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n lineHeight: tokens.lineHeightBase500,\n fontSize: tokens.fontSizeBase500,\n },\n expandIconStart: {\n paddingRight: tokens.spacingHorizontalS,\n },\n expandIconEnd: {\n flexGrow: 1,\n flexShrink: 1,\n flexBasis: '0%',\n display: 'flex',\n justifyContent: 'flex-end',\n paddingLeft: tokens.spacingHorizontalS,\n },\n icon: {\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n paddingRight: tokens.spacingHorizontalS,\n lineHeight: tokens.lineHeightBase500,\n fontSize: tokens.fontSizeBase500,\n },\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionHeaderStyles_unstable = (state: AccordionHeaderState) => {\n const styles = useStyles();\n state.root.className = mergeClasses(\n accordionHeaderClassNames.root,\n styles.root,\n state.inline && styles.rootInline,\n state.disabled && styles.rootDisabled,\n state.root.className,\n );\n\n state.button.className = mergeClasses(\n accordionHeaderClassNames.button,\n styles.resetButton,\n styles.button,\n styles.focusIndicator,\n state.expandIconPosition === 'end' && !state.icon && styles.buttonExpandIconEndNoIcon,\n state.expandIconPosition === 'end' && styles.buttonExpandIconEnd,\n state.inline && styles.buttonInline,\n state.size === 'small' && styles.buttonSmall,\n state.size === 'large' && styles.buttonLarge,\n state.size === 'extra-large' && styles.buttonExtraLarge,\n state.button.className,\n );\n\n if (state.expandIcon) {\n state.expandIcon.className = mergeClasses(\n accordionHeaderClassNames.expandIcon,\n styles.expandIcon,\n state.expandIconPosition === 'start' && styles.expandIconStart,\n state.expandIconPosition === 'end' && styles.expandIconEnd,\n state.expandIcon.className,\n );\n }\n if (state.icon) {\n state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.icon.className);\n }\n return state;\n};\n"],"sourceRoot":"../src/"}
package/lib-commonjs/components/AccordionItem/AccordionItemContext.js CHANGED
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.useAccordionItemContext_unstable = exports.AccordionItemProvider = exports.AccordionItemContext = void 0;
7
7
 
8
8
  const React = /*#__PURE__*/require("react"); // No default value.
9
+ // eslint-disable-next-line @fluentui/no-context-default-value
9
10
 
10
11
 
11
12
  exports.AccordionItemContext = /*#__PURE__*/React.createContext({
package/lib-commonjs/components/AccordionItem/AccordionItemContext.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/AccordionItem/AccordionItemContext.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA,C,CAGA;;;AACa,OAAA,CAAA,oBAAA,gBAAuB,KAAK,CAAC,aAAN,CAA+C;EACjF,aAAa,GAAA;IACX;EACD,CAHgF;;EAIjF,IAAI,EAAE,KAJ2E;EAKjF,QAAQ,EAAE;AALuE,CAA/C,CAAvB;AAQA,OAAA,CAAA,qBAAA,GAAwB,OAAA,CAAA,oBAAA,CAAqB,QAA7C;;AAEN,MAAM,gCAAgC,GAAG,MAAM,KAAK,CAAC,UAAN,CAAiB,OAAA,CAAA,oBAAjB,CAA/C;;AAAM,OAAA,CAAA,gCAAA,GAAgC,gCAAhC","sourcesContent":["import * as React from 'react';\nimport type { AccordionItemContextValue } from './AccordionItem.types';\n\n// No default value.\nexport const AccordionItemContext = React.createContext<AccordionItemContextValue>({\n onHeaderClick() {\n /** */\n },\n open: false,\n disabled: false,\n});\n\nexport const AccordionItemProvider = AccordionItemContext.Provider;\n\nexport const useAccordionItemContext_unstable = () => React.useContext(AccordionItemContext);\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["components/AccordionItem/AccordionItemContext.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA,C,CAGA;AACA;;;AACa,OAAA,CAAA,oBAAA,gBAAuB,KAAK,CAAC,aAAN,CAA+C;EACjF,aAAa,GAAA;IACX;EACD,CAHgF;;EAIjF,IAAI,EAAE,KAJ2E;EAKjF,QAAQ,EAAE;AALuE,CAA/C,CAAvB;AAQA,OAAA,CAAA,qBAAA,GAAwB,OAAA,CAAA,oBAAA,CAAqB,QAA7C;;AAEN,MAAM,gCAAgC,GAAG,MAAM,KAAK,CAAC,UAAN,CAAiB,OAAA,CAAA,oBAAjB,CAA/C;;AAAM,OAAA,CAAA,gCAAA,GAAgC,gCAAhC","sourcesContent":["import * as React from 'react';\nimport type { AccordionItemContextValue } from './AccordionItem.types';\n\n// No default value.\n// eslint-disable-next-line @fluentui/no-context-default-value\nexport const AccordionItemContext = React.createContext<AccordionItemContextValue>({\n onHeaderClick() {\n /** */\n },\n open: false,\n disabled: false,\n});\n\nexport const AccordionItemProvider = AccordionItemContext.Provider;\n\nexport const useAccordionItemContext_unstable = () => React.useContext(AccordionItemContext);\n"],"sourceRoot":"../src/"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-accordion",
3
- "version": "9.0.1",
3
+ "version": "9.0.4",
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": "9.0.0-beta.10",
31
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.12",
32
32
  "@fluentui/scripts": "^1.0.0"
33
33
  },
34
34
  "dependencies": {
35
- "@fluentui/react-aria": "^9.0.0",
36
- "@fluentui/react-context-selector": "^9.0.0",
37
- "@fluentui/react-icons": "^2.0.172-rc.8",
35
+ "@fluentui/react-aria": "^9.1.0",
36
+ "@fluentui/react-context-selector": "^9.0.2",
37
+ "@fluentui/react-icons": "^2.0.175",
38
38
  "@fluentui/react-shared-contexts": "^9.0.0",
39
- "@fluentui/react-tabster": "^9.0.1",
39
+ "@fluentui/react-tabster": "^9.1.0",
40
40
  "@fluentui/react-theme": "^9.0.0",
41
- "@fluentui/react-utilities": "^9.0.0",
42
- "@griffel/react": "^1.2.0",
41
+ "@fluentui/react-utilities": "^9.0.2",
42
+ "@griffel/react": "^1.2.3",
43
43
  "tslib": "^2.1.0"
44
44
  },
45
45
  "peerDependencies": {
@@ -51,7 +51,8 @@
51
51
  },
52
52
  "beachball": {
53
53
  "disallowedChangeTypes": [
54
- "major"
54
+ "major",
55
+ "prerelease"
55
56
  ]
56
57
  },
57
58
  "exports": {