@fluentui/react-teaching-popover 0.0.0-nightly-20240425-0408.1 → 0.0.0-nightly-20240429-0407.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 -15
- package/lib/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js +1 -0
- package/lib/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js.map +1 -1
- package/lib/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js +3 -7
- package/lib/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js +1 -0
- package/lib-commonjs/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js +4 -18
- package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js.map +1 -1
- package/package.json +12 -12
package/CHANGELOG.md
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-teaching-popover
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Mon, 29 Apr 2024 04:22:31 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [0.0.0-nightly-
|
|
7
|
+
## [0.0.0-nightly-20240429-0407.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-teaching-popover_v0.0.0-nightly-20240429-0407.1)
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-teaching-popover_v9.1.0..@fluentui/react-teaching-popover_v0.0.0-nightly-
|
|
9
|
+
Mon, 29 Apr 2024 04:22:31 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-teaching-popover_v9.1.0..@fluentui/react-teaching-popover_v0.0.0-nightly-20240429-0407.1)
|
|
11
11
|
|
|
12
12
|
### Changes
|
|
13
13
|
|
|
14
14
|
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
|
|
15
|
-
- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-
|
|
16
|
-
- Bump @fluentui/react-theme to v0.0.0-nightly-
|
|
17
|
-
- Bump @fluentui/react-utilities to v0.0.0-nightly-
|
|
18
|
-
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-
|
|
19
|
-
- Bump @fluentui/react-popover to v0.0.0-nightly-
|
|
20
|
-
- Bump @fluentui/react-button to v0.0.0-nightly-
|
|
21
|
-
- Bump @fluentui/react-tabster to v0.0.0-nightly-
|
|
22
|
-
- Bump @fluentui/react-aria to v0.0.0-nightly-
|
|
23
|
-
- Bump @fluentui/react-context-selector to v0.0.0-nightly-
|
|
24
|
-
- Bump @fluentui/react-conformance to v0.0.0-nightly-
|
|
25
|
-
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-
|
|
15
|
+
- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240429-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/eb9d265a679e0ca32e6b4442633dbb213e6cd243) by beachball)
|
|
16
|
+
- Bump @fluentui/react-theme to v0.0.0-nightly-20240429-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/eb9d265a679e0ca32e6b4442633dbb213e6cd243) by beachball)
|
|
17
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly-20240429-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/eb9d265a679e0ca32e6b4442633dbb213e6cd243) by beachball)
|
|
18
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20240429-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/eb9d265a679e0ca32e6b4442633dbb213e6cd243) by beachball)
|
|
19
|
+
- Bump @fluentui/react-popover to v0.0.0-nightly-20240429-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/eb9d265a679e0ca32e6b4442633dbb213e6cd243) by beachball)
|
|
20
|
+
- Bump @fluentui/react-button to v0.0.0-nightly-20240429-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/eb9d265a679e0ca32e6b4442633dbb213e6cd243) by beachball)
|
|
21
|
+
- Bump @fluentui/react-tabster to v0.0.0-nightly-20240429-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/eb9d265a679e0ca32e6b4442633dbb213e6cd243) by beachball)
|
|
22
|
+
- Bump @fluentui/react-aria to v0.0.0-nightly-20240429-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/eb9d265a679e0ca32e6b4442633dbb213e6cd243) by beachball)
|
|
23
|
+
- Bump @fluentui/react-context-selector to v0.0.0-nightly-20240429-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/eb9d265a679e0ca32e6b4442633dbb213e6cd243) by beachball)
|
|
24
|
+
- Bump @fluentui/react-conformance to v0.0.0-nightly-20240429-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/eb9d265a679e0ca32e6b4442633dbb213e6cd243) by beachball)
|
|
25
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240429-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/eb9d265a679e0ca32e6b4442633dbb213e6cd243) by beachball)
|
|
26
26
|
|
|
27
27
|
## [9.1.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-teaching-popover_v9.1.0)
|
|
28
28
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__styles","mergeClasses","shorthands","teachingPopoverBodyClassNames","root","media","useMediaStyles","base","Ijaq50","Br312pm","nk6f5a","Bw0ie65","B68tc82","Bmxbyg5","a9b677","jrapky","ha4doy","Brf1p80","mc9l5x","short","Bubjx69","Bmuttt3","medium","tall","d","t","useStyles","Beiy3e4","Byoj8tv","useTeachingPopoverBodyStyles_unstable","state","mediaLength","styles","mediaStyles","className"],"sources":["useTeachingPopoverBodyStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nexport const teachingPopoverBodyClassNames = {\n root: 'fui-TeachingPopoverBody',\n media: 'fui-TeachingPopoverBody__media'\n};\nexport const useMediaStyles = makeStyles({\n base: {\n ...shorthands.gridArea('media'),\n ...shorthands.overflow('hidden'),\n width:
|
|
1
|
+
{"version":3,"names":["__styles","mergeClasses","shorthands","teachingPopoverBodyClassNames","root","media","popoverBodyDimension","useMediaStyles","base","Ijaq50","Br312pm","nk6f5a","Bw0ie65","B68tc82","Bmxbyg5","a9b677","jrapky","ha4doy","Brf1p80","mc9l5x","short","Bubjx69","Bmuttt3","medium","tall","d","t","useStyles","Beiy3e4","Byoj8tv","useTeachingPopoverBodyStyles_unstable","state","mediaLength","styles","mediaStyles","className"],"sources":["useTeachingPopoverBodyStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } 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 ...shorthands.gridArea('media'),\n ...shorthands.overflow('hidden'),\n width: `${popoverBodyDimension}px`,\n marginBottom: '12px',\n verticalAlign: 'middle',\n justifyContent: 'center',\n display: 'flex'\n },\n short: {\n aspectRatio: popoverBodyDimension / 117,\n '@supports not (aspect-ratio)': {\n height: '117px'\n }\n },\n medium: {\n aspectRatio: popoverBodyDimension / 176,\n '@supports not (aspect-ratio)': {\n height: '176px'\n }\n },\n tall: {\n aspectRatio: popoverBodyDimension / popoverBodyDimension,\n '@supports not (aspect-ratio)': {\n height: `${popoverBodyDimension}px`\n }\n }\n});\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'column',\n paddingBottom: '12px'\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverBodyStyles_unstable = (state)=>{\n const { mediaLength } = state;\n const styles = useStyles();\n const mediaStyles = useMediaStyles();\n state.root.className = mergeClasses(teachingPopoverBodyClassNames.root, styles.root, state.root.className);\n if (state.media) {\n state.media.className = mergeClasses(teachingPopoverBodyClassNames.media, mediaStyles.base, mediaStyles[mediaLength], state.media.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,OAAO,MAAMC,6BAA6B,GAAG;EACzCC,IAAI,EAAE,yBAAyB;EAC/BC,KAAK,EAAE;AACX,CAAC;AACD,MAAMC,oBAAoB,GAAG,GAAG;AAChC,OAAO,MAAMC,cAAc,gBAAGP,QAAA;EAAAQ,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;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;EAAAC,CAAA;AAAA,CA4B7B,CAAC;AACF,MAAMC,SAAS,gBAAG3B,QAAA;EAAAI,IAAA;IAAAe,MAAA;IAAAS,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAJ,CAAA;AAAA,CAMjB,CAAC;AACF;AAAyC,OAAO,MAAMK,qCAAqC,GAAIC,KAAK,IAAG;EACnG,MAAM;IAAEC;EAAY,CAAC,GAAGD,KAAK;EAC7B,MAAME,MAAM,GAAGN,SAAS,CAAC,CAAC;EAC1B,MAAMO,WAAW,GAAG3B,cAAc,CAAC,CAAC;EACpCwB,KAAK,CAAC3B,IAAI,CAAC+B,SAAS,GAAGlC,YAAY,CAACE,6BAA6B,CAACC,IAAI,EAAE6B,MAAM,CAAC7B,IAAI,EAAE2B,KAAK,CAAC3B,IAAI,CAAC+B,SAAS,CAAC;EAC1G,IAAIJ,KAAK,CAAC1B,KAAK,EAAE;IACb0B,KAAK,CAAC1B,KAAK,CAAC8B,SAAS,GAAGlC,YAAY,CAACE,6BAA6B,CAACE,KAAK,EAAE6B,WAAW,CAAC1B,IAAI,EAAE0B,WAAW,CAACF,WAAW,CAAC,EAAED,KAAK,CAAC1B,KAAK,CAAC8B,SAAS,CAAC;EAChJ;EACA,OAAOJ,KAAK;AAChB,CAAC"}
|
|
@@ -14,15 +14,11 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
14
14
|
Beyfa6y: ["fc7yr5o", "fnivh3a"],
|
|
15
15
|
B7oj6ja: ["f1el4m67", "f8yange"],
|
|
16
16
|
Btl43ni: ["f8yange", "f1el4m67"],
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
Bn0qgzm: "f136mcbi",
|
|
20
|
-
ibv6hh: ["ffbvwxd", "f1orqat1"],
|
|
21
|
-
a9b677: "f1nfxovz",
|
|
22
|
-
B7ck84d: "f1ewtqcl"
|
|
17
|
+
a9b677: "f1dxqujg",
|
|
18
|
+
B7ck84d: "f1e4lqlz"
|
|
23
19
|
}
|
|
24
20
|
}, {
|
|
25
|
-
d: [".fikn0iw{padding-top:var(--spacingVerticalL);}", ".f1njcayn{padding-right:var(--spacingVerticalL);}", ".f1k4q41u{padding-left:var(--spacingVerticalL);}", ".fdxej3c{padding-bottom:var(--spacingVerticalL);}", ".fnivh3a{border-bottom-right-radius:var(--borderRadiusXLarge);}", ".fc7yr5o{border-bottom-left-radius:var(--borderRadiusXLarge);}", ".f1el4m67{border-top-right-radius:var(--borderRadiusXLarge);}", ".f8yange{border-top-left-radius:var(--borderRadiusXLarge);}", ".
|
|
21
|
+
d: [".fikn0iw{padding-top:var(--spacingVerticalL);}", ".f1njcayn{padding-right:var(--spacingVerticalL);}", ".f1k4q41u{padding-left:var(--spacingVerticalL);}", ".fdxej3c{padding-bottom:var(--spacingVerticalL);}", ".fnivh3a{border-bottom-right-radius:var(--borderRadiusXLarge);}", ".fc7yr5o{border-bottom-left-radius:var(--borderRadiusXLarge);}", ".f1el4m67{border-top-right-radius:var(--borderRadiusXLarge);}", ".f8yange{border-top-left-radius:var(--borderRadiusXLarge);}", ".f1dxqujg{width:288px;}", ".f1e4lqlz{box-sizing:content-box;}"]
|
|
26
22
|
});
|
|
27
23
|
/**
|
|
28
24
|
* Apply styling to the TeachingPopoverSurface slots based on the state
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__styles","mergeClasses","shorthands","usePopoverSurfaceStyles_unstable","tokens","teachingPopoverSurfaceClassNames","root","useStyles","z8tnut","z189sj","Byoj8tv","uwmqm3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","
|
|
1
|
+
{"version":3,"names":["__styles","mergeClasses","shorthands","usePopoverSurfaceStyles_unstable","tokens","teachingPopoverSurfaceClassNames","root","useStyles","z8tnut","z189sj","Byoj8tv","uwmqm3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","a9b677","B7ck84d","d","useTeachingPopoverSurfaceStyles_unstable","state","styles","className","updatedState"],"sources":["useTeachingPopoverSurfaceStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } 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 ...shorthands.padding(tokens.spacingVerticalL, tokens.spacingVerticalL),\n ...shorthands.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,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,gCAAgC,QAAQ,yBAAyB;AAC1E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,gCAAgC,GAAG;EAC5CC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGP,QAAA;EAAAM,IAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAOjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,wCAAwC,GAAIC,KAAK,IAAG;EACjE,MAAMC,MAAM,GAAGd,SAAS,CAAC,CAAC;EAC1B;EACAa,KAAK,CAACd,IAAI,CAACgB,SAAS,GAAGrB,YAAY,CAACI,gCAAgC,CAACC,IAAI,EAAEe,MAAM,CAACf,IAAI,EAAEc,KAAK,CAACd,IAAI,CAACgB,SAAS,CAAC;EAC7G,MAAMC,YAAY,GAAGpB,gCAAgC,CAACiB,KAAK,CAAC;EAC5D,OAAOG,YAAY;AACvB,CAAC"}
|
package/lib-commonjs/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useTeachingPopoverBodyStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nexport const teachingPopoverBodyClassNames = {\n root: 'fui-TeachingPopoverBody',\n media: 'fui-TeachingPopoverBody__media'\n};\nexport const useMediaStyles = /*#__PURE__*/__styles({\n base: {\n Ijaq50: \"f11uok23\",\n Br312pm: \"f1qdfnnj\",\n nk6f5a: \"f1s27gz\",\n Bw0ie65: \"f86d0yl\",\n B68tc82: \"f1p9o1ba\",\n Bmxbyg5: \"f1sil6mw\",\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: [\".f11uok23{grid-row-start:media;}\", \".f1qdfnnj{grid-column-start:media;}\", \".f1s27gz{grid-row-end:media;}\", \".f86d0yl{grid-column-end:media;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".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","__styles","base","Ijaq50","Br312pm","nk6f5a","Bw0ie65","B68tc82","Bmxbyg5","a9b677","jrapky","ha4doy","Brf1p80","mc9l5x","short","Bubjx69","Bmuttt3","medium","tall","d","t","useStyles","Beiy3e4","Byoj8tv","state","mediaLength","styles","mediaStyles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,6BAA6B;eAA7BA;;
|
|
1
|
+
{"version":3,"sources":["useTeachingPopoverBodyStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } 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 Ijaq50: \"f11uok23\",\n Br312pm: \"f1qdfnnj\",\n nk6f5a: \"f1s27gz\",\n Bw0ie65: \"f86d0yl\",\n B68tc82: \"f1p9o1ba\",\n Bmxbyg5: \"f1sil6mw\",\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: [\".f11uok23{grid-row-start:media;}\", \".f1qdfnnj{grid-column-start:media;}\", \".f1s27gz{grid-row-end:media;}\", \".f86d0yl{grid-column-end:media;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".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","Ijaq50","Br312pm","nk6f5a","Bw0ie65","B68tc82","Bmxbyg5","a9b677","jrapky","ha4doy","Brf1p80","mc9l5x","short","Bubjx69","Bmuttt3","medium","tall","d","t","useStyles","Beiy3e4","Byoj8tv","state","mediaLength","styles","mediaStyles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,6BAA6B;eAA7BA;;IAKAC,cAAc;eAAdA;;IAwCAC,qCAAqC;eAArCA;;;uBA9CsC;AAC5C,MAAMF,gCAAgC;IAC3CG,MAAM;IACNC,OAAO;AACT;AACA,MAAMC,uBAAuB;AACtB,MAAMJ,iBAAiB,WAAW,GAAEK,IAAAA,eAAQ,EAAC;IAClDC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,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;QAAoC;QAAuC;QAAiC;QAAoC;QAAiC;QAAiC;QAA2B;QAAkC;QAAoC;QAAqC;QAA2B;QAA+C;QAA8C;KAA4B;IAChfC,GAAG;QAAC;QAAyD;QAAyD;KAAwD;AAChL;AACA,MAAMC,YAAY,WAAW,GAAEpB,IAAAA,eAAQ,EAAC;IACtCH,MAAM;QACJe,QAAQ;QACRS,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDJ,GAAG;QAAC;QAA2B;QAAqC;KAAiC;AACvG;AAEO,MAAMtB,wCAAwC2B,CAAAA;IACnD,MAAM,EACJC,WAAW,EACZ,GAAGD;IACJ,MAAME,SAASL;IACf,MAAMM,cAAc/B;IACpB4B,MAAM1B,IAAI,CAAC8B,SAAS,GAAGC,IAAAA,mBAAY,EAAClC,8BAA8BG,IAAI,EAAE4B,OAAO5B,IAAI,EAAE0B,MAAM1B,IAAI,CAAC8B,SAAS;IACzG,IAAIJ,MAAMzB,KAAK,EAAE;QACfyB,MAAMzB,KAAK,CAAC6B,SAAS,GAAGC,IAAAA,mBAAY,EAAClC,8BAA8BI,KAAK,EAAE4B,YAAYzB,IAAI,EAAEyB,WAAW,CAACF,YAAY,EAAED,MAAMzB,KAAK,CAAC6B,SAAS;IAC7I;IACA,OAAOJ;AACT,GACA,+DAA+D"}
|
package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js
CHANGED
|
@@ -49,18 +49,8 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
49
49
|
"f8yange",
|
|
50
50
|
"f1el4m67"
|
|
51
51
|
],
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
"f1orqat1",
|
|
55
|
-
"ffbvwxd"
|
|
56
|
-
],
|
|
57
|
-
Bn0qgzm: "f136mcbi",
|
|
58
|
-
ibv6hh: [
|
|
59
|
-
"ffbvwxd",
|
|
60
|
-
"f1orqat1"
|
|
61
|
-
],
|
|
62
|
-
a9b677: "f1nfxovz",
|
|
63
|
-
B7ck84d: "f1ewtqcl"
|
|
52
|
+
a9b677: "f1dxqujg",
|
|
53
|
+
B7ck84d: "f1e4lqlz"
|
|
64
54
|
}
|
|
65
55
|
}, {
|
|
66
56
|
d: [
|
|
@@ -72,12 +62,8 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
72
62
|
".fc7yr5o{border-bottom-left-radius:var(--borderRadiusXLarge);}",
|
|
73
63
|
".f1el4m67{border-top-right-radius:var(--borderRadiusXLarge);}",
|
|
74
64
|
".f8yange{border-top-left-radius:var(--borderRadiusXLarge);}",
|
|
75
|
-
".
|
|
76
|
-
".
|
|
77
|
-
".ffbvwxd{border-left-width:0px;}",
|
|
78
|
-
".f136mcbi{border-bottom-width:0px;}",
|
|
79
|
-
".f1nfxovz{width:320px;}",
|
|
80
|
-
".f1ewtqcl{box-sizing:border-box;}"
|
|
65
|
+
".f1dxqujg{width:288px;}",
|
|
66
|
+
".f1e4lqlz{box-sizing:content-box;}"
|
|
81
67
|
]
|
|
82
68
|
});
|
|
83
69
|
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 { __styles, mergeClasses, shorthands } 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 = /*#__PURE__*/__styles({\n root: {\n z8tnut: \"fikn0iw\",\n z189sj: [\"f1njcayn\", \"f1k4q41u\"],\n Byoj8tv: \"fdxej3c\",\n uwmqm3: [\"f1k4q41u\", \"f1njcayn\"],\n Bbmb7ep: [\"fnivh3a\", \"fc7yr5o\"],\n Beyfa6y: [\"fc7yr5o\", \"fnivh3a\"],\n B7oj6ja: [\"f1el4m67\", \"f8yange\"],\n Btl43ni: [\"f8yange\", \"f1el4m67\"],\n
|
|
1
|
+
{"version":3,"sources":["useTeachingPopoverSurfaceStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } 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 = /*#__PURE__*/__styles({\n root: {\n z8tnut: \"fikn0iw\",\n z189sj: [\"f1njcayn\", \"f1k4q41u\"],\n Byoj8tv: \"fdxej3c\",\n uwmqm3: [\"f1k4q41u\", \"f1njcayn\"],\n Bbmb7ep: [\"fnivh3a\", \"fc7yr5o\"],\n Beyfa6y: [\"fc7yr5o\", \"fnivh3a\"],\n B7oj6ja: [\"f1el4m67\", \"f8yange\"],\n Btl43ni: [\"f8yange\", \"f1el4m67\"],\n a9b677: \"f1dxqujg\",\n B7ck84d: \"f1e4lqlz\"\n }\n}, {\n d: [\".fikn0iw{padding-top:var(--spacingVerticalL);}\", \".f1njcayn{padding-right:var(--spacingVerticalL);}\", \".f1k4q41u{padding-left:var(--spacingVerticalL);}\", \".fdxej3c{padding-bottom:var(--spacingVerticalL);}\", \".fnivh3a{border-bottom-right-radius:var(--borderRadiusXLarge);}\", \".fc7yr5o{border-bottom-left-radius:var(--borderRadiusXLarge);}\", \".f1el4m67{border-top-right-radius:var(--borderRadiusXLarge);}\", \".f8yange{border-top-left-radius:var(--borderRadiusXLarge);}\", \".f1dxqujg{width:288px;}\", \".f1e4lqlz{box-sizing:content-box;}\"]\n});\n/**\n * Apply styling to the TeachingPopoverSurface slots based on the state\n */\nexport 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//# sourceMappingURL=useTeachingPopoverSurfaceStyles.styles.js.map"],"names":["teachingPopoverSurfaceClassNames","useTeachingPopoverSurfaceStyles_unstable","root","useStyles","__styles","z8tnut","z189sj","Byoj8tv","uwmqm3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","a9b677","B7ck84d","d","state","styles","className","mergeClasses","updatedState","usePopoverSurfaceStyles_unstable"],"mappings":";;;;;;;;;;;IAGaA,gCAAgC;eAAhCA;;IAsBAC,wCAAwC;eAAxCA;;;uBAzBsC;8BACF;AAE1C,MAAMD,mCAAmC;IAC9CE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAW;SAAW;QAChCC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAkD;QAAqD;QAAoD;QAAqD;QAAmE;QAAkE;QAAiE;QAA+D;QAA2B;KAAqC;AAC3hB;AAIO,MAAMd,2CAA2Ce,CAAAA;IACtD,MAAMC,SAASd;IACf,qEAAqE;IACrEa,MAAMd,IAAI,CAACgB,SAAS,GAAGC,IAAAA,mBAAY,EAACnB,iCAAiCE,IAAI,EAAEe,OAAOf,IAAI,EAAEc,MAAMd,IAAI,CAACgB,SAAS;IAC5G,MAAME,eAAeC,IAAAA,8CAAgC,EAACL;IACtD,OAAOI;AACT,GACA,kEAAkE"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-teaching-popover",
|
|
3
|
-
"version": "0.0.0-nightly-
|
|
3
|
+
"version": "0.0.0-nightly-20240429-0407.1",
|
|
4
4
|
"description": "New fluentui react package",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -30,24 +30,24 @@
|
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
32
|
"@fluentui/eslint-plugin": "*",
|
|
33
|
-
"@fluentui/react-conformance": "0.0.0-nightly-
|
|
34
|
-
"@fluentui/react-conformance-griffel": "0.0.0-nightly-
|
|
33
|
+
"@fluentui/react-conformance": "0.0.0-nightly-20240429-0407.1",
|
|
34
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightly-20240429-0407.1",
|
|
35
35
|
"@fluentui/scripts-api-extractor": "*",
|
|
36
36
|
"@fluentui/scripts-tasks": "*"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@fluentui/react-jsx-runtime": "0.0.0-nightly-
|
|
40
|
-
"@fluentui/react-theme": "0.0.0-nightly-
|
|
41
|
-
"@fluentui/react-utilities": "0.0.0-nightly-
|
|
39
|
+
"@fluentui/react-jsx-runtime": "0.0.0-nightly-20240429-0407.1",
|
|
40
|
+
"@fluentui/react-theme": "0.0.0-nightly-20240429-0407.1",
|
|
41
|
+
"@fluentui/react-utilities": "0.0.0-nightly-20240429-0407.1",
|
|
42
42
|
"@griffel/react": "^1.5.14",
|
|
43
43
|
"@swc/helpers": "^0.5.1",
|
|
44
|
-
"@fluentui/react-shared-contexts": "0.0.0-nightly-
|
|
45
|
-
"@fluentui/react-popover": "0.0.0-nightly-
|
|
46
|
-
"@fluentui/react-button": "0.0.0-nightly-
|
|
47
|
-
"@fluentui/react-tabster": "0.0.0-nightly-
|
|
44
|
+
"@fluentui/react-shared-contexts": "0.0.0-nightly-20240429-0407.1",
|
|
45
|
+
"@fluentui/react-popover": "0.0.0-nightly-20240429-0407.1",
|
|
46
|
+
"@fluentui/react-button": "0.0.0-nightly-20240429-0407.1",
|
|
47
|
+
"@fluentui/react-tabster": "0.0.0-nightly-20240429-0407.1",
|
|
48
48
|
"@fluentui/react-icons": "^2.0.235",
|
|
49
|
-
"@fluentui/react-aria": "0.0.0-nightly-
|
|
50
|
-
"@fluentui/react-context-selector": "0.0.0-nightly-
|
|
49
|
+
"@fluentui/react-aria": "0.0.0-nightly-20240429-0407.1",
|
|
50
|
+
"@fluentui/react-context-selector": "0.0.0-nightly-20240429-0407.1",
|
|
51
51
|
"use-sync-external-store": "^1.2.0"
|
|
52
52
|
},
|
|
53
53
|
"peerDependencies": {
|