@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
|
@@ -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","
|
|
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 const styles = useStyles();\n const { appearance } = state;\n state.root.className = mergeClasses(teachingPopoverHeaderClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);\n if (state.dismissButton) {\n state.dismissButton.className = mergeClasses(teachingPopoverHeaderClassNames.dismissButton, styles.dismissButton, appearance === 'brand' ? styles.dismissBrand : undefined, state.dismissButton.className);\n }\n if (state.icon) {\n state.icon.className = mergeClasses(teachingPopoverHeaderClassNames.icon, styles.icon, appearance === 'brand' ? styles.iconBrand : undefined, state.icon.className);\n }\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __styles, mergeClasses
|
|
1
|
+
import { __styles, mergeClasses } from '@griffel/react';
|
|
2
2
|
import { usePopoverSurfaceStyles_unstable } from '@fluentui/react-popover';
|
|
3
3
|
import { tokens } from '@fluentui/react-theme';
|
|
4
4
|
export const teachingPopoverSurfaceClassNames = {
|
|
@@ -6,19 +6,25 @@ export const teachingPopoverSurfaceClassNames = {
|
|
|
6
6
|
};
|
|
7
7
|
const useStyles = /*#__PURE__*/__styles({
|
|
8
8
|
root: {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
Beyfa6y:
|
|
15
|
-
|
|
16
|
-
Btl43ni:
|
|
9
|
+
Byoj8tv: 0,
|
|
10
|
+
uwmqm3: 0,
|
|
11
|
+
z189sj: 0,
|
|
12
|
+
z8tnut: 0,
|
|
13
|
+
B0ocmuz: "f23zza1",
|
|
14
|
+
Beyfa6y: 0,
|
|
15
|
+
Bbmb7ep: 0,
|
|
16
|
+
Btl43ni: 0,
|
|
17
|
+
B7oj6ja: 0,
|
|
18
|
+
Dimara: "f1kijzfu",
|
|
17
19
|
a9b677: "f1dxqujg",
|
|
18
20
|
B7ck84d: "f1e4lqlz"
|
|
19
21
|
}
|
|
20
22
|
}, {
|
|
21
|
-
d: [".
|
|
23
|
+
d: [[".f23zza1{padding:var(--spacingVerticalL) var(--spacingVerticalL);}", {
|
|
24
|
+
p: -1
|
|
25
|
+
}], [".f1kijzfu{border-radius:var(--borderRadiusXLarge);}", {
|
|
26
|
+
p: -1
|
|
27
|
+
}], ".f1dxqujg{width:288px;}", ".f1e4lqlz{box-sizing:content-box;}"]
|
|
22
28
|
});
|
|
23
29
|
/**
|
|
24
30
|
* Apply styling to the TeachingPopoverSurface slots based on the state
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__styles","mergeClasses","
|
|
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 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,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":[]}
|
|
@@ -23,18 +23,23 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
23
23
|
},
|
|
24
24
|
dismissButton: {
|
|
25
25
|
qhf8xq: "f10pi13n",
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
26
|
+
Bgfg5da: 0,
|
|
27
|
+
B9xav0g: 0,
|
|
28
|
+
oivjwe: 0,
|
|
29
|
+
Bn0qgzm: 0,
|
|
30
|
+
B4g9neb: 0,
|
|
31
|
+
zhjwy3: 0,
|
|
32
|
+
wvpqe5: 0,
|
|
33
|
+
ibv6hh: 0,
|
|
34
|
+
u1mtju: 0,
|
|
35
|
+
h3c5rm: 0,
|
|
31
36
|
vrafjx: ["f1n71otn", "f1deefiw"],
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
g2u3we:
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
37
|
+
Bekrc4i: 0,
|
|
38
|
+
i8vvqc: 0,
|
|
39
|
+
g2u3we: 0,
|
|
40
|
+
icvyot: 0,
|
|
41
|
+
B4j52fo: 0,
|
|
42
|
+
irswps: "f88035w",
|
|
38
43
|
mc9l5x: "f22iagw",
|
|
39
44
|
Bt984gj: "f122n59",
|
|
40
45
|
Bceei9c: "f1k6fduh",
|
|
@@ -46,13 +51,15 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
46
51
|
B7ck84d: "f1ewtqcl",
|
|
47
52
|
B7oj6ja: ["f3fg2lr", "f13av6d4"],
|
|
48
53
|
Bbmb7ep: ["fzi6hpg", "fyowgf4"],
|
|
49
|
-
|
|
50
|
-
g9k6zt:
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
Bw81rd7:
|
|
54
|
-
|
|
55
|
-
dm238s:
|
|
54
|
+
Bfpq7zp: 0,
|
|
55
|
+
g9k6zt: 0,
|
|
56
|
+
Bn4voq9: 0,
|
|
57
|
+
giviqs: "f89hs3r",
|
|
58
|
+
Bw81rd7: 0,
|
|
59
|
+
kdpuga: 0,
|
|
60
|
+
dm238s: 0,
|
|
61
|
+
B6xbmo0: 0,
|
|
62
|
+
B3whbx2: "f2krc9w",
|
|
56
63
|
B8q5s1w: "f8hki3x",
|
|
57
64
|
Bci5o5g: ["f1d2448m", "ffh67wi"],
|
|
58
65
|
n8qw10: "f1bjia2o",
|
|
@@ -63,7 +70,13 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
63
70
|
sj55zd: "f1phragk"
|
|
64
71
|
}
|
|
65
72
|
}, {
|
|
66
|
-
d: [".f22iagw{display:flex;}", ".f1063pyq{flex-direction:row;}", ".f1869bpl{justify-content:space-between;}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".f5b47ha{padding-bottom:var(--spacingVerticalS);}", ".f1jkagg5{margin-top:var(--spacingHorizontalNone);}", ".fi2ljxd{margin-bottom:var(--spacingHorizontalNone);}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".f10pi13n{position:relative;}", ".
|
|
73
|
+
d: [".f22iagw{display:flex;}", ".f1063pyq{flex-direction:row;}", ".f1869bpl{justify-content:space-between;}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".f5b47ha{padding-bottom:var(--spacingVerticalS);}", ".f1jkagg5{margin-top:var(--spacingHorizontalNone);}", ".fi2ljxd{margin-bottom:var(--spacingHorizontalNone);}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".f10pi13n{position:relative;}", [".f88035w{border:var(--strokeWidthThin) solid var(--colorTransparentStroke);}", {
|
|
74
|
+
p: -2
|
|
75
|
+
}], ".f122n59{align-items:center;}", ".f1k6fduh{cursor:pointer;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".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;}", [".f89hs3r[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}", {
|
|
76
|
+
p: -1
|
|
77
|
+
}], [".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}", {
|
|
78
|
+
p: -1
|
|
79
|
+
}], ".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;}", ".f1lfeew{-webkit-margin-start:auto;margin-inline-start:auto;}"]
|
|
67
80
|
});
|
|
68
81
|
/** Applies style classnames to slots */
|
|
69
82
|
export const useTeachingPopoverTitleStyles_unstable = state => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","typographyStyles","teachingPopoverTitleClassNames","root","dismissButton","useStyles","mc9l5x","Beiy3e4","Brf1p80","Be2twd7","Bhrd7zp","sj55zd","Bg96gwp","Byoj8tv","B6of3ja","jrapky","rootBrand","qhf8xq","
|
|
1
|
+
{"version":3,"names":["__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","typographyStyles","teachingPopoverTitleClassNames","root","dismissButton","useStyles","mc9l5x","Beiy3e4","Brf1p80","Be2twd7","Bhrd7zp","sj55zd","Bg96gwp","Byoj8tv","B6of3ja","jrapky","rootBrand","qhf8xq","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Bt984gj","Bceei9c","Bahqtrf","De3pzq","B7ck84d","B7oj6ja","Bbmb7ep","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Jyy4pa","dismissBrand","d","p","useTeachingPopoverTitleStyles_unstable","state","styles","appearance","className","undefined"],"sources":["useTeachingPopoverTitleStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const teachingPopoverTitleClassNames = {\n root: 'fui-TeachingPopoverTitle',\n dismissButton: 'fui-TeachingPopoverTitle__dismissButton'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n fontSize: tokens.fontSizeBase400,\n fontWeight: tokens.fontWeightSemibold,\n color: tokens.colorNeutralForeground1,\n lineHeight: tokens.lineHeightBase400,\n paddingBottom: tokens.spacingVerticalS,\n marginTop: tokens.spacingHorizontalNone,\n marginBottom: tokens.spacingHorizontalNone\n },\n rootBrand: {\n color: tokens.colorNeutralForegroundOnBrand\n },\n dismissButton: {\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 ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium,\n ...shorthands.borderColor('transparent')\n }),\n marginInlineStart: 'auto'\n },\n dismissBrand: {\n color: tokens.colorNeutralForegroundOnBrand\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverTitleStyles_unstable = (state)=>{\n const styles = useStyles();\n const { appearance } = state;\n state.root.className = mergeClasses(teachingPopoverTitleClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);\n if (state.dismissButton) {\n state.dismissButton.className = mergeClasses(teachingPopoverTitleClassNames.dismissButton, styles.dismissButton, appearance === 'brand' ? styles.dismissBrand : undefined, state.dismissButton.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,OAAO,MAAMC,8BAA8B,GAAG;EAC1CC,IAAI,EAAE,0BAA0B;EAChCC,aAAa,EAAE;AACnB,CAAC;AACD,MAAMC,SAAS,gBAAGT,QAAA;EAAAO,IAAA;IAAAG,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,SAAA;IAAAL,MAAA;EAAA;EAAAP,aAAA;IAAAa,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAA5B,MAAA;IAAA6B,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAA5B,OAAA;IAAAC,OAAA;IAAAE,OAAA;IAAA0B,MAAA;IAAAC,OAAA;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;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAA7C,MAAA;EAAA;AAAA;EAAA8C,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAsCjB,CAAC;AACF;AAAyC,OAAO,MAAMC,sCAAsC,GAAIC,KAAK,IAAG;EACpG,MAAMC,MAAM,GAAGxD,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEyD;EAAW,CAAC,GAAGF,KAAK;EAC5BA,KAAK,CAACzD,IAAI,CAAC4D,SAAS,GAAGlE,YAAY,CAACK,8BAA8B,CAACC,IAAI,EAAE0D,MAAM,CAAC1D,IAAI,EAAE2D,UAAU,KAAK,OAAO,IAAID,MAAM,CAAC7C,SAAS,EAAE4C,KAAK,CAACzD,IAAI,CAAC4D,SAAS,CAAC;EACvJ,IAAIH,KAAK,CAACxD,aAAa,EAAE;IACrBwD,KAAK,CAACxD,aAAa,CAAC2D,SAAS,GAAGlE,YAAY,CAACK,8BAA8B,CAACE,aAAa,EAAEyD,MAAM,CAACzD,aAAa,EAAE0D,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACL,YAAY,GAAGQ,SAAS,EAAEJ,KAAK,CAACxD,aAAa,CAAC2D,SAAS,CAAC;EAC7M;EACA,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}
|
|
@@ -27,12 +27,14 @@ const teachingPopoverBodyClassNames = {
|
|
|
27
27
|
const popoverBodyDimension = 288;
|
|
28
28
|
const useMediaStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
29
29
|
base: {
|
|
30
|
-
|
|
31
|
-
Br312pm:
|
|
32
|
-
nk6f5a:
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
30
|
+
Bw0ie65: 0,
|
|
31
|
+
Br312pm: 0,
|
|
32
|
+
nk6f5a: 0,
|
|
33
|
+
Ijaq50: 0,
|
|
34
|
+
Bq1tomu: "fujjg13",
|
|
35
|
+
B68tc82: 0,
|
|
36
|
+
Bmxbyg5: 0,
|
|
37
|
+
Bpg54ce: "f1a3p1vp",
|
|
36
38
|
a9b677: "f1dxqujg",
|
|
37
39
|
jrapky: "f1jlhsmd",
|
|
38
40
|
ha4doy: "fmrv4ls",
|
|
@@ -53,12 +55,18 @@ const useMediaStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
53
55
|
}
|
|
54
56
|
}, {
|
|
55
57
|
d: [
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
58
|
+
[
|
|
59
|
+
".fujjg13{grid-area:media;}",
|
|
60
|
+
{
|
|
61
|
+
p: -1
|
|
62
|
+
}
|
|
63
|
+
],
|
|
64
|
+
[
|
|
65
|
+
".f1a3p1vp{overflow:hidden;}",
|
|
66
|
+
{
|
|
67
|
+
p: -1
|
|
68
|
+
}
|
|
69
|
+
],
|
|
62
70
|
".f1dxqujg{width:288px;}",
|
|
63
71
|
".f1jlhsmd{margin-bottom:12px;}",
|
|
64
72
|
".fmrv4ls{vertical-align:middle;}",
|
package/lib-commonjs/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useTeachingPopoverBodyStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses
|
|
1
|
+
{"version":3,"sources":["useTeachingPopoverBodyStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverBodyClassNames = {\n root: 'fui-TeachingPopoverBody',\n media: 'fui-TeachingPopoverBody__media'\n};\nconst popoverBodyDimension = 288;\nexport const useMediaStyles = /*#__PURE__*/__styles({\n base: {\n Bw0ie65: 0,\n Br312pm: 0,\n nk6f5a: 0,\n Ijaq50: 0,\n Bq1tomu: \"fujjg13\",\n B68tc82: 0,\n Bmxbyg5: 0,\n Bpg54ce: \"f1a3p1vp\",\n a9b677: \"f1dxqujg\",\n jrapky: \"f1jlhsmd\",\n ha4doy: \"fmrv4ls\",\n Brf1p80: \"f4d9j23\",\n mc9l5x: \"f22iagw\"\n },\n short: {\n Bubjx69: \"f1taewuw\",\n Bmuttt3: \"fs5pxn9\"\n },\n medium: {\n Bubjx69: \"f7da563\",\n Bmuttt3: \"f98prui\"\n },\n tall: {\n Bubjx69: \"f9ikmtg\",\n Bmuttt3: \"fqws08j\"\n }\n}, {\n d: [[\".fujjg13{grid-area:media;}\", {\n p: -1\n }], [\".f1a3p1vp{overflow:hidden;}\", {\n p: -1\n }], \".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;}\"],\n t: [\"@supports not (aspect-ratio){.fs5pxn9{height:117px;}}\", \"@supports not (aspect-ratio){.f98prui{height:176px;}}\", \"@supports not (aspect-ratio){.fqws08j{height:288px;}}\"]\n});\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1vx9l62\",\n Byoj8tv: \"fpe6lb7\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f1vx9l62{flex-direction:column;}\", \".fpe6lb7{padding-bottom:12px;}\"]\n});\n/** Applies style classnames to slots */\nexport const useTeachingPopoverBodyStyles_unstable = state => {\n const {\n mediaLength\n } = 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//# sourceMappingURL=useTeachingPopoverBodyStyles.styles.js.map"],"names":["teachingPopoverBodyClassNames","useMediaStyles","useTeachingPopoverBodyStyles_unstable","root","media","popoverBodyDimension","__styles","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","state","mediaLength","styles","mediaStyles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,6BAA6B;eAA7BA;;IAKAC,cAAc;eAAdA;;IA8CAC,qCAAqC;eAArCA;;;uBApD0B;AAChC,MAAMF,gCAAgC;IAC3CG,MAAM;IACNC,OAAO;AACT;AACA,MAAMC,uBAAuB;AACtB,MAAMJ,iBAAiB,WAAW,GAAEK,IAAAA,eAAQ,EAAC;IAClDC,MAAM;QACJC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,OAAO;QACLC,SAAS;QACTC,SAAS;IACX;IACAC,QAAQ;QACNF,SAAS;QACTC,SAAS;IACX;IACAE,MAAM;QACJH,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDG,GAAG;QAAC;YAAC;YAA8B;gBACjCC,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAA+B;gBAClCA,GAAG,CAAC;YACN;SAAE;QAAE;QAA2B;QAAkC;QAAoC;QAAqC;QAA2B;QAA+C;QAA8C;KAA4B;IAC9RC,GAAG;QAAC;QAAyD;QAAyD;KAAwD;AAChL;AACA,MAAMC,YAAY,WAAW,GAAEvB,IAAAA,eAAQ,EAAC;IACtCH,MAAM;QACJiB,QAAQ;QACRU,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDL,GAAG;QAAC;QAA2B;QAAqC;KAAiC;AACvG;AAEO,MAAMxB,wCAAwC8B,CAAAA;IACnD,MAAM,EACJC,WAAW,EACZ,GAAGD;IACJ,MAAME,SAASL;IACf,MAAMM,cAAclC;IACpB+B,MAAM7B,IAAI,CAACiC,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,8BAA8BG,IAAI,EAAE+B,OAAO/B,IAAI,EAAE6B,MAAM7B,IAAI,CAACiC,SAAS;IACzG,IAAIJ,MAAM5B,KAAK,EAAE;QACf4B,MAAM5B,KAAK,CAACgC,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,8BAA8BI,KAAK,EAAE+B,YAAY5B,IAAI,EAAE4B,WAAW,CAACF,YAAY,EAAED,MAAM5B,KAAK,CAACgC,SAAS;IAC7I;IACA,OAAOJ;AACT,GACA,+DAA+D"}
|
|
@@ -30,12 +30,14 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
30
30
|
},
|
|
31
31
|
rootCentered: {
|
|
32
32
|
Brf1p80: "f1869bpl",
|
|
33
|
-
i8kkvl:
|
|
34
|
-
Belr9w4:
|
|
33
|
+
i8kkvl: 0,
|
|
34
|
+
Belr9w4: 0,
|
|
35
|
+
rmohyg: "f19gb1f4"
|
|
35
36
|
},
|
|
36
37
|
rootRightAligned: {
|
|
37
|
-
i8kkvl:
|
|
38
|
-
Belr9w4:
|
|
38
|
+
i8kkvl: 0,
|
|
39
|
+
Belr9w4: 0,
|
|
40
|
+
rmohyg: "f19gb1f4",
|
|
39
41
|
Bp34fd5: "f1y65ohq"
|
|
40
42
|
}
|
|
41
43
|
}, {
|
|
@@ -43,8 +45,18 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
43
45
|
".f22iagw{display:flex;}",
|
|
44
46
|
".f1063pyq{flex-direction:row;}",
|
|
45
47
|
".f1869bpl{justify-content:space-between;}",
|
|
46
|
-
|
|
47
|
-
|
|
48
|
+
[
|
|
49
|
+
".f19gb1f4{gap:8px;}",
|
|
50
|
+
{
|
|
51
|
+
p: -1
|
|
52
|
+
}
|
|
53
|
+
],
|
|
54
|
+
[
|
|
55
|
+
".f19gb1f4{gap:8px;}",
|
|
56
|
+
{
|
|
57
|
+
p: -1
|
|
58
|
+
}
|
|
59
|
+
],
|
|
48
60
|
".f1y65ohq :first-child{-webkit-margin-end:auto;margin-inline-end:auto;}"
|
|
49
61
|
]
|
|
50
62
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useTeachingPopoverCarouselFooterStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses
|
|
1
|
+
{"version":3,"sources":["useTeachingPopoverCarouselFooterStyles.styles.js"],"sourcesContent":["import { __styles, 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 = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1063pyq\"\n },\n rootCentered: {\n Brf1p80: \"f1869bpl\",\n i8kkvl: 0,\n Belr9w4: 0,\n rmohyg: \"f19gb1f4\"\n },\n rootRightAligned: {\n i8kkvl: 0,\n Belr9w4: 0,\n rmohyg: \"f19gb1f4\",\n Bp34fd5: \"f1y65ohq\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f1063pyq{flex-direction:row;}\", \".f1869bpl{justify-content:space-between;}\", [\".f19gb1f4{gap:8px;}\", {\n p: -1\n }], [\".f19gb1f4{gap:8px;}\", {\n p: -1\n }], \".f1y65ohq :first-child{-webkit-margin-end:auto;margin-inline-end:auto;}\"]\n});\n/** Applies style classnames to slots */\nexport const useTeachingPopoverCarouselFooterStyles_unstable = state => {\n const styles = useStyles();\n const {\n layout\n } = 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//# sourceMappingURL=useTeachingPopoverCarouselFooterStyles.styles.js.map"],"names":["teachingPopoverCarouselFooterClassNames","useTeachingPopoverCarouselFooterStyles_unstable","root","previous","next","useStyles","__styles","mc9l5x","Beiy3e4","rootCentered","Brf1p80","i8kkvl","Belr9w4","rmohyg","rootRightAligned","Bp34fd5","d","p","state","styles","layout","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,uCAAuC;eAAvCA;;IA+BAC,+CAA+C;eAA/CA;;;uBAhC0B;AAChC,MAAMD,0CAA0C;IACrDE,MAAM;IACNC,UAAU;IACVC,MAAM;AACR;AACA,uCAAuC;AACvC,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCJ,MAAM;QACJK,QAAQ;QACRC,SAAS;IACX;IACAC,cAAc;QACZC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,kBAAkB;QAChBH,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRE,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAAkC;QAA6C;YAAC;YAAuB;gBACpIC,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAuB;gBAC1BA,GAAG,CAAC;YACN;SAAE;QAAE;KAA0E;AAChF;AAEO,MAAMhB,kDAAkDiB,CAAAA;IAC7D,MAAMC,SAASd;IACf,MAAM,EACJe,MAAM,EACP,GAAGF;IACJA,MAAMhB,IAAI,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,wCAAwCE,IAAI,EAAEiB,OAAOjB,IAAI,EAAEkB,WAAW,aAAaD,OAAOV,YAAY,GAAGU,OAAOL,gBAAgB,EAAEI,MAAMhB,IAAI,CAACmB,SAAS;IAC1L,IAAIH,MAAMf,QAAQ,EAAE;QAClBe,MAAMf,QAAQ,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,wCAAwCG,QAAQ,EAAEe,MAAMf,QAAQ,CAACkB,SAAS;IACpH;IACAH,MAAMd,IAAI,CAACiB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,wCAAwCI,IAAI,EAAEc,MAAMd,IAAI,CAACiB,SAAS;IACtG,OAAOH;AACT,GACA,yEAAyE"}
|
|
@@ -27,25 +27,15 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
27
27
|
i8kkvl: "f1ufnopg",
|
|
28
28
|
Bt984gj: "f122n59",
|
|
29
29
|
Brf1p80: "f4d9j23",
|
|
30
|
-
|
|
31
|
-
g9k6zt:
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
"f1o2ludy"
|
|
40
|
-
],
|
|
41
|
-
B6xbmo0: [
|
|
42
|
-
"fxmnebo",
|
|
43
|
-
"f1witrsb"
|
|
44
|
-
],
|
|
45
|
-
dm238s: [
|
|
46
|
-
"f1witrsb",
|
|
47
|
-
"fxmnebo"
|
|
48
|
-
],
|
|
30
|
+
Bfpq7zp: 0,
|
|
31
|
+
g9k6zt: 0,
|
|
32
|
+
Bn4voq9: 0,
|
|
33
|
+
giviqs: "f89hs3r",
|
|
34
|
+
Bw81rd7: 0,
|
|
35
|
+
kdpuga: 0,
|
|
36
|
+
dm238s: 0,
|
|
37
|
+
B6xbmo0: 0,
|
|
38
|
+
B3whbx2: "f2krc9w",
|
|
49
39
|
B8q5s1w: "f8hki3x",
|
|
50
40
|
Bci5o5g: [
|
|
51
41
|
"f1d2448m",
|
|
@@ -64,13 +54,18 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
64
54
|
".f1ufnopg{column-gap:var(--spacingHorizontalXS);}",
|
|
65
55
|
".f122n59{align-items:center;}",
|
|
66
56
|
".f4d9j23{justify-content:center;}",
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
57
|
+
[
|
|
58
|
+
".f89hs3r[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}",
|
|
59
|
+
{
|
|
60
|
+
p: -1
|
|
61
|
+
}
|
|
62
|
+
],
|
|
63
|
+
[
|
|
64
|
+
".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}",
|
|
65
|
+
{
|
|
66
|
+
p: -1
|
|
67
|
+
}
|
|
68
|
+
],
|
|
74
69
|
".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}",
|
|
75
70
|
".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}",
|
|
76
71
|
".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useTeachingPopoverCarouselNavStyles.styles.js"],"sourcesContent":["import { __styles, 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 = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1063pyq\",\n i8kkvl: \"f1ufnopg\",\n Bt984gj: \"f122n59\",\n Brf1p80: \"f4d9j23\",\n
|
|
1
|
+
{"version":3,"sources":["useTeachingPopoverCarouselNavStyles.styles.js"],"sourcesContent":["import { __styles, 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 = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1063pyq\",\n i8kkvl: \"f1ufnopg\",\n Bt984gj: \"f122n59\",\n Brf1p80: \"f4d9j23\",\n Bfpq7zp: 0,\n g9k6zt: 0,\n Bn4voq9: 0,\n giviqs: \"f89hs3r\",\n Bw81rd7: 0,\n kdpuga: 0,\n dm238s: 0,\n B6xbmo0: 0,\n B3whbx2: \"f2krc9w\",\n B8q5s1w: \"f8hki3x\",\n Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n n8qw10: \"f1bjia2o\",\n Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"]\n }\n}, {\n 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);}\", {\n p: -1\n }], [\".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}\", {\n p: -1\n }], \".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;}\"]\n});\n/** Applies style classnames to slots */\nexport 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//# sourceMappingURL=useTeachingPopoverCarouselNavStyles.styles.js.map"],"names":["teachingPopoverCarouselNavClassNames","useTeachingPopoverCarouselNavStyles_unstable","root","useStyles","__styles","mc9l5x","Beiy3e4","i8kkvl","Bt984gj","Brf1p80","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","d","p","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,oCAAoC;eAApCA;;IAgCAC,4CAA4C;eAA5CA;;;uBAnCsC;AAG5C,MAAMD,uCAAuC;IAClDE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,QAAQ;QACRC,SAAS;YAAC;YAAW;SAAW;IAClC;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAAkC;QAAqD;QAAiC;QAAqC;YAAC;YAAqG;gBAChSC,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAA8E;gBACjFA,GAAG,CAAC;YACN;SAAE;QAAE;QAAmE;QAAsE;QAAoE;KAAsE;AACzR;AAEO,MAAMvB,+CAA+CwB,CAAAA;IAC1D,MAAMC,SAASvB;IACfsB,MAAMvB,IAAI,CAACyB,SAAS,GAAGC,IAAAA,mBAAY,EAAC5B,qCAAqCE,IAAI,EAAEwB,OAAOxB,IAAI,EAAEuB,MAAMvB,IAAI,CAACyB,SAAS;IAChH,OAAOF;AACT,GACA,sEAAsE"}
|