@fluentui/react-teaching-popover 0.0.0-nightly-20240730-0407.1 → 0.0.0-nightly-20240816-2133.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 (30) hide show
  1. package/CHANGELOG.md +15 -15
  2. package/lib/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButtonStyles.styles.js +14 -14
  3. package/lib/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButtonStyles.styles.js.map +1 -1
  4. package/lib/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js +4 -4
  5. package/lib/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js.map +1 -1
  6. package/lib/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js +15 -15
  7. package/lib/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js.map +1 -1
  8. package/lib/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js +8 -8
  9. package/lib/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js.map +1 -1
  10. package/lib/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js +26 -26
  11. package/lib/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js.map +1 -1
  12. package/lib/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js +2 -2
  13. package/lib/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js.map +1 -1
  14. package/lib/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js +17 -17
  15. package/lib/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js.map +1 -1
  16. package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButtonStyles.styles.js +24 -24
  17. package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButtonStyles.styles.js.map +1 -1
  18. package/lib-commonjs/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js +4 -4
  19. package/lib-commonjs/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js.map +1 -1
  20. package/lib-commonjs/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js +16 -15
  21. package/lib-commonjs/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js.map +1 -1
  22. package/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js +12 -12
  23. package/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js.map +1 -1
  24. package/lib-commonjs/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js +48 -42
  25. package/lib-commonjs/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js.map +1 -1
  26. package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js +2 -2
  27. package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js.map +1 -1
  28. package/lib-commonjs/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js +31 -30
  29. package/lib-commonjs/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js.map +1 -1
  30. package/package.json +12 -12
package/CHANGELOG.md CHANGED
@@ -1,28 +1,28 @@
1
1
  # Change Log - @fluentui/react-teaching-popover
2
2
 
3
- This log was last generated on Tue, 30 Jul 2024 04:17:38 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 16 Aug 2024 21:43:58 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightly-20240730-0407.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-teaching-popover_v0.0.0-nightly-20240730-0407.1)
7
+ ## [0.0.0-nightly-20240816-2133.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-teaching-popover_v0.0.0-nightly-20240816-2133.1)
8
8
 
9
- Tue, 30 Jul 2024 04:17:38 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-teaching-popover_v9.1.11..@fluentui/react-teaching-popover_v0.0.0-nightly-20240730-0407.1)
9
+ Fri, 16 Aug 2024 21:43:58 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-teaching-popover_v9.1.11..@fluentui/react-teaching-popover_v0.0.0-nightly-20240816-2133.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-jsx-runtime to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
16
- - Bump @fluentui/react-theme to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
17
- - Bump @fluentui/react-utilities to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
18
- - Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
19
- - Bump @fluentui/react-popover to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
20
- - Bump @fluentui/react-button to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
21
- - Bump @fluentui/react-tabster to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
22
- - Bump @fluentui/react-aria to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
23
- - Bump @fluentui/react-context-selector to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
24
- - Bump @fluentui/react-conformance to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
25
- - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
15
+ - Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
16
+ - Bump @fluentui/react-theme to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
17
+ - Bump @fluentui/react-utilities to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
18
+ - Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
19
+ - Bump @fluentui/react-popover to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
20
+ - Bump @fluentui/react-button to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
21
+ - Bump @fluentui/react-tabster to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
22
+ - Bump @fluentui/react-aria to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
23
+ - Bump @fluentui/react-context-selector to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
24
+ - Bump @fluentui/react-conformance to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
25
+ - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
26
26
 
27
27
  ## [9.1.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-teaching-popover_v9.1.11)
28
28
 
package/lib/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButtonStyles.styles.js CHANGED
@@ -9,40 +9,40 @@ const useStyles = /*#__PURE__*/__styles({
9
9
  Bf4jedk: "f14es27b"
10
10
  },
11
11
  brandNext: {
12
- sj55zd: "f16muhyy",
13
- De3pzq: "f10s6wn9",
12
+ sj55zd: "fx3gtfb",
13
+ De3pzq: "fiwtpwq",
14
14
  g2u3we: "f1iimpp0",
15
15
  h3c5rm: ["f19uhqvu", "f1nx14hx"],
16
16
  B9xav0g: "fnqa90p",
17
17
  zhjwy3: ["f1nx14hx", "f19uhqvu"],
18
- Bi91k9c: "f3ymbdj",
19
- Jwef8y: "f1rgtb95",
20
- B2d53fq: "f1pu27ff",
21
- iro3zm: "f1d5c7in"
18
+ Bi91k9c: "f13svg32",
19
+ Jwef8y: "fs3eyyr",
20
+ B2d53fq: "fiun872",
21
+ iro3zm: "fzrz8lz"
22
22
  },
23
23
  brandPrevious: {
24
- sj55zd: "f1phragk",
25
- De3pzq: "ffp7eso",
24
+ sj55zd: "fo2uuwt",
25
+ De3pzq: "fthp5vq",
26
26
  g2u3we: "fm1ebug",
27
27
  h3c5rm: ["f28omuz", "f1uhflii"],
28
28
  B9xav0g: "f1ixw5o4",
29
29
  zhjwy3: ["f1uhflii", "f28omuz"],
30
- Bi91k9c: "f1rq72xc",
30
+ Bi91k9c: "f4yn4s9",
31
31
  Bgoe8wy: "f1bg5g8r",
32
32
  Bwzppfd: ["f1h9bnsk", "f12x9t0k"],
33
33
  oetu4i: "f19ervry",
34
34
  gg5e9n: ["f12x9t0k", "f1h9bnsk"],
35
- Jwef8y: "f15wkkf3",
36
- B2d53fq: "f1d6v5y2",
35
+ Jwef8y: "f1jhdnjq",
36
+ B2d53fq: "fgqj1y8",
37
37
  b661bw: "f1565b9n",
38
38
  Bk6r4ia: ["fm07gvo", "fwlsg72"],
39
39
  B9zn80p: "fzw6fmy",
40
40
  Bpld233: ["fwlsg72", "fm07gvo"],
41
- iro3zm: "fnp9lpt"
41
+ iro3zm: "fozub01"
42
42
  }
43
43
  }, {
44
- d: [".f14es27b{min-width:96px;}", ".f16muhyy{color:var(--colorBrandForeground1);}", ".f10s6wn9{background-color:var(--colorNeutralForegroundOnBrand);}", ".f1iimpp0{border-top-color:var(--colorTransparentBackground);}", ".f19uhqvu{border-right-color:var(--colorTransparentBackground);}", ".f1nx14hx{border-left-color:var(--colorTransparentBackground);}", ".fnqa90p{border-bottom-color:var(--colorTransparentBackground);}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".ffp7eso{background-color:var(--colorBrandBackground);}", ".fm1ebug{border-top-color:var(--colorNeutralForegroundOnBrand);}", ".f28omuz{border-right-color:var(--colorNeutralForegroundOnBrand);}", ".f1uhflii{border-left-color:var(--colorNeutralForegroundOnBrand);}", ".f1ixw5o4{border-bottom-color:var(--colorNeutralForegroundOnBrand);}"],
45
- h: [".f3ymbdj:hover{color:var(--colorCompoundBrandForeground1Hover);}", ".f1rgtb95:hover{background-color:var(--colorNeutralForegroundOnBrand);}", ".f1pu27ff:hover:active{color:var(--colorCompoundBrandForeground1Pressed);}", ".f1d5c7in:hover:active{background-color:var(--colorNeutralForegroundOnBrand);}", ".f1rq72xc:hover{color:var(--colorNeutralForegroundOnBrand);}", ".f1bg5g8r:hover{border-top-color:var(--colorNeutralForegroundOnBrand);}", ".f1h9bnsk:hover{border-right-color:var(--colorNeutralForegroundOnBrand);}", ".f12x9t0k:hover{border-left-color:var(--colorNeutralForegroundOnBrand);}", ".f19ervry:hover{border-bottom-color:var(--colorNeutralForegroundOnBrand);}", ".f15wkkf3:hover{background-color:var(--colorBrandBackgroundHover);}", ".f1d6v5y2:hover:active{color:var(--colorNeutralForegroundOnBrand);}", ".f1565b9n:hover:active{border-top-color:var(--colorNeutralForegroundOnBrand);}", ".fm07gvo:hover:active{border-right-color:var(--colorNeutralForegroundOnBrand);}", ".fwlsg72:hover:active{border-left-color:var(--colorNeutralForegroundOnBrand);}", ".fzw6fmy:hover:active{border-bottom-color:var(--colorNeutralForegroundOnBrand);}", ".fnp9lpt:hover:active{background-color:var(--colorBrandBackgroundPressed);}"]
44
+ d: [".f14es27b{min-width:96px;}", ".fx3gtfb{color:var(--ctrl-token-TeachingPopoverCarouselFooterButton-2527, var(--semantic-token-TeachingPopoverCarouselFooterButton-2528, var(--colorBrandForeground1)));}", ".fiwtpwq{background-color:var(--ctrl-token-TeachingPopoverCarouselFooterButton-2529, var(--semantic-token-TeachingPopoverCarouselFooterButton-2530, var(--colorNeutralForegroundOnBrand)));}", ".f1iimpp0{border-top-color:var(--colorTransparentBackground);}", ".f19uhqvu{border-right-color:var(--colorTransparentBackground);}", ".f1nx14hx{border-left-color:var(--colorTransparentBackground);}", ".fnqa90p{border-bottom-color:var(--colorTransparentBackground);}", ".fo2uuwt{color:var(--ctrl-token-TeachingPopoverCarouselFooterButton-2539, var(--semantic-token-TeachingPopoverCarouselFooterButton-2540, var(--colorNeutralForegroundOnBrand)));}", ".fthp5vq{background-color:var(--ctrl-token-TeachingPopoverCarouselFooterButton-2541, var(--semantic-token-TeachingPopoverCarouselFooterButton-2542, var(--colorBrandBackground)));}", ".fm1ebug{border-top-color:var(--colorNeutralForegroundOnBrand);}", ".f28omuz{border-right-color:var(--colorNeutralForegroundOnBrand);}", ".f1uhflii{border-left-color:var(--colorNeutralForegroundOnBrand);}", ".f1ixw5o4{border-bottom-color:var(--colorNeutralForegroundOnBrand);}"],
45
+ h: [".f13svg32:hover{color:var(--ctrl-token-TeachingPopoverCarouselFooterButton-2531, var(--semantic-token-TeachingPopoverCarouselFooterButton-2532, var(--colorCompoundBrandForeground1Hover)));}", ".fs3eyyr:hover{background-color:var(--ctrl-token-TeachingPopoverCarouselFooterButton-2533, var(--semantic-token-TeachingPopoverCarouselFooterButton-2534, var(--colorNeutralForegroundOnBrand)));}", ".fiun872:hover:active{color:var(--ctrl-token-TeachingPopoverCarouselFooterButton-2535, var(--semantic-token-TeachingPopoverCarouselFooterButton-2536, var(--colorCompoundBrandForeground1Pressed)));}", ".fzrz8lz:hover:active{background-color:var(--ctrl-token-TeachingPopoverCarouselFooterButton-2537, var(--semantic-token-TeachingPopoverCarouselFooterButton-2538, var(--colorNeutralForegroundOnBrand)));}", ".f4yn4s9:hover{color:var(--ctrl-token-TeachingPopoverCarouselFooterButton-2543, var(--semantic-token-TeachingPopoverCarouselFooterButton-2544, var(--colorNeutralForegroundOnBrand)));}", ".f1bg5g8r:hover{border-top-color:var(--colorNeutralForegroundOnBrand);}", ".f1h9bnsk:hover{border-right-color:var(--colorNeutralForegroundOnBrand);}", ".f12x9t0k:hover{border-left-color:var(--colorNeutralForegroundOnBrand);}", ".f19ervry:hover{border-bottom-color:var(--colorNeutralForegroundOnBrand);}", ".f1jhdnjq:hover{background-color:var(--ctrl-token-TeachingPopoverCarouselFooterButton-2545, var(--semantic-token-TeachingPopoverCarouselFooterButton-2546, var(--colorBrandBackgroundHover)));}", ".fgqj1y8:hover:active{color:var(--ctrl-token-TeachingPopoverCarouselFooterButton-2547, var(--semantic-token-TeachingPopoverCarouselFooterButton-2548, var(--colorNeutralForegroundOnBrand)));}", ".f1565b9n:hover:active{border-top-color:var(--colorNeutralForegroundOnBrand);}", ".fm07gvo:hover:active{border-right-color:var(--colorNeutralForegroundOnBrand);}", ".fwlsg72:hover:active{border-left-color:var(--colorNeutralForegroundOnBrand);}", ".fzw6fmy:hover:active{border-bottom-color:var(--colorNeutralForegroundOnBrand);}", ".fozub01:hover:active{background-color:var(--ctrl-token-TeachingPopoverCarouselFooterButton-2549, var(--semantic-token-TeachingPopoverCarouselFooterButton-2550, var(--colorBrandBackgroundPressed)));}"]
46
46
  });
47
47
  /**
48
48
  * Apply styling to the TeachingPopoverCarouselFooterButton slots based on the state
package/lib/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButtonStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","mergeClasses","shorthands","tokens","useButtonStyles_unstable","teachingPopoverCarouselFooterButtonClassNames","root","useStyles","Bf4jedk","brandNext","sj55zd","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bi91k9c","Jwef8y","B2d53fq","iro3zm","brandPrevious","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","b661bw","Bk6r4ia","B9zn80p","Bpld233","d","h","useTeachingPopoverCarouselFooterButtonStyles_unstable","state","styles","navType","popoverAppearance","className"],"sources":["useTeachingPopoverCarouselFooterButtonStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useButtonStyles_unstable } from '@fluentui/react-button';\nexport const teachingPopoverCarouselFooterButtonClassNames = {\n root: 'fui-TeachingPopoverCarouselFooterButton'\n};\nconst useStyles = makeStyles({\n root: {\n minWidth: '96px'\n },\n brandNext: {\n color: tokens.colorBrandForeground1,\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n ...shorthands.borderColor(tokens.colorTransparentBackground),\n ':hover': {\n color: tokens.colorCompoundBrandForeground1Hover,\n backgroundColor: tokens.colorNeutralForegroundOnBrand\n },\n ':hover:active': {\n color: tokens.colorCompoundBrandForeground1Pressed,\n backgroundColor: tokens.colorNeutralForegroundOnBrand\n }\n },\n brandPrevious: {\n // In brand, this is always 'NeutralForegroundOnBrand'\n color: tokens.colorNeutralForegroundOnBrand,\n backgroundColor: tokens.colorBrandBackground,\n ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n ':hover': {\n color: tokens.colorNeutralForegroundOnBrand,\n ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n backgroundColor: tokens.colorBrandBackgroundHover\n },\n ':hover:active': {\n color: tokens.colorNeutralForegroundOnBrand,\n ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n backgroundColor: tokens.colorBrandBackgroundPressed\n }\n }\n});\n/**\n * Apply styling to the TeachingPopoverCarouselFooterButton slots based on the state\n */ export const useTeachingPopoverCarouselFooterButtonStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const { navType, popoverAppearance } = state;\n // Apply underlying fluent Button styles\n state = {\n ...state,\n ...useButtonStyles_unstable(state)\n };\n state.root.className = mergeClasses(teachingPopoverCarouselFooterButtonClassNames.root, styles.root, navType === 'prev' && popoverAppearance === 'brand' && styles.brandPrevious, navType === 'next' && popoverAppearance === 'brand' && styles.brandNext, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,wBAAwB,QAAQ,wBAAwB;AACjE,OAAO,MAAMC,6CAA6C,GAAG;EACzDC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGP,QAAA;EAAAM,IAAA;IAAAE,OAAA;EAAA;EAAAC,SAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,aAAA;IAAAV,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAK,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAP,MAAA;IAAAC,OAAA;IAAAO,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAT,MAAA;EAAA;AAAA;EAAAU,CAAA;EAAAC,CAAA;AAAA,CAiCjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,qDAAqD,GAAIC,KAAK,IAAG;EAC9E,aAAa;;EACb,MAAMC,MAAM,GAAG1B,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAE2B,OAAO;IAAEC;EAAkB,CAAC,GAAGH,KAAK;EAC5C;EACAA,KAAK,GAAG;IACJ,GAAGA,KAAK;IACR,GAAG5B,wBAAwB,CAAC4B,KAAK;EACrC,CAAC;EACDA,KAAK,CAAC1B,IAAI,CAAC8B,SAAS,GAAGnC,YAAY,CAACI,6CAA6C,CAACC,IAAI,EAAE2B,MAAM,CAAC3B,IAAI,EAAE4B,OAAO,KAAK,MAAM,IAAIC,iBAAiB,KAAK,OAAO,IAAIF,MAAM,CAACb,aAAa,EAAEc,OAAO,KAAK,MAAM,IAAIC,iBAAiB,KAAK,OAAO,IAAIF,MAAM,CAACxB,SAAS,EAAEuB,KAAK,CAAC1B,IAAI,CAAC8B,SAAS,CAAC;EAChR,OAAOJ,KAAK;AAChB,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["__styles","mergeClasses","shorthands","tokens","useButtonStyles_unstable","teachingPopoverCarouselFooterButtonClassNames","root","useStyles","Bf4jedk","brandNext","sj55zd","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bi91k9c","Jwef8y","B2d53fq","iro3zm","brandPrevious","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","b661bw","Bk6r4ia","B9zn80p","Bpld233","d","h","useTeachingPopoverCarouselFooterButtonStyles_unstable","state","styles","navType","popoverAppearance","className"],"sources":["useTeachingPopoverCarouselFooterButtonStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useButtonStyles_unstable } from '@fluentui/react-button';\nexport const teachingPopoverCarouselFooterButtonClassNames = {\n root: 'fui-TeachingPopoverCarouselFooterButton'\n};\nconst useStyles = makeStyles({\n root: {\n minWidth: '96px'\n },\n brandNext: {\n color: `var(--ctrl-token-TeachingPopoverCarouselFooterButton-2527, var(--semantic-token-TeachingPopoverCarouselFooterButton-2528, ${tokens.colorBrandForeground1}))`,\n backgroundColor: `var(--ctrl-token-TeachingPopoverCarouselFooterButton-2529, var(--semantic-token-TeachingPopoverCarouselFooterButton-2530, ${tokens.colorNeutralForegroundOnBrand}))`,\n ...shorthands.borderColor(tokens.colorTransparentBackground),\n ':hover': {\n color: `var(--ctrl-token-TeachingPopoverCarouselFooterButton-2531, var(--semantic-token-TeachingPopoverCarouselFooterButton-2532, ${tokens.colorCompoundBrandForeground1Hover}))`,\n backgroundColor: `var(--ctrl-token-TeachingPopoverCarouselFooterButton-2533, var(--semantic-token-TeachingPopoverCarouselFooterButton-2534, ${tokens.colorNeutralForegroundOnBrand}))`\n },\n ':hover:active': {\n color: `var(--ctrl-token-TeachingPopoverCarouselFooterButton-2535, var(--semantic-token-TeachingPopoverCarouselFooterButton-2536, ${tokens.colorCompoundBrandForeground1Pressed}))`,\n backgroundColor: `var(--ctrl-token-TeachingPopoverCarouselFooterButton-2537, var(--semantic-token-TeachingPopoverCarouselFooterButton-2538, ${tokens.colorNeutralForegroundOnBrand}))`\n }\n },\n brandPrevious: {\n // In brand, this is always 'NeutralForegroundOnBrand'\n color: `var(--ctrl-token-TeachingPopoverCarouselFooterButton-2539, var(--semantic-token-TeachingPopoverCarouselFooterButton-2540, ${tokens.colorNeutralForegroundOnBrand}))`,\n backgroundColor: `var(--ctrl-token-TeachingPopoverCarouselFooterButton-2541, var(--semantic-token-TeachingPopoverCarouselFooterButton-2542, ${tokens.colorBrandBackground}))`,\n ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n ':hover': {\n color: `var(--ctrl-token-TeachingPopoverCarouselFooterButton-2543, var(--semantic-token-TeachingPopoverCarouselFooterButton-2544, ${tokens.colorNeutralForegroundOnBrand}))`,\n ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n backgroundColor: `var(--ctrl-token-TeachingPopoverCarouselFooterButton-2545, var(--semantic-token-TeachingPopoverCarouselFooterButton-2546, ${tokens.colorBrandBackgroundHover}))`\n },\n ':hover:active': {\n color: `var(--ctrl-token-TeachingPopoverCarouselFooterButton-2547, var(--semantic-token-TeachingPopoverCarouselFooterButton-2548, ${tokens.colorNeutralForegroundOnBrand}))`,\n ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n backgroundColor: `var(--ctrl-token-TeachingPopoverCarouselFooterButton-2549, var(--semantic-token-TeachingPopoverCarouselFooterButton-2550, ${tokens.colorBrandBackgroundPressed}))`\n }\n }\n});\n/**\n * Apply styling to the TeachingPopoverCarouselFooterButton slots based on the state\n */ export const useTeachingPopoverCarouselFooterButtonStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const { navType, popoverAppearance } = state;\n // Apply underlying fluent Button styles\n state = {\n ...state,\n ...useButtonStyles_unstable(state)\n };\n state.root.className = mergeClasses(teachingPopoverCarouselFooterButtonClassNames.root, styles.root, navType === 'prev' && popoverAppearance === 'brand' && styles.brandPrevious, navType === 'next' && popoverAppearance === 'brand' && styles.brandNext, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,wBAAwB,QAAQ,wBAAwB;AACjE,OAAO,MAAMC,6CAA6C,GAAG;EACzDC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGP,QAAA;EAAAM,IAAA;IAAAE,OAAA;EAAA;EAAAC,SAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,aAAA;IAAAV,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAK,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAP,MAAA;IAAAC,OAAA;IAAAO,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAT,MAAA;EAAA;AAAA;EAAAU,CAAA;EAAAC,CAAA;AAAA,CAiCjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,qDAAqD,GAAIC,KAAK,IAAG;EAC9E,aAAa;;EACb,MAAMC,MAAM,GAAG1B,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAE2B,OAAO;IAAEC;EAAkB,CAAC,GAAGH,KAAK;EAC5C;EACAA,KAAK,GAAG;IACJ,GAAGA,KAAK;IACR,GAAG5B,wBAAwB,CAAC4B,KAAK;EACrC,CAAC;EACDA,KAAK,CAAC1B,IAAI,CAAC8B,SAAS,GAAGnC,YAAY,CAACI,6CAA6C,CAACC,IAAI,EAAE2B,MAAM,CAAC3B,IAAI,EAAE4B,OAAO,KAAK,MAAM,IAAIC,iBAAiB,KAAK,OAAO,IAAIF,MAAM,CAACb,aAAa,EAAEc,OAAO,KAAK,MAAM,IAAIC,iBAAiB,KAAK,OAAO,IAAIF,MAAM,CAACxB,SAAS,EAAEuB,KAAK,CAAC1B,IAAI,CAAC8B,SAAS,CAAC;EAChR,OAAOJ,KAAK;AAChB,CAAC","ignoreList":[]}
package/lib/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js CHANGED
@@ -8,7 +8,7 @@ const useStyles = /*#__PURE__*/__styles({
8
8
  root: {
9
9
  mc9l5x: "f22iagw",
10
10
  Beiy3e4: "f1063pyq",
11
- i8kkvl: "f1ufnopg",
11
+ i8kkvl: "fppnkcb",
12
12
  Bt984gj: "f122n59",
13
13
  Brf1p80: "f4d9j23",
14
14
  Bfpq7zp: 0,
@@ -19,16 +19,16 @@ const useStyles = /*#__PURE__*/__styles({
19
19
  kdpuga: 0,
20
20
  dm238s: 0,
21
21
  B6xbmo0: 0,
22
- B3whbx2: "f2krc9w",
22
+ B3whbx2: "f1171fi1",
23
23
  B8q5s1w: "f8hki3x",
24
24
  Bci5o5g: ["f1d2448m", "ffh67wi"],
25
25
  n8qw10: "f1bjia2o",
26
26
  Bdrgwmp: ["ffh67wi", "f1d2448m"]
27
27
  }
28
28
  }, {
29
- d: [".f22iagw{display:flex;}", ".f1063pyq{flex-direction:row;}", ".f1ufnopg{column-gap:var(--spacingHorizontalXS);}", ".f122n59{align-items:center;}", ".f4d9j23{justify-content:center;}", [".f89hs3r[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}", {
29
+ d: [".f22iagw{display:flex;}", ".f1063pyq{flex-direction:row;}", ".fppnkcb{column-gap:var(--ctrl-token-TeachingPopoverCarouselNav-2551, var(--semantic-token-TeachingPopoverCarouselNav-2552, var(--spacingHorizontalXS)));}", ".f122n59{align-items:center;}", ".f4d9j23{justify-content:center;}", [".f89hs3r[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}", {
30
30
  p: -1
31
- }], [".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}", {
31
+ }], [".f1171fi1[data-fui-focus-visible]{border-radius:var(--ctrl-token-TeachingPopoverCarouselNav-2553, var(--semantic-token-TeachingPopoverCarouselNav-2554, var(--borderRadiusMedium)));}", {
32
32
  p: -1
33
33
  }], ".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}", ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}", ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}", ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}"]
34
34
  });
package/lib/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","teachingPopoverCarouselNavClassNames","root","useStyles","mc9l5x","Beiy3e4","i8kkvl","Bt984gj","Brf1p80","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","d","p","useTeachingPopoverCarouselNavStyles_unstable","state","styles","className"],"sources":["useTeachingPopoverCarouselNavStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverCarouselNavClassNames = {\n root: 'fui-TeachingPopoverCarouselNav'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n columnGap: tokens.spacingHorizontalXS,\n alignItems: 'center',\n justifyContent: 'center',\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium,\n ...shorthands.borderColor('transparent')\n })\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselNavStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(teachingPopoverCarouselNavClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,oCAAoC,GAAG;EAChDC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGP,QAAA;EAAAM,IAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAajB,CAAC;AACF;AAAyC,OAAO,MAAMC,4CAA4C,GAAIC,KAAK,IAAG;EAC1G,aAAa;;EACb,MAAMC,MAAM,GAAGvB,SAAS,CAAC,CAAC;EAC1BsB,KAAK,CAACvB,IAAI,CAACyB,SAAS,GAAG9B,YAAY,CAACI,oCAAoC,CAACC,IAAI,EAAEwB,MAAM,CAACxB,IAAI,EAAEuB,KAAK,CAACvB,IAAI,CAACyB,SAAS,CAAC;EACjH,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","teachingPopoverCarouselNavClassNames","root","useStyles","mc9l5x","Beiy3e4","i8kkvl","Bt984gj","Brf1p80","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","d","p","useTeachingPopoverCarouselNavStyles_unstable","state","styles","className"],"sources":["useTeachingPopoverCarouselNavStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverCarouselNavClassNames = {\n root: 'fui-TeachingPopoverCarouselNav'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n columnGap: `var(--ctrl-token-TeachingPopoverCarouselNav-2551, var(--semantic-token-TeachingPopoverCarouselNav-2552, ${tokens.spacingHorizontalXS}))`,\n alignItems: 'center',\n justifyContent: 'center',\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: `var(--ctrl-token-TeachingPopoverCarouselNav-2553, var(--semantic-token-TeachingPopoverCarouselNav-2554, ${tokens.borderRadiusMedium}))`,\n ...shorthands.borderColor('transparent')\n })\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselNavStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(teachingPopoverCarouselNavClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,oCAAoC,GAAG;EAChDC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGP,QAAA;EAAAM,IAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAajB,CAAC;AACF;AAAyC,OAAO,MAAMC,4CAA4C,GAAIC,KAAK,IAAG;EAC1G,aAAa;;EACb,MAAMC,MAAM,GAAGvB,SAAS,CAAC,CAAC;EAC1BsB,KAAK,CAACvB,IAAI,CAACyB,SAAS,GAAG9B,YAAY,CAACI,oCAAoC,CAACC,IAAI,EAAEwB,MAAM,CAACxB,IAAI,EAAEuB,KAAK,CAACvB,IAAI,CAACyB,SAAS,CAAC;EACjH,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
package/lib/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js CHANGED
@@ -14,7 +14,7 @@ const useStyles = /*#__PURE__*/__styles({
14
14
  B7ck84d: "f1ewtqcl",
15
15
  Bqenvij: "f1x82gua",
16
16
  a9b677: "f1o3cbw4",
17
- De3pzq: "ffp7eso"
17
+ De3pzq: "fw065h9"
18
18
  },
19
19
  rootUnselected: {
20
20
  Bgfg5da: 0,
@@ -47,7 +47,7 @@ const useStyles = /*#__PURE__*/__styles({
47
47
  Bw0xxkn: 0,
48
48
  oeaueh: 0,
49
49
  Bpd4iqm: 0,
50
- Befb4lg: "f71xx7",
50
+ Befb4lg: "fff4fcz",
51
51
  Bfpq7zp: 0,
52
52
  g9k6zt: 0,
53
53
  Bn4voq9: 0,
@@ -56,20 +56,20 @@ const useStyles = /*#__PURE__*/__styles({
56
56
  kdpuga: 0,
57
57
  dm238s: 0,
58
58
  B6xbmo0: 0,
59
- B3whbx2: "f2krc9w",
59
+ B3whbx2: "fywk8j",
60
60
  B8q5s1w: "f8hki3x",
61
61
  Bci5o5g: ["f1d2448m", "ffh67wi"],
62
62
  n8qw10: "f1bjia2o",
63
63
  Bdrgwmp: ["ffh67wi", "f1d2448m"],
64
64
  De3pzq: "frgiif3",
65
65
  Bfclv37: "f14lfud5",
66
- B372c46: "fngekiq"
66
+ B372c46: "f1jmhp9j"
67
67
  },
68
68
  rootSelected: {
69
69
  Bw0xxkn: 0,
70
70
  oeaueh: 0,
71
71
  Bpd4iqm: 0,
72
- Befb4lg: "f71xx7",
72
+ Befb4lg: "fegvkfk",
73
73
  a9b677: "fjw5fx7",
74
74
  Bgfg5da: 0,
75
75
  B9xav0g: 0,
@@ -106,7 +106,7 @@ const useStyles = /*#__PURE__*/__styles({
106
106
  kdpuga: 0,
107
107
  dm238s: 0,
108
108
  B6xbmo0: 0,
109
- B3whbx2: "f2krc9w",
109
+ B3whbx2: "f3b5o42",
110
110
  B8q5s1w: "f8hki3x",
111
111
  Bci5o5g: ["f1d2448m", "ffh67wi"],
112
112
  n8qw10: "f1bjia2o",
@@ -114,27 +114,27 @@ const useStyles = /*#__PURE__*/__styles({
114
114
  Bsw6fvg: "fe2ae1k"
115
115
  },
116
116
  rootBrand: {
117
- De3pzq: "f10s6wn9"
117
+ De3pzq: "fo8objx"
118
118
  },
119
119
  rootBrandUnselected: {
120
120
  De3pzq: "frxe7el",
121
121
  Bfclv37: "f14lfud5",
122
- B372c46: "fngekiq"
122
+ B372c46: "f64ldm"
123
123
  }
124
124
  }, {
125
- d: [".f22iagw{display:flex;}", ".f1k6fduh{cursor:pointer;}", ".f1ewtqcl{box-sizing:border-box;}", ".f1x82gua{height:8px;}", ".f1o3cbw4{width:8px;}", ".ffp7eso{background-color:var(--colorBrandBackground);}", [".f3bhgqh{border:none;}", {
125
+ d: [".f22iagw{display:flex;}", ".f1k6fduh{cursor:pointer;}", ".f1ewtqcl{box-sizing:border-box;}", ".f1x82gua{height:8px;}", ".f1o3cbw4{width:8px;}", ".fw065h9{background-color:var(--ctrl-token-TeachingPopoverCarouselNavButton-2555, var(--semantic-token-TeachingPopoverCarouselNavButton-2556, var(--colorBrandBackground)));}", [".f3bhgqh{border:none;}", {
126
126
  p: -2
127
127
  }], [".f5q2cvs{border-radius:50%;}", {
128
128
  p: -1
129
129
  }], [".f1c5fvqg{padding:0px;}", {
130
130
  p: -1
131
- }], [".f71xx7{outline:var(--strokeWidthThin) solid transparent;}", {
131
+ }], [".fff4fcz{outline:var(--ctrl-token-TeachingPopoverCarouselNavButton-2557, var(--semantic-token-TeachingPopoverCarouselNavButton-2558, 'var(--strokeWidthThin) solid transparent'));}", {
132
132
  p: -1
133
133
  }], [".f89hs3r[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}", {
134
134
  p: -1
135
- }], [".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}", {
135
+ }], [".fywk8j[data-fui-focus-visible]{border-radius:var(--ctrl-token-TeachingPopoverCarouselNavButton-2559, var(--semantic-token-TeachingPopoverCarouselNavButton-2560, var(--borderRadiusMedium)));}", {
136
136
  p: -1
137
- }], ".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}", ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}", ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}", ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}", ".frgiif3{background-color:color-mix(in srgb, var(--colorBrandBackground) 30%, transparent);}", [".f71xx7{outline:var(--strokeWidthThin) solid transparent;}", {
137
+ }], ".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}", ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}", ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}", ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}", ".frgiif3{background-color:color-mix(in srgb, var(--colorBrandBackground) 30%, transparent);}", [".fegvkfk{outline:var(--ctrl-token-TeachingPopoverCarouselNavButton-2563, var(--semantic-token-TeachingPopoverCarouselNavButton-2564, 'var(--strokeWidthThin) solid transparent'));}", {
138
138
  p: -1
139
139
  }], ".fjw5fx7{width:16px;}", [".f3bhgqh{border:none;}", {
140
140
  p: -2
@@ -144,10 +144,10 @@ const useStyles = /*#__PURE__*/__styles({
144
144
  p: -1
145
145
  }], [".f89hs3r[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}", {
146
146
  p: -1
147
- }], [".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}", {
147
+ }], [".f3b5o42[data-fui-focus-visible]{border-radius:var(--ctrl-token-TeachingPopoverCarouselNavButton-2565, var(--semantic-token-TeachingPopoverCarouselNavButton-2566, var(--borderRadiusMedium)));}", {
148
148
  p: -1
149
- }], ".f10s6wn9{background-color:var(--colorNeutralForegroundOnBrand);}", ".frxe7el{background-color:color-mix(in srgb, var(--colorNeutralForegroundOnBrand) 30%, transparent);}"],
150
- t: ["@supports not (color: color-mix(in lch, white, black)){.f14lfud5{opacity:0.3;}}", "@supports not (color: color-mix(in lch, white, black)){.fngekiq{background-color:var(--colorBrandBackground);}}"],
149
+ }], ".fo8objx{background-color:var(--ctrl-token-TeachingPopoverCarouselNavButton-2567, var(--semantic-token-TeachingPopoverCarouselNavButton-2568, var(--colorNeutralForegroundOnBrand)));}", ".frxe7el{background-color:color-mix(in srgb, var(--colorNeutralForegroundOnBrand) 30%, transparent);}"],
150
+ t: ["@supports not (color: color-mix(in lch, white, black)){.f14lfud5{opacity:0.3;}}", "@supports not (color: color-mix(in lch, white, black)){.f1jmhp9j{background-color:var(--ctrl-token-TeachingPopoverCarouselNavButton-2561, var(--semantic-token-TeachingPopoverCarouselNavButton-2562, var(--colorBrandBackground)));}}", "@supports not (color: color-mix(in lch, white, black)){.f64ldm{background-color:var(--ctrl-token-TeachingPopoverCarouselNavButton-2569, var(--semantic-token-TeachingPopoverCarouselNavButton-2570, var(--colorBrandBackground)));}}"],
151
151
  m: [["@media (forced-colors: active){.fe2ae1k{background-color:CanvasText;}}", {
152
152
  m: "(forced-colors: active)"
153
153
  }]]
package/lib/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","mergeClasses","shorthands","tokens","createCustomFocusIndicatorStyle","teachingPopoverCarouselNavButtonClassNames","root","useStyles","mc9l5x","Bceei9c","B7ck84d","Bqenvij","a9b677","De3pzq","rootUnselected","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bw0xxkn","oeaueh","Bpd4iqm","Befb4lg","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bfclv37","B372c46","rootSelected","Bsw6fvg","rootBrand","rootBrandUnselected","d","p","t","m","useTeachingPopoverCarouselNavButtonStyles_unstable","state","styles","appearance","isSelected","brandStyles","className"],"sources":["useTeachingPopoverCarouselNavButtonStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const teachingPopoverCarouselNavButtonClassNames = {\n root: 'fui-TeachingPopoverCarouselNavButton'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n display: 'flex',\n cursor: 'pointer',\n boxSizing: 'border-box',\n height: '8px',\n width: '8px',\n backgroundColor: tokens.colorBrandBackground\n },\n rootUnselected: {\n border: 'none',\n borderRadius: '50%',\n padding: '0px',\n outline: `${tokens.strokeWidthThin} solid transparent`,\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium,\n ...shorthands.borderColor('transparent')\n }),\n backgroundColor: `color-mix(in srgb, ${tokens.colorBrandBackground} 30%, transparent)`,\n '@supports not (color: color-mix(in lch, white, black))': {\n // This will also affect the focus border, but only in older unsupported browsers\n opacity: 0.3,\n backgroundColor: tokens.colorBrandBackground\n }\n },\n rootSelected: {\n outline: `${tokens.strokeWidthThin} solid transparent`,\n width: '16px',\n border: 'none',\n borderRadius: '4px',\n padding: '0px',\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium,\n ...shorthands.borderColor('transparent')\n }),\n '@media (forced-colors: active)': {\n backgroundColor: 'CanvasText'\n }\n },\n rootBrand: {\n backgroundColor: tokens.colorNeutralForegroundOnBrand\n },\n rootBrandUnselected: {\n backgroundColor: `color-mix(in srgb, ${tokens.colorNeutralForegroundOnBrand} 30%, transparent)`,\n '@supports not (color: color-mix(in lch, white, black))': {\n // This will also affect the focus border, but only in older unsupported browsers\n opacity: 0.3,\n backgroundColor: tokens.colorBrandBackground\n }\n }\n});\n/**\n * Apply styling to the TeachingPopoverCarouselNavButton slots based on the state\n */ export const useTeachingPopoverCarouselNavButtonStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const { appearance, isSelected } = state;\n const brandStyles = isSelected ? styles.rootBrand : styles.rootBrandUnselected;\n state.root.className = mergeClasses(teachingPopoverCarouselNavButtonClassNames.root, styles.root, isSelected ? styles.rootSelected : styles.rootUnselected, appearance === 'brand' && brandStyles, state.root.className);\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["__styles","mergeClasses","shorthands","tokens","createCustomFocusIndicatorStyle","teachingPopoverCarouselNavButtonClassNames","root","useStyles","mc9l5x","Bceei9c","B7ck84d","Bqenvij","a9b677","De3pzq","rootUnselected","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bw0xxkn","oeaueh","Bpd4iqm","Befb4lg","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bfclv37","B372c46","rootSelected","Bsw6fvg","rootBrand","rootBrandUnselected","d","p","t","m","useTeachingPopoverCarouselNavButtonStyles_unstable","state","styles","appearance","isSelected","brandStyles","className"],"sources":["useTeachingPopoverCarouselNavButtonStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const teachingPopoverCarouselNavButtonClassNames = {\n root: 'fui-TeachingPopoverCarouselNavButton'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n display: 'flex',\n cursor: 'pointer',\n boxSizing: 'border-box',\n height: '8px',\n width: '8px',\n backgroundColor: `var(--ctrl-token-TeachingPopoverCarouselNavButton-2555, var(--semantic-token-TeachingPopoverCarouselNavButton-2556, ${tokens.colorBrandBackground}))`\n },\n rootUnselected: {\n border: 'none',\n borderRadius: '50%',\n padding: '0px',\n outline: `var(--ctrl-token-TeachingPopoverCarouselNavButton-2557, var(--semantic-token-TeachingPopoverCarouselNavButton-2558, '${tokens.strokeWidthThin} solid transparent'))`,\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: `var(--ctrl-token-TeachingPopoverCarouselNavButton-2559, var(--semantic-token-TeachingPopoverCarouselNavButton-2560, ${tokens.borderRadiusMedium}))`,\n ...shorthands.borderColor('transparent')\n }),\n backgroundColor: `color-mix(in srgb, ${tokens.colorBrandBackground} 30%, transparent)`,\n '@supports not (color: color-mix(in lch, white, black))': {\n // This will also affect the focus border, but only in older unsupported browsers\n opacity: 0.3,\n backgroundColor: `var(--ctrl-token-TeachingPopoverCarouselNavButton-2561, var(--semantic-token-TeachingPopoverCarouselNavButton-2562, ${tokens.colorBrandBackground}))`\n }\n },\n rootSelected: {\n outline: `var(--ctrl-token-TeachingPopoverCarouselNavButton-2563, var(--semantic-token-TeachingPopoverCarouselNavButton-2564, '${tokens.strokeWidthThin} solid transparent'))`,\n width: '16px',\n border: 'none',\n borderRadius: '4px',\n padding: '0px',\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: `var(--ctrl-token-TeachingPopoverCarouselNavButton-2565, var(--semantic-token-TeachingPopoverCarouselNavButton-2566, ${tokens.borderRadiusMedium}))`,\n ...shorthands.borderColor('transparent')\n }),\n '@media (forced-colors: active)': {\n backgroundColor: 'CanvasText'\n }\n },\n rootBrand: {\n backgroundColor: `var(--ctrl-token-TeachingPopoverCarouselNavButton-2567, var(--semantic-token-TeachingPopoverCarouselNavButton-2568, ${tokens.colorNeutralForegroundOnBrand}))`\n },\n rootBrandUnselected: {\n backgroundColor: `color-mix(in srgb, ${tokens.colorNeutralForegroundOnBrand} 30%, transparent)`,\n '@supports not (color: color-mix(in lch, white, black))': {\n // This will also affect the focus border, but only in older unsupported browsers\n opacity: 0.3,\n backgroundColor: `var(--ctrl-token-TeachingPopoverCarouselNavButton-2569, var(--semantic-token-TeachingPopoverCarouselNavButton-2570, ${tokens.colorBrandBackground}))`\n }\n }\n});\n/**\n * Apply styling to the TeachingPopoverCarouselNavButton slots based on the state\n */ export const useTeachingPopoverCarouselNavButtonStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const { appearance, isSelected } = state;\n const brandStyles = isSelected ? styles.rootBrand : styles.rootBrandUnselected;\n state.root.className = mergeClasses(teachingPopoverCarouselNavButtonClassNames.root, styles.root, isSelected ? styles.rootSelected : styles.rootUnselected, appearance === 'brand' && brandStyles, state.root.className);\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
package/lib/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js CHANGED
@@ -43,12 +43,12 @@ const useStyles = /*#__PURE__*/__styles({
43
43
  zhjwy3: ["f1uhflii", "f28omuz"]
44
44
  },
45
45
  brandPrimary: {
46
- sj55zd: "f16muhyy",
47
- De3pzq: "f10s6wn9",
48
- Bi91k9c: "f3ymbdj",
49
- Jwef8y: "f1rgtb95",
50
- B2d53fq: "f1pu27ff",
51
- iro3zm: "f1d5c7in"
46
+ sj55zd: "f1kzw0ls",
47
+ De3pzq: "f9lo96i",
48
+ Bi91k9c: "fd93dj5",
49
+ Jwef8y: "f1a7qrug",
50
+ B2d53fq: "fihih7w",
51
+ iro3zm: "fx4ncqh"
52
52
  }
53
53
  }, {
54
54
  d: [".f22iagw{display:flex;}", [".f19gb1f4{gap:8px;}", {
@@ -57,8 +57,8 @@ const useStyles = /*#__PURE__*/__styles({
57
57
  p: -1
58
58
  }], ".f14es27b{min-width:96px;}", [".ff3glw6{border-radius:4px;}", {
59
59
  p: -1
60
- }], ".fm1ebug{border-top-color:var(--colorNeutralForegroundOnBrand);}", ".f28omuz{border-right-color:var(--colorNeutralForegroundOnBrand);}", ".f1uhflii{border-left-color:var(--colorNeutralForegroundOnBrand);}", ".f1ixw5o4{border-bottom-color:var(--colorNeutralForegroundOnBrand);}", ".f16muhyy{color:var(--colorBrandForeground1);}", ".f10s6wn9{background-color:var(--colorNeutralForegroundOnBrand);}"],
61
- h: [".f3ymbdj:hover{color:var(--colorCompoundBrandForeground1Hover);}", ".f1rgtb95:hover{background-color:var(--colorNeutralForegroundOnBrand);}", ".f1pu27ff:hover:active{color:var(--colorCompoundBrandForeground1Pressed);}", ".f1d5c7in:hover:active{background-color:var(--colorNeutralForegroundOnBrand);}"]
60
+ }], ".fm1ebug{border-top-color:var(--colorNeutralForegroundOnBrand);}", ".f28omuz{border-right-color:var(--colorNeutralForegroundOnBrand);}", ".f1uhflii{border-left-color:var(--colorNeutralForegroundOnBrand);}", ".f1ixw5o4{border-bottom-color:var(--colorNeutralForegroundOnBrand);}", ".f1kzw0ls{color:var(--ctrl-token-TeachingPopoverFooter-2571, var(--semantic-token-TeachingPopoverFooter-2572, var(--colorBrandForeground1)));}", ".f9lo96i{background-color:var(--ctrl-token-TeachingPopoverFooter-2573, var(--semantic-token-TeachingPopoverFooter-2574, var(--colorNeutralForegroundOnBrand)));}"],
61
+ h: [".fd93dj5:hover{color:var(--ctrl-token-TeachingPopoverFooter-2575, var(--semantic-token-TeachingPopoverFooter-2576, var(--colorCompoundBrandForeground1Hover)));}", ".f1a7qrug:hover{background-color:var(--ctrl-token-TeachingPopoverFooter-2577, var(--semantic-token-TeachingPopoverFooter-2578, var(--colorNeutralForegroundOnBrand)));}", ".fihih7w:hover:active{color:var(--ctrl-token-TeachingPopoverFooter-2579, var(--semantic-token-TeachingPopoverFooter-2580, var(--colorCompoundBrandForeground1Pressed)));}", ".fx4ncqh:hover:active{background-color:var(--ctrl-token-TeachingPopoverFooter-2581, var(--semantic-token-TeachingPopoverFooter-2582, var(--colorNeutralForegroundOnBrand)));}"]
62
62
  });
63
63
  /** Applies style classnames to slots */
64
64
  export const useTeachingPopoverFooterStyles_unstable = state => {
package/lib/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","mergeClasses","shorthands","tokens","teachingPopoverFooterClassNames","root","primary","secondary","useStyles","mc9l5x","i8kkvl","Belr9w4","rmohyg","z8tnut","rootVertical","Beiy3e4","rootHorizontal","Brf1p80","buttonRootVertical","a9b677","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","buttonRootHorizontal","Bf4jedk","brandSecondary","g2u3we","h3c5rm","B9xav0g","zhjwy3","brandPrimary","sj55zd","De3pzq","Bi91k9c","Jwef8y","B2d53fq","iro3zm","d","p","h","useTeachingPopoverFooterStyles_unstable","state","styles","appearance","footerLayout","className","undefined"],"sources":["useTeachingPopoverFooterStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverFooterClassNames = {\n root: 'fui-TeachingPopoverFooter',\n primary: 'fui-TeachingPopoverFooter__primary',\n secondary: 'fui-TeachingPopoverFooter__secondary'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n gap: '8px',\n paddingTop: '12px'\n },\n rootVertical: {\n flexDirection: 'column'\n },\n rootHorizontal: {\n flexDirection: 'row',\n justifyContent: 'flex-end'\n },\n buttonRootVertical: {\n width: 'auto',\n borderRadius: '4px'\n },\n buttonRootHorizontal: {\n minWidth: '96px',\n borderRadius: '4px'\n },\n brandSecondary: {\n ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand)\n },\n brandPrimary: {\n color: tokens.colorBrandForeground1,\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n ':hover': {\n color: tokens.colorCompoundBrandForeground1Hover,\n backgroundColor: tokens.colorNeutralForegroundOnBrand\n },\n ':hover:active': {\n color: tokens.colorCompoundBrandForeground1Pressed,\n backgroundColor: tokens.colorNeutralForegroundOnBrand\n }\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverFooterStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const { appearance, footerLayout } = state;\n state.root.className = mergeClasses(teachingPopoverFooterClassNames.root, styles.root, footerLayout === 'horizontal' ? styles.rootHorizontal : styles.rootVertical, state.root.className);\n if (state.secondary) {\n state.secondary.className = mergeClasses(teachingPopoverFooterClassNames.secondary, footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical, appearance === 'brand' ? styles.brandSecondary : undefined, state.secondary.className);\n }\n state.primary.className = mergeClasses(teachingPopoverFooterClassNames.primary, footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical, appearance === 'brand' ? styles.brandPrimary : undefined, state.primary.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,+BAA+B,GAAG;EAC3CC,IAAI,EAAE,2BAA2B;EACjCC,OAAO,EAAE,oCAAoC;EAC7CC,SAAS,EAAE;AACf,CAAC;AACD,MAAMC,SAAS,gBAAGR,QAAA;EAAAK,IAAA;IAAAI,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAC,OAAA;EAAA;EAAAC,cAAA;IAAAD,OAAA;IAAAE,OAAA;EAAA;EAAAC,kBAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,oBAAA;IAAAC,OAAA;IAAAN,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAG,cAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;AAAA,CAoCjB,CAAC;AACF;AAAyC,OAAO,MAAMC,uCAAuC,GAAIC,KAAK,IAAG;EACrG,aAAa;;EACb,MAAMC,MAAM,GAAGpC,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEqC,UAAU;IAAEC;EAAa,CAAC,GAAGH,KAAK;EAC1CA,KAAK,CAACtC,IAAI,CAAC0C,SAAS,GAAG9C,YAAY,CAACG,+BAA+B,CAACC,IAAI,EAAEuC,MAAM,CAACvC,IAAI,EAAEyC,YAAY,KAAK,YAAY,GAAGF,MAAM,CAAC5B,cAAc,GAAG4B,MAAM,CAAC9B,YAAY,EAAE6B,KAAK,CAACtC,IAAI,CAAC0C,SAAS,CAAC;EACzL,IAAIJ,KAAK,CAACpC,SAAS,EAAE;IACjBoC,KAAK,CAACpC,SAAS,CAACwC,SAAS,GAAG9C,YAAY,CAACG,+BAA+B,CAACG,SAAS,EAAEuC,YAAY,KAAK,YAAY,GAAGF,MAAM,CAACnB,oBAAoB,GAAGmB,MAAM,CAAC1B,kBAAkB,EAAE2B,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACjB,cAAc,GAAGqB,SAAS,EAAEL,KAAK,CAACpC,SAAS,CAACwC,SAAS,CAAC;EACvQ;EACAJ,KAAK,CAACrC,OAAO,CAACyC,SAAS,GAAG9C,YAAY,CAACG,+BAA+B,CAACE,OAAO,EAAEwC,YAAY,KAAK,YAAY,GAAGF,MAAM,CAACnB,oBAAoB,GAAGmB,MAAM,CAAC1B,kBAAkB,EAAE2B,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACZ,YAAY,GAAGgB,SAAS,EAAEL,KAAK,CAACrC,OAAO,CAACyC,SAAS,CAAC;EAC3P,OAAOJ,KAAK;AAChB,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["__styles","mergeClasses","shorthands","tokens","teachingPopoverFooterClassNames","root","primary","secondary","useStyles","mc9l5x","i8kkvl","Belr9w4","rmohyg","z8tnut","rootVertical","Beiy3e4","rootHorizontal","Brf1p80","buttonRootVertical","a9b677","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","buttonRootHorizontal","Bf4jedk","brandSecondary","g2u3we","h3c5rm","B9xav0g","zhjwy3","brandPrimary","sj55zd","De3pzq","Bi91k9c","Jwef8y","B2d53fq","iro3zm","d","p","h","useTeachingPopoverFooterStyles_unstable","state","styles","appearance","footerLayout","className","undefined"],"sources":["useTeachingPopoverFooterStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverFooterClassNames = {\n root: 'fui-TeachingPopoverFooter',\n primary: 'fui-TeachingPopoverFooter__primary',\n secondary: 'fui-TeachingPopoverFooter__secondary'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n gap: '8px',\n paddingTop: '12px'\n },\n rootVertical: {\n flexDirection: 'column'\n },\n rootHorizontal: {\n flexDirection: 'row',\n justifyContent: 'flex-end'\n },\n buttonRootVertical: {\n width: 'auto',\n borderRadius: '4px'\n },\n buttonRootHorizontal: {\n minWidth: '96px',\n borderRadius: '4px'\n },\n brandSecondary: {\n ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand)\n },\n brandPrimary: {\n color: `var(--ctrl-token-TeachingPopoverFooter-2571, var(--semantic-token-TeachingPopoverFooter-2572, ${tokens.colorBrandForeground1}))`,\n backgroundColor: `var(--ctrl-token-TeachingPopoverFooter-2573, var(--semantic-token-TeachingPopoverFooter-2574, ${tokens.colorNeutralForegroundOnBrand}))`,\n ':hover': {\n color: `var(--ctrl-token-TeachingPopoverFooter-2575, var(--semantic-token-TeachingPopoverFooter-2576, ${tokens.colorCompoundBrandForeground1Hover}))`,\n backgroundColor: `var(--ctrl-token-TeachingPopoverFooter-2577, var(--semantic-token-TeachingPopoverFooter-2578, ${tokens.colorNeutralForegroundOnBrand}))`\n },\n ':hover:active': {\n color: `var(--ctrl-token-TeachingPopoverFooter-2579, var(--semantic-token-TeachingPopoverFooter-2580, ${tokens.colorCompoundBrandForeground1Pressed}))`,\n backgroundColor: `var(--ctrl-token-TeachingPopoverFooter-2581, var(--semantic-token-TeachingPopoverFooter-2582, ${tokens.colorNeutralForegroundOnBrand}))`\n }\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverFooterStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const { appearance, footerLayout } = state;\n state.root.className = mergeClasses(teachingPopoverFooterClassNames.root, styles.root, footerLayout === 'horizontal' ? styles.rootHorizontal : styles.rootVertical, state.root.className);\n if (state.secondary) {\n state.secondary.className = mergeClasses(teachingPopoverFooterClassNames.secondary, footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical, appearance === 'brand' ? styles.brandSecondary : undefined, state.secondary.className);\n }\n state.primary.className = mergeClasses(teachingPopoverFooterClassNames.primary, footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical, appearance === 'brand' ? styles.brandPrimary : undefined, state.primary.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,+BAA+B,GAAG;EAC3CC,IAAI,EAAE,2BAA2B;EACjCC,OAAO,EAAE,oCAAoC;EAC7CC,SAAS,EAAE;AACf,CAAC;AACD,MAAMC,SAAS,gBAAGR,QAAA;EAAAK,IAAA;IAAAI,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAC,OAAA;EAAA;EAAAC,cAAA;IAAAD,OAAA;IAAAE,OAAA;EAAA;EAAAC,kBAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,oBAAA;IAAAC,OAAA;IAAAN,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAG,cAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;AAAA,CAoCjB,CAAC;AACF;AAAyC,OAAO,MAAMC,uCAAuC,GAAIC,KAAK,IAAG;EACrG,aAAa;;EACb,MAAMC,MAAM,GAAGpC,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEqC,UAAU;IAAEC;EAAa,CAAC,GAAGH,KAAK;EAC1CA,KAAK,CAACtC,IAAI,CAAC0C,SAAS,GAAG9C,YAAY,CAACG,+BAA+B,CAACC,IAAI,EAAEuC,MAAM,CAACvC,IAAI,EAAEyC,YAAY,KAAK,YAAY,GAAGF,MAAM,CAAC5B,cAAc,GAAG4B,MAAM,CAAC9B,YAAY,EAAE6B,KAAK,CAACtC,IAAI,CAAC0C,SAAS,CAAC;EACzL,IAAIJ,KAAK,CAACpC,SAAS,EAAE;IACjBoC,KAAK,CAACpC,SAAS,CAACwC,SAAS,GAAG9C,YAAY,CAACG,+BAA+B,CAACG,SAAS,EAAEuC,YAAY,KAAK,YAAY,GAAGF,MAAM,CAACnB,oBAAoB,GAAGmB,MAAM,CAAC1B,kBAAkB,EAAE2B,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACjB,cAAc,GAAGqB,SAAS,EAAEL,KAAK,CAACpC,SAAS,CAACwC,SAAS,CAAC;EACvQ;EACAJ,KAAK,CAACrC,OAAO,CAACyC,SAAS,GAAG9C,YAAY,CAACG,+BAA+B,CAACE,OAAO,EAAEwC,YAAY,KAAK,YAAY,GAAGF,MAAM,CAACnB,oBAAoB,GAAGmB,MAAM,CAAC1B,kBAAkB,EAAE2B,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACZ,YAAY,GAAGgB,SAAS,EAAEL,KAAK,CAACrC,OAAO,CAACyC,SAAS,CAAC;EAC3P,OAAOJ,KAAK;AAChB,CAAC","ignoreList":[]}
package/lib/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js CHANGED
@@ -10,20 +10,20 @@ const useStyles = /*#__PURE__*/__styles({
10
10
  root: {
11
11
  mc9l5x: "f22iagw",
12
12
  Beiy3e4: "f1063pyq",
13
- sj55zd: "f11d4kpn",
14
- Bhrd7zp: "fl43uef",
15
- Be2twd7: "fy9rknc",
16
- Bg96gwp: "fwrc4pm",
17
- Byoj8tv: "f14wxoun",
13
+ sj55zd: "f1sbaan4",
14
+ Bhrd7zp: "f5vx9uw",
15
+ Be2twd7: "f1s3lqa",
16
+ Bg96gwp: "f79alet",
17
+ Byoj8tv: "f18ttihv",
18
18
  Bt984gj: "f122n59",
19
- B6of3ja: "f1jkagg5",
20
- jrapky: "fi2ljxd"
19
+ B6of3ja: "f1ydbwhe",
20
+ jrapky: "f1n24c4c"
21
21
  },
22
22
  rootBrand: {
23
- sj55zd: "f1phragk"
23
+ sj55zd: "fc2jjd9"
24
24
  },
25
25
  dismissButton: {
26
- sj55zd: "fkfq4zb",
26
+ sj55zd: "fvuxw3a",
27
27
  qhf8xq: "f10pi13n",
28
28
  Bgfg5da: 0,
29
29
  B9xav0g: 0,
@@ -49,10 +49,10 @@ const useStyles = /*#__PURE__*/__styles({
49
49
  Be2twd7: "fkhj508",
50
50
  Bhrd7zp: "figsok6",
51
51
  Bg96gwp: "f1i3iumi",
52
- De3pzq: "f1c21dwh",
52
+ De3pzq: "f4fjrrp",
53
53
  B7ck84d: "f1ewtqcl",
54
- B7oj6ja: ["f3fg2lr", "f13av6d4"],
55
- Bbmb7ep: ["fzi6hpg", "fyowgf4"],
54
+ B7oj6ja: ["f1cvuvcn", "fv6wvwc"],
55
+ Bbmb7ep: ["f6klmwx", "f2xrmf3"],
56
56
  Jyy4pa: "f1lfeew",
57
57
  Byoj8tv: 0,
58
58
  uwmqm3: 0,
@@ -67,20 +67,20 @@ const useStyles = /*#__PURE__*/__styles({
67
67
  kdpuga: 0,
68
68
  dm238s: 0,
69
69
  B6xbmo0: 0,
70
- B3whbx2: "f2krc9w",
70
+ B3whbx2: "f1bmhj70",
71
71
  B8q5s1w: "f8hki3x",
72
72
  Bci5o5g: ["f1d2448m", "ffh67wi"],
73
73
  n8qw10: "f1bjia2o",
74
74
  Bdrgwmp: ["ffh67wi", "f1d2448m"]
75
75
  },
76
76
  dismissBrand: {
77
- sj55zd: "f1phragk"
77
+ sj55zd: "f1xz5ddt"
78
78
  },
79
79
  icon: {
80
- Bqenvij: "fsv12xs",
81
- a9b677: "f19bqwv",
82
- Bg96gwp: "fwrc4pm",
83
- Be2twd7: "fy9rknc",
80
+ Bqenvij: "fa31dpz",
81
+ a9b677: "fkn412z",
82
+ Bg96gwp: "fobzs8u",
83
+ Be2twd7: "f14sagjw",
84
84
  Bt984gj: "f122n59",
85
85
  B7ck84d: "f1e4lqlz",
86
86
  mc9l5x: "ftuwxu6",
@@ -88,23 +88,23 @@ const useStyles = /*#__PURE__*/__styles({
88
88
  w71qe1: "f1iuv45f",
89
89
  ha4doy: "fmrv4ls",
90
90
  qhf8xq: "f10pi13n",
91
- De3pzq: "f1c21dwh",
92
- sj55zd: "fkfq4zb",
93
- Bokbzmb: "fpvr8q1"
91
+ De3pzq: "fpco3i2",
92
+ sj55zd: "f1iohsb8",
93
+ Bokbzmb: "f1qjnrc2"
94
94
  },
95
95
  iconBrand: {
96
- sj55zd: "f1phragk"
96
+ sj55zd: "f1jx96z6"
97
97
  }
98
98
  }, {
99
- d: [".f22iagw{display:flex;}", ".f1063pyq{flex-direction:row;}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f14wxoun{padding-bottom:var(--spacingVerticalXS);}", ".f122n59{align-items:center;}", ".f1jkagg5{margin-top:var(--spacingHorizontalNone);}", ".fi2ljxd{margin-bottom:var(--spacingHorizontalNone);}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".f10pi13n{position:relative;}", [".f88035w{border:var(--strokeWidthThin) solid var(--colorTransparentStroke);}", {
99
+ d: [".f22iagw{display:flex;}", ".f1063pyq{flex-direction:row;}", ".f1sbaan4{color:var(--ctrl-token-TeachingPopoverHeader-2583, var(--semantic-token-TeachingPopoverHeader-2584, var(--colorNeutralForeground3)));}", ".f5vx9uw{font-weight:var(--ctrl-token-TeachingPopoverHeader-2585, var(--semantic-token-TeachingPopoverHeader-2586, var(--fontWeightSemibold)));}", ".f1s3lqa{font-size:var(--ctrl-token-TeachingPopoverHeader-2587, var(--semantic-token-TeachingPopoverHeader-2588, var(--fontSizeBase200)));}", ".f79alet{line-height:var(--ctrl-token-TeachingPopoverHeader-2589, var(--semantic-token-TeachingPopoverHeader-2590, var(--lineHeightBase200)));}", ".f18ttihv{padding-bottom:var(--ctrl-token-TeachingPopoverHeader-2591, var(--semantic-token-TeachingPopoverHeader-2592, var(--spacingVerticalXS)));}", ".f122n59{align-items:center;}", ".f1ydbwhe{margin-top:var(--ctrl-token-TeachingPopoverHeader-2593, var(--semantic-token-TeachingPopoverHeader-2594, var(--spacingHorizontalNone)));}", ".f1n24c4c{margin-bottom:var(--ctrl-token-TeachingPopoverHeader-2595, var(--semantic-token-TeachingPopoverHeader-2596, var(--spacingHorizontalNone)));}", ".fc2jjd9{color:var(--ctrl-token-TeachingPopoverHeader-2597, var(--semantic-token-TeachingPopoverHeader-2598, var(--colorNeutralForegroundOnBrand)));}", ".fvuxw3a{color:var(--ctrl-token-TeachingPopoverHeader-2599, var(--semantic-token-TeachingPopoverHeader-2600, var(--colorNeutralForeground2)));}", ".f10pi13n{position:relative;}", [".f88035w{border:var(--strokeWidthThin) solid var(--colorTransparentStroke);}", {
100
100
  p: -2
101
- }], ".f1k6fduh{cursor:pointer;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".f1ewtqcl{box-sizing:border-box;}", ".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}", ".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}", ".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}", ".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}", ".f1n71otn{border-right-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1lfeew{-webkit-margin-start:auto;margin-inline-start:auto;}", [".f16d74zd{padding:var(--spacingVerticalXS) var(--spacingHorizontalXS);}", {
101
+ }], ".f1k6fduh{cursor:pointer;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f4fjrrp{background-color:var(--ctrl-token-TeachingPopoverHeader-2601, var(--semantic-token-TeachingPopoverHeader-2602, var(--colorTransparentBackground)));}", ".f1ewtqcl{box-sizing:border-box;}", ".f1cvuvcn{border-top-right-radius:var(--ctrl-token-TeachingPopoverHeader-2603, var(--semantic-token-TeachingPopoverHeader-2604, var(--borderRadiusNone)));}", ".fv6wvwc{border-top-left-radius:var(--ctrl-token-TeachingPopoverHeader-2603, var(--semantic-token-TeachingPopoverHeader-2604, var(--borderRadiusNone)));}", ".f6klmwx{border-bottom-right-radius:var(--ctrl-token-TeachingPopoverHeader-2605, var(--semantic-token-TeachingPopoverHeader-2606, var(--borderRadiusNone)));}", ".f2xrmf3{border-bottom-left-radius:var(--ctrl-token-TeachingPopoverHeader-2605, var(--semantic-token-TeachingPopoverHeader-2606, var(--borderRadiusNone)));}", ".f1n71otn{border-right-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1lfeew{-webkit-margin-start:auto;margin-inline-start:auto;}", [".f16d74zd{padding:var(--spacingVerticalXS) var(--spacingHorizontalXS);}", {
102
102
  p: -1
103
103
  }], [".f89hs3r[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}", {
104
104
  p: -1
105
- }], [".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}", {
105
+ }], [".f1bmhj70[data-fui-focus-visible]{border-radius:var(--ctrl-token-TeachingPopoverHeader-2607, var(--semantic-token-TeachingPopoverHeader-2608, var(--borderRadiusMedium)));}", {
106
106
  p: -1
107
- }], ".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}", ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}", ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}", ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}", ".fsv12xs{height:var(--fontSizeBase200);}", ".f19bqwv{width:var(--fontSizeBase200);}", ".f1e4lqlz{box-sizing:content-box;}", ".ftuwxu6{display:inline-flex;}", ".f4d9j23{justify-content:center;}", ".f1iuv45f{text-decoration-line:none;}", ".fmrv4ls{vertical-align:middle;}", ".fpvr8q1{-webkit-margin-end:var(--spacingHorizontalXS);margin-inline-end:var(--spacingHorizontalXS);}"]
107
+ }], ".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}", ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}", ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}", ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}", ".f1xz5ddt{color:var(--ctrl-token-TeachingPopoverHeader-2609, var(--semantic-token-TeachingPopoverHeader-2610, var(--colorNeutralForegroundOnBrand)));}", ".fa31dpz{height:var(--ctrl-token-TeachingPopoverHeader-2611, var(--semantic-token-TeachingPopoverHeader-2612, var(--fontSizeBase200)));}", ".fkn412z{width:var(--ctrl-token-TeachingPopoverHeader-2613, var(--semantic-token-TeachingPopoverHeader-2614, var(--fontSizeBase200)));}", ".fobzs8u{line-height:var(--ctrl-token-TeachingPopoverHeader-2615, var(--semantic-token-TeachingPopoverHeader-2616, var(--lineHeightBase200)));}", ".f14sagjw{font-size:var(--ctrl-token-TeachingPopoverHeader-2617, var(--semantic-token-TeachingPopoverHeader-2618, var(--fontSizeBase200)));}", ".f1e4lqlz{box-sizing:content-box;}", ".ftuwxu6{display:inline-flex;}", ".f4d9j23{justify-content:center;}", ".f1iuv45f{text-decoration-line:none;}", ".fmrv4ls{vertical-align:middle;}", ".fpco3i2{background-color:var(--ctrl-token-TeachingPopoverHeader-2619, var(--semantic-token-TeachingPopoverHeader-2620, var(--colorTransparentBackground)));}", ".f1iohsb8{color:var(--ctrl-token-TeachingPopoverHeader-2621, var(--semantic-token-TeachingPopoverHeader-2622, var(--colorNeutralForeground2)));}", ".f1qjnrc2{-webkit-margin-end:var(--ctrl-token-TeachingPopoverHeader-2623, var(--semantic-token-TeachingPopoverHeader-2624, var(--spacingHorizontalXS)));margin-inline-end:var(--ctrl-token-TeachingPopoverHeader-2623, var(--semantic-token-TeachingPopoverHeader-2624, var(--spacingHorizontalXS)));}", ".f1jx96z6{color:var(--ctrl-token-TeachingPopoverHeader-2625, var(--semantic-token-TeachingPopoverHeader-2626, var(--colorNeutralForegroundOnBrand)));}"]
108
108
  });
109
109
  /** Applies style classnames to slots */
110
110
  export const useTeachingPopoverHeaderStyles_unstable = state => {
package/lib/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["shorthands","__styles","mergeClasses","createCustomFocusIndicatorStyle","tokens","typographyStyles","teachingPopoverHeaderClassNames","root","dismissButton","icon","useStyles","mc9l5x","Beiy3e4","sj55zd","Bhrd7zp","Be2twd7","Bg96gwp","Byoj8tv","Bt984gj","B6of3ja","jrapky","rootBrand","qhf8xq","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Bceei9c","Bahqtrf","De3pzq","B7ck84d","B7oj6ja","Bbmb7ep","Jyy4pa","uwmqm3","z189sj","z8tnut","B0ocmuz","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","dismissBrand","Bqenvij","a9b677","Brf1p80","w71qe1","ha4doy","Bokbzmb","iconBrand","d","p","useTeachingPopoverHeaderStyles_unstable","state","styles","appearance","className","undefined"],"sources":["useTeachingPopoverHeaderStyles.styles.js"],"sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const teachingPopoverHeaderClassNames = {\n root: 'fui-TeachingPopoverHeader',\n dismissButton: 'fui-TeachingPopoverHeader__dismissButton',\n icon: 'fui-TeachingPopoverHeader__icon'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n color: tokens.colorNeutralForeground3,\n fontWeight: tokens.fontWeightSemibold,\n fontSize: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200,\n paddingBottom: tokens.spacingVerticalXS,\n alignItems: 'center',\n marginTop: tokens.spacingHorizontalNone,\n marginBottom: tokens.spacingHorizontalNone\n },\n rootBrand: {\n color: tokens.colorNeutralForegroundOnBrand\n },\n dismissButton: {\n color: tokens.colorNeutralForeground2,\n position: 'relative',\n border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n display: 'flex',\n alignItems: 'center',\n cursor: 'pointer',\n ...typographyStyles.body1,\n backgroundColor: tokens.colorTransparentBackground,\n boxSizing: 'border-box',\n borderTopRightRadius: tokens.borderRadiusNone,\n borderBottomRightRadius: tokens.borderRadiusNone,\n borderRightStyle: 'none',\n marginInlineStart: 'auto',\n padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium,\n ...shorthands.borderColor('transparent')\n })\n },\n dismissBrand: {\n color: tokens.colorNeutralForegroundOnBrand\n },\n icon: {\n height: tokens.fontSizeBase200,\n width: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200,\n fontSize: tokens.fontSizeBase200,\n alignItems: 'center',\n boxSizing: 'content-box',\n display: 'inline-flex',\n justifyContent: 'center',\n textDecorationLine: 'none',\n verticalAlign: 'middle',\n position: 'relative',\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n marginInlineEnd: tokens.spacingHorizontalXS\n },\n iconBrand: {\n color: tokens.colorNeutralForegroundOnBrand\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverHeaderStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const { appearance } = state;\n state.root.className = mergeClasses(teachingPopoverHeaderClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);\n if (state.dismissButton) {\n state.dismissButton.className = mergeClasses(teachingPopoverHeaderClassNames.dismissButton, styles.dismissButton, appearance === 'brand' ? styles.dismissBrand : undefined, state.dismissButton.className);\n }\n if (state.icon) {\n state.icon.className = mergeClasses(teachingPopoverHeaderClassNames.icon, styles.icon, appearance === 'brand' ? styles.iconBrand : undefined, state.icon.className);\n }\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["shorthands","__styles","mergeClasses","createCustomFocusIndicatorStyle","tokens","typographyStyles","teachingPopoverHeaderClassNames","root","dismissButton","icon","useStyles","mc9l5x","Beiy3e4","sj55zd","Bhrd7zp","Be2twd7","Bg96gwp","Byoj8tv","Bt984gj","B6of3ja","jrapky","rootBrand","qhf8xq","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Bceei9c","Bahqtrf","De3pzq","B7ck84d","B7oj6ja","Bbmb7ep","Jyy4pa","uwmqm3","z189sj","z8tnut","B0ocmuz","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","dismissBrand","Bqenvij","a9b677","Brf1p80","w71qe1","ha4doy","Bokbzmb","iconBrand","d","p","useTeachingPopoverHeaderStyles_unstable","state","styles","appearance","className","undefined"],"sources":["useTeachingPopoverHeaderStyles.styles.js"],"sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const teachingPopoverHeaderClassNames = {\n root: 'fui-TeachingPopoverHeader',\n dismissButton: 'fui-TeachingPopoverHeader__dismissButton',\n icon: 'fui-TeachingPopoverHeader__icon'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n color: `var(--ctrl-token-TeachingPopoverHeader-2583, var(--semantic-token-TeachingPopoverHeader-2584, ${tokens.colorNeutralForeground3}))`,\n fontWeight: `var(--ctrl-token-TeachingPopoverHeader-2585, var(--semantic-token-TeachingPopoverHeader-2586, ${tokens.fontWeightSemibold}))`,\n fontSize: `var(--ctrl-token-TeachingPopoverHeader-2587, var(--semantic-token-TeachingPopoverHeader-2588, ${tokens.fontSizeBase200}))`,\n lineHeight: `var(--ctrl-token-TeachingPopoverHeader-2589, var(--semantic-token-TeachingPopoverHeader-2590, ${tokens.lineHeightBase200}))`,\n paddingBottom: `var(--ctrl-token-TeachingPopoverHeader-2591, var(--semantic-token-TeachingPopoverHeader-2592, ${tokens.spacingVerticalXS}))`,\n alignItems: 'center',\n marginTop: `var(--ctrl-token-TeachingPopoverHeader-2593, var(--semantic-token-TeachingPopoverHeader-2594, ${tokens.spacingHorizontalNone}))`,\n marginBottom: `var(--ctrl-token-TeachingPopoverHeader-2595, var(--semantic-token-TeachingPopoverHeader-2596, ${tokens.spacingHorizontalNone}))`\n },\n rootBrand: {\n color: `var(--ctrl-token-TeachingPopoverHeader-2597, var(--semantic-token-TeachingPopoverHeader-2598, ${tokens.colorNeutralForegroundOnBrand}))`\n },\n dismissButton: {\n color: `var(--ctrl-token-TeachingPopoverHeader-2599, var(--semantic-token-TeachingPopoverHeader-2600, ${tokens.colorNeutralForeground2}))`,\n position: 'relative',\n border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n display: 'flex',\n alignItems: 'center',\n cursor: 'pointer',\n ...typographyStyles.body1,\n backgroundColor: `var(--ctrl-token-TeachingPopoverHeader-2601, var(--semantic-token-TeachingPopoverHeader-2602, ${tokens.colorTransparentBackground}))`,\n boxSizing: 'border-box',\n borderTopRightRadius: `var(--ctrl-token-TeachingPopoverHeader-2603, var(--semantic-token-TeachingPopoverHeader-2604, ${tokens.borderRadiusNone}))`,\n borderBottomRightRadius: `var(--ctrl-token-TeachingPopoverHeader-2605, var(--semantic-token-TeachingPopoverHeader-2606, ${tokens.borderRadiusNone}))`,\n borderRightStyle: 'none',\n marginInlineStart: 'auto',\n padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: `var(--ctrl-token-TeachingPopoverHeader-2607, var(--semantic-token-TeachingPopoverHeader-2608, ${tokens.borderRadiusMedium}))`,\n ...shorthands.borderColor('transparent')\n })\n },\n dismissBrand: {\n color: `var(--ctrl-token-TeachingPopoverHeader-2609, var(--semantic-token-TeachingPopoverHeader-2610, ${tokens.colorNeutralForegroundOnBrand}))`\n },\n icon: {\n height: `var(--ctrl-token-TeachingPopoverHeader-2611, var(--semantic-token-TeachingPopoverHeader-2612, ${tokens.fontSizeBase200}))`,\n width: `var(--ctrl-token-TeachingPopoverHeader-2613, var(--semantic-token-TeachingPopoverHeader-2614, ${tokens.fontSizeBase200}))`,\n lineHeight: `var(--ctrl-token-TeachingPopoverHeader-2615, var(--semantic-token-TeachingPopoverHeader-2616, ${tokens.lineHeightBase200}))`,\n fontSize: `var(--ctrl-token-TeachingPopoverHeader-2617, var(--semantic-token-TeachingPopoverHeader-2618, ${tokens.fontSizeBase200}))`,\n alignItems: 'center',\n boxSizing: 'content-box',\n display: 'inline-flex',\n justifyContent: 'center',\n textDecorationLine: 'none',\n verticalAlign: 'middle',\n position: 'relative',\n backgroundColor: `var(--ctrl-token-TeachingPopoverHeader-2619, var(--semantic-token-TeachingPopoverHeader-2620, ${tokens.colorTransparentBackground}))`,\n color: `var(--ctrl-token-TeachingPopoverHeader-2621, var(--semantic-token-TeachingPopoverHeader-2622, ${tokens.colorNeutralForeground2}))`,\n marginInlineEnd: `var(--ctrl-token-TeachingPopoverHeader-2623, var(--semantic-token-TeachingPopoverHeader-2624, ${tokens.spacingHorizontalXS}))`\n },\n iconBrand: {\n color: `var(--ctrl-token-TeachingPopoverHeader-2625, var(--semantic-token-TeachingPopoverHeader-2626, ${tokens.colorNeutralForegroundOnBrand}))`\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverHeaderStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const { appearance } = state;\n state.root.className = mergeClasses(teachingPopoverHeaderClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);\n if (state.dismissButton) {\n state.dismissButton.className = mergeClasses(teachingPopoverHeaderClassNames.dismissButton, styles.dismissButton, appearance === 'brand' ? styles.dismissBrand : undefined, state.dismissButton.className);\n }\n if (state.icon) {\n state.icon.className = mergeClasses(teachingPopoverHeaderClassNames.icon, styles.icon, appearance === 'brand' ? styles.iconBrand : undefined, state.icon.className);\n }\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
package/lib/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js CHANGED
@@ -15,14 +15,14 @@ const useStyles = /*#__PURE__*/__styles({
15
15
  Bbmb7ep: 0,
16
16
  Btl43ni: 0,
17
17
  B7oj6ja: 0,
18
- Dimara: "f1kijzfu",
18
+ Dimara: "f1oexz1c",
19
19
  a9b677: "f1dxqujg",
20
20
  B7ck84d: "f1e4lqlz"
21
21
  }
22
22
  }, {
23
23
  d: [[".f23zza1{padding:var(--spacingVerticalL) var(--spacingVerticalL);}", {
24
24
  p: -1
25
- }], [".f1kijzfu{border-radius:var(--borderRadiusXLarge);}", {
25
+ }], [".f1oexz1c{border-radius:var(--ctrl-token-TeachingPopoverSurface-2627, var(--semantic-token-TeachingPopoverSurface-2628, var(--borderRadiusXLarge)));}", {
26
26
  p: -1
27
27
  }], ".f1dxqujg{width:288px;}", ".f1e4lqlz{box-sizing:content-box;}"]
28
28
  });
package/lib/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","mergeClasses","usePopoverSurfaceStyles_unstable","tokens","teachingPopoverSurfaceClassNames","root","useStyles","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","a9b677","B7ck84d","d","p","useTeachingPopoverSurfaceStyles_unstable","state","styles","className","updatedState"],"sources":["useTeachingPopoverSurfaceStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { usePopoverSurfaceStyles_unstable } from '@fluentui/react-popover';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverSurfaceClassNames = {\n root: 'fui-TeachingPopoverSurface'\n};\nconst useStyles = makeStyles({\n root: {\n padding: `${tokens.spacingVerticalL} ${tokens.spacingVerticalL}`,\n borderRadius: tokens.borderRadiusXLarge,\n width: '288px',\n boxSizing: 'content-box'\n }\n});\n/**\n * Apply styling to the TeachingPopoverSurface slots based on the state\n */ export const useTeachingPopoverSurfaceStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n // Make sure to merge teaching bubble surface prior to popover styles\n state.root.className = mergeClasses(teachingPopoverSurfaceClassNames.root, styles.root, state.root.className);\n const updatedState = usePopoverSurfaceStyles_unstable(state);\n return updatedState;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,gCAAgC,QAAQ,yBAAyB;AAC1E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,gCAAgC,GAAG;EAC5CC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGN,QAAA;EAAAK,IAAA;IAAAE,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAOjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,wCAAwC,GAAIC,KAAK,IAAG;EACjE,aAAa;;EACb,MAAMC,MAAM,GAAGjB,SAAS,CAAC,CAAC;EAC1B;EACAgB,KAAK,CAACjB,IAAI,CAACmB,SAAS,GAAGvB,YAAY,CAACG,gCAAgC,CAACC,IAAI,EAAEkB,MAAM,CAAClB,IAAI,EAAEiB,KAAK,CAACjB,IAAI,CAACmB,SAAS,CAAC;EAC7G,MAAMC,YAAY,GAAGvB,gCAAgC,CAACoB,KAAK,CAAC;EAC5D,OAAOG,YAAY;AACvB,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["__styles","mergeClasses","usePopoverSurfaceStyles_unstable","tokens","teachingPopoverSurfaceClassNames","root","useStyles","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","a9b677","B7ck84d","d","p","useTeachingPopoverSurfaceStyles_unstable","state","styles","className","updatedState"],"sources":["useTeachingPopoverSurfaceStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { usePopoverSurfaceStyles_unstable } from '@fluentui/react-popover';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverSurfaceClassNames = {\n root: 'fui-TeachingPopoverSurface'\n};\nconst useStyles = makeStyles({\n root: {\n padding: `${tokens.spacingVerticalL} ${tokens.spacingVerticalL}`,\n borderRadius: `var(--ctrl-token-TeachingPopoverSurface-2627, var(--semantic-token-TeachingPopoverSurface-2628, ${tokens.borderRadiusXLarge}))`,\n width: '288px',\n boxSizing: 'content-box'\n }\n});\n/**\n * Apply styling to the TeachingPopoverSurface slots based on the state\n */ export const useTeachingPopoverSurfaceStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n // Make sure to merge teaching bubble surface prior to popover styles\n state.root.className = mergeClasses(teachingPopoverSurfaceClassNames.root, styles.root, state.root.className);\n const updatedState = usePopoverSurfaceStyles_unstable(state);\n return updatedState;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,gCAAgC,QAAQ,yBAAyB;AAC1E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,gCAAgC,GAAG;EAC5CC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGN,QAAA;EAAAK,IAAA;IAAAE,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAOjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,wCAAwC,GAAIC,KAAK,IAAG;EACjE,aAAa;;EACb,MAAMC,MAAM,GAAGjB,SAAS,CAAC,CAAC;EAC1B;EACAgB,KAAK,CAACjB,IAAI,CAACmB,SAAS,GAAGvB,YAAY,CAACG,gCAAgC,CAACC,IAAI,EAAEkB,MAAM,CAAClB,IAAI,EAAEiB,KAAK,CAACjB,IAAI,CAACmB,SAAS,CAAC;EAC7G,MAAMC,YAAY,GAAGvB,gCAAgC,CAACoB,KAAK,CAAC;EAC5D,OAAOG,YAAY;AACvB,CAAC","ignoreList":[]}