@fluentui/react-teaching-popover 9.1.5 → 9.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +15 -2
- package/lib/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js +14 -8
- package/lib/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooterStyles.styles.js +12 -6
- package/lib/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooterStyles.styles.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js +14 -8
- package/lib/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js.map +1 -1
- package/lib/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js +105 -45
- package/lib/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js.map +1 -1
- package/lib/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js +20 -11
- package/lib/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js.map +1 -1
- package/lib/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js +39 -23
- package/lib/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js.map +1 -1
- package/lib/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js +16 -10
- package/lib/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js.map +1 -1
- package/lib/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js +32 -19
- package/lib/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js +20 -12
- package/lib-commonjs/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooterStyles.styles.js +18 -6
- package/lib-commonjs/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooterStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js +21 -26
- package/lib-commonjs/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js +152 -142
- package/lib-commonjs/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js +31 -40
- package/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js +56 -79
- package/lib-commonjs/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js +22 -34
- package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js +45 -66
- package/lib-commonjs/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js.map +1 -1
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,25 @@
|
|
|
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, 23 May 2024 07:58:02 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.1.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-teaching-popover_v9.1.6)
|
|
8
|
+
|
|
9
|
+
Thu, 23 May 2024 07:58:02 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-teaching-popover_v9.1.5..@fluentui/react-teaching-popover_v9.1.6)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- chore: replace usage of .shorthands() in styles ([PR #31458](https://github.com/microsoft/fluentui/pull/31458) by olfedias@microsoft.com)
|
|
15
|
+
- Bump @fluentui/react-popover to v9.9.10 ([commit](https://github.com/microsoft/fluentui/commit/10e6758b203de79c53ce31ba264e137f83f50ff4) by beachball)
|
|
16
|
+
- Bump @fluentui/react-button to v9.3.82 ([commit](https://github.com/microsoft/fluentui/commit/10e6758b203de79c53ce31ba264e137f83f50ff4) by beachball)
|
|
17
|
+
- Bump @fluentui/react-tabster to v9.21.4 ([commit](https://github.com/microsoft/fluentui/commit/10e6758b203de79c53ce31ba264e137f83f50ff4) by beachball)
|
|
18
|
+
- Bump @fluentui/react-aria to v9.11.4 ([commit](https://github.com/microsoft/fluentui/commit/10e6758b203de79c53ce31ba264e137f83f50ff4) by beachball)
|
|
19
|
+
|
|
7
20
|
## [9.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-teaching-popover_v9.1.5)
|
|
8
21
|
|
|
9
|
-
Mon, 20 May 2024 12:
|
|
22
|
+
Mon, 20 May 2024 12:45:06 GMT
|
|
10
23
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-teaching-popover_v9.1.4..@fluentui/react-teaching-popover_v9.1.5)
|
|
11
24
|
|
|
12
25
|
### Patches
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __styles, mergeClasses
|
|
1
|
+
import { __styles, mergeClasses } from '@griffel/react';
|
|
2
2
|
export const teachingPopoverBodyClassNames = {
|
|
3
3
|
root: 'fui-TeachingPopoverBody',
|
|
4
4
|
media: 'fui-TeachingPopoverBody__media'
|
|
@@ -6,12 +6,14 @@ export const teachingPopoverBodyClassNames = {
|
|
|
6
6
|
const popoverBodyDimension = 288;
|
|
7
7
|
export const useMediaStyles = /*#__PURE__*/__styles({
|
|
8
8
|
base: {
|
|
9
|
-
|
|
10
|
-
Br312pm:
|
|
11
|
-
nk6f5a:
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
9
|
+
Bw0ie65: 0,
|
|
10
|
+
Br312pm: 0,
|
|
11
|
+
nk6f5a: 0,
|
|
12
|
+
Ijaq50: 0,
|
|
13
|
+
Bq1tomu: "fujjg13",
|
|
14
|
+
B68tc82: 0,
|
|
15
|
+
Bmxbyg5: 0,
|
|
16
|
+
Bpg54ce: "f1a3p1vp",
|
|
15
17
|
a9b677: "f1dxqujg",
|
|
16
18
|
jrapky: "f1jlhsmd",
|
|
17
19
|
ha4doy: "fmrv4ls",
|
|
@@ -31,7 +33,11 @@ export const useMediaStyles = /*#__PURE__*/__styles({
|
|
|
31
33
|
Bmuttt3: "fqws08j"
|
|
32
34
|
}
|
|
33
35
|
}, {
|
|
34
|
-
d: [".
|
|
36
|
+
d: [[".fujjg13{grid-area:media;}", {
|
|
37
|
+
p: -1
|
|
38
|
+
}], [".f1a3p1vp{overflow:hidden;}", {
|
|
39
|
+
p: -1
|
|
40
|
+
}], ".f1dxqujg{width:288px;}", ".f1jlhsmd{margin-bottom:12px;}", ".fmrv4ls{vertical-align:middle;}", ".f4d9j23{justify-content:center;}", ".f22iagw{display:flex;}", ".f1taewuw{aspect-ratio:2.4615384615384617;}", ".f7da563{aspect-ratio:1.6363636363636365;}", ".f9ikmtg{aspect-ratio:1;}"],
|
|
35
41
|
t: ["@supports not (aspect-ratio){.fs5pxn9{height:117px;}}", "@supports not (aspect-ratio){.f98prui{height:176px;}}", "@supports not (aspect-ratio){.fqws08j{height:288px;}}"]
|
|
36
42
|
});
|
|
37
43
|
const useStyles = /*#__PURE__*/__styles({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__styles","mergeClasses","
|
|
1
|
+
{"version":3,"names":["__styles","mergeClasses","teachingPopoverBodyClassNames","root","media","popoverBodyDimension","useMediaStyles","base","Bw0ie65","Br312pm","nk6f5a","Ijaq50","Bq1tomu","B68tc82","Bmxbyg5","Bpg54ce","a9b677","jrapky","ha4doy","Brf1p80","mc9l5x","short","Bubjx69","Bmuttt3","medium","tall","d","p","t","useStyles","Beiy3e4","Byoj8tv","useTeachingPopoverBodyStyles_unstable","state","mediaLength","styles","mediaStyles","className"],"sources":["useTeachingPopoverBodyStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverBodyClassNames = {\n root: 'fui-TeachingPopoverBody',\n media: 'fui-TeachingPopoverBody__media'\n};\nconst popoverBodyDimension = 288;\nexport const useMediaStyles = makeStyles({\n base: {\n gridArea: 'media',\n overflow: 'hidden',\n width: `${popoverBodyDimension}px`,\n marginBottom: '12px',\n verticalAlign: 'middle',\n justifyContent: 'center',\n display: 'flex'\n },\n short: {\n aspectRatio: popoverBodyDimension / 117,\n '@supports not (aspect-ratio)': {\n height: '117px'\n }\n },\n medium: {\n aspectRatio: popoverBodyDimension / 176,\n '@supports not (aspect-ratio)': {\n height: '176px'\n }\n },\n tall: {\n aspectRatio: popoverBodyDimension / popoverBodyDimension,\n '@supports not (aspect-ratio)': {\n height: `${popoverBodyDimension}px`\n }\n }\n});\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'column',\n paddingBottom: '12px'\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverBodyStyles_unstable = (state)=>{\n const { mediaLength } = state;\n const styles = useStyles();\n const mediaStyles = useMediaStyles();\n state.root.className = mergeClasses(teachingPopoverBodyClassNames.root, styles.root, state.root.className);\n if (state.media) {\n state.media.className = mergeClasses(teachingPopoverBodyClassNames.media, mediaStyles.base, mediaStyles[mediaLength], state.media.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,6BAA6B,GAAG;EACzCC,IAAI,EAAE,yBAAyB;EAC/BC,KAAK,EAAE;AACX,CAAC;AACD,MAAMC,oBAAoB,GAAG,GAAG;AAChC,OAAO,MAAMC,cAAc,gBAAGN,QAAA;EAAAO,IAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,MAAA;IAAAF,OAAA;IAAAC,OAAA;EAAA;EAAAE,IAAA;IAAAH,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAG,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;AAAA,CA4B7B,CAAC;AACF,MAAMC,SAAS,gBAAG7B,QAAA;EAAAG,IAAA;IAAAiB,MAAA;IAAAU,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAL,CAAA;AAAA,CAMjB,CAAC;AACF;AAAyC,OAAO,MAAMM,qCAAqC,GAAIC,KAAK,IAAG;EACnG,MAAM;IAAEC;EAAY,CAAC,GAAGD,KAAK;EAC7B,MAAME,MAAM,GAAGN,SAAS,CAAC,CAAC;EAC1B,MAAMO,WAAW,GAAG9B,cAAc,CAAC,CAAC;EACpC2B,KAAK,CAAC9B,IAAI,CAACkC,SAAS,GAAGpC,YAAY,CAACC,6BAA6B,CAACC,IAAI,EAAEgC,MAAM,CAAChC,IAAI,EAAE8B,KAAK,CAAC9B,IAAI,CAACkC,SAAS,CAAC;EAC1G,IAAIJ,KAAK,CAAC7B,KAAK,EAAE;IACb6B,KAAK,CAAC7B,KAAK,CAACiC,SAAS,GAAGpC,YAAY,CAACC,6BAA6B,CAACE,KAAK,EAAEgC,WAAW,CAAC7B,IAAI,EAAE6B,WAAW,CAACF,WAAW,CAAC,EAAED,KAAK,CAAC7B,KAAK,CAACiC,SAAS,CAAC;EAChJ;EACA,OAAOJ,KAAK;AAChB,CAAC","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __styles, mergeClasses
|
|
1
|
+
import { __styles, mergeClasses } from '@griffel/react';
|
|
2
2
|
export const teachingPopoverCarouselFooterClassNames = {
|
|
3
3
|
root: 'fui-TeachingPopoverCarouselFooter',
|
|
4
4
|
previous: 'fui-TeachingPopoverCarouselFooter__previous',
|
|
@@ -12,16 +12,22 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
12
12
|
},
|
|
13
13
|
rootCentered: {
|
|
14
14
|
Brf1p80: "f1869bpl",
|
|
15
|
-
i8kkvl:
|
|
16
|
-
Belr9w4:
|
|
15
|
+
i8kkvl: 0,
|
|
16
|
+
Belr9w4: 0,
|
|
17
|
+
rmohyg: "f19gb1f4"
|
|
17
18
|
},
|
|
18
19
|
rootRightAligned: {
|
|
19
|
-
i8kkvl:
|
|
20
|
-
Belr9w4:
|
|
20
|
+
i8kkvl: 0,
|
|
21
|
+
Belr9w4: 0,
|
|
22
|
+
rmohyg: "f19gb1f4",
|
|
21
23
|
Bp34fd5: "f1y65ohq"
|
|
22
24
|
}
|
|
23
25
|
}, {
|
|
24
|
-
d: [".f22iagw{display:flex;}", ".f1063pyq{flex-direction:row;}", ".f1869bpl{justify-content:space-between;}", ".
|
|
26
|
+
d: [".f22iagw{display:flex;}", ".f1063pyq{flex-direction:row;}", ".f1869bpl{justify-content:space-between;}", [".f19gb1f4{gap:8px;}", {
|
|
27
|
+
p: -1
|
|
28
|
+
}], [".f19gb1f4{gap:8px;}", {
|
|
29
|
+
p: -1
|
|
30
|
+
}], ".f1y65ohq :first-child{-webkit-margin-end:auto;margin-inline-end:auto;}"]
|
|
25
31
|
});
|
|
26
32
|
/** Applies style classnames to slots */
|
|
27
33
|
export const useTeachingPopoverCarouselFooterStyles_unstable = state => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__styles","mergeClasses","
|
|
1
|
+
{"version":3,"names":["__styles","mergeClasses","teachingPopoverCarouselFooterClassNames","root","previous","next","useStyles","mc9l5x","Beiy3e4","rootCentered","Brf1p80","i8kkvl","Belr9w4","rmohyg","rootRightAligned","Bp34fd5","d","p","useTeachingPopoverCarouselFooterStyles_unstable","state","styles","layout","className"],"sources":["useTeachingPopoverCarouselFooterStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselFooterClassNames = {\n root: 'fui-TeachingPopoverCarouselFooter',\n previous: 'fui-TeachingPopoverCarouselFooter__previous',\n next: 'fui-TeachingPopoverCarouselFooter__next'\n};\n// Todo: Page change animation & styles\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row'\n },\n rootCentered: {\n justifyContent: 'space-between',\n gap: '8px'\n },\n rootRightAligned: {\n gap: '8px',\n '& :first-child': {\n marginInlineEnd: 'auto'\n }\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselFooterStyles_unstable = (state)=>{\n const styles = useStyles();\n const { layout } = state;\n state.root.className = mergeClasses(teachingPopoverCarouselFooterClassNames.root, styles.root, layout === 'centered' ? styles.rootCentered : styles.rootRightAligned, state.root.className);\n if (state.previous) {\n state.previous.className = mergeClasses(teachingPopoverCarouselFooterClassNames.previous, state.previous.className);\n }\n state.next.className = mergeClasses(teachingPopoverCarouselFooterClassNames.next, state.next.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,uCAAuC,GAAG;EACnDC,IAAI,EAAE,mCAAmC;EACzCC,QAAQ,EAAE,6CAA6C;EACvDC,IAAI,EAAE;AACV,CAAC;AACD;AACA,MAAMC,SAAS,gBAAGN,QAAA;EAAAG,IAAA;IAAAI,MAAA;IAAAC,OAAA;EAAA;EAAAC,YAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,gBAAA;IAAAH,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAE,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAejB,CAAC;AACF;AAAyC,OAAO,MAAMC,+CAA+C,GAAIC,KAAK,IAAG;EAC7G,MAAMC,MAAM,GAAGd,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEe;EAAO,CAAC,GAAGF,KAAK;EACxBA,KAAK,CAAChB,IAAI,CAACmB,SAAS,GAAGrB,YAAY,CAACC,uCAAuC,CAACC,IAAI,EAAEiB,MAAM,CAACjB,IAAI,EAAEkB,MAAM,KAAK,UAAU,GAAGD,MAAM,CAACX,YAAY,GAAGW,MAAM,CAACN,gBAAgB,EAAEK,KAAK,CAAChB,IAAI,CAACmB,SAAS,CAAC;EAC3L,IAAIH,KAAK,CAACf,QAAQ,EAAE;IAChBe,KAAK,CAACf,QAAQ,CAACkB,SAAS,GAAGrB,YAAY,CAACC,uCAAuC,CAACE,QAAQ,EAAEe,KAAK,CAACf,QAAQ,CAACkB,SAAS,CAAC;EACvH;EACAH,KAAK,CAACd,IAAI,CAACiB,SAAS,GAAGrB,YAAY,CAACC,uCAAuC,CAACG,IAAI,EAAEc,KAAK,CAACd,IAAI,CAACiB,SAAS,CAAC;EACvG,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}
|
package/lib/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js
CHANGED
|
@@ -11,20 +11,26 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
11
11
|
i8kkvl: "f1ufnopg",
|
|
12
12
|
Bt984gj: "f122n59",
|
|
13
13
|
Brf1p80: "f4d9j23",
|
|
14
|
-
|
|
15
|
-
g9k6zt:
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
Bw81rd7:
|
|
19
|
-
|
|
20
|
-
dm238s:
|
|
14
|
+
Bfpq7zp: 0,
|
|
15
|
+
g9k6zt: 0,
|
|
16
|
+
Bn4voq9: 0,
|
|
17
|
+
giviqs: "f89hs3r",
|
|
18
|
+
Bw81rd7: 0,
|
|
19
|
+
kdpuga: 0,
|
|
20
|
+
dm238s: 0,
|
|
21
|
+
B6xbmo0: 0,
|
|
22
|
+
B3whbx2: "f2krc9w",
|
|
21
23
|
B8q5s1w: "f8hki3x",
|
|
22
24
|
Bci5o5g: ["f1d2448m", "ffh67wi"],
|
|
23
25
|
n8qw10: "f1bjia2o",
|
|
24
26
|
Bdrgwmp: ["ffh67wi", "f1d2448m"]
|
|
25
27
|
}
|
|
26
28
|
}, {
|
|
27
|
-
d: [".f22iagw{display:flex;}", ".f1063pyq{flex-direction:row;}", ".f1ufnopg{column-gap:var(--spacingHorizontalXS);}", ".f122n59{align-items:center;}", ".f4d9j23{justify-content:center;}", ".
|
|
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
|
+
p: -1
|
|
31
|
+
}], [".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}", {
|
|
32
|
+
p: -1
|
|
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;}"]
|
|
28
34
|
});
|
|
29
35
|
/** Applies style classnames to slots */
|
|
30
36
|
export const useTeachingPopoverCarouselNavStyles_unstable = state => {
|
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","
|
|
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 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,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":[]}
|
|
@@ -17,28 +17,46 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
17
17
|
De3pzq: "ffp7eso"
|
|
18
18
|
},
|
|
19
19
|
rootUnselected: {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
20
|
+
Bgfg5da: 0,
|
|
21
|
+
B9xav0g: 0,
|
|
22
|
+
oivjwe: 0,
|
|
23
|
+
Bn0qgzm: 0,
|
|
24
|
+
B4g9neb: 0,
|
|
25
|
+
zhjwy3: 0,
|
|
26
|
+
wvpqe5: 0,
|
|
27
|
+
ibv6hh: 0,
|
|
28
|
+
u1mtju: 0,
|
|
29
|
+
h3c5rm: 0,
|
|
30
|
+
vrafjx: 0,
|
|
31
|
+
Bekrc4i: 0,
|
|
32
|
+
i8vvqc: 0,
|
|
33
|
+
g2u3we: 0,
|
|
34
|
+
icvyot: 0,
|
|
35
|
+
B4j52fo: 0,
|
|
36
|
+
irswps: "f3bhgqh",
|
|
37
|
+
Beyfa6y: 0,
|
|
38
|
+
Bbmb7ep: 0,
|
|
39
|
+
Btl43ni: 0,
|
|
40
|
+
B7oj6ja: 0,
|
|
41
|
+
Dimara: "f5q2cvs",
|
|
42
|
+
Byoj8tv: 0,
|
|
43
|
+
uwmqm3: 0,
|
|
44
|
+
z189sj: 0,
|
|
45
|
+
z8tnut: 0,
|
|
46
|
+
B0ocmuz: "f1c5fvqg",
|
|
47
|
+
Bw0xxkn: 0,
|
|
48
|
+
oeaueh: 0,
|
|
49
|
+
Bpd4iqm: 0,
|
|
50
|
+
Befb4lg: "f1f5l3wm",
|
|
51
|
+
Bfpq7zp: 0,
|
|
52
|
+
g9k6zt: 0,
|
|
53
|
+
Bn4voq9: 0,
|
|
54
|
+
giviqs: "f89hs3r",
|
|
55
|
+
Bw81rd7: 0,
|
|
56
|
+
kdpuga: 0,
|
|
57
|
+
dm238s: 0,
|
|
58
|
+
B6xbmo0: 0,
|
|
59
|
+
B3whbx2: "f2krc9w",
|
|
42
60
|
B8q5s1w: "f8hki3x",
|
|
43
61
|
Bci5o5g: ["f1d2448m", "ffh67wi"],
|
|
44
62
|
n8qw10: "f1bjia2o",
|
|
@@ -48,29 +66,47 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
48
66
|
B372c46: "fngekiq"
|
|
49
67
|
},
|
|
50
68
|
rootSelected: {
|
|
51
|
-
|
|
52
|
-
oeaueh:
|
|
53
|
-
|
|
69
|
+
Bw0xxkn: 0,
|
|
70
|
+
oeaueh: 0,
|
|
71
|
+
Bpd4iqm: 0,
|
|
72
|
+
Befb4lg: "f1f5l3wm",
|
|
54
73
|
a9b677: "fjw5fx7",
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
+
Bgfg5da: 0,
|
|
75
|
+
B9xav0g: 0,
|
|
76
|
+
oivjwe: 0,
|
|
77
|
+
Bn0qgzm: 0,
|
|
78
|
+
B4g9neb: 0,
|
|
79
|
+
zhjwy3: 0,
|
|
80
|
+
wvpqe5: 0,
|
|
81
|
+
ibv6hh: 0,
|
|
82
|
+
u1mtju: 0,
|
|
83
|
+
h3c5rm: 0,
|
|
84
|
+
vrafjx: 0,
|
|
85
|
+
Bekrc4i: 0,
|
|
86
|
+
i8vvqc: 0,
|
|
87
|
+
g2u3we: 0,
|
|
88
|
+
icvyot: 0,
|
|
89
|
+
B4j52fo: 0,
|
|
90
|
+
irswps: "f3bhgqh",
|
|
91
|
+
Beyfa6y: 0,
|
|
92
|
+
Bbmb7ep: 0,
|
|
93
|
+
Btl43ni: 0,
|
|
94
|
+
B7oj6ja: 0,
|
|
95
|
+
Dimara: "ff3glw6",
|
|
96
|
+
Byoj8tv: 0,
|
|
97
|
+
uwmqm3: 0,
|
|
98
|
+
z189sj: 0,
|
|
99
|
+
z8tnut: 0,
|
|
100
|
+
B0ocmuz: "f1c5fvqg",
|
|
101
|
+
Bfpq7zp: 0,
|
|
102
|
+
g9k6zt: 0,
|
|
103
|
+
Bn4voq9: 0,
|
|
104
|
+
giviqs: "f89hs3r",
|
|
105
|
+
Bw81rd7: 0,
|
|
106
|
+
kdpuga: 0,
|
|
107
|
+
dm238s: 0,
|
|
108
|
+
B6xbmo0: 0,
|
|
109
|
+
B3whbx2: "f2krc9w",
|
|
74
110
|
B8q5s1w: "f8hki3x",
|
|
75
111
|
Bci5o5g: ["f1d2448m", "ffh67wi"],
|
|
76
112
|
n8qw10: "f1bjia2o",
|
|
@@ -85,7 +121,31 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
85
121
|
B372c46: "fngekiq"
|
|
86
122
|
}
|
|
87
123
|
}, {
|
|
88
|
-
d: [".f22iagw{display:flex;}", ".f1k6fduh{cursor:pointer;}", ".f1ewtqcl{box-sizing:border-box;}", ".f1x82gua{height:8px;}", ".f1o3cbw4{width:8px;}", ".ffp7eso{background-color:var(--colorBrandBackground);}",
|
|
124
|
+
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
|
+
p: -2
|
|
126
|
+
}], [".f5q2cvs{border-radius:50%;}", {
|
|
127
|
+
p: -1
|
|
128
|
+
}], [".f1c5fvqg{padding:0px;}", {
|
|
129
|
+
p: -1
|
|
130
|
+
}], [".f1f5l3wm{outline:var(--strokeWidthThin);}", {
|
|
131
|
+
p: -1
|
|
132
|
+
}], [".f89hs3r[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}", {
|
|
133
|
+
p: -1
|
|
134
|
+
}], [".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}", {
|
|
135
|
+
p: -1
|
|
136
|
+
}], ".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);}", [".f1f5l3wm{outline:var(--strokeWidthThin);}", {
|
|
137
|
+
p: -1
|
|
138
|
+
}], ".fjw5fx7{width:16px;}", [".f3bhgqh{border:none;}", {
|
|
139
|
+
p: -2
|
|
140
|
+
}], [".ff3glw6{border-radius:4px;}", {
|
|
141
|
+
p: -1
|
|
142
|
+
}], [".f1c5fvqg{padding:0px;}", {
|
|
143
|
+
p: -1
|
|
144
|
+
}], [".f89hs3r[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}", {
|
|
145
|
+
p: -1
|
|
146
|
+
}], [".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}", {
|
|
147
|
+
p: -1
|
|
148
|
+
}], ".f10s6wn9{background-color:var(--colorNeutralForegroundOnBrand);}", ".frxe7el{background-color:color-mix(in srgb, var(--colorNeutralForegroundOnBrand) 30%, transparent);}"],
|
|
89
149
|
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);}}"]
|
|
90
150
|
});
|
|
91
151
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__styles","mergeClasses","shorthands","tokens","createCustomFocusIndicatorStyle","teachingPopoverCarouselNavButtonClassNames","root","useStyles","mc9l5x","Bceei9c","B7ck84d","Bqenvij","a9b677","De3pzq","rootUnselected","
|
|
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","rootBrand","rootBrandUnselected","d","p","t","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,\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,\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 },\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 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":[]}
|
|
@@ -8,8 +8,9 @@ export const teachingPopoverFooterClassNames = {
|
|
|
8
8
|
const useStyles = /*#__PURE__*/__styles({
|
|
9
9
|
root: {
|
|
10
10
|
mc9l5x: "f22iagw",
|
|
11
|
-
i8kkvl:
|
|
12
|
-
Belr9w4:
|
|
11
|
+
i8kkvl: 0,
|
|
12
|
+
Belr9w4: 0,
|
|
13
|
+
rmohyg: "f19gb1f4",
|
|
13
14
|
z8tnut: "f1kcqot9"
|
|
14
15
|
},
|
|
15
16
|
rootVertical: {
|
|
@@ -21,17 +22,19 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
21
22
|
},
|
|
22
23
|
buttonRootVertical: {
|
|
23
24
|
a9b677: "f14z66ap",
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
25
|
+
Beyfa6y: 0,
|
|
26
|
+
Bbmb7ep: 0,
|
|
27
|
+
Btl43ni: 0,
|
|
28
|
+
B7oj6ja: 0,
|
|
29
|
+
Dimara: "ff3glw6"
|
|
28
30
|
},
|
|
29
31
|
buttonRootHorizontal: {
|
|
30
32
|
Bf4jedk: "f14es27b",
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
33
|
+
Beyfa6y: 0,
|
|
34
|
+
Bbmb7ep: 0,
|
|
35
|
+
Btl43ni: 0,
|
|
36
|
+
B7oj6ja: 0,
|
|
37
|
+
Dimara: "ff3glw6"
|
|
35
38
|
},
|
|
36
39
|
brandSecondary: {
|
|
37
40
|
g2u3we: "fm1ebug",
|
|
@@ -48,7 +51,13 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
48
51
|
iro3zm: "f1d5c7in"
|
|
49
52
|
}
|
|
50
53
|
}, {
|
|
51
|
-
d: [".f22iagw{display:flex;}", ".
|
|
54
|
+
d: [".f22iagw{display:flex;}", [".f19gb1f4{gap:8px;}", {
|
|
55
|
+
p: -1
|
|
56
|
+
}], ".f1kcqot9{padding-top:12px;}", ".f1vx9l62{flex-direction:column;}", ".f1063pyq{flex-direction:row;}", ".f9c4gz4{justify-content:flex-end;}", ".f14z66ap{width:auto;}", [".ff3glw6{border-radius:4px;}", {
|
|
57
|
+
p: -1
|
|
58
|
+
}], ".f14es27b{min-width:96px;}", [".ff3glw6{border-radius:4px;}", {
|
|
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);}"],
|
|
52
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);}"]
|
|
53
62
|
});
|
|
54
63
|
/** Applies style classnames to slots */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__styles","mergeClasses","shorthands","tokens","teachingPopoverFooterClassNames","root","primary","secondary","useStyles","mc9l5x","i8kkvl","Belr9w4","z8tnut","rootVertical","Beiy3e4","rootHorizontal","Brf1p80","buttonRootVertical","a9b677","Bbmb7ep","
|
|
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 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,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":[]}
|
|
@@ -25,18 +25,23 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
25
25
|
dismissButton: {
|
|
26
26
|
sj55zd: "fkfq4zb",
|
|
27
27
|
qhf8xq: "f10pi13n",
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
28
|
+
Bgfg5da: 0,
|
|
29
|
+
B9xav0g: 0,
|
|
30
|
+
oivjwe: 0,
|
|
31
|
+
Bn0qgzm: 0,
|
|
32
|
+
B4g9neb: 0,
|
|
33
|
+
zhjwy3: 0,
|
|
34
|
+
wvpqe5: 0,
|
|
35
|
+
ibv6hh: 0,
|
|
36
|
+
u1mtju: 0,
|
|
37
|
+
h3c5rm: 0,
|
|
33
38
|
vrafjx: ["f1n71otn", "f1deefiw"],
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
g2u3we:
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
39
|
+
Bekrc4i: 0,
|
|
40
|
+
i8vvqc: 0,
|
|
41
|
+
g2u3we: 0,
|
|
42
|
+
icvyot: 0,
|
|
43
|
+
B4j52fo: 0,
|
|
44
|
+
irswps: "f88035w",
|
|
40
45
|
mc9l5x: "f22iagw",
|
|
41
46
|
Bt984gj: "f122n59",
|
|
42
47
|
Bceei9c: "f1k6fduh",
|
|
@@ -49,17 +54,20 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
49
54
|
B7oj6ja: ["f3fg2lr", "f13av6d4"],
|
|
50
55
|
Bbmb7ep: ["fzi6hpg", "fyowgf4"],
|
|
51
56
|
Jyy4pa: "f1lfeew",
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
57
|
+
Byoj8tv: 0,
|
|
58
|
+
uwmqm3: 0,
|
|
59
|
+
z189sj: 0,
|
|
60
|
+
z8tnut: 0,
|
|
61
|
+
B0ocmuz: "f16d74zd",
|
|
62
|
+
Bfpq7zp: 0,
|
|
63
|
+
g9k6zt: 0,
|
|
64
|
+
Bn4voq9: 0,
|
|
65
|
+
giviqs: "f89hs3r",
|
|
66
|
+
Bw81rd7: 0,
|
|
67
|
+
kdpuga: 0,
|
|
68
|
+
dm238s: 0,
|
|
69
|
+
B6xbmo0: 0,
|
|
70
|
+
B3whbx2: "f2krc9w",
|
|
63
71
|
B8q5s1w: "f8hki3x",
|
|
64
72
|
Bci5o5g: ["f1d2448m", "ffh67wi"],
|
|
65
73
|
n8qw10: "f1bjia2o",
|
|
@@ -88,7 +96,15 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
88
96
|
sj55zd: "f1phragk"
|
|
89
97
|
}
|
|
90
98
|
}, {
|
|
91
|
-
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;}", ".
|
|
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
|
+
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);}", {
|
|
102
|
+
p: -1
|
|
103
|
+
}], [".f89hs3r[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}", {
|
|
104
|
+
p: -1
|
|
105
|
+
}], [".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}", {
|
|
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);}"]
|
|
92
108
|
});
|
|
93
109
|
/** Applies style classnames to slots */
|
|
94
110
|
export const useTeachingPopoverHeaderStyles_unstable = state => {
|