@fluentui/react-teaching-popover 0.0.0-nightly-20240822-1237.1 → 0.0.0-nightly-20240823-1802.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 +15 -39
- 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 +16 -15
- 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 +48 -42
- 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 +31 -30
- package/lib-commonjs/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js.map +1 -1
- package/package.json +12 -12
|
@@ -10,16 +10,16 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
10
10
|
mc9l5x: "f22iagw",
|
|
11
11
|
Beiy3e4: "f1063pyq",
|
|
12
12
|
Brf1p80: "f1869bpl",
|
|
13
|
-
Be2twd7: "
|
|
14
|
-
Bhrd7zp: "
|
|
15
|
-
sj55zd: "
|
|
16
|
-
Bg96gwp: "
|
|
17
|
-
Byoj8tv: "
|
|
18
|
-
B6of3ja: "
|
|
19
|
-
jrapky: "
|
|
13
|
+
Be2twd7: "f1dc4a43",
|
|
14
|
+
Bhrd7zp: "fr956oh",
|
|
15
|
+
sj55zd: "f1y2n40h",
|
|
16
|
+
Bg96gwp: "fk8yg7t",
|
|
17
|
+
Byoj8tv: "f1mz9byz",
|
|
18
|
+
B6of3ja: "f1bbye42",
|
|
19
|
+
jrapky: "f1uf44s2"
|
|
20
20
|
},
|
|
21
21
|
rootBrand: {
|
|
22
|
-
sj55zd: "
|
|
22
|
+
sj55zd: "f6fs1jj"
|
|
23
23
|
},
|
|
24
24
|
dismissButton: {
|
|
25
25
|
qhf8xq: "f10pi13n",
|
|
@@ -47,10 +47,10 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
47
47
|
Be2twd7: "fkhj508",
|
|
48
48
|
Bhrd7zp: "figsok6",
|
|
49
49
|
Bg96gwp: "f1i3iumi",
|
|
50
|
-
De3pzq: "
|
|
50
|
+
De3pzq: "f1jvu8xe",
|
|
51
51
|
B7ck84d: "f1ewtqcl",
|
|
52
|
-
B7oj6ja: ["
|
|
53
|
-
Bbmb7ep: ["
|
|
52
|
+
B7oj6ja: ["fa97p0w", "fr93n2n"],
|
|
53
|
+
Bbmb7ep: ["f1ycugrb", "f1e71y25"],
|
|
54
54
|
Bfpq7zp: 0,
|
|
55
55
|
g9k6zt: 0,
|
|
56
56
|
Bn4voq9: 0,
|
|
@@ -59,7 +59,7 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
59
59
|
kdpuga: 0,
|
|
60
60
|
dm238s: 0,
|
|
61
61
|
B6xbmo0: 0,
|
|
62
|
-
B3whbx2: "
|
|
62
|
+
B3whbx2: "f1n5ekox",
|
|
63
63
|
B8q5s1w: "f8hki3x",
|
|
64
64
|
Bci5o5g: ["f1d2448m", "ffh67wi"],
|
|
65
65
|
n8qw10: "f1bjia2o",
|
|
@@ -67,16 +67,16 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
67
67
|
Jyy4pa: "f1lfeew"
|
|
68
68
|
},
|
|
69
69
|
dismissBrand: {
|
|
70
|
-
sj55zd: "
|
|
70
|
+
sj55zd: "f1gxgc2j"
|
|
71
71
|
}
|
|
72
72
|
}, {
|
|
73
|
-
d: [".f22iagw{display:flex;}", ".f1063pyq{flex-direction:row;}", ".f1869bpl{justify-content:space-between;}", ".
|
|
73
|
+
d: [".f22iagw{display:flex;}", ".f1063pyq{flex-direction:row;}", ".f1869bpl{justify-content:space-between;}", ".f1dc4a43{font-size:var(--2629, var(--2630, var(--fontSizeBase400)));}", ".fr956oh{font-weight:var(--2631, var(--2632, var(--fontWeightSemibold)));}", ".f1y2n40h{color:var(--2633, var(--2634, var(--colorNeutralForeground1)));}", ".fk8yg7t{line-height:var(--2635, var(--2636, var(--lineHeightBase400)));}", ".f1mz9byz{padding-bottom:var(--2637, var(--2638, var(--spacingVerticalS)));}", ".f1bbye42{margin-top:var(--2639, var(--2640, var(--spacingHorizontalNone)));}", ".f1uf44s2{margin-bottom:var(--2641, var(--2642, var(--spacingHorizontalNone)));}", ".f6fs1jj{color:var(--2643, var(--2644, var(--colorNeutralForegroundOnBrand)));}", ".f10pi13n{position:relative;}", [".f88035w{border:var(--strokeWidthThin) solid var(--colorTransparentStroke);}", {
|
|
74
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);}", ".
|
|
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);}", ".f1jvu8xe{background-color:var(--2645, var(--2646, var(--colorTransparentBackground)));}", ".f1ewtqcl{box-sizing:border-box;}", ".fa97p0w{border-top-right-radius:var(--2647, var(--2648, var(--borderRadiusNone)));}", ".fr93n2n{border-top-left-radius:var(--2647, var(--2648, var(--borderRadiusNone)));}", ".f1ycugrb{border-bottom-right-radius:var(--2649, var(--2650, var(--borderRadiusNone)));}", ".f1e71y25{border-bottom-left-radius:var(--2649, var(--2650, var(--borderRadiusNone)));}", ".f1n71otn{border-right-style:none;}", ".f1deefiw{border-left-style:none;}", [".f89hs3r[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}", {
|
|
76
76
|
p: -1
|
|
77
|
-
}], [".
|
|
77
|
+
}], [".f1n5ekox[data-fui-focus-visible]{border-radius:var(--2651, var(--2652, var(--borderRadiusMedium)));}", {
|
|
78
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;}"]
|
|
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;}", ".f1gxgc2j{color:var(--2653, var(--2654, var(--colorNeutralForegroundOnBrand)));}"]
|
|
80
80
|
});
|
|
81
81
|
/** Applies style classnames to slots */
|
|
82
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","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
|
|
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: `var(--2629, var(--2630, ${tokens.fontSizeBase400}))`,\n fontWeight: `var(--2631, var(--2632, ${tokens.fontWeightSemibold}))`,\n color: `var(--2633, var(--2634, ${tokens.colorNeutralForeground1}))`,\n lineHeight: `var(--2635, var(--2636, ${tokens.lineHeightBase400}))`,\n paddingBottom: `var(--2637, var(--2638, ${tokens.spacingVerticalS}))`,\n marginTop: `var(--2639, var(--2640, ${tokens.spacingHorizontalNone}))`,\n marginBottom: `var(--2641, var(--2642, ${tokens.spacingHorizontalNone}))`\n },\n rootBrand: {\n color: `var(--2643, var(--2644, ${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: `var(--2645, var(--2646, ${tokens.colorTransparentBackground}))`,\n boxSizing: 'border-box',\n borderTopRightRadius: `var(--2647, var(--2648, ${tokens.borderRadiusNone}))`,\n borderBottomRightRadius: `var(--2649, var(--2650, ${tokens.borderRadiusNone}))`,\n borderRightStyle: 'none',\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: `var(--2651, var(--2652, ${tokens.borderRadiusMedium}))`,\n ...shorthands.borderColor('transparent')\n }),\n marginInlineStart: 'auto'\n },\n dismissBrand: {\n color: `var(--2653, var(--2654, ${tokens.colorNeutralForegroundOnBrand}))`\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverTitleStyles_unstable = (state)=>{\n 'use no memo';\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,aAAa;;EACb,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":[]}
|
|
@@ -26,8 +26,8 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
26
26
|
Bf4jedk: "f14es27b"
|
|
27
27
|
},
|
|
28
28
|
brandNext: {
|
|
29
|
-
sj55zd: "
|
|
30
|
-
De3pzq: "
|
|
29
|
+
sj55zd: "f8b1r02",
|
|
30
|
+
De3pzq: "f1tg5e1q",
|
|
31
31
|
g2u3we: "f1iimpp0",
|
|
32
32
|
h3c5rm: [
|
|
33
33
|
"f19uhqvu",
|
|
@@ -38,14 +38,14 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
38
38
|
"f1nx14hx",
|
|
39
39
|
"f19uhqvu"
|
|
40
40
|
],
|
|
41
|
-
Bi91k9c: "
|
|
42
|
-
Jwef8y: "
|
|
43
|
-
B2d53fq: "
|
|
44
|
-
iro3zm: "
|
|
41
|
+
Bi91k9c: "f1tz5fde",
|
|
42
|
+
Jwef8y: "fvrng7u",
|
|
43
|
+
B2d53fq: "fr4h10g",
|
|
44
|
+
iro3zm: "fpnt9s2"
|
|
45
45
|
},
|
|
46
46
|
brandPrevious: {
|
|
47
|
-
sj55zd: "
|
|
48
|
-
De3pzq: "
|
|
47
|
+
sj55zd: "f18mtsuf",
|
|
48
|
+
De3pzq: "fhimpf8",
|
|
49
49
|
g2u3we: "fm1ebug",
|
|
50
50
|
h3c5rm: [
|
|
51
51
|
"f28omuz",
|
|
@@ -56,7 +56,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
56
56
|
"f1uhflii",
|
|
57
57
|
"f28omuz"
|
|
58
58
|
],
|
|
59
|
-
Bi91k9c: "
|
|
59
|
+
Bi91k9c: "flvnyst",
|
|
60
60
|
Bgoe8wy: "f1bg5g8r",
|
|
61
61
|
Bwzppfd: [
|
|
62
62
|
"f1h9bnsk",
|
|
@@ -67,8 +67,8 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
67
67
|
"f12x9t0k",
|
|
68
68
|
"f1h9bnsk"
|
|
69
69
|
],
|
|
70
|
-
Jwef8y: "
|
|
71
|
-
B2d53fq: "
|
|
70
|
+
Jwef8y: "fv1gkt2",
|
|
71
|
+
B2d53fq: "f1f2673p",
|
|
72
72
|
b661bw: "f1565b9n",
|
|
73
73
|
Bk6r4ia: [
|
|
74
74
|
"fm07gvo",
|
|
@@ -79,41 +79,41 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
79
79
|
"fwlsg72",
|
|
80
80
|
"fm07gvo"
|
|
81
81
|
],
|
|
82
|
-
iro3zm: "
|
|
82
|
+
iro3zm: "f13njtye"
|
|
83
83
|
}
|
|
84
84
|
}, {
|
|
85
85
|
d: [
|
|
86
86
|
".f14es27b{min-width:96px;}",
|
|
87
|
-
".
|
|
88
|
-
".
|
|
87
|
+
".f8b1r02{color:var(--2527, var(--2528, var(--colorBrandForeground1)));}",
|
|
88
|
+
".f1tg5e1q{background-color:var(--2529, var(--2530, var(--colorNeutralForegroundOnBrand)));}",
|
|
89
89
|
".f1iimpp0{border-top-color:var(--colorTransparentBackground);}",
|
|
90
90
|
".f19uhqvu{border-right-color:var(--colorTransparentBackground);}",
|
|
91
91
|
".f1nx14hx{border-left-color:var(--colorTransparentBackground);}",
|
|
92
92
|
".fnqa90p{border-bottom-color:var(--colorTransparentBackground);}",
|
|
93
|
-
".
|
|
94
|
-
".
|
|
93
|
+
".f18mtsuf{color:var(--2539, var(--2540, var(--colorNeutralForegroundOnBrand)));}",
|
|
94
|
+
".fhimpf8{background-color:var(--2541, var(--2542, var(--colorBrandBackground)));}",
|
|
95
95
|
".fm1ebug{border-top-color:var(--colorNeutralForegroundOnBrand);}",
|
|
96
96
|
".f28omuz{border-right-color:var(--colorNeutralForegroundOnBrand);}",
|
|
97
97
|
".f1uhflii{border-left-color:var(--colorNeutralForegroundOnBrand);}",
|
|
98
98
|
".f1ixw5o4{border-bottom-color:var(--colorNeutralForegroundOnBrand);}"
|
|
99
99
|
],
|
|
100
100
|
h: [
|
|
101
|
-
".
|
|
102
|
-
".
|
|
103
|
-
".
|
|
104
|
-
".
|
|
105
|
-
".
|
|
101
|
+
".f1tz5fde:hover{color:var(--2531, var(--2532, var(--colorCompoundBrandForeground1Hover)));}",
|
|
102
|
+
".fvrng7u:hover{background-color:var(--2533, var(--2534, var(--colorNeutralForegroundOnBrand)));}",
|
|
103
|
+
".fr4h10g:hover:active{color:var(--2535, var(--2536, var(--colorCompoundBrandForeground1Pressed)));}",
|
|
104
|
+
".fpnt9s2:hover:active{background-color:var(--2537, var(--2538, var(--colorNeutralForegroundOnBrand)));}",
|
|
105
|
+
".flvnyst:hover{color:var(--2543, var(--2544, var(--colorNeutralForegroundOnBrand)));}",
|
|
106
106
|
".f1bg5g8r:hover{border-top-color:var(--colorNeutralForegroundOnBrand);}",
|
|
107
107
|
".f1h9bnsk:hover{border-right-color:var(--colorNeutralForegroundOnBrand);}",
|
|
108
108
|
".f12x9t0k:hover{border-left-color:var(--colorNeutralForegroundOnBrand);}",
|
|
109
109
|
".f19ervry:hover{border-bottom-color:var(--colorNeutralForegroundOnBrand);}",
|
|
110
|
-
".
|
|
111
|
-
".
|
|
110
|
+
".fv1gkt2:hover{background-color:var(--2545, var(--2546, var(--colorBrandBackgroundHover)));}",
|
|
111
|
+
".f1f2673p:hover:active{color:var(--2547, var(--2548, var(--colorNeutralForegroundOnBrand)));}",
|
|
112
112
|
".f1565b9n:hover:active{border-top-color:var(--colorNeutralForegroundOnBrand);}",
|
|
113
113
|
".fm07gvo:hover:active{border-right-color:var(--colorNeutralForegroundOnBrand);}",
|
|
114
114
|
".fwlsg72:hover:active{border-left-color:var(--colorNeutralForegroundOnBrand);}",
|
|
115
115
|
".fzw6fmy:hover:active{border-bottom-color:var(--colorNeutralForegroundOnBrand);}",
|
|
116
|
-
".
|
|
116
|
+
".f13njtye:hover:active{background-color:var(--2549, var(--2550, var(--colorBrandBackgroundPressed)));}"
|
|
117
117
|
]
|
|
118
118
|
});
|
|
119
119
|
const useTeachingPopoverCarouselFooterButtonStyles_unstable = (state)=>{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"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
|
|
1
|
+
{"version":3,"sources":["useTeachingPopoverCarouselFooterButtonStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useButtonStyles_unstable } from '@fluentui/react-button';\nexport const teachingPopoverCarouselFooterButtonClassNames = {\n root: 'fui-TeachingPopoverCarouselFooterButton'\n};\nconst useStyles = makeStyles({\n root: {\n minWidth: '96px'\n },\n brandNext: {\n color: `var(--2527, var(--2528, ${tokens.colorBrandForeground1}))`,\n backgroundColor: `var(--2529, var(--2530, ${tokens.colorNeutralForegroundOnBrand}))`,\n ...shorthands.borderColor(tokens.colorTransparentBackground),\n ':hover': {\n color: `var(--2531, var(--2532, ${tokens.colorCompoundBrandForeground1Hover}))`,\n backgroundColor: `var(--2533, var(--2534, ${tokens.colorNeutralForegroundOnBrand}))`\n },\n ':hover:active': {\n color: `var(--2535, var(--2536, ${tokens.colorCompoundBrandForeground1Pressed}))`,\n backgroundColor: `var(--2537, var(--2538, ${tokens.colorNeutralForegroundOnBrand}))`\n }\n },\n brandPrevious: {\n // In brand, this is always 'NeutralForegroundOnBrand'\n color: `var(--2539, var(--2540, ${tokens.colorNeutralForegroundOnBrand}))`,\n backgroundColor: `var(--2541, var(--2542, ${tokens.colorBrandBackground}))`,\n ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n ':hover': {\n color: `var(--2543, var(--2544, ${tokens.colorNeutralForegroundOnBrand}))`,\n ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n backgroundColor: `var(--2545, var(--2546, ${tokens.colorBrandBackgroundHover}))`\n },\n ':hover:active': {\n color: `var(--2547, var(--2548, ${tokens.colorNeutralForegroundOnBrand}))`,\n ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n backgroundColor: `var(--2549, var(--2550, ${tokens.colorBrandBackgroundPressed}))`\n }\n }\n});\n/**\n * Apply styling to the TeachingPopoverCarouselFooterButton slots based on the state\n */ export const useTeachingPopoverCarouselFooterButtonStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const { navType, popoverAppearance } = state;\n // Apply underlying fluent Button styles\n state = {\n ...state,\n ...useButtonStyles_unstable(state)\n };\n state.root.className = mergeClasses(teachingPopoverCarouselFooterButtonClassNames.root, styles.root, navType === 'prev' && popoverAppearance === 'brand' && styles.brandPrevious, navType === 'next' && popoverAppearance === 'brand' && styles.brandNext, state.root.className);\n return state;\n};\n"],"names":["teachingPopoverCarouselFooterButtonClassNames","useTeachingPopoverCarouselFooterButtonStyles_unstable","root","useStyles","__styles","Bf4jedk","brandNext","sj55zd","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bi91k9c","Jwef8y","B2d53fq","iro3zm","brandPrevious","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","b661bw","Bk6r4ia","B9zn80p","Bpld233","d","h","state","styles","navType","popoverAppearance","useButtonStyles_unstable","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGaA,6CAA6C;eAA7CA;;IAuCIC,qDAAqD;eAArDA;;;uBA1CoC;6BAEZ;AAClC,MAAMD,gDAAgD;IACzDE,MAAM;AACV;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,SAAA;IAAA;IAAAC,WAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,eAAA;QAAAV,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAK,SAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAP,QAAA;QAAAC,SAAA;QAAAO,QAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;QAAAT,QAAA;IAAA;AAAA,GAAA;IAAAU,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAoCP,MAAM1B,wDAAyD2B,CAAAA;IACtE;IACA,MAAMC,SAAS1B;IACf,MAAM,EAAE2B,OAAO,EAAEC,iBAAAA,EAAmB,GAAGH;IACvC,wCAAA;IACAA,QAAQ;QACJ,GAAGA,KAAK;QACR,GAAGI,IAAAA,qCAAwB,EAACJ,MAAK;IACrC;IACAA,MAAM1B,IAAI,CAAC+B,SAAS,GAAGC,IAAAA,mBAAY,EAAClC,8CAA8CE,IAAI,EAAE2B,OAAO3B,IAAI,EAAE4B,YAAY,UAAUC,sBAAsB,WAAWF,OAAOZ,aAAa,EAAEa,YAAY,UAAUC,sBAAsB,WAAWF,OAAOvB,SAAS,EAAEsB,MAAM1B,IAAI,CAAC+B,SAAS;IAC/Q,OAAOL;AACX"}
|
|
@@ -24,7 +24,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
24
24
|
root: {
|
|
25
25
|
mc9l5x: "f22iagw",
|
|
26
26
|
Beiy3e4: "f1063pyq",
|
|
27
|
-
i8kkvl: "
|
|
27
|
+
i8kkvl: "f1d08uxz",
|
|
28
28
|
Bt984gj: "f122n59",
|
|
29
29
|
Brf1p80: "f4d9j23",
|
|
30
30
|
Bfpq7zp: 0,
|
|
@@ -35,7 +35,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
35
35
|
kdpuga: 0,
|
|
36
36
|
dm238s: 0,
|
|
37
37
|
B6xbmo0: 0,
|
|
38
|
-
B3whbx2: "
|
|
38
|
+
B3whbx2: "f96bwor",
|
|
39
39
|
B8q5s1w: "f8hki3x",
|
|
40
40
|
Bci5o5g: [
|
|
41
41
|
"f1d2448m",
|
|
@@ -51,7 +51,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
51
51
|
d: [
|
|
52
52
|
".f22iagw{display:flex;}",
|
|
53
53
|
".f1063pyq{flex-direction:row;}",
|
|
54
|
-
".
|
|
54
|
+
".f1d08uxz{column-gap:var(--2551, var(--2552, var(--spacingHorizontalXS)));}",
|
|
55
55
|
".f122n59{align-items:center;}",
|
|
56
56
|
".f4d9j23{justify-content:center;}",
|
|
57
57
|
[
|
|
@@ -61,7 +61,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
61
61
|
}
|
|
62
62
|
],
|
|
63
63
|
[
|
|
64
|
-
".
|
|
64
|
+
".f96bwor[data-fui-focus-visible]{border-radius:var(--2553, var(--2554, var(--borderRadiusMedium)));}",
|
|
65
65
|
{
|
|
66
66
|
p: -1
|
|
67
67
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"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
|
|
1
|
+
{"version":3,"sources":["useTeachingPopoverCarouselNavStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverCarouselNavClassNames = {\n root: 'fui-TeachingPopoverCarouselNav'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n columnGap: `var(--2551, var(--2552, ${tokens.spacingHorizontalXS}))`,\n alignItems: 'center',\n justifyContent: 'center',\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: `var(--2553, var(--2554, ${tokens.borderRadiusMedium}))`,\n ...shorthands.borderColor('transparent')\n })\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselNavStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(teachingPopoverCarouselNavClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGaA,oCAAoC;eAApCA;;IAiByCC,4CAA4C;eAA5CA;;;uBApBD;AAG9C,MAAMD,uCAAuC;IAChDE,MAAM;AACV;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;QAAAC,QAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAc8B,MAAMvB,+CAAgDwB,CAAAA;IAClG;IACA,MAAMC,SAASvB;IACfsB,MAAMvB,IAAI,CAACyB,SAAS,GAAGC,IAAAA,mBAAY,EAAC5B,qCAAqCE,IAAI,EAAEwB,OAAOxB,IAAI,EAAEuB,MAAMvB,IAAI,CAACyB,SAAS;IAChH,OAAOF;AACX"}
|
|
@@ -29,7 +29,7 @@ const teachingPopoverCarouselNavButtonClassNames = {
|
|
|
29
29
|
B7ck84d: "f1ewtqcl",
|
|
30
30
|
Bqenvij: "f1x82gua",
|
|
31
31
|
a9b677: "f1o3cbw4",
|
|
32
|
-
De3pzq: "
|
|
32
|
+
De3pzq: "f1dzlv6k"
|
|
33
33
|
},
|
|
34
34
|
rootUnselected: {
|
|
35
35
|
Bgfg5da: 0,
|
|
@@ -62,7 +62,7 @@ const teachingPopoverCarouselNavButtonClassNames = {
|
|
|
62
62
|
Bw0xxkn: 0,
|
|
63
63
|
oeaueh: 0,
|
|
64
64
|
Bpd4iqm: 0,
|
|
65
|
-
Befb4lg: "
|
|
65
|
+
Befb4lg: "f1cku6b7",
|
|
66
66
|
Bfpq7zp: 0,
|
|
67
67
|
g9k6zt: 0,
|
|
68
68
|
Bn4voq9: 0,
|
|
@@ -71,7 +71,7 @@ const teachingPopoverCarouselNavButtonClassNames = {
|
|
|
71
71
|
kdpuga: 0,
|
|
72
72
|
dm238s: 0,
|
|
73
73
|
B6xbmo0: 0,
|
|
74
|
-
B3whbx2: "
|
|
74
|
+
B3whbx2: "fcjqkme",
|
|
75
75
|
B8q5s1w: "f8hki3x",
|
|
76
76
|
Bci5o5g: [
|
|
77
77
|
"f1d2448m",
|
|
@@ -84,13 +84,13 @@ const teachingPopoverCarouselNavButtonClassNames = {
|
|
|
84
84
|
],
|
|
85
85
|
De3pzq: "frgiif3",
|
|
86
86
|
Bfclv37: "f14lfud5",
|
|
87
|
-
B372c46: "
|
|
87
|
+
B372c46: "f1kbzrqj"
|
|
88
88
|
},
|
|
89
89
|
rootSelected: {
|
|
90
90
|
Bw0xxkn: 0,
|
|
91
91
|
oeaueh: 0,
|
|
92
92
|
Bpd4iqm: 0,
|
|
93
|
-
Befb4lg: "
|
|
93
|
+
Befb4lg: "fh325gb",
|
|
94
94
|
a9b677: "fjw5fx7",
|
|
95
95
|
Bgfg5da: 0,
|
|
96
96
|
B9xav0g: 0,
|
|
@@ -127,7 +127,7 @@ const teachingPopoverCarouselNavButtonClassNames = {
|
|
|
127
127
|
kdpuga: 0,
|
|
128
128
|
dm238s: 0,
|
|
129
129
|
B6xbmo0: 0,
|
|
130
|
-
B3whbx2: "
|
|
130
|
+
B3whbx2: "f1frg59r",
|
|
131
131
|
B8q5s1w: "f8hki3x",
|
|
132
132
|
Bci5o5g: [
|
|
133
133
|
"f1d2448m",
|
|
@@ -141,12 +141,12 @@ const teachingPopoverCarouselNavButtonClassNames = {
|
|
|
141
141
|
Bsw6fvg: "fe2ae1k"
|
|
142
142
|
},
|
|
143
143
|
rootBrand: {
|
|
144
|
-
De3pzq: "
|
|
144
|
+
De3pzq: "f15ftlwv"
|
|
145
145
|
},
|
|
146
146
|
rootBrandUnselected: {
|
|
147
147
|
De3pzq: "frxe7el",
|
|
148
148
|
Bfclv37: "f14lfud5",
|
|
149
|
-
B372c46: "
|
|
149
|
+
B372c46: "fb6f6el"
|
|
150
150
|
}
|
|
151
151
|
}, {
|
|
152
152
|
d: [
|
|
@@ -155,7 +155,7 @@ const teachingPopoverCarouselNavButtonClassNames = {
|
|
|
155
155
|
".f1ewtqcl{box-sizing:border-box;}",
|
|
156
156
|
".f1x82gua{height:8px;}",
|
|
157
157
|
".f1o3cbw4{width:8px;}",
|
|
158
|
-
".
|
|
158
|
+
".f1dzlv6k{background-color:var(--2555, var(--2556, var(--colorBrandBackground)));}",
|
|
159
159
|
[
|
|
160
160
|
".f3bhgqh{border:none;}",
|
|
161
161
|
{
|
|
@@ -175,7 +175,7 @@ const teachingPopoverCarouselNavButtonClassNames = {
|
|
|
175
175
|
}
|
|
176
176
|
],
|
|
177
177
|
[
|
|
178
|
-
".
|
|
178
|
+
".f1cku6b7{outline:var(--2557, var(--2558, 'var(--strokeWidthThin) solid transparent'));}",
|
|
179
179
|
{
|
|
180
180
|
p: -1
|
|
181
181
|
}
|
|
@@ -187,7 +187,7 @@ const teachingPopoverCarouselNavButtonClassNames = {
|
|
|
187
187
|
}
|
|
188
188
|
],
|
|
189
189
|
[
|
|
190
|
-
".
|
|
190
|
+
".fcjqkme[data-fui-focus-visible]{border-radius:var(--2559, var(--2560, var(--borderRadiusMedium)));}",
|
|
191
191
|
{
|
|
192
192
|
p: -1
|
|
193
193
|
}
|
|
@@ -198,7 +198,7 @@ const teachingPopoverCarouselNavButtonClassNames = {
|
|
|
198
198
|
".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}",
|
|
199
199
|
".frgiif3{background-color:color-mix(in srgb, var(--colorBrandBackground) 30%, transparent);}",
|
|
200
200
|
[
|
|
201
|
-
".
|
|
201
|
+
".fh325gb{outline:var(--2563, var(--2564, 'var(--strokeWidthThin) solid transparent'));}",
|
|
202
202
|
{
|
|
203
203
|
p: -1
|
|
204
204
|
}
|
|
@@ -229,17 +229,18 @@ const teachingPopoverCarouselNavButtonClassNames = {
|
|
|
229
229
|
}
|
|
230
230
|
],
|
|
231
231
|
[
|
|
232
|
-
".
|
|
232
|
+
".f1frg59r[data-fui-focus-visible]{border-radius:var(--2565, var(--2566, var(--borderRadiusMedium)));}",
|
|
233
233
|
{
|
|
234
234
|
p: -1
|
|
235
235
|
}
|
|
236
236
|
],
|
|
237
|
-
".
|
|
237
|
+
".f15ftlwv{background-color:var(--2567, var(--2568, var(--colorNeutralForegroundOnBrand)));}",
|
|
238
238
|
".frxe7el{background-color:color-mix(in srgb, var(--colorNeutralForegroundOnBrand) 30%, transparent);}"
|
|
239
239
|
],
|
|
240
240
|
t: [
|
|
241
241
|
"@supports not (color: color-mix(in lch, white, black)){.f14lfud5{opacity:0.3;}}",
|
|
242
|
-
"@supports not (color: color-mix(in lch, white, black)){.
|
|
242
|
+
"@supports not (color: color-mix(in lch, white, black)){.f1kbzrqj{background-color:var(--2561, var(--2562, var(--colorBrandBackground)));}}",
|
|
243
|
+
"@supports not (color: color-mix(in lch, white, black)){.fb6f6el{background-color:var(--2569, var(--2570, var(--colorBrandBackground)));}}"
|
|
243
244
|
],
|
|
244
245
|
m: [
|
|
245
246
|
[
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"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
|
|
1
|
+
{"version":3,"sources":["useTeachingPopoverCarouselNavButtonStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const teachingPopoverCarouselNavButtonClassNames = {\n root: 'fui-TeachingPopoverCarouselNavButton'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n display: 'flex',\n cursor: 'pointer',\n boxSizing: 'border-box',\n height: '8px',\n width: '8px',\n backgroundColor: `var(--2555, var(--2556, ${tokens.colorBrandBackground}))`\n },\n rootUnselected: {\n border: 'none',\n borderRadius: '50%',\n padding: '0px',\n outline: `var(--2557, var(--2558, '${tokens.strokeWidthThin} solid transparent'))`,\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: `var(--2559, var(--2560, ${tokens.borderRadiusMedium}))`,\n ...shorthands.borderColor('transparent')\n }),\n backgroundColor: `color-mix(in srgb, ${tokens.colorBrandBackground} 30%, transparent)`,\n '@supports not (color: color-mix(in lch, white, black))': {\n // This will also affect the focus border, but only in older unsupported browsers\n opacity: 0.3,\n backgroundColor: `var(--2561, var(--2562, ${tokens.colorBrandBackground}))`\n }\n },\n rootSelected: {\n outline: `var(--2563, var(--2564, '${tokens.strokeWidthThin} solid transparent'))`,\n width: '16px',\n border: 'none',\n borderRadius: '4px',\n padding: '0px',\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: `var(--2565, var(--2566, ${tokens.borderRadiusMedium}))`,\n ...shorthands.borderColor('transparent')\n }),\n '@media (forced-colors: active)': {\n backgroundColor: 'CanvasText'\n }\n },\n rootBrand: {\n backgroundColor: `var(--2567, var(--2568, ${tokens.colorNeutralForegroundOnBrand}))`\n },\n rootBrandUnselected: {\n backgroundColor: `color-mix(in srgb, ${tokens.colorNeutralForegroundOnBrand} 30%, transparent)`,\n '@supports not (color: color-mix(in lch, white, black))': {\n // This will also affect the focus border, but only in older unsupported browsers\n opacity: 0.3,\n backgroundColor: `var(--2569, var(--2570, ${tokens.colorBrandBackground}))`\n }\n }\n});\n/**\n * Apply styling to the TeachingPopoverCarouselNavButton slots based on the state\n */ export const useTeachingPopoverCarouselNavButtonStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const { appearance, isSelected } = state;\n const brandStyles = isSelected ? styles.rootBrand : styles.rootBrandUnselected;\n state.root.className = mergeClasses(teachingPopoverCarouselNavButtonClassNames.root, styles.root, isSelected ? styles.rootSelected : styles.rootUnselected, appearance === 'brand' && brandStyles, state.root.className);\n return state;\n};\n"],"names":["teachingPopoverCarouselNavButtonClassNames","useTeachingPopoverCarouselNavButtonStyles_unstable","root","useStyles","__styles","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","state","styles","appearance","isSelected","brandStyles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
package/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js
CHANGED
|
@@ -66,12 +66,12 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
66
66
|
]
|
|
67
67
|
},
|
|
68
68
|
brandPrimary: {
|
|
69
|
-
sj55zd: "
|
|
70
|
-
De3pzq: "
|
|
71
|
-
Bi91k9c: "
|
|
72
|
-
Jwef8y: "
|
|
73
|
-
B2d53fq: "
|
|
74
|
-
iro3zm: "
|
|
69
|
+
sj55zd: "f1suujj8",
|
|
70
|
+
De3pzq: "fbh236o",
|
|
71
|
+
Bi91k9c: "fnh7rm5",
|
|
72
|
+
Jwef8y: "fj28o9r",
|
|
73
|
+
B2d53fq: "feyifjg",
|
|
74
|
+
iro3zm: "f13joskl"
|
|
75
75
|
}
|
|
76
76
|
}, {
|
|
77
77
|
d: [
|
|
@@ -104,14 +104,14 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
104
104
|
".f28omuz{border-right-color:var(--colorNeutralForegroundOnBrand);}",
|
|
105
105
|
".f1uhflii{border-left-color:var(--colorNeutralForegroundOnBrand);}",
|
|
106
106
|
".f1ixw5o4{border-bottom-color:var(--colorNeutralForegroundOnBrand);}",
|
|
107
|
-
".
|
|
108
|
-
".
|
|
107
|
+
".f1suujj8{color:var(--2571, var(--2572, var(--colorBrandForeground1)));}",
|
|
108
|
+
".fbh236o{background-color:var(--2573, var(--2574, var(--colorNeutralForegroundOnBrand)));}"
|
|
109
109
|
],
|
|
110
110
|
h: [
|
|
111
|
-
".
|
|
112
|
-
".
|
|
113
|
-
".
|
|
114
|
-
".
|
|
111
|
+
".fnh7rm5:hover{color:var(--2575, var(--2576, var(--colorCompoundBrandForeground1Hover)));}",
|
|
112
|
+
".fj28o9r:hover{background-color:var(--2577, var(--2578, var(--colorNeutralForegroundOnBrand)));}",
|
|
113
|
+
".feyifjg:hover:active{color:var(--2579, var(--2580, var(--colorCompoundBrandForeground1Pressed)));}",
|
|
114
|
+
".f13joskl:hover:active{background-color:var(--2581, var(--2582, var(--colorNeutralForegroundOnBrand)));}"
|
|
115
115
|
]
|
|
116
116
|
});
|
|
117
117
|
const useTeachingPopoverFooterStyles_unstable = (state)=>{
|
package/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"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
|
|
1
|
+
{"version":3,"sources":["useTeachingPopoverFooterStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverFooterClassNames = {\n root: 'fui-TeachingPopoverFooter',\n primary: 'fui-TeachingPopoverFooter__primary',\n secondary: 'fui-TeachingPopoverFooter__secondary'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n gap: '8px',\n paddingTop: '12px'\n },\n rootVertical: {\n flexDirection: 'column'\n },\n rootHorizontal: {\n flexDirection: 'row',\n justifyContent: 'flex-end'\n },\n buttonRootVertical: {\n width: 'auto',\n borderRadius: '4px'\n },\n buttonRootHorizontal: {\n minWidth: '96px',\n borderRadius: '4px'\n },\n brandSecondary: {\n ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand)\n },\n brandPrimary: {\n color: `var(--2571, var(--2572, ${tokens.colorBrandForeground1}))`,\n backgroundColor: `var(--2573, var(--2574, ${tokens.colorNeutralForegroundOnBrand}))`,\n ':hover': {\n color: `var(--2575, var(--2576, ${tokens.colorCompoundBrandForeground1Hover}))`,\n backgroundColor: `var(--2577, var(--2578, ${tokens.colorNeutralForegroundOnBrand}))`\n },\n ':hover:active': {\n color: `var(--2579, var(--2580, ${tokens.colorCompoundBrandForeground1Pressed}))`,\n backgroundColor: `var(--2581, var(--2582, ${tokens.colorNeutralForegroundOnBrand}))`\n }\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverFooterStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const { appearance, footerLayout } = state;\n state.root.className = mergeClasses(teachingPopoverFooterClassNames.root, styles.root, footerLayout === 'horizontal' ? styles.rootHorizontal : styles.rootVertical, state.root.className);\n if (state.secondary) {\n state.secondary.className = mergeClasses(teachingPopoverFooterClassNames.secondary, footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical, appearance === 'brand' ? styles.brandSecondary : undefined, state.secondary.className);\n }\n state.primary.className = mergeClasses(teachingPopoverFooterClassNames.primary, footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical, appearance === 'brand' ? styles.brandPrimary : undefined, state.primary.className);\n return state;\n};\n"],"names":["teachingPopoverFooterClassNames","useTeachingPopoverFooterStyles_unstable","root","primary","secondary","useStyles","__styles","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","state","styles","appearance","footerLayout","className","mergeClasses","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,+BAA+B;eAA/BA;;IA0CyCC,uCAAuC;eAAvCA;;;uBA5CD;AAE9C,MAAMD,kCAAkC;IAC3CE,MAAM;IACNC,SAAS;IACTC,WAAW;AACf;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAJ,MAAA;QAAAK,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;IAAA;IAAAC,cAAA;QAAAC,SAAA;IAAA;IAAAC,gBAAA;QAAAD,SAAA;QAAAE,SAAA;IAAA;IAAAC,oBAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,sBAAA;QAAAC,SAAA;QAAAN,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAG,gBAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,cAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAqC8B,MAAMtC,0CAA2CuC,CAAAA;IAC7F;IACA,MAAMC,SAASpC;IACf,MAAM,EAAEqC,UAAU,EAAEC,YAAAA,EAAc,GAAGH;IACrCA,MAAMtC,IAAI,CAAC0C,SAAS,GAAGC,IAAAA,mBAAY,EAAC7C,gCAAgCE,IAAI,EAAEuC,OAAOvC,IAAI,EAAEyC,iBAAiB,eAAeF,OAAO3B,cAAc,GAAG2B,OAAO7B,YAAY,EAAE4B,MAAMtC,IAAI,CAAC0C,SAAS;IACxL,IAAIJ,MAAMpC,SAAS,EAAE;QACjBoC,MAAMpC,SAAS,CAACwC,SAAS,GAAGC,IAAAA,mBAAY,EAAC7C,gCAAgCI,SAAS,EAAEuC,iBAAiB,eAAeF,OAAOlB,oBAAoB,GAAGkB,OAAOzB,kBAAkB,EAAE0B,eAAe,UAAUD,OAAOhB,cAAc,GAAGqB,WAAWN,MAAMpC,SAAS,CAACwC,SAAS;IACtQ;IACAJ,MAAMrC,OAAO,CAACyC,SAAS,GAAGC,IAAAA,mBAAY,EAAC7C,gCAAgCG,OAAO,EAAEwC,iBAAiB,eAAeF,OAAOlB,oBAAoB,GAAGkB,OAAOzB,kBAAkB,EAAE0B,eAAe,UAAUD,OAAOX,YAAY,GAAGgB,WAAWN,MAAMrC,OAAO,CAACyC,SAAS;IAC1P,OAAOJ;AACX"}
|