@fluentui/react-teaching-popover 9.1.14 → 9.1.16
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 +30 -2
- package/lib/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js +2 -2
- package/lib/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js.map +1 -1
- package/lib/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js +3 -3
- package/lib/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js +2 -2
- package/lib-commonjs/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js +4 -4
- package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js.map +1 -1
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,40 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-teaching-popover
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Tue, 10 Sep 2024 10:15:10 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.1.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-teaching-popover_v9.1.16)
|
|
8
|
+
|
|
9
|
+
Tue, 10 Sep 2024 10:15:10 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-teaching-popover_v9.1.15..@fluentui/react-teaching-popover_v9.1.16)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- fix: Update popover size to match design guidance 320px, enable image to auto size based on popover surface bounds ([PR #32363](https://github.com/microsoft/fluentui/pull/32363) by mifraser@microsoft.com)
|
|
15
|
+
- Bump @fluentui/react-jsx-runtime to v9.0.43 ([PR #32494](https://github.com/microsoft/fluentui/pull/32494) by beachball)
|
|
16
|
+
- Bump @fluentui/react-utilities to v9.18.14 ([PR #32494](https://github.com/microsoft/fluentui/pull/32494) by beachball)
|
|
17
|
+
- Bump @fluentui/react-popover to v9.9.20 ([PR #32494](https://github.com/microsoft/fluentui/pull/32494) by beachball)
|
|
18
|
+
- Bump @fluentui/react-button to v9.3.90 ([PR #32494](https://github.com/microsoft/fluentui/pull/32494) by beachball)
|
|
19
|
+
- Bump @fluentui/react-tabster to v9.22.6 ([PR #32494](https://github.com/microsoft/fluentui/pull/32494) by beachball)
|
|
20
|
+
- Bump @fluentui/react-aria to v9.13.5 ([PR #32494](https://github.com/microsoft/fluentui/pull/32494) by beachball)
|
|
21
|
+
- Bump @fluentui/react-context-selector to v9.1.66 ([PR #32494](https://github.com/microsoft/fluentui/pull/32494) by beachball)
|
|
22
|
+
|
|
23
|
+
## [9.1.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-teaching-popover_v9.1.15)
|
|
24
|
+
|
|
25
|
+
Thu, 15 Aug 2024 13:49:46 GMT
|
|
26
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-teaching-popover_v9.1.14..@fluentui/react-teaching-popover_v9.1.15)
|
|
27
|
+
|
|
28
|
+
### Patches
|
|
29
|
+
|
|
30
|
+
- Bump @fluentui/react-popover to v9.9.19 ([PR #32313](https://github.com/microsoft/fluentui/pull/32313) by beachball)
|
|
31
|
+
- Bump @fluentui/react-button to v9.3.89 ([PR #32313](https://github.com/microsoft/fluentui/pull/32313) by beachball)
|
|
32
|
+
- Bump @fluentui/react-tabster to v9.22.5 ([PR #32313](https://github.com/microsoft/fluentui/pull/32313) by beachball)
|
|
33
|
+
- Bump @fluentui/react-aria to v9.13.4 ([PR #32313](https://github.com/microsoft/fluentui/pull/32313) by beachball)
|
|
34
|
+
|
|
7
35
|
## [9.1.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-teaching-popover_v9.1.14)
|
|
8
36
|
|
|
9
|
-
Thu, 15 Aug 2024 08:
|
|
37
|
+
Thu, 15 Aug 2024 08:22:17 GMT
|
|
10
38
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-teaching-popover_v9.1.13..@fluentui/react-teaching-popover_v9.1.14)
|
|
11
39
|
|
|
12
40
|
### Patches
|
|
@@ -14,7 +14,7 @@ export const useMediaStyles = /*#__PURE__*/__styles({
|
|
|
14
14
|
B68tc82: 0,
|
|
15
15
|
Bmxbyg5: 0,
|
|
16
16
|
Bpg54ce: "f1a3p1vp",
|
|
17
|
-
a9b677: "
|
|
17
|
+
a9b677: "f14z66ap",
|
|
18
18
|
jrapky: "f1jlhsmd",
|
|
19
19
|
ha4doy: "fmrv4ls",
|
|
20
20
|
Brf1p80: "f4d9j23",
|
|
@@ -37,7 +37,7 @@ export const useMediaStyles = /*#__PURE__*/__styles({
|
|
|
37
37
|
p: -1
|
|
38
38
|
}], [".f1a3p1vp{overflow:hidden;}", {
|
|
39
39
|
p: -1
|
|
40
|
-
}], ".
|
|
40
|
+
}], ".f14z66ap{width:auto;}", ".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;}"],
|
|
41
41
|
t: ["@supports not (aspect-ratio){.fs5pxn9{height:117px;}}", "@supports not (aspect-ratio){.f98prui{height:176px;}}", "@supports not (aspect-ratio){.fqws08j{height:288px;}}"]
|
|
42
42
|
});
|
|
43
43
|
const useStyles = /*#__PURE__*/__styles({
|
|
@@ -1 +1 @@
|
|
|
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:
|
|
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: 'auto',\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: 1,\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 'use no memo';\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,aAAa;;EACb,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":[]}
|
|
@@ -16,15 +16,15 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
16
16
|
Btl43ni: 0,
|
|
17
17
|
B7oj6ja: 0,
|
|
18
18
|
Dimara: "f1kijzfu",
|
|
19
|
-
|
|
20
|
-
B7ck84d: "
|
|
19
|
+
Bf4jedk: "f14hp5dx",
|
|
20
|
+
B7ck84d: "f1ewtqcl"
|
|
21
21
|
}
|
|
22
22
|
}, {
|
|
23
23
|
d: [[".f23zza1{padding:var(--spacingVerticalL) var(--spacingVerticalL);}", {
|
|
24
24
|
p: -1
|
|
25
25
|
}], [".f1kijzfu{border-radius:var(--borderRadiusXLarge);}", {
|
|
26
26
|
p: -1
|
|
27
|
-
}], ".
|
|
27
|
+
}], ".f14hp5dx{min-width:320px;}", ".f1ewtqcl{box-sizing:border-box;}"]
|
|
28
28
|
});
|
|
29
29
|
/**
|
|
30
30
|
* Apply styling to the TeachingPopoverSurface slots based on the state
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__styles","mergeClasses","usePopoverSurfaceStyles_unstable","tokens","teachingPopoverSurfaceClassNames","root","useStyles","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","
|
|
1
|
+
{"version":3,"names":["__styles","mergeClasses","usePopoverSurfaceStyles_unstable","tokens","teachingPopoverSurfaceClassNames","root","useStyles","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bf4jedk","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 minWidth: '320px',\n boxSizing: 'border-box'\n }\n});\n/**\n * Apply styling to the TeachingPopoverSurface slots based on the state\n */ export const useTeachingPopoverSurfaceStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n // Make sure to merge teaching bubble surface prior to popover styles\n state.root.className = mergeClasses(teachingPopoverSurfaceClassNames.root, styles.root, state.root.className);\n const updatedState = usePopoverSurfaceStyles_unstable(state);\n return updatedState;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,gCAAgC,QAAQ,yBAAyB;AAC1E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,gCAAgC,GAAG;EAC5CC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGN,QAAA;EAAAK,IAAA;IAAAE,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAOjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,wCAAwC,GAAIC,KAAK,IAAG;EACjE,aAAa;;EACb,MAAMC,MAAM,GAAGjB,SAAS,CAAC,CAAC;EAC1B;EACAgB,KAAK,CAACjB,IAAI,CAACmB,SAAS,GAAGvB,YAAY,CAACG,gCAAgC,CAACC,IAAI,EAAEkB,MAAM,CAAClB,IAAI,EAAEiB,KAAK,CAACjB,IAAI,CAACmB,SAAS,CAAC;EAC7G,MAAMC,YAAY,GAAGvB,gCAAgC,CAACoB,KAAK,CAAC;EAC5D,OAAOG,YAAY;AACvB,CAAC","ignoreList":[]}
|
|
@@ -35,7 +35,7 @@ const useMediaStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
35
35
|
B68tc82: 0,
|
|
36
36
|
Bmxbyg5: 0,
|
|
37
37
|
Bpg54ce: "f1a3p1vp",
|
|
38
|
-
a9b677: "
|
|
38
|
+
a9b677: "f14z66ap",
|
|
39
39
|
jrapky: "f1jlhsmd",
|
|
40
40
|
ha4doy: "fmrv4ls",
|
|
41
41
|
Brf1p80: "f4d9j23",
|
|
@@ -67,7 +67,7 @@ const useMediaStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
67
67
|
p: -1
|
|
68
68
|
}
|
|
69
69
|
],
|
|
70
|
-
".
|
|
70
|
+
".f14z66ap{width:auto;}",
|
|
71
71
|
".f1jlhsmd{margin-bottom:12px;}",
|
|
72
72
|
".fmrv4ls{vertical-align:middle;}",
|
|
73
73
|
".f4d9j23{justify-content:center;}",
|
package/lib-commonjs/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"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:
|
|
1
|
+
{"version":3,"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: 'auto',\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: 1,\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 'use no memo';\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"],"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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,6BAA6B;eAA7BA;;IAKAC,cAAc;eAAdA;;IAoCyCC,qCAAqC;eAArCA;;;uBA1Cb;AAClC,MAAMF,gCAAgC;IACzCG,MAAM;IACNC,OAAO;AACX;AACA,MAAMC,uBAAuB;AACtB,MAAMJ,iBAAc,WAAA,GAAGK,IAAAA,eAAA,EAAA;IAAAC,MAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,OAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;IAAAC,QAAA;QAAAF,SAAA;QAAAC,SAAA;IAAA;IAAAE,MAAA;QAAAH,SAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAG,GAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AA6B9B,MAAMC,YAAS,WAAA,GAAGvB,IAAAA,eAAA,EAAA;IAAAH,MAAA;QAAAiB,QAAA;QAAAU,SAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAL,GAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAO8B,MAAMxB,wCAAyC8B,CAAAA;IAC3F;IACA,MAAM,EAAEC,WAAAA,EAAa,GAAGD;IACxB,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;QACb4B,MAAM5B,KAAK,CAACgC,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,8BAA8BI,KAAK,EAAE+B,YAAY5B,IAAI,EAAE4B,WAAW,CAACF,YAAY,EAAED,MAAM5B,KAAK,CAACgC,SAAS;IAC/I;IACA,OAAOJ;AACX"}
|
package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js
CHANGED
|
@@ -33,8 +33,8 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
33
33
|
Btl43ni: 0,
|
|
34
34
|
B7oj6ja: 0,
|
|
35
35
|
Dimara: "f1kijzfu",
|
|
36
|
-
|
|
37
|
-
B7ck84d: "
|
|
36
|
+
Bf4jedk: "f14hp5dx",
|
|
37
|
+
B7ck84d: "f1ewtqcl"
|
|
38
38
|
}
|
|
39
39
|
}, {
|
|
40
40
|
d: [
|
|
@@ -50,8 +50,8 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
50
50
|
p: -1
|
|
51
51
|
}
|
|
52
52
|
],
|
|
53
|
-
".
|
|
54
|
-
".
|
|
53
|
+
".f14hp5dx{min-width:320px;}",
|
|
54
|
+
".f1ewtqcl{box-sizing:border-box;}"
|
|
55
55
|
]
|
|
56
56
|
});
|
|
57
57
|
const useTeachingPopoverSurfaceStyles_unstable = (state)=>{
|
package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"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
|
|
1
|
+
{"version":3,"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 minWidth: '320px',\n boxSizing: 'border-box'\n }\n});\n/**\n * Apply styling to the TeachingPopoverSurface slots based on the state\n */ export const useTeachingPopoverSurfaceStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n // Make sure to merge teaching bubble surface prior to popover styles\n state.root.className = mergeClasses(teachingPopoverSurfaceClassNames.root, styles.root, state.root.className);\n const updatedState = usePopoverSurfaceStyles_unstable(state);\n return updatedState;\n};\n"],"names":["teachingPopoverSurfaceClassNames","useTeachingPopoverSurfaceStyles_unstable","root","useStyles","__styles","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bf4jedk","B7ck84d","d","p","state","styles","className","mergeClasses","updatedState","usePopoverSurfaceStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGaA,gCAAgC;eAAhCA;;IAaIC,wCAAwC;eAAxCA;;;uBAhBwB;8BACQ;AAE1C,MAAMD,mCAAmC;IAC5CE,MAAM;AACV;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;KAAA;AAAA;AAUP,MAAMjB,2CAA4CkB,CAAAA;IACzD;IACA,MAAMC,SAASjB;IACf,qEAAA;IACAgB,MAAMjB,IAAI,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,iCAAiCE,IAAI,EAAEkB,OAAOlB,IAAI,EAAEiB,MAAMjB,IAAI,CAACmB,SAAS;IAC5G,MAAME,eAAeC,IAAAA,8CAAgC,EAACL;IACtD,OAAOI;AACX"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-teaching-popover",
|
|
3
|
-
"version": "9.1.
|
|
3
|
+
"version": "9.1.16",
|
|
4
4
|
"description": "New fluentui react package",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -35,18 +35,18 @@
|
|
|
35
35
|
"@fluentui/scripts-tasks": "*"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@fluentui/react-jsx-runtime": "^9.0.
|
|
38
|
+
"@fluentui/react-jsx-runtime": "^9.0.43",
|
|
39
39
|
"@fluentui/react-theme": "^9.1.19",
|
|
40
|
-
"@fluentui/react-utilities": "^9.18.
|
|
40
|
+
"@fluentui/react-utilities": "^9.18.14",
|
|
41
41
|
"@griffel/react": "^1.5.22",
|
|
42
42
|
"@swc/helpers": "^0.5.1",
|
|
43
43
|
"@fluentui/react-shared-contexts": "^9.20.0",
|
|
44
|
-
"@fluentui/react-popover": "^9.9.
|
|
45
|
-
"@fluentui/react-button": "^9.3.
|
|
46
|
-
"@fluentui/react-tabster": "^9.22.
|
|
44
|
+
"@fluentui/react-popover": "^9.9.20",
|
|
45
|
+
"@fluentui/react-button": "^9.3.90",
|
|
46
|
+
"@fluentui/react-tabster": "^9.22.6",
|
|
47
47
|
"@fluentui/react-icons": "^2.0.245",
|
|
48
|
-
"@fluentui/react-aria": "^9.13.
|
|
49
|
-
"@fluentui/react-context-selector": "^9.1.
|
|
48
|
+
"@fluentui/react-aria": "^9.13.5",
|
|
49
|
+
"@fluentui/react-context-selector": "^9.1.66",
|
|
50
50
|
"use-sync-external-store": "^1.2.0"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|