@fluentui/react-teaching-popover 9.1.0 → 9.1.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 CHANGED
@@ -1,12 +1,27 @@
1
1
  # Change Log - @fluentui/react-teaching-popover
2
2
 
3
- This log was last generated on Tue, 23 Apr 2024 08:12:10 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 02 May 2024 11:31:34 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.1.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-teaching-popover_v9.1.1)
8
+
9
+ Thu, 02 May 2024 11:31:34 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-teaching-popover_v9.1.0..@fluentui/react-teaching-popover_v9.1.1)
11
+
12
+ ### Patches
13
+
14
+ - chore: upgrade @fluentui/react-icons to 2.0.237. ([PR #31139](https://github.com/microsoft/fluentui/pull/31139) by ololubek@microsoft.com)
15
+ - fix: Arrow was 1px offset and incorrect box-sizing ([PR #31161](https://github.com/microsoft/fluentui/pull/31161) by edwardwang.94@gmail.com)
16
+ - chore: fix TeachingPopover package name in LICENSE file and import path in bundle size ([PR #31159](https://github.com/microsoft/fluentui/pull/31159) by seanmonahan@microsoft.com)
17
+ - Bump @fluentui/react-popover to v9.9.6 ([PR #31231](https://github.com/microsoft/fluentui/pull/31231) by beachball)
18
+ - Bump @fluentui/react-button to v9.3.77 ([PR #31231](https://github.com/microsoft/fluentui/pull/31231) by beachball)
19
+ - Bump @fluentui/react-tabster to v9.21.0 ([PR #31231](https://github.com/microsoft/fluentui/pull/31231) by beachball)
20
+ - Bump @fluentui/react-aria to v9.11.0 ([PR #31231](https://github.com/microsoft/fluentui/pull/31231) by beachball)
21
+
7
22
  ## [9.1.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-teaching-popover_v9.1.0)
8
23
 
9
- Tue, 23 Apr 2024 08:12:10 GMT
24
+ Tue, 23 Apr 2024 08:17:46 GMT
10
25
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-teaching-popover-preview_v0.3.0..@fluentui/react-teaching-popover_v9.1.0)
11
26
 
12
27
  ### Minor changes
package/LICENSE CHANGED
@@ -1,4 +1,4 @@
1
- @fluentui/react-teaching-popover-preview
1
+ @fluentui/react-teaching-popover
2
2
 
3
3
  Copyright (c) Microsoft Corporation
4
4
 
@@ -3,6 +3,7 @@ export const teachingPopoverBodyClassNames = {
3
3
  root: 'fui-TeachingPopoverBody',
4
4
  media: 'fui-TeachingPopoverBody__media'
5
5
  };
6
+ const popoverBodyDimension = 288;
6
7
  export const useMediaStyles = /*#__PURE__*/__styles({
7
8
  base: {
8
9
  Ijaq50: "f11uok23",
@@ -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: '288px',\n marginBottom: '12px',\n verticalAlign: 'middle',\n justifyContent: 'center',\n display: 'flex'\n },\n short: {\n aspectRatio: 288 / 117,\n '@supports not (aspect-ratio)': {\n height: '117px'\n }\n },\n medium: {\n aspectRatio: 288 / 176,\n '@supports not (aspect-ratio)': {\n height: '176px'\n }\n },\n tall: {\n aspectRatio: 288 / 288,\n '@supports not (aspect-ratio)': {\n height: '288px'\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,OAAO,MAAMC,cAAc,gBAAGN,QAAA;EAAAO,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,gBAAG1B,QAAA;EAAAI,IAAA;IAAAc,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,CAAC1B,IAAI,CAAC8B,SAAS,GAAGjC,YAAY,CAACE,6BAA6B,CAACC,IAAI,EAAE4B,MAAM,CAAC5B,IAAI,EAAE0B,KAAK,CAAC1B,IAAI,CAAC8B,SAAS,CAAC;EAC1G,IAAIJ,KAAK,CAACzB,KAAK,EAAE;IACbyB,KAAK,CAACzB,KAAK,CAAC6B,SAAS,GAAGjC,YAAY,CAACE,6BAA6B,CAACE,KAAK,EAAE4B,WAAW,CAAC1B,IAAI,EAAE0B,WAAW,CAACF,WAAW,CAAC,EAAED,KAAK,CAACzB,KAAK,CAAC6B,SAAS,CAAC;EAChJ;EACA,OAAOJ,KAAK;AAChB,CAAC"}
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
- B4j52fo: "f1pit55b",
18
- Bekrc4i: ["f1orqat1", "ffbvwxd"],
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);}", ".f1pit55b{border-top-width:0px;}", ".f1orqat1{border-right-width:0px;}", ".ffbvwxd{border-left-width:0px;}", ".f136mcbi{border-bottom-width:0px;}", ".f1nfxovz{width:320px;}", ".f1ewtqcl{box-sizing:border-box;}"]
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","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","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 ...shorthands.borderWidth('0px'),\n width: '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 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,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAQjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,wCAAwC,GAAIC,KAAK,IAAG;EACjE,MAAMC,MAAM,GAAGlB,SAAS,CAAC,CAAC;EAC1B;EACAiB,KAAK,CAAClB,IAAI,CAACoB,SAAS,GAAGzB,YAAY,CAACI,gCAAgC,CAACC,IAAI,EAAEmB,MAAM,CAACnB,IAAI,EAAEkB,KAAK,CAAClB,IAAI,CAACoB,SAAS,CAAC;EAC7G,MAAMC,YAAY,GAAGxB,gCAAgC,CAACqB,KAAK,CAAC;EAC5D,OAAOG,YAAY;AACvB,CAAC"}
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"}
@@ -24,6 +24,7 @@ const teachingPopoverBodyClassNames = {
24
24
  root: 'fui-TeachingPopoverBody',
25
25
  media: 'fui-TeachingPopoverBody__media'
26
26
  };
27
+ const popoverBodyDimension = 288;
27
28
  const useMediaStyles = /*#__PURE__*/ (0, _react.__styles)({
28
29
  base: {
29
30
  Ijaq50: "f11uok23",
@@ -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;;IAIAC,cAAc;eAAdA;;IAwCAC,qCAAqC;eAArCA;;;uBA7CsC;AAC5C,MAAMF,gCAAgC;IAC3CG,MAAM;IACNC,OAAO;AACT;AACO,MAAMH,iBAAiB,WAAW,GAAEI,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;IACtCF,MAAM;QACJc,QAAQ;QACRS,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDJ,GAAG;QAAC;QAA2B;QAAqC;KAAiC;AACvG;AAEO,MAAMrB,wCAAwC0B,CAAAA;IACnD,MAAM,EACJC,WAAW,EACZ,GAAGD;IACJ,MAAME,SAASL;IACf,MAAMM,cAAc9B;IACpB2B,MAAMzB,IAAI,CAAC6B,SAAS,GAAGC,IAAAA,mBAAY,EAACjC,8BAA8BG,IAAI,EAAE2B,OAAO3B,IAAI,EAAEyB,MAAMzB,IAAI,CAAC6B,SAAS;IACzG,IAAIJ,MAAMxB,KAAK,EAAE;QACfwB,MAAMxB,KAAK,CAAC4B,SAAS,GAAGC,IAAAA,mBAAY,EAACjC,8BAA8BI,KAAK,EAAE2B,YAAYzB,IAAI,EAAEyB,WAAW,CAACF,YAAY,EAAED,MAAMxB,KAAK,CAAC4B,SAAS;IAC7I;IACA,OAAOJ;AACT,GACA,+DAA+D"}
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"}
@@ -49,18 +49,8 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
49
49
  "f8yange",
50
50
  "f1el4m67"
51
51
  ],
52
- B4j52fo: "f1pit55b",
53
- Bekrc4i: [
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
- ".f1pit55b{border-top-width:0px;}",
76
- ".f1orqat1{border-right-width:0px;}",
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)=>{
@@ -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 B4j52fo: \"f1pit55b\",\n Bekrc4i: [\"f1orqat1\", \"ffbvwxd\"],\n Bn0qgzm: \"f136mcbi\",\n ibv6hh: [\"ffbvwxd\", \"f1orqat1\"],\n a9b677: \"f1nfxovz\",\n B7ck84d: \"f1ewtqcl\"\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);}\", \".f1pit55b{border-top-width:0px;}\", \".f1orqat1{border-right-width:0px;}\", \".ffbvwxd{border-left-width:0px;}\", \".f136mcbi{border-bottom-width:0px;}\", \".f1nfxovz{width:320px;}\", \".f1ewtqcl{box-sizing:border-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","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","a9b677","B7ck84d","d","state","styles","className","mergeClasses","updatedState","usePopoverSurfaceStyles_unstable"],"mappings":";;;;;;;;;;;IAGaA,gCAAgC;eAAhCA;;IA0BAC,wCAAwC;eAAxCA;;;uBA7BsC;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,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAkD;QAAqD;QAAoD;QAAqD;QAAmE;QAAkE;QAAiE;QAA+D;QAAoC;QAAsC;QAAoC;QAAuC;QAA2B;KAAoC;AAC/qB;AAIO,MAAMlB,2CAA2CmB,CAAAA;IACtD,MAAMC,SAASlB;IACf,qEAAqE;IACrEiB,MAAMlB,IAAI,CAACoB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,iCAAiCE,IAAI,EAAEmB,OAAOnB,IAAI,EAAEkB,MAAMlB,IAAI,CAACoB,SAAS;IAC5G,MAAME,eAAeC,IAAAA,8CAAgC,EAACL;IACtD,OAAOI;AACT,GACA,kEAAkE"}
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": "9.1.0",
3
+ "version": "9.1.1",
4
4
  "description": "New fluentui react package",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -42,11 +42,11 @@
42
42
  "@griffel/react": "^1.5.14",
43
43
  "@swc/helpers": "^0.5.1",
44
44
  "@fluentui/react-shared-contexts": "^9.17.0",
45
- "@fluentui/react-popover": "^9.9.5",
46
- "@fluentui/react-button": "^9.3.76",
47
- "@fluentui/react-tabster": "^9.20.1",
48
- "@fluentui/react-icons": "^2.0.235",
49
- "@fluentui/react-aria": "^9.10.5",
45
+ "@fluentui/react-popover": "^9.9.6",
46
+ "@fluentui/react-button": "^9.3.77",
47
+ "@fluentui/react-tabster": "^9.21.0",
48
+ "@fluentui/react-icons": "^2.0.237",
49
+ "@fluentui/react-aria": "^9.11.0",
50
50
  "@fluentui/react-context-selector": "^9.1.58",
51
51
  "use-sync-external-store": "^1.2.0"
52
52
  },