@fluentui/react-teaching-popover 0.0.0-nightly-20240820-2210.1 → 0.0.0-nightly-20240822-1237.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +39 -15
- package/lib/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButtonStyles.styles.js +14 -14
- package/lib/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButtonStyles.styles.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js +4 -4
- package/lib/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js +15 -15
- package/lib/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js.map +1 -1
- package/lib/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js +8 -8
- package/lib/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js.map +1 -1
- package/lib/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js +26 -26
- package/lib/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js.map +1 -1
- package/lib/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js +2 -2
- package/lib/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js.map +1 -1
- package/lib/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js +17 -17
- package/lib/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButtonStyles.styles.js +24 -24
- package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js +4 -4
- package/lib-commonjs/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js +15 -16
- package/lib-commonjs/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js +12 -12
- package/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js +42 -48
- package/lib-commonjs/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js +2 -2
- package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js +30 -31
- package/lib-commonjs/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js.map +1 -1
- package/package.json +12 -12
package/CHANGELOG.md
CHANGED
|
@@ -1,28 +1,52 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-teaching-popover
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Thu, 22 Aug 2024 12:42:24 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [0.0.0-nightly-
|
|
7
|
+
## [0.0.0-nightly-20240822-1237.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-teaching-popover_v0.0.0-nightly-20240822-1237.1)
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-teaching-popover_v9.1.
|
|
9
|
+
Thu, 22 Aug 2024 12:42:24 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-teaching-popover_v9.1.15..@fluentui/react-teaching-popover_v0.0.0-nightly-20240822-1237.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-
|
|
16
|
-
- Bump @fluentui/react-theme to v0.0.0-nightly-
|
|
17
|
-
- Bump @fluentui/react-utilities to v0.0.0-nightly-
|
|
18
|
-
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-
|
|
19
|
-
- Bump @fluentui/react-popover to v0.0.0-nightly-
|
|
20
|
-
- Bump @fluentui/react-button to v0.0.0-nightly-
|
|
21
|
-
- Bump @fluentui/react-tabster to v0.0.0-nightly-
|
|
22
|
-
- Bump @fluentui/react-aria to v0.0.0-nightly-
|
|
23
|
-
- Bump @fluentui/react-context-selector to v0.0.0-nightly-
|
|
24
|
-
- Bump @fluentui/react-conformance to v0.0.0-nightly-
|
|
25
|
-
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-
|
|
15
|
+
- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240822-1237.1 ([commit](https://github.com/microsoft/fluentui/commit/835b32703ba4fda793f066c48de34e5cc7435bf1) by beachball)
|
|
16
|
+
- Bump @fluentui/react-theme to v0.0.0-nightly-20240822-1237.1 ([commit](https://github.com/microsoft/fluentui/commit/835b32703ba4fda793f066c48de34e5cc7435bf1) by beachball)
|
|
17
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly-20240822-1237.1 ([commit](https://github.com/microsoft/fluentui/commit/835b32703ba4fda793f066c48de34e5cc7435bf1) by beachball)
|
|
18
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20240822-1237.1 ([commit](https://github.com/microsoft/fluentui/commit/835b32703ba4fda793f066c48de34e5cc7435bf1) by beachball)
|
|
19
|
+
- Bump @fluentui/react-popover to v0.0.0-nightly-20240822-1237.1 ([commit](https://github.com/microsoft/fluentui/commit/835b32703ba4fda793f066c48de34e5cc7435bf1) by beachball)
|
|
20
|
+
- Bump @fluentui/react-button to v0.0.0-nightly-20240822-1237.1 ([commit](https://github.com/microsoft/fluentui/commit/835b32703ba4fda793f066c48de34e5cc7435bf1) by beachball)
|
|
21
|
+
- Bump @fluentui/react-tabster to v0.0.0-nightly-20240822-1237.1 ([commit](https://github.com/microsoft/fluentui/commit/835b32703ba4fda793f066c48de34e5cc7435bf1) by beachball)
|
|
22
|
+
- Bump @fluentui/react-aria to v0.0.0-nightly-20240822-1237.1 ([commit](https://github.com/microsoft/fluentui/commit/835b32703ba4fda793f066c48de34e5cc7435bf1) by beachball)
|
|
23
|
+
- Bump @fluentui/react-context-selector to v0.0.0-nightly-20240822-1237.1 ([commit](https://github.com/microsoft/fluentui/commit/835b32703ba4fda793f066c48de34e5cc7435bf1) by beachball)
|
|
24
|
+
- Bump @fluentui/react-conformance to v0.0.0-nightly-20240822-1237.1 ([commit](https://github.com/microsoft/fluentui/commit/835b32703ba4fda793f066c48de34e5cc7435bf1) by beachball)
|
|
25
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240822-1237.1 ([commit](https://github.com/microsoft/fluentui/commit/835b32703ba4fda793f066c48de34e5cc7435bf1) by beachball)
|
|
26
|
+
|
|
27
|
+
## [9.1.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-teaching-popover_v9.1.15)
|
|
28
|
+
|
|
29
|
+
Thu, 15 Aug 2024 13:49:46 GMT
|
|
30
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-teaching-popover_v9.1.14..@fluentui/react-teaching-popover_v9.1.15)
|
|
31
|
+
|
|
32
|
+
### Patches
|
|
33
|
+
|
|
34
|
+
- Bump @fluentui/react-popover to v9.9.19 ([PR #32313](https://github.com/microsoft/fluentui/pull/32313) by beachball)
|
|
35
|
+
- Bump @fluentui/react-button to v9.3.89 ([PR #32313](https://github.com/microsoft/fluentui/pull/32313) by beachball)
|
|
36
|
+
- Bump @fluentui/react-tabster to v9.22.5 ([PR #32313](https://github.com/microsoft/fluentui/pull/32313) by beachball)
|
|
37
|
+
- Bump @fluentui/react-aria to v9.13.4 ([PR #32313](https://github.com/microsoft/fluentui/pull/32313) by beachball)
|
|
38
|
+
|
|
39
|
+
## [9.1.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-teaching-popover_v9.1.14)
|
|
40
|
+
|
|
41
|
+
Thu, 15 Aug 2024 08:22:17 GMT
|
|
42
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-teaching-popover_v9.1.13..@fluentui/react-teaching-popover_v9.1.14)
|
|
43
|
+
|
|
44
|
+
### Patches
|
|
45
|
+
|
|
46
|
+
- Bump @fluentui/react-popover to v9.9.18 ([PR #31885](https://github.com/microsoft/fluentui/pull/31885) by beachball)
|
|
47
|
+
- Bump @fluentui/react-button to v9.3.88 ([PR #31885](https://github.com/microsoft/fluentui/pull/31885) by beachball)
|
|
48
|
+
- Bump @fluentui/react-tabster to v9.22.4 ([PR #31885](https://github.com/microsoft/fluentui/pull/31885) by beachball)
|
|
49
|
+
- Bump @fluentui/react-aria to v9.13.3 ([PR #31885](https://github.com/microsoft/fluentui/pull/31885) by beachball)
|
|
26
50
|
|
|
27
51
|
## [9.1.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-teaching-popover_v9.1.13)
|
|
28
52
|
|
|
@@ -9,40 +9,40 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
9
9
|
Bf4jedk: "f14es27b"
|
|
10
10
|
},
|
|
11
11
|
brandNext: {
|
|
12
|
-
sj55zd: "
|
|
13
|
-
De3pzq: "
|
|
12
|
+
sj55zd: "f16muhyy",
|
|
13
|
+
De3pzq: "f10s6wn9",
|
|
14
14
|
g2u3we: "f1iimpp0",
|
|
15
15
|
h3c5rm: ["f19uhqvu", "f1nx14hx"],
|
|
16
16
|
B9xav0g: "fnqa90p",
|
|
17
17
|
zhjwy3: ["f1nx14hx", "f19uhqvu"],
|
|
18
|
-
Bi91k9c: "
|
|
19
|
-
Jwef8y: "
|
|
20
|
-
B2d53fq: "
|
|
21
|
-
iro3zm: "
|
|
18
|
+
Bi91k9c: "f3ymbdj",
|
|
19
|
+
Jwef8y: "f1rgtb95",
|
|
20
|
+
B2d53fq: "f1pu27ff",
|
|
21
|
+
iro3zm: "f1d5c7in"
|
|
22
22
|
},
|
|
23
23
|
brandPrevious: {
|
|
24
|
-
sj55zd: "
|
|
25
|
-
De3pzq: "
|
|
24
|
+
sj55zd: "f1phragk",
|
|
25
|
+
De3pzq: "ffp7eso",
|
|
26
26
|
g2u3we: "fm1ebug",
|
|
27
27
|
h3c5rm: ["f28omuz", "f1uhflii"],
|
|
28
28
|
B9xav0g: "f1ixw5o4",
|
|
29
29
|
zhjwy3: ["f1uhflii", "f28omuz"],
|
|
30
|
-
Bi91k9c: "
|
|
30
|
+
Bi91k9c: "f1rq72xc",
|
|
31
31
|
Bgoe8wy: "f1bg5g8r",
|
|
32
32
|
Bwzppfd: ["f1h9bnsk", "f12x9t0k"],
|
|
33
33
|
oetu4i: "f19ervry",
|
|
34
34
|
gg5e9n: ["f12x9t0k", "f1h9bnsk"],
|
|
35
|
-
Jwef8y: "
|
|
36
|
-
B2d53fq: "
|
|
35
|
+
Jwef8y: "f15wkkf3",
|
|
36
|
+
B2d53fq: "f1d6v5y2",
|
|
37
37
|
b661bw: "f1565b9n",
|
|
38
38
|
Bk6r4ia: ["fm07gvo", "fwlsg72"],
|
|
39
39
|
B9zn80p: "fzw6fmy",
|
|
40
40
|
Bpld233: ["fwlsg72", "fm07gvo"],
|
|
41
|
-
iro3zm: "
|
|
41
|
+
iro3zm: "fnp9lpt"
|
|
42
42
|
}
|
|
43
43
|
}, {
|
|
44
|
-
d: [".f14es27b{min-width:96px;}", ".
|
|
45
|
-
h: [".
|
|
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);}"]
|
|
46
46
|
});
|
|
47
47
|
/**
|
|
48
48
|
* Apply styling to the TeachingPopoverCarouselFooterButton slots based on the state
|
|
@@ -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:
|
|
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":[]}
|
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: "
|
|
11
|
+
i8kkvl: "f1ufnopg",
|
|
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: "
|
|
22
|
+
B3whbx2: "f2krc9w",
|
|
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;}", ".
|
|
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);}", {
|
|
30
30
|
p: -1
|
|
31
|
-
}], [".
|
|
31
|
+
}], [".f2krc9w[data-fui-focus-visible]{border-radius: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:
|
|
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":[]}
|
|
@@ -14,7 +14,7 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
14
14
|
B7ck84d: "f1ewtqcl",
|
|
15
15
|
Bqenvij: "f1x82gua",
|
|
16
16
|
a9b677: "f1o3cbw4",
|
|
17
|
-
De3pzq: "
|
|
17
|
+
De3pzq: "ffp7eso"
|
|
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: "
|
|
50
|
+
Befb4lg: "f71xx7",
|
|
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: "
|
|
59
|
+
B3whbx2: "f2krc9w",
|
|
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: "
|
|
66
|
+
B372c46: "fngekiq"
|
|
67
67
|
},
|
|
68
68
|
rootSelected: {
|
|
69
69
|
Bw0xxkn: 0,
|
|
70
70
|
oeaueh: 0,
|
|
71
71
|
Bpd4iqm: 0,
|
|
72
|
-
Befb4lg: "
|
|
72
|
+
Befb4lg: "f71xx7",
|
|
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: "
|
|
109
|
+
B3whbx2: "f2krc9w",
|
|
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: "
|
|
117
|
+
De3pzq: "f10s6wn9"
|
|
118
118
|
},
|
|
119
119
|
rootBrandUnselected: {
|
|
120
120
|
De3pzq: "frxe7el",
|
|
121
121
|
Bfclv37: "f14lfud5",
|
|
122
|
-
B372c46: "
|
|
122
|
+
B372c46: "fngekiq"
|
|
123
123
|
}
|
|
124
124
|
}, {
|
|
125
|
-
d: [".f22iagw{display:flex;}", ".f1k6fduh{cursor:pointer;}", ".f1ewtqcl{box-sizing:border-box;}", ".f1x82gua{height:8px;}", ".f1o3cbw4{width:8px;}", ".
|
|
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;}", {
|
|
126
126
|
p: -2
|
|
127
127
|
}], [".f5q2cvs{border-radius:50%;}", {
|
|
128
128
|
p: -1
|
|
129
129
|
}], [".f1c5fvqg{padding:0px;}", {
|
|
130
130
|
p: -1
|
|
131
|
-
}], [".
|
|
131
|
+
}], [".f71xx7{outline: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
|
-
}], [".
|
|
135
|
+
}], [".f2krc9w[data-fui-focus-visible]{border-radius: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);}", [".
|
|
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;}", {
|
|
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
|
-
}], [".
|
|
147
|
+
}], [".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}", {
|
|
148
148
|
p: -1
|
|
149
|
-
}], ".
|
|
150
|
-
t: ["@supports not (color: color-mix(in lch, white, black)){.f14lfud5{opacity:0.3;}}", "@supports not (color: color-mix(in lch, white, black)){.
|
|
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);}}"],
|
|
151
151
|
m: [["@media (forced-colors: active){.fe2ae1k{background-color:CanvasText;}}", {
|
|
152
152
|
m: "(forced-colors: active)"
|
|
153
153
|
}]]
|
|
@@ -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:
|
|
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":[]}
|
|
@@ -43,12 +43,12 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
43
43
|
zhjwy3: ["f1uhflii", "f28omuz"]
|
|
44
44
|
},
|
|
45
45
|
brandPrimary: {
|
|
46
|
-
sj55zd: "
|
|
47
|
-
De3pzq: "
|
|
48
|
-
Bi91k9c: "
|
|
49
|
-
Jwef8y: "
|
|
50
|
-
B2d53fq: "
|
|
51
|
-
iro3zm: "
|
|
46
|
+
sj55zd: "f16muhyy",
|
|
47
|
+
De3pzq: "f10s6wn9",
|
|
48
|
+
Bi91k9c: "f3ymbdj",
|
|
49
|
+
Jwef8y: "f1rgtb95",
|
|
50
|
+
B2d53fq: "f1pu27ff",
|
|
51
|
+
iro3zm: "f1d5c7in"
|
|
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);}", ".
|
|
61
|
-
h: [".
|
|
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);}"]
|
|
62
62
|
});
|
|
63
63
|
/** Applies style classnames to slots */
|
|
64
64
|
export const useTeachingPopoverFooterStyles_unstable = state => {
|
|
@@ -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:
|
|
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":[]}
|
|
@@ -10,20 +10,20 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
10
10
|
root: {
|
|
11
11
|
mc9l5x: "f22iagw",
|
|
12
12
|
Beiy3e4: "f1063pyq",
|
|
13
|
-
sj55zd: "
|
|
14
|
-
Bhrd7zp: "
|
|
15
|
-
Be2twd7: "
|
|
16
|
-
Bg96gwp: "
|
|
17
|
-
Byoj8tv: "
|
|
13
|
+
sj55zd: "f11d4kpn",
|
|
14
|
+
Bhrd7zp: "fl43uef",
|
|
15
|
+
Be2twd7: "fy9rknc",
|
|
16
|
+
Bg96gwp: "fwrc4pm",
|
|
17
|
+
Byoj8tv: "f14wxoun",
|
|
18
18
|
Bt984gj: "f122n59",
|
|
19
|
-
B6of3ja: "
|
|
20
|
-
jrapky: "
|
|
19
|
+
B6of3ja: "f1jkagg5",
|
|
20
|
+
jrapky: "fi2ljxd"
|
|
21
21
|
},
|
|
22
22
|
rootBrand: {
|
|
23
|
-
sj55zd: "
|
|
23
|
+
sj55zd: "f1phragk"
|
|
24
24
|
},
|
|
25
25
|
dismissButton: {
|
|
26
|
-
sj55zd: "
|
|
26
|
+
sj55zd: "fkfq4zb",
|
|
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: "
|
|
52
|
+
De3pzq: "f1c21dwh",
|
|
53
53
|
B7ck84d: "f1ewtqcl",
|
|
54
|
-
B7oj6ja: ["
|
|
55
|
-
Bbmb7ep: ["
|
|
54
|
+
B7oj6ja: ["f3fg2lr", "f13av6d4"],
|
|
55
|
+
Bbmb7ep: ["fzi6hpg", "fyowgf4"],
|
|
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: "
|
|
70
|
+
B3whbx2: "f2krc9w",
|
|
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: "
|
|
77
|
+
sj55zd: "f1phragk"
|
|
78
78
|
},
|
|
79
79
|
icon: {
|
|
80
|
-
Bqenvij: "
|
|
81
|
-
a9b677: "
|
|
82
|
-
Bg96gwp: "
|
|
83
|
-
Be2twd7: "
|
|
80
|
+
Bqenvij: "fsv12xs",
|
|
81
|
+
a9b677: "f19bqwv",
|
|
82
|
+
Bg96gwp: "fwrc4pm",
|
|
83
|
+
Be2twd7: "fy9rknc",
|
|
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: "
|
|
92
|
-
sj55zd: "
|
|
93
|
-
Bokbzmb: "
|
|
91
|
+
De3pzq: "f1c21dwh",
|
|
92
|
+
sj55zd: "fkfq4zb",
|
|
93
|
+
Bokbzmb: "fpvr8q1"
|
|
94
94
|
},
|
|
95
95
|
iconBrand: {
|
|
96
|
-
sj55zd: "
|
|
96
|
+
sj55zd: "f1phragk"
|
|
97
97
|
}
|
|
98
98
|
}, {
|
|
99
|
-
d: [".f22iagw{display:flex;}", ".f1063pyq{flex-direction:row;}", ".
|
|
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);}", {
|
|
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);}", ".
|
|
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);}", {
|
|
102
102
|
p: -1
|
|
103
103
|
}], [".f89hs3r[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}", {
|
|
104
104
|
p: -1
|
|
105
|
-
}], [".
|
|
105
|
+
}], [".f2krc9w[data-fui-focus-visible]{border-radius: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;}", ".
|
|
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);}"]
|
|
108
108
|
});
|
|
109
109
|
/** Applies style classnames to slots */
|
|
110
110
|
export const useTeachingPopoverHeaderStyles_unstable = state => {
|
|
@@ -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:
|
|
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":[]}
|
|
@@ -15,14 +15,14 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
15
15
|
Bbmb7ep: 0,
|
|
16
16
|
Btl43ni: 0,
|
|
17
17
|
B7oj6ja: 0,
|
|
18
|
-
Dimara: "
|
|
18
|
+
Dimara: "f1kijzfu",
|
|
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
|
-
}], [".
|
|
25
|
+
}], [".f1kijzfu{border-radius:var(--borderRadiusXLarge);}", {
|
|
26
26
|
p: -1
|
|
27
27
|
}], ".f1dxqujg{width:288px;}", ".f1e4lqlz{box-sizing:content-box;}"]
|
|
28
28
|
});
|
|
@@ -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:
|
|
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":[]}
|