@fluentui/react-provider 0.0.0-nightly-20230425-0423.1 → 0.0.0-nightly-20230427-0418.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/CHANGELOG.json +15 -15
  2. package/CHANGELOG.md +10 -10
  3. package/lib/components/FluentProvider/FluentProvider.js +1 -1
  4. package/lib/components/FluentProvider/FluentProvider.js.map +1 -1
  5. package/lib/components/FluentProvider/index.js +1 -1
  6. package/lib/components/FluentProvider/index.js.map +1 -1
  7. package/lib/components/FluentProvider/{useFluentProviderStyles.js → useFluentProviderStyles.styles.js} +1 -1
  8. package/lib/components/FluentProvider/useFluentProviderStyles.styles.js.map +1 -0
  9. package/lib/components/FluentProvider/useFluentProviderThemeStyleTag.js +1 -1
  10. package/lib/components/FluentProvider/useFluentProviderThemeStyleTag.js.map +1 -1
  11. package/lib-commonjs/components/FluentProvider/FluentProvider.js +2 -2
  12. package/lib-commonjs/components/FluentProvider/FluentProvider.js.map +1 -1
  13. package/lib-commonjs/components/FluentProvider/index.js +1 -1
  14. package/lib-commonjs/components/FluentProvider/index.js.map +1 -1
  15. package/lib-commonjs/components/FluentProvider/{useFluentProviderStyles.js → useFluentProviderStyles.styles.js} +2 -2
  16. package/lib-commonjs/components/FluentProvider/useFluentProviderStyles.styles.js.map +1 -0
  17. package/lib-commonjs/components/FluentProvider/useFluentProviderThemeStyleTag.js +2 -2
  18. package/lib-commonjs/components/FluentProvider/useFluentProviderThemeStyleTag.js.map +1 -1
  19. package/package.json +7 -7
  20. package/lib/components/FluentProvider/useFluentProviderStyles.js.map +0 -1
  21. package/lib-commonjs/components/FluentProvider/useFluentProviderStyles.js.map +0 -1
package/CHANGELOG.json CHANGED
@@ -2,9 +2,9 @@
2
2
  "name": "@fluentui/react-provider",
3
3
  "entries": [
4
4
  {
5
- "date": "Tue, 25 Apr 2023 04:31:30 GMT",
6
- "tag": "@fluentui/react-provider_v0.0.0-nightly-20230425-0423.1",
7
- "version": "0.0.0-nightly-20230425-0423.1",
5
+ "date": "Thu, 27 Apr 2023 04:23:11 GMT",
6
+ "tag": "@fluentui/react-provider_v0.0.0-nightly-20230427-0418.1",
7
+ "version": "0.0.0-nightly-20230427-0418.1",
8
8
  "comments": {
9
9
  "prerelease": [
10
10
  {
@@ -16,38 +16,38 @@
16
16
  {
17
17
  "author": "beachball",
18
18
  "package": "@fluentui/react-provider",
19
- "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230425-0423.1",
20
- "commit": "1d8dc5de94f261d4780c66b3ecb6529c67f53cbd"
19
+ "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230427-0418.1",
20
+ "commit": "a9e0a4f587386948c891437cdbe3b10437aa9485"
21
21
  },
22
22
  {
23
23
  "author": "beachball",
24
24
  "package": "@fluentui/react-provider",
25
- "comment": "Bump @fluentui/react-tabster to v0.0.0-nightly-20230425-0423.1",
26
- "commit": "1d8dc5de94f261d4780c66b3ecb6529c67f53cbd"
25
+ "comment": "Bump @fluentui/react-tabster to v0.0.0-nightly-20230427-0418.1",
26
+ "commit": "a9e0a4f587386948c891437cdbe3b10437aa9485"
27
27
  },
28
28
  {
29
29
  "author": "beachball",
30
30
  "package": "@fluentui/react-provider",
31
- "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230425-0423.1",
32
- "commit": "1d8dc5de94f261d4780c66b3ecb6529c67f53cbd"
31
+ "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230427-0418.1",
32
+ "commit": "a9e0a4f587386948c891437cdbe3b10437aa9485"
33
33
  },
34
34
  {
35
35
  "author": "beachball",
36
36
  "package": "@fluentui/react-provider",
37
- "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230425-0423.1",
38
- "commit": "1d8dc5de94f261d4780c66b3ecb6529c67f53cbd"
37
+ "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230427-0418.1",
38
+ "commit": "a9e0a4f587386948c891437cdbe3b10437aa9485"
39
39
  },
40
40
  {
41
41
  "author": "beachball",
42
42
  "package": "@fluentui/react-provider",
43
- "comment": "Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230425-0423.1",
44
- "commit": "1d8dc5de94f261d4780c66b3ecb6529c67f53cbd"
43
+ "comment": "Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230427-0418.1",
44
+ "commit": "a9e0a4f587386948c891437cdbe3b10437aa9485"
45
45
  },
46
46
  {
47
47
  "author": "beachball",
48
48
  "package": "@fluentui/react-provider",
49
- "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230425-0423.1",
50
- "commit": "1d8dc5de94f261d4780c66b3ecb6529c67f53cbd"
49
+ "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230427-0418.1",
50
+ "commit": "a9e0a4f587386948c891437cdbe3b10437aa9485"
51
51
  }
52
52
  ]
53
53
  }
package/CHANGELOG.md CHANGED
@@ -1,23 +1,23 @@
1
1
  # Change Log - @fluentui/react-provider
2
2
 
3
- This log was last generated on Tue, 25 Apr 2023 04:31:30 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 27 Apr 2023 04:23:11 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightly-20230425-0423.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v0.0.0-nightly-20230425-0423.1)
7
+ ## [0.0.0-nightly-20230427-0418.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v0.0.0-nightly-20230427-0418.1)
8
8
 
9
- Tue, 25 Apr 2023 04:31:30 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.5.4..@fluentui/react-provider_v0.0.0-nightly-20230425-0423.1)
9
+ Thu, 27 Apr 2023 04:23:11 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.5.4..@fluentui/react-provider_v0.0.0-nightly-20230427-0418.1)
11
11
 
12
12
  ### Changes
13
13
 
14
14
  - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
15
- - Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230425-0423.1 ([commit](https://github.com/microsoft/fluentui/commit/1d8dc5de94f261d4780c66b3ecb6529c67f53cbd) by beachball)
16
- - Bump @fluentui/react-tabster to v0.0.0-nightly-20230425-0423.1 ([commit](https://github.com/microsoft/fluentui/commit/1d8dc5de94f261d4780c66b3ecb6529c67f53cbd) by beachball)
17
- - Bump @fluentui/react-theme to v0.0.0-nightly-20230425-0423.1 ([commit](https://github.com/microsoft/fluentui/commit/1d8dc5de94f261d4780c66b3ecb6529c67f53cbd) by beachball)
18
- - Bump @fluentui/react-utilities to v0.0.0-nightly-20230425-0423.1 ([commit](https://github.com/microsoft/fluentui/commit/1d8dc5de94f261d4780c66b3ecb6529c67f53cbd) by beachball)
19
- - Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230425-0423.1 ([commit](https://github.com/microsoft/fluentui/commit/1d8dc5de94f261d4780c66b3ecb6529c67f53cbd) by beachball)
20
- - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230425-0423.1 ([commit](https://github.com/microsoft/fluentui/commit/1d8dc5de94f261d4780c66b3ecb6529c67f53cbd) by beachball)
15
+ - Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230427-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/a9e0a4f587386948c891437cdbe3b10437aa9485) by beachball)
16
+ - Bump @fluentui/react-tabster to v0.0.0-nightly-20230427-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/a9e0a4f587386948c891437cdbe3b10437aa9485) by beachball)
17
+ - Bump @fluentui/react-theme to v0.0.0-nightly-20230427-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/a9e0a4f587386948c891437cdbe3b10437aa9485) by beachball)
18
+ - Bump @fluentui/react-utilities to v0.0.0-nightly-20230427-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/a9e0a4f587386948c891437cdbe3b10437aa9485) by beachball)
19
+ - Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230427-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/a9e0a4f587386948c891437cdbe3b10437aa9485) by beachball)
20
+ - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230427-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/a9e0a4f587386948c891437cdbe3b10437aa9485) by beachball)
21
21
 
22
22
  ## [9.5.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.5.4)
23
23
 
package/lib/components/FluentProvider/FluentProvider.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { renderFluentProvider_unstable } from './renderFluentProvider';
3
3
  import { useFluentProvider_unstable } from './useFluentProvider';
4
- import { useFluentProviderStyles_unstable } from './useFluentProviderStyles';
4
+ import { useFluentProviderStyles_unstable } from './useFluentProviderStyles.styles';
5
5
  import { useFluentProviderContextValues_unstable } from './useFluentProviderContextValues';
6
6
  export const FluentProvider = /*#__PURE__*/React.forwardRef((props, ref) => {
7
7
  const state = useFluentProvider_unstable(props, ref);
package/lib/components/FluentProvider/FluentProvider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["React","renderFluentProvider_unstable","useFluentProvider_unstable","useFluentProviderStyles_unstable","useFluentProviderContextValues_unstable","FluentProvider","forwardRef","props","ref","state","contextValues","displayName"],"sources":["../../../src/components/FluentProvider/FluentProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderFluentProvider_unstable } from './renderFluentProvider';\nimport { useFluentProvider_unstable } from './useFluentProvider';\nimport { useFluentProviderStyles_unstable } from './useFluentProviderStyles';\nimport { useFluentProviderContextValues_unstable } from './useFluentProviderContextValues';\nimport type { FluentProviderProps } from './FluentProvider.types';\n\nexport const FluentProvider = React.forwardRef<HTMLElement, FluentProviderProps>((props, ref) => {\n const state = useFluentProvider_unstable(props, ref);\n useFluentProviderStyles_unstable(state);\n\n const contextValues = useFluentProviderContextValues_unstable(state);\n\n return renderFluentProvider_unstable(state, contextValues);\n});\n\nFluentProvider.displayName = 'FluentProvider';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,6BAA6B,QAAQ;AAC9C,SAASC,0BAA0B,QAAQ;AAC3C,SAASC,gCAAgC,QAAQ;AACjD,SAASC,uCAAuC,QAAQ;AAGxD,OAAO,MAAMC,cAAA,gBAAiBL,KAAA,CAAMM,UAAU,CAAmC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EAC/F,MAAMC,KAAA,GAAQP,0BAAA,CAA2BK,KAAA,EAAOC,GAAA;EAChDL,gCAAA,CAAiCM,KAAA;EAEjC,MAAMC,aAAA,GAAgBN,uCAAA,CAAwCK,KAAA;EAE9D,OAAOR,6BAAA,CAA8BQ,KAAA,EAAOC,aAAA;AAC9C;AAEAL,cAAA,CAAeM,WAAW,GAAG"}
1
+ {"version":3,"names":["React","renderFluentProvider_unstable","useFluentProvider_unstable","useFluentProviderStyles_unstable","useFluentProviderContextValues_unstable","FluentProvider","forwardRef","props","ref","state","contextValues","displayName"],"sources":["../../../src/components/FluentProvider/FluentProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderFluentProvider_unstable } from './renderFluentProvider';\nimport { useFluentProvider_unstable } from './useFluentProvider';\nimport { useFluentProviderStyles_unstable } from './useFluentProviderStyles.styles';\nimport { useFluentProviderContextValues_unstable } from './useFluentProviderContextValues';\nimport type { FluentProviderProps } from './FluentProvider.types';\n\nexport const FluentProvider = React.forwardRef<HTMLElement, FluentProviderProps>((props, ref) => {\n const state = useFluentProvider_unstable(props, ref);\n useFluentProviderStyles_unstable(state);\n\n const contextValues = useFluentProviderContextValues_unstable(state);\n\n return renderFluentProvider_unstable(state, contextValues);\n});\n\nFluentProvider.displayName = 'FluentProvider';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,6BAA6B,QAAQ;AAC9C,SAASC,0BAA0B,QAAQ;AAC3C,SAASC,gCAAgC,QAAQ;AACjD,SAASC,uCAAuC,QAAQ;AAGxD,OAAO,MAAMC,cAAA,gBAAiBL,KAAA,CAAMM,UAAU,CAAmC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EAC/F,MAAMC,KAAA,GAAQP,0BAAA,CAA2BK,KAAA,EAAOC,GAAA;EAChDL,gCAAA,CAAiCM,KAAA;EAEjC,MAAMC,aAAA,GAAgBN,uCAAA,CAAwCK,KAAA;EAE9D,OAAOR,6BAAA,CAA8BQ,KAAA,EAAOC,aAAA;AAC9C;AAEAL,cAAA,CAAeM,WAAW,GAAG"}
package/lib/components/FluentProvider/index.js CHANGED
@@ -2,7 +2,7 @@ export * from './FluentProvider';
2
2
  export * from './FluentProvider.types';
3
3
  export * from './renderFluentProvider';
4
4
  export * from './useFluentProvider';
5
- export * from './useFluentProviderStyles';
5
+ export * from './useFluentProviderStyles.styles';
6
6
  export * from './useFluentProviderContextValues';
7
7
  export * from './useFluentProviderThemeStyleTag';
8
8
  //# sourceMappingURL=index.js.map
package/lib/components/FluentProvider/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":[],"sources":["../../../src/components/FluentProvider/index.ts"],"sourcesContent":["export * from './FluentProvider';\nexport * from './FluentProvider.types';\nexport * from './renderFluentProvider';\nexport * from './useFluentProvider';\nexport * from './useFluentProviderStyles';\nexport * from './useFluentProviderContextValues';\nexport * from './useFluentProviderThemeStyleTag';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
1
+ {"version":3,"names":[],"sources":["../../../src/components/FluentProvider/index.ts"],"sourcesContent":["export * from './FluentProvider';\nexport * from './FluentProvider.types';\nexport * from './renderFluentProvider';\nexport * from './useFluentProvider';\nexport * from './useFluentProviderStyles.styles';\nexport * from './useFluentProviderContextValues';\nexport * from './useFluentProviderThemeStyleTag';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
package/lib/components/FluentProvider/{useFluentProviderStyles.js → useFluentProviderStyles.styles.js} RENAMED
@@ -27,4 +27,4 @@ export const useFluentProviderStyles_unstable = state => {
27
27
  state.root.className = mergeClasses(fluentProviderClassNames.root, state.themeClassName, styles.root, state.root.className);
28
28
  return state;
29
29
  };
30
- //# sourceMappingURL=useFluentProviderStyles.js.map
30
+ //# sourceMappingURL=useFluentProviderStyles.styles.js.map
package/lib/components/FluentProvider/useFluentProviderStyles.styles.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["__styles","mergeClasses","useRenderer_unstable","tokens","typographyStyles","fluentProviderClassNames","root","useStyles","sj55zd","De3pzq","fsow6f","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","useFluentProviderStyles_unstable","state","renderer","styles","dir","className","themeClassName"],"sources":["../../../src/components/FluentProvider/useFluentProviderStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/core';\nimport { useRenderer_unstable } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { FluentProviderSlots, FluentProviderState } from './FluentProvider.types';\nimport { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const fluentProviderClassNames: SlotClassNames<FluentProviderSlots> = {\n root: 'fui-FluentProvider',\n};\n\nconst useStyles = makeStyles({\n root: {\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorNeutralBackground1,\n textAlign: 'left',\n ...typographyStyles.body1,\n },\n});\n\n/** Applies style classnames to slots */\nexport const useFluentProviderStyles_unstable = (state: FluentProviderState) => {\n const renderer = useRenderer_unstable();\n const styles = useStyles({ dir: state.dir, renderer });\n\n state.root.className = mergeClasses(\n fluentProviderClassNames.root,\n state.themeClassName,\n styles.root,\n state.root.className,\n );\n\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ;AACzC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,MAAM,EAAEC,gBAAgB,QAAQ;AAIzC,OAAO,MAAMC,wBAAA,GAAgE;EAC3EC,IAAA,EAAM;AACR;AAEA,MAAMC,SAAA,gBAAYP,QAAA;EAAAM,IAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAOlB;AAEA;AACA,OAAO,MAAMC,gCAAA,GAAoCC,KAAA,IAA+B;EAC9E,MAAMC,QAAA,GAAWhB,oBAAA;EACjB,MAAMiB,MAAA,GAASZ,SAAA,CAAU;IAAEa,GAAA,EAAKH,KAAA,CAAMG,GAAG;IAAEF;EAAS;EAEpDD,KAAA,CAAMX,IAAI,CAACe,SAAS,GAAGpB,YAAA,CACrBI,wBAAA,CAAyBC,IAAI,EAC7BW,KAAA,CAAMK,cAAc,EACpBH,MAAA,CAAOb,IAAI,EACXW,KAAA,CAAMX,IAAI,CAACe,SAAS;EAGtB,OAAOJ,KAAA;AACT"}
package/lib/components/FluentProvider/useFluentProviderThemeStyleTag.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { useId, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';
2
2
  import * as React from 'react';
3
- import { fluentProviderClassNames } from './useFluentProviderStyles';
3
+ import { fluentProviderClassNames } from './useFluentProviderStyles.styles';
4
4
  // String concatenation is used to prevent bundlers to complain with older versions of React
5
5
  const useInsertionEffect = React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : useIsomorphicLayoutEffect;
6
6
  const createStyleTag = (target, elementAttributes) => {
package/lib/components/FluentProvider/useFluentProviderThemeStyleTag.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["useId","useIsomorphicLayoutEffect","React","fluentProviderClassNames","useInsertionEffect","createStyleTag","target","elementAttributes","undefined","tag","createElement","Object","keys","forEach","attrName","setAttribute","head","appendChild","insertSheet","rule","sheet","cssRules","length","deleteRule","insertRule","process","env","NODE_ENV","console","error","useFluentProviderThemeStyleTag","options","targetDocument","theme","rendererAttributes","styleTag","useRef","styleTagId","root","styleElementAttributes","cssVarsAsString","useMemo","reduce","cssVarRule","cssVar","useHandleSSRStyleElements","ssrStyleElement","getElementById","current","id","_styleTag_current","remove","useState","themeStyleElement","append"],"sources":["../../../src/components/FluentProvider/useFluentProviderThemeStyleTag.ts"],"sourcesContent":["import { useId, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nimport type { FluentProviderState } from './FluentProvider.types';\nimport { fluentProviderClassNames } from './useFluentProviderStyles';\n\n// String concatenation is used to prevent bundlers to complain with older versions of React\nconst useInsertionEffect = (React as never)['useInsertion' + 'Effect']\n ? (React as never)['useInsertion' + 'Effect']\n : useIsomorphicLayoutEffect;\n\nconst createStyleTag = (target: Document | undefined, elementAttributes: Record<string, string>) => {\n if (!target) {\n return undefined;\n }\n\n const tag = target.createElement('style');\n\n Object.keys(elementAttributes).forEach(attrName => {\n tag.setAttribute(attrName, elementAttributes[attrName]);\n });\n\n target.head.appendChild(tag);\n return tag;\n};\n\nconst insertSheet = (tag: HTMLStyleElement, rule: string) => {\n const sheet = tag.sheet;\n\n if (sheet) {\n if (sheet.cssRules.length > 0) {\n sheet.deleteRule(0);\n }\n sheet.insertRule(rule, 0);\n } else if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line no-console\n console.error('FluentProvider: No sheet available on styleTag, styles will not be inserted into DOM.');\n }\n};\n\n/**\n * Writes a theme as css variables in a style tag on the provided targetDocument as a rule applied to a CSS class\n * @internal\n * @returns CSS class to apply the rule\n */\nexport const useFluentProviderThemeStyleTag = (\n options: Pick<FluentProviderState, 'theme' | 'targetDocument'> & { rendererAttributes: Record<string, string> },\n) => {\n const { targetDocument, theme, rendererAttributes } = options;\n\n const styleTag = React.useRef<HTMLStyleElement | undefined | null>();\n\n const styleTagId = useId(fluentProviderClassNames.root);\n const styleElementAttributes = rendererAttributes;\n\n const cssVarsAsString = React.useMemo(() => {\n return theme\n ? (Object.keys(theme) as (keyof typeof theme)[]).reduce((cssVarRule, cssVar) => {\n cssVarRule += `--${cssVar}: ${theme[cssVar]}; `;\n return cssVarRule;\n }, '')\n : '';\n }, [theme]);\n\n const rule = `.${styleTagId} { ${cssVarsAsString} }`;\n\n useHandleSSRStyleElements(targetDocument, styleTagId);\n useInsertionEffect(() => {\n // The style element could already have been created during SSR - no need to recreate it\n const ssrStyleElement = targetDocument?.getElementById(styleTagId);\n if (ssrStyleElement) {\n styleTag.current = ssrStyleElement as HTMLStyleElement;\n } else {\n styleTag.current = createStyleTag(targetDocument, { ...styleElementAttributes, id: styleTagId });\n if (styleTag.current) {\n insertSheet(styleTag.current, rule);\n }\n }\n\n return () => {\n styleTag.current?.remove();\n };\n }, [styleTagId, targetDocument, rule, styleElementAttributes]);\n\n return { styleTagId, rule };\n};\n\nfunction useHandleSSRStyleElements(targetDocument: Document | undefined | null, styleTagId: string) {\n // Using a state factory so that this logic only runs once per render\n // Each FluentProvider can create its own style element during SSR as a slot\n // Moves all theme style elements to document head during render to avoid hydration errors.\n // Should be strict mode safe since the logic is idempotent.\n React.useState(() => {\n if (!targetDocument) {\n return;\n }\n\n const themeStyleElement = targetDocument.getElementById(styleTagId);\n if (themeStyleElement) {\n targetDocument.head.append(themeStyleElement);\n }\n });\n}\n"],"mappings":"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"}
1
+ {"version":3,"names":["useId","useIsomorphicLayoutEffect","React","fluentProviderClassNames","useInsertionEffect","createStyleTag","target","elementAttributes","undefined","tag","createElement","Object","keys","forEach","attrName","setAttribute","head","appendChild","insertSheet","rule","sheet","cssRules","length","deleteRule","insertRule","process","env","NODE_ENV","console","error","useFluentProviderThemeStyleTag","options","targetDocument","theme","rendererAttributes","styleTag","useRef","styleTagId","root","styleElementAttributes","cssVarsAsString","useMemo","reduce","cssVarRule","cssVar","useHandleSSRStyleElements","ssrStyleElement","getElementById","current","id","_styleTag_current","remove","useState","themeStyleElement","append"],"sources":["../../../src/components/FluentProvider/useFluentProviderThemeStyleTag.ts"],"sourcesContent":["import { useId, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nimport type { FluentProviderState } from './FluentProvider.types';\nimport { fluentProviderClassNames } from './useFluentProviderStyles.styles';\n\n// String concatenation is used to prevent bundlers to complain with older versions of React\nconst useInsertionEffect = (React as never)['useInsertion' + 'Effect']\n ? (React as never)['useInsertion' + 'Effect']\n : useIsomorphicLayoutEffect;\n\nconst createStyleTag = (target: Document | undefined, elementAttributes: Record<string, string>) => {\n if (!target) {\n return undefined;\n }\n\n const tag = target.createElement('style');\n\n Object.keys(elementAttributes).forEach(attrName => {\n tag.setAttribute(attrName, elementAttributes[attrName]);\n });\n\n target.head.appendChild(tag);\n return tag;\n};\n\nconst insertSheet = (tag: HTMLStyleElement, rule: string) => {\n const sheet = tag.sheet;\n\n if (sheet) {\n if (sheet.cssRules.length > 0) {\n sheet.deleteRule(0);\n }\n sheet.insertRule(rule, 0);\n } else if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line no-console\n console.error('FluentProvider: No sheet available on styleTag, styles will not be inserted into DOM.');\n }\n};\n\n/**\n * Writes a theme as css variables in a style tag on the provided targetDocument as a rule applied to a CSS class\n * @internal\n * @returns CSS class to apply the rule\n */\nexport const useFluentProviderThemeStyleTag = (\n options: Pick<FluentProviderState, 'theme' | 'targetDocument'> & { rendererAttributes: Record<string, string> },\n) => {\n const { targetDocument, theme, rendererAttributes } = options;\n\n const styleTag = React.useRef<HTMLStyleElement | undefined | null>();\n\n const styleTagId = useId(fluentProviderClassNames.root);\n const styleElementAttributes = rendererAttributes;\n\n const cssVarsAsString = React.useMemo(() => {\n return theme\n ? (Object.keys(theme) as (keyof typeof theme)[]).reduce((cssVarRule, cssVar) => {\n cssVarRule += `--${cssVar}: ${theme[cssVar]}; `;\n return cssVarRule;\n }, '')\n : '';\n }, [theme]);\n\n const rule = `.${styleTagId} { ${cssVarsAsString} }`;\n\n useHandleSSRStyleElements(targetDocument, styleTagId);\n useInsertionEffect(() => {\n // The style element could already have been created during SSR - no need to recreate it\n const ssrStyleElement = targetDocument?.getElementById(styleTagId);\n if (ssrStyleElement) {\n styleTag.current = ssrStyleElement as HTMLStyleElement;\n } else {\n styleTag.current = createStyleTag(targetDocument, { ...styleElementAttributes, id: styleTagId });\n if (styleTag.current) {\n insertSheet(styleTag.current, rule);\n }\n }\n\n return () => {\n styleTag.current?.remove();\n };\n }, [styleTagId, targetDocument, rule, styleElementAttributes]);\n\n return { styleTagId, rule };\n};\n\nfunction useHandleSSRStyleElements(targetDocument: Document | undefined | null, styleTagId: string) {\n // Using a state factory so that this logic only runs once per render\n // Each FluentProvider can create its own style element during SSR as a slot\n // Moves all theme style elements to document head during render to avoid hydration errors.\n // Should be strict mode safe since the logic is idempotent.\n React.useState(() => {\n if (!targetDocument) {\n return;\n }\n\n const themeStyleElement = targetDocument.getElementById(styleTagId);\n if (themeStyleElement) {\n targetDocument.head.append(themeStyleElement);\n }\n });\n}\n"],"mappings":"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"}
package/lib-commonjs/components/FluentProvider/FluentProvider.js CHANGED
@@ -10,11 +10,11 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
10
10
  const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
11
  const _renderFluentProvider = require("./renderFluentProvider");
12
12
  const _useFluentProvider = require("./useFluentProvider");
13
- const _useFluentProviderStyles = require("./useFluentProviderStyles");
13
+ const _useFluentProviderStylesStyles = require("./useFluentProviderStyles.styles");
14
14
  const _useFluentProviderContextValues = require("./useFluentProviderContextValues");
15
15
  const FluentProvider = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
16
16
  const state = (0, _useFluentProvider.useFluentProvider_unstable)(props, ref);
17
- (0, _useFluentProviderStyles.useFluentProviderStyles_unstable)(state);
17
+ (0, _useFluentProviderStylesStyles.useFluentProviderStyles_unstable)(state);
18
18
  const contextValues = (0, _useFluentProviderContextValues.useFluentProviderContextValues_unstable)(state);
19
19
  return (0, _renderFluentProvider.renderFluentProvider_unstable)(state, contextValues);
20
20
  });
package/lib-commonjs/components/FluentProvider/FluentProvider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/FluentProvider/FluentProvider.js"],"sourcesContent":["import * as React from 'react';\nimport { renderFluentProvider_unstable } from './renderFluentProvider';\nimport { useFluentProvider_unstable } from './useFluentProvider';\nimport { useFluentProviderStyles_unstable } from './useFluentProviderStyles';\nimport { useFluentProviderContextValues_unstable } from './useFluentProviderContextValues';\nexport const FluentProvider = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useFluentProvider_unstable(props, ref);\n useFluentProviderStyles_unstable(state);\n const contextValues = useFluentProviderContextValues_unstable(state);\n return renderFluentProvider_unstable(state, contextValues);\n});\nFluentProvider.displayName = 'FluentProvider';\n//# sourceMappingURL=FluentProvider.js.map"],"names":["FluentProvider","React","forwardRef","props","ref","state","useFluentProvider_unstable","useFluentProviderStyles_unstable","contextValues","useFluentProviderContextValues_unstable","renderFluentProvider_unstable","displayName"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;sCACuB;mCACH;yCACM;gDACO;AACjD,MAAMA,iBAAiB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC1E,MAAMC,QAAQC,IAAAA,6CAA0B,EAACH,OAAOC;IAChDG,IAAAA,yDAAgC,EAACF;IACjC,MAAMG,gBAAgBC,IAAAA,uEAAuC,EAACJ;IAC9D,OAAOK,IAAAA,mDAA6B,EAACL,OAAOG;AAC9C;AACAR,eAAeW,WAAW,GAAG,kBAC7B,0CAA0C"}
1
+ {"version":3,"sources":["../../../lib/components/FluentProvider/FluentProvider.js"],"sourcesContent":["import * as React from 'react';\nimport { renderFluentProvider_unstable } from './renderFluentProvider';\nimport { useFluentProvider_unstable } from './useFluentProvider';\nimport { useFluentProviderStyles_unstable } from './useFluentProviderStyles.styles';\nimport { useFluentProviderContextValues_unstable } from './useFluentProviderContextValues';\nexport const FluentProvider = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useFluentProvider_unstable(props, ref);\n useFluentProviderStyles_unstable(state);\n const contextValues = useFluentProviderContextValues_unstable(state);\n return renderFluentProvider_unstable(state, contextValues);\n});\nFluentProvider.displayName = 'FluentProvider';\n//# sourceMappingURL=FluentProvider.js.map"],"names":["FluentProvider","React","forwardRef","props","ref","state","useFluentProvider_unstable","useFluentProviderStyles_unstable","contextValues","useFluentProviderContextValues_unstable","renderFluentProvider_unstable","displayName"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;sCACuB;mCACH;+CACM;gDACO;AACjD,MAAMA,iBAAiB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC1E,MAAMC,QAAQC,IAAAA,6CAA0B,EAACH,OAAOC;IAChDG,IAAAA,+DAAgC,EAACF;IACjC,MAAMG,gBAAgBC,IAAAA,uEAAuC,EAACJ;IAC9D,OAAOK,IAAAA,mDAA6B,EAACL,OAAOG;AAC9C;AACAR,eAAeW,WAAW,GAAG,kBAC7B,0CAA0C"}
package/lib-commonjs/components/FluentProvider/index.js CHANGED
@@ -7,7 +7,7 @@ _exportStar(require("./FluentProvider"), exports);
7
7
  _exportStar(require("./FluentProvider.types"), exports);
8
8
  _exportStar(require("./renderFluentProvider"), exports);
9
9
  _exportStar(require("./useFluentProvider"), exports);
10
- _exportStar(require("./useFluentProviderStyles"), exports);
10
+ _exportStar(require("./useFluentProviderStyles.styles"), exports);
11
11
  _exportStar(require("./useFluentProviderContextValues"), exports);
12
12
  _exportStar(require("./useFluentProviderThemeStyleTag"), exports);
13
13
  //# sourceMappingURL=index.js.map
package/lib-commonjs/components/FluentProvider/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/FluentProvider/index.js"],"sourcesContent":["export * from './FluentProvider';\nexport * from './FluentProvider.types';\nexport * from './renderFluentProvider';\nexport * from './useFluentProvider';\nexport * from './useFluentProviderStyles';\nexport * from './useFluentProviderContextValues';\nexport * from './useFluentProviderThemeStyleTag';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
1
+ {"version":3,"sources":["../../../lib/components/FluentProvider/index.js"],"sourcesContent":["export * from './FluentProvider';\nexport * from './FluentProvider.types';\nexport * from './renderFluentProvider';\nexport * from './useFluentProvider';\nexport * from './useFluentProviderStyles.styles';\nexport * from './useFluentProviderContextValues';\nexport * from './useFluentProviderThemeStyleTag';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
package/lib-commonjs/components/FluentProvider/{useFluentProviderStyles.js → useFluentProviderStyles.styles.js} RENAMED
@@ -50,6 +50,6 @@ const useFluentProviderStyles_unstable = (state)=>{
50
50
  });
51
51
  state.root.className = (0, _core.mergeClasses)(fluentProviderClassNames.root, state.themeClassName, styles.root, state.root.className);
52
52
  return state;
53
- }; //# sourceMappingURL=useFluentProviderStyles.js.map
53
+ }; //# sourceMappingURL=useFluentProviderStyles.styles.js.map
54
54
 
55
- //# sourceMappingURL=useFluentProviderStyles.js.map
55
+ //# sourceMappingURL=useFluentProviderStyles.styles.js.map
package/lib-commonjs/components/FluentProvider/useFluentProviderStyles.styles.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../lib/components/FluentProvider/useFluentProviderStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/core';\nimport { useRenderer_unstable } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const fluentProviderClassNames = {\n root: 'fui-FluentProvider'\n};\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n sj55zd: \"f19n0e5\",\n De3pzq: \"fxugw4r\",\n fsow6f: [\"f1o700av\", \"fes3tcz\"],\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\"\n }\n}, {\n d: [\".f19n0e5{color:var(--colorNeutralForeground1);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".f1o700av{text-align:left;}\", \".fes3tcz{text-align:right;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\"]\n});\n/** Applies style classnames to slots */\nexport const useFluentProviderStyles_unstable = state => {\n const renderer = useRenderer_unstable();\n const styles = useStyles({\n dir: state.dir,\n renderer\n });\n state.root.className = mergeClasses(fluentProviderClassNames.root, state.themeClassName, styles.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useFluentProviderStyles.styles.js.map"],"names":["fluentProviderClassNames","useFluentProviderStyles_unstable","root","useStyles","__styles","sj55zd","De3pzq","fsow6f","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","state","renderer","useRenderer_unstable","styles","dir","className","mergeClasses","themeClassName"],"mappings":";;;;;;;;;;;IAGaA,wBAAwB,MAAxBA;IAiBAC,gCAAgC,MAAhCA;;sBApB0B;uBACF;AAE9B,MAAMD,2BAA2B;IACtCE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,iBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAmD;QAA8D;QAA+B;QAA+B;QAAgD;QAA+C;QAAmD;KAAmD;AAC1X;AAEO,MAAMX,mCAAmCY,CAAAA,QAAS;IACvD,MAAMC,WAAWC,IAAAA,2BAAoB;IACrC,MAAMC,SAASb,UAAU;QACvBc,KAAKJ,MAAMI,GAAG;QACdH;IACF;IACAD,MAAMX,IAAI,CAACgB,SAAS,GAAGC,IAAAA,kBAAY,EAACnB,yBAAyBE,IAAI,EAAEW,MAAMO,cAAc,EAAEJ,OAAOd,IAAI,EAAEW,MAAMX,IAAI,CAACgB,SAAS;IAC1H,OAAOL;AACT,GACA,0DAA0D"}
package/lib-commonjs/components/FluentProvider/useFluentProviderThemeStyleTag.js CHANGED
@@ -9,7 +9,7 @@ Object.defineProperty(exports, "useFluentProviderThemeStyleTag", {
9
9
  const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
10
  const _reactUtilities = require("@fluentui/react-utilities");
11
11
  const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
12
- const _useFluentProviderStyles = require("./useFluentProviderStyles");
12
+ const _useFluentProviderStylesStyles = require("./useFluentProviderStyles.styles");
13
13
  // String concatenation is used to prevent bundlers to complain with older versions of React
14
14
  const useInsertionEffect = _react['useInsertion' + 'Effect'] ? _react['useInsertion' + 'Effect'] : _reactUtilities.useIsomorphicLayoutEffect;
15
15
  const createStyleTag = (target, elementAttributes)=>{
@@ -38,7 +38,7 @@ const insertSheet = (tag, rule)=>{
38
38
  const useFluentProviderThemeStyleTag = (options)=>{
39
39
  const { targetDocument , theme , rendererAttributes } = options;
40
40
  const styleTag = _react.useRef();
41
- const styleTagId = (0, _reactUtilities.useId)(_useFluentProviderStyles.fluentProviderClassNames.root);
41
+ const styleTagId = (0, _reactUtilities.useId)(_useFluentProviderStylesStyles.fluentProviderClassNames.root);
42
42
  const styleElementAttributes = rendererAttributes;
43
43
  const cssVarsAsString = _react.useMemo(()=>{
44
44
  return theme ? Object.keys(theme).reduce((cssVarRule, cssVar)=>{
package/lib-commonjs/components/FluentProvider/useFluentProviderThemeStyleTag.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/FluentProvider/useFluentProviderThemeStyleTag.js"],"sourcesContent":["import { useId, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { fluentProviderClassNames } from './useFluentProviderStyles';\n// String concatenation is used to prevent bundlers to complain with older versions of React\nconst useInsertionEffect = React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : useIsomorphicLayoutEffect;\nconst createStyleTag = (target, elementAttributes) => {\n if (!target) {\n return undefined;\n }\n const tag = target.createElement('style');\n Object.keys(elementAttributes).forEach(attrName => {\n tag.setAttribute(attrName, elementAttributes[attrName]);\n });\n target.head.appendChild(tag);\n return tag;\n};\nconst insertSheet = (tag, rule) => {\n const sheet = tag.sheet;\n if (sheet) {\n if (sheet.cssRules.length > 0) {\n sheet.deleteRule(0);\n }\n sheet.insertRule(rule, 0);\n } else if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line no-console\n console.error('FluentProvider: No sheet available on styleTag, styles will not be inserted into DOM.');\n }\n};\n/**\n * Writes a theme as css variables in a style tag on the provided targetDocument as a rule applied to a CSS class\n * @internal\n * @returns CSS class to apply the rule\n */\nexport const useFluentProviderThemeStyleTag = options => {\n const {\n targetDocument,\n theme,\n rendererAttributes\n } = options;\n const styleTag = React.useRef();\n const styleTagId = useId(fluentProviderClassNames.root);\n const styleElementAttributes = rendererAttributes;\n const cssVarsAsString = React.useMemo(() => {\n return theme ? Object.keys(theme).reduce((cssVarRule, cssVar) => {\n cssVarRule += `--${cssVar}: ${theme[cssVar]}; `;\n return cssVarRule;\n }, '') : '';\n }, [theme]);\n const rule = `.${styleTagId} { ${cssVarsAsString} }`;\n useHandleSSRStyleElements(targetDocument, styleTagId);\n useInsertionEffect(() => {\n // The style element could already have been created during SSR - no need to recreate it\n const ssrStyleElement = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.getElementById(styleTagId);\n if (ssrStyleElement) {\n styleTag.current = ssrStyleElement;\n } else {\n styleTag.current = createStyleTag(targetDocument, {\n ...styleElementAttributes,\n id: styleTagId\n });\n if (styleTag.current) {\n insertSheet(styleTag.current, rule);\n }\n }\n return () => {\n var _styleTag_current;\n (_styleTag_current = styleTag.current) === null || _styleTag_current === void 0 ? void 0 : _styleTag_current.remove();\n };\n }, [styleTagId, targetDocument, rule, styleElementAttributes]);\n return {\n styleTagId,\n rule\n };\n};\nfunction useHandleSSRStyleElements(targetDocument, styleTagId) {\n // Using a state factory so that this logic only runs once per render\n // Each FluentProvider can create its own style element during SSR as a slot\n // Moves all theme style elements to document head during render to avoid hydration errors.\n // Should be strict mode safe since the logic is idempotent.\n React.useState(() => {\n if (!targetDocument) {\n return;\n }\n const themeStyleElement = targetDocument.getElementById(styleTagId);\n if (themeStyleElement) {\n targetDocument.head.append(themeStyleElement);\n }\n });\n}\n//# sourceMappingURL=useFluentProviderThemeStyleTag.js.map"],"names":["useFluentProviderThemeStyleTag","useInsertionEffect","React","useIsomorphicLayoutEffect","createStyleTag","target","elementAttributes","undefined","tag","createElement","Object","keys","forEach","attrName","setAttribute","head","appendChild","insertSheet","rule","sheet","cssRules","length","deleteRule","insertRule","process","env","NODE_ENV","console","error","options","targetDocument","theme","rendererAttributes","styleTag","useRef","styleTagId","useId","fluentProviderClassNames","root","styleElementAttributes","cssVarsAsString","useMemo","reduce","cssVarRule","cssVar","useHandleSSRStyleElements","ssrStyleElement","getElementById","current","id","_styleTag_current","remove","useState","themeStyleElement","append"],"mappings":"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"}
1
+ {"version":3,"sources":["../../../lib/components/FluentProvider/useFluentProviderThemeStyleTag.js"],"sourcesContent":["import { useId, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { fluentProviderClassNames } from './useFluentProviderStyles.styles';\n// String concatenation is used to prevent bundlers to complain with older versions of React\nconst useInsertionEffect = React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : useIsomorphicLayoutEffect;\nconst createStyleTag = (target, elementAttributes) => {\n if (!target) {\n return undefined;\n }\n const tag = target.createElement('style');\n Object.keys(elementAttributes).forEach(attrName => {\n tag.setAttribute(attrName, elementAttributes[attrName]);\n });\n target.head.appendChild(tag);\n return tag;\n};\nconst insertSheet = (tag, rule) => {\n const sheet = tag.sheet;\n if (sheet) {\n if (sheet.cssRules.length > 0) {\n sheet.deleteRule(0);\n }\n sheet.insertRule(rule, 0);\n } else if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line no-console\n console.error('FluentProvider: No sheet available on styleTag, styles will not be inserted into DOM.');\n }\n};\n/**\n * Writes a theme as css variables in a style tag on the provided targetDocument as a rule applied to a CSS class\n * @internal\n * @returns CSS class to apply the rule\n */\nexport const useFluentProviderThemeStyleTag = options => {\n const {\n targetDocument,\n theme,\n rendererAttributes\n } = options;\n const styleTag = React.useRef();\n const styleTagId = useId(fluentProviderClassNames.root);\n const styleElementAttributes = rendererAttributes;\n const cssVarsAsString = React.useMemo(() => {\n return theme ? Object.keys(theme).reduce((cssVarRule, cssVar) => {\n cssVarRule += `--${cssVar}: ${theme[cssVar]}; `;\n return cssVarRule;\n }, '') : '';\n }, [theme]);\n const rule = `.${styleTagId} { ${cssVarsAsString} }`;\n useHandleSSRStyleElements(targetDocument, styleTagId);\n useInsertionEffect(() => {\n // The style element could already have been created during SSR - no need to recreate it\n const ssrStyleElement = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.getElementById(styleTagId);\n if (ssrStyleElement) {\n styleTag.current = ssrStyleElement;\n } else {\n styleTag.current = createStyleTag(targetDocument, {\n ...styleElementAttributes,\n id: styleTagId\n });\n if (styleTag.current) {\n insertSheet(styleTag.current, rule);\n }\n }\n return () => {\n var _styleTag_current;\n (_styleTag_current = styleTag.current) === null || _styleTag_current === void 0 ? void 0 : _styleTag_current.remove();\n };\n }, [styleTagId, targetDocument, rule, styleElementAttributes]);\n return {\n styleTagId,\n rule\n };\n};\nfunction useHandleSSRStyleElements(targetDocument, styleTagId) {\n // Using a state factory so that this logic only runs once per render\n // Each FluentProvider can create its own style element during SSR as a slot\n // Moves all theme style elements to document head during render to avoid hydration errors.\n // Should be strict mode safe since the logic is idempotent.\n React.useState(() => {\n if (!targetDocument) {\n return;\n }\n const themeStyleElement = targetDocument.getElementById(styleTagId);\n if (themeStyleElement) {\n targetDocument.head.append(themeStyleElement);\n }\n });\n}\n//# sourceMappingURL=useFluentProviderThemeStyleTag.js.map"],"names":["useFluentProviderThemeStyleTag","useInsertionEffect","React","useIsomorphicLayoutEffect","createStyleTag","target","elementAttributes","undefined","tag","createElement","Object","keys","forEach","attrName","setAttribute","head","appendChild","insertSheet","rule","sheet","cssRules","length","deleteRule","insertRule","process","env","NODE_ENV","console","error","options","targetDocument","theme","rendererAttributes","styleTag","useRef","styleTagId","useId","fluentProviderClassNames","root","styleElementAttributes","cssVarsAsString","useMemo","reduce","cssVarRule","cssVar","useHandleSSRStyleElements","ssrStyleElement","getElementById","current","id","_styleTag_current","remove","useState","themeStyleElement","append"],"mappings":";;;;+BAiCaA;;aAAAA;;;gCAjCoC;6DAC1B;+CACkB;AACzC,4FAA4F;AAC5F,MAAMC,qBAAqBC,MAAK,CAAC,iBAAiB,SAAS,GAAGA,MAAK,CAAC,iBAAiB,SAAS,GAAGC,yCAAyB;AAC1H,MAAMC,iBAAiB,CAACC,QAAQC,oBAAsB;IACpD,IAAI,CAACD,QAAQ;QACX,OAAOE;IACT,CAAC;IACD,MAAMC,MAAMH,OAAOI,aAAa,CAAC;IACjCC,OAAOC,IAAI,CAACL,mBAAmBM,OAAO,CAACC,CAAAA,WAAY;QACjDL,IAAIM,YAAY,CAACD,UAAUP,iBAAiB,CAACO,SAAS;IACxD;IACAR,OAAOU,IAAI,CAACC,WAAW,CAACR;IACxB,OAAOA;AACT;AACA,MAAMS,cAAc,CAACT,KAAKU,OAAS;IACjC,MAAMC,QAAQX,IAAIW,KAAK;IACvB,IAAIA,OAAO;QACT,IAAIA,MAAMC,QAAQ,CAACC,MAAM,GAAG,GAAG;YAC7BF,MAAMG,UAAU,CAAC;QACnB,CAAC;QACDH,MAAMI,UAAU,CAACL,MAAM;IACzB,OAAO,IAAIM,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QAChD,sCAAsC;QACtCC,QAAQC,KAAK,CAAC;IAChB,CAAC;AACH;AAMO,MAAM5B,iCAAiC6B,CAAAA,UAAW;IACvD,MAAM,EACJC,eAAc,EACdC,MAAK,EACLC,mBAAkB,EACnB,GAAGH;IACJ,MAAMI,WAAW/B,OAAMgC,MAAM;IAC7B,MAAMC,aAAaC,IAAAA,qBAAK,EAACC,uDAAwB,CAACC,IAAI;IACtD,MAAMC,yBAAyBP;IAC/B,MAAMQ,kBAAkBtC,OAAMuC,OAAO,CAAC,IAAM;QAC1C,OAAOV,QAAQrB,OAAOC,IAAI,CAACoB,OAAOW,MAAM,CAAC,CAACC,YAAYC,SAAW;YAC/DD,cAAc,CAAC,EAAE,EAAEC,OAAO,EAAE,EAAEb,KAAK,CAACa,OAAO,CAAC,EAAE,CAAC;YAC/C,OAAOD;QACT,GAAG,MAAM,EAAE;IACb,GAAG;QAACZ;KAAM;IACV,MAAMb,OAAO,CAAC,CAAC,EAAEiB,WAAW,GAAG,EAAEK,gBAAgB,EAAE,CAAC;IACpDK,0BAA0Bf,gBAAgBK;IAC1ClC,mBAAmB,IAAM;QACvB,wFAAwF;QACxF,MAAM6C,kBAAkBhB,mBAAmB,IAAI,IAAIA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeiB,cAAc,CAACZ,WAAW;QACjI,IAAIW,iBAAiB;YACnBb,SAASe,OAAO,GAAGF;QACrB,OAAO;YACLb,SAASe,OAAO,GAAG5C,eAAe0B,gBAAgB;gBAChD,GAAGS,sBAAsB;gBACzBU,IAAId;YACN;YACA,IAAIF,SAASe,OAAO,EAAE;gBACpB/B,YAAYgB,SAASe,OAAO,EAAE9B;YAChC,CAAC;QACH,CAAC;QACD,OAAO,IAAM;YACX,IAAIgC;YACHA,CAAAA,oBAAoBjB,SAASe,OAAO,AAAD,MAAO,IAAI,IAAIE,sBAAsB,KAAK,IAAI,KAAK,IAAIA,kBAAkBC,MAAM,EAAE;QACvH;IACF,GAAG;QAAChB;QAAYL;QAAgBZ;QAAMqB;KAAuB;IAC7D,OAAO;QACLJ;QACAjB;IACF;AACF;AACA,SAAS2B,0BAA0Bf,cAAc,EAAEK,UAAU,EAAE;IAC7D,qEAAqE;IACrE,4EAA4E;IAC5E,2FAA2F;IAC3F,4DAA4D;IAC5DjC,OAAMkD,QAAQ,CAAC,IAAM;QACnB,IAAI,CAACtB,gBAAgB;YACnB;QACF,CAAC;QACD,MAAMuB,oBAAoBvB,eAAeiB,cAAc,CAACZ;QACxD,IAAIkB,mBAAmB;YACrBvB,eAAef,IAAI,CAACuC,MAAM,CAACD;QAC7B,CAAC;IACH;AACF,EACA,0DAA0D"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-provider",
3
- "version": "0.0.0-nightly-20230425-0423.1",
3
+ "version": "0.0.0-nightly-20230427-0418.1",
4
4
  "description": "Fluent UI React provider component",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -27,18 +27,18 @@
27
27
  "devDependencies": {
28
28
  "@fluentui/eslint-plugin": "*",
29
29
  "@fluentui/react-conformance": "*",
30
- "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230425-0423.1",
30
+ "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230427-0418.1",
31
31
  "@fluentui/scripts-api-extractor": "*",
32
32
  "@fluentui/scripts-tasks": "*"
33
33
  },
34
34
  "dependencies": {
35
35
  "@griffel/core": "^1.9.0",
36
36
  "@griffel/react": "^1.5.2",
37
- "@fluentui/react-shared-contexts": "0.0.0-nightly-20230425-0423.1",
38
- "@fluentui/react-tabster": "0.0.0-nightly-20230425-0423.1",
39
- "@fluentui/react-theme": "0.0.0-nightly-20230425-0423.1",
40
- "@fluentui/react-utilities": "0.0.0-nightly-20230425-0423.1",
41
- "@fluentui/react-jsx-runtime": "0.0.0-nightly-20230425-0423.1",
37
+ "@fluentui/react-shared-contexts": "0.0.0-nightly-20230427-0418.1",
38
+ "@fluentui/react-tabster": "0.0.0-nightly-20230427-0418.1",
39
+ "@fluentui/react-theme": "0.0.0-nightly-20230427-0418.1",
40
+ "@fluentui/react-utilities": "0.0.0-nightly-20230427-0418.1",
41
+ "@fluentui/react-jsx-runtime": "0.0.0-nightly-20230427-0418.1",
42
42
  "@swc/helpers": "^0.4.14"
43
43
  },
44
44
  "peerDependencies": {
package/lib/components/FluentProvider/useFluentProviderStyles.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"names":["__styles","mergeClasses","useRenderer_unstable","tokens","typographyStyles","fluentProviderClassNames","root","useStyles","sj55zd","De3pzq","fsow6f","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","useFluentProviderStyles_unstable","state","renderer","styles","dir","className","themeClassName"],"sources":["../../../src/components/FluentProvider/useFluentProviderStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/core';\nimport { useRenderer_unstable } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { FluentProviderSlots, FluentProviderState } from './FluentProvider.types';\nimport { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const fluentProviderClassNames: SlotClassNames<FluentProviderSlots> = {\n root: 'fui-FluentProvider',\n};\n\nconst useStyles = makeStyles({\n root: {\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorNeutralBackground1,\n textAlign: 'left',\n ...typographyStyles.body1,\n },\n});\n\n/** Applies style classnames to slots */\nexport const useFluentProviderStyles_unstable = (state: FluentProviderState) => {\n const renderer = useRenderer_unstable();\n const styles = useStyles({ dir: state.dir, renderer });\n\n state.root.className = mergeClasses(\n fluentProviderClassNames.root,\n state.themeClassName,\n styles.root,\n state.root.className,\n );\n\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ;AACzC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,MAAM,EAAEC,gBAAgB,QAAQ;AAIzC,OAAO,MAAMC,wBAAA,GAAgE;EAC3EC,IAAA,EAAM;AACR;AAEA,MAAMC,SAAA,gBAAYP,QAAA;EAAAM,IAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAOlB;AAEA;AACA,OAAO,MAAMC,gCAAA,GAAoCC,KAAA,IAA+B;EAC9E,MAAMC,QAAA,GAAWhB,oBAAA;EACjB,MAAMiB,MAAA,GAASZ,SAAA,CAAU;IAAEa,GAAA,EAAKH,KAAA,CAAMG,GAAG;IAAEF;EAAS;EAEpDD,KAAA,CAAMX,IAAI,CAACe,SAAS,GAAGpB,YAAA,CACrBI,wBAAA,CAAyBC,IAAI,EAC7BW,KAAA,CAAMK,cAAc,EACpBH,MAAA,CAAOb,IAAI,EACXW,KAAA,CAAMX,IAAI,CAACe,SAAS;EAGtB,OAAOJ,KAAA;AACT"}
package/lib-commonjs/components/FluentProvider/useFluentProviderStyles.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../lib/components/FluentProvider/useFluentProviderStyles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/core';\nimport { useRenderer_unstable } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const fluentProviderClassNames = {\n root: 'fui-FluentProvider'\n};\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n sj55zd: \"f19n0e5\",\n De3pzq: \"fxugw4r\",\n fsow6f: [\"f1o700av\", \"fes3tcz\"],\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\"\n }\n}, {\n d: [\".f19n0e5{color:var(--colorNeutralForeground1);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".f1o700av{text-align:left;}\", \".fes3tcz{text-align:right;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\"]\n});\n/** Applies style classnames to slots */\nexport const useFluentProviderStyles_unstable = state => {\n const renderer = useRenderer_unstable();\n const styles = useStyles({\n dir: state.dir,\n renderer\n });\n state.root.className = mergeClasses(fluentProviderClassNames.root, state.themeClassName, styles.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useFluentProviderStyles.js.map"],"names":["fluentProviderClassNames","useFluentProviderStyles_unstable","root","useStyles","__styles","sj55zd","De3pzq","fsow6f","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","state","renderer","useRenderer_unstable","styles","dir","className","mergeClasses","themeClassName"],"mappings":";;;;;;;;;;;IAGaA,wBAAwB,MAAxBA;IAiBAC,gCAAgC,MAAhCA;;sBApB0B;uBACF;AAE9B,MAAMD,2BAA2B;IACtCE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,iBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAmD;QAA8D;QAA+B;QAA+B;QAAgD;QAA+C;QAAmD;KAAmD;AAC1X;AAEO,MAAMX,mCAAmCY,CAAAA,QAAS;IACvD,MAAMC,WAAWC,IAAAA,2BAAoB;IACrC,MAAMC,SAASb,UAAU;QACvBc,KAAKJ,MAAMI,GAAG;QACdH;IACF;IACAD,MAAMX,IAAI,CAACgB,SAAS,GAAGC,IAAAA,kBAAY,EAACnB,yBAAyBE,IAAI,EAAEW,MAAMO,cAAc,EAAEJ,OAAOd,IAAI,EAAEW,MAAMX,IAAI,CAACgB,SAAS;IAC1H,OAAOL;AACT,GACA,mDAAmD"}