npm - @fluentui/react-teaching-popover - Versions diffs - 9.1.2 → 9.1.4 - Mend

@fluentui/react-teaching-popover 9.1.2 → 9.1.4

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.

Files changed (14) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,12 +1,34 @@
 # Change Log - @fluentui/react-teaching-popover
-This log was last generated on Mon, 06 May 2024 12:48:54 GMT and should not be manually modified.
+This log was last generated on Thu, 16 May 2024 09:21:26 GMT and should not be manually modified.
 <!-- Start content -->
+## [9.1.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-teaching-popover_v9.1.4)
+Thu, 16 May 2024 09:21:26 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-teaching-popover_v9.1.3..@fluentui/react-teaching-popover_v9.1.4)
+### Patches
+-  chore: Upgrade react-icons version to 2.0.239 to pick up provider export map fix. ([PR #31287](https://github.com/microsoft/fluentui/pull/31287) by ololubek@microsoft.com)
+- Bump @fluentui/react-button to v9.3.80 ([commit](https://github.com/microsoft/fluentui/commit/3ae9ed772fbcedeff1a76e154f6eb7d515785698) by beachball)
+## [9.1.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-teaching-popover_v9.1.3)
+Thu, 09 May 2024 19:35:12 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-teaching-popover_v9.1.2..@fluentui/react-teaching-popover_v9.1.3)
+### Patches
+- Bump @fluentui/react-popover to v9.9.8 ([PR #31321](https://github.com/microsoft/fluentui/pull/31321) by beachball)
+- Bump @fluentui/react-button to v9.3.79 ([PR #31321](https://github.com/microsoft/fluentui/pull/31321) by beachball)
+- Bump @fluentui/react-tabster to v9.21.2 ([PR #31321](https://github.com/microsoft/fluentui/pull/31321) by beachball)
+- Bump @fluentui/react-aria to v9.11.2 ([PR #31321](https://github.com/microsoft/fluentui/pull/31321) by beachball)
 ## [9.1.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-teaching-popover_v9.1.2)
-Mon, 06 May 2024 12:48:54 GMT
+Mon, 06 May 2024 12:55:02 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-teaching-popover_v9.1.1..@fluentui/react-teaching-popover_v9.1.2)
 ### Patches

package/lib/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
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"}
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","ignoreList":[]}

package/lib/components/TeachingPopoverCarousel/useTeachingPopoverCarouselStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__styles","mergeClasses","teachingPopoverCarouselClassNames","root","useStyles","useTeachingPopoverCarouselStyles_unstable","state","styles","className"],"sources":["useTeachingPopoverCarouselStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselClassNames = {\n root: 'fui-TeachingPopoverCarousel'\n};\n// Todo: Page change animation & styles\nconst useStyles = makeStyles({\n root: {}\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselStyles_unstable = (state)=>{\n const styles = useStyles();\n state.root.className = mergeClasses(teachingPopoverCarouselClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,iCAAiC,GAAG;EAC7CC,IAAI,EAAE;AACV,CAAC;AACD;AACA,MAAMC,SAAS,gBAAGJ,QAAA;EAAAG,IAAA;AAAA,KAEjB,CAAC;AACF;AAAyC,OAAO,MAAME,yCAAyC,GAAIC,KAAK,IAAG;EACvG,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;EAC1BE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGP,YAAY,CAACC,iCAAiC,CAACC,IAAI,EAAEI,MAAM,CAACJ,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EAC9G,OAAOF,KAAK;AAChB,CAAC"}
1	+ {"version":3,"names":["__styles","mergeClasses","teachingPopoverCarouselClassNames","root","useStyles","useTeachingPopoverCarouselStyles_unstable","state","styles","className"],"sources":["useTeachingPopoverCarouselStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselClassNames = {\n root: 'fui-TeachingPopoverCarousel'\n};\n// Todo: Page change animation & styles\nconst useStyles = makeStyles({\n root: {}\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselStyles_unstable = (state)=>{\n const styles = useStyles();\n state.root.className = mergeClasses(teachingPopoverCarouselClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,iCAAiC,GAAG;EAC7CC,IAAI,EAAE;AACV,CAAC;AACD;AACA,MAAMC,SAAS,gBAAGJ,QAAA;EAAAG,IAAA;AAAA,KAEjB,CAAC;AACF;AAAyC,OAAO,MAAME,yCAAyC,GAAIC,KAAK,IAAG;EACvG,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;EAC1BE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGP,YAAY,CAACC,iCAAiC,CAACC,IAAI,EAAEI,MAAM,CAACJ,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EAC9G,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCardStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__styles","mergeClasses","teachingPopoverCarouselCardClassNames","root","useStyles","useTeachingPopoverCarouselCardStyles_unstable","state","styles","className"],"sources":["useTeachingPopoverCarouselCardStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselCardClassNames = {\n root: 'fui-TeachingPopoverCarouselCard'\n};\nconst useStyles = makeStyles({\n root: {}\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselCardStyles_unstable = (state)=>{\n const styles = useStyles();\n state.root.className = mergeClasses(teachingPopoverCarouselCardClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,qCAAqC,GAAG;EACjDC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGJ,QAAA;EAAAG,IAAA;AAAA,KAEjB,CAAC;AACF;AAAyC,OAAO,MAAME,6CAA6C,GAAIC,KAAK,IAAG;EAC3G,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;EAC1BE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGP,YAAY,CAACC,qCAAqC,CAACC,IAAI,EAAEI,MAAM,CAACJ,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EAClH,OAAOF,KAAK;AAChB,CAAC"}
1	+ {"version":3,"names":["__styles","mergeClasses","teachingPopoverCarouselCardClassNames","root","useStyles","useTeachingPopoverCarouselCardStyles_unstable","state","styles","className"],"sources":["useTeachingPopoverCarouselCardStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselCardClassNames = {\n root: 'fui-TeachingPopoverCarouselCard'\n};\nconst useStyles = makeStyles({\n root: {}\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselCardStyles_unstable = (state)=>{\n const styles = useStyles();\n state.root.className = mergeClasses(teachingPopoverCarouselCardClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,qCAAqC,GAAG;EACjDC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGJ,QAAA;EAAAG,IAAA;AAAA,KAEjB,CAAC;AACF;AAAyC,OAAO,MAAME,6CAA6C,GAAIC,KAAK,IAAG;EAC3G,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;EAC1BE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGP,YAAY,CAACC,qCAAqC,CAACC,IAAI,EAAEI,MAAM,CAACJ,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EAClH,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooterStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__styles","mergeClasses","shorthands","teachingPopoverCarouselFooterClassNames","root","previous","next","useStyles","mc9l5x","Beiy3e4","rootCentered","Brf1p80","i8kkvl","Belr9w4","rootRightAligned","Bp34fd5","d","useTeachingPopoverCarouselFooterStyles_unstable","state","styles","layout","className"],"sources":["useTeachingPopoverCarouselFooterStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nexport const teachingPopoverCarouselFooterClassNames = {\n root: 'fui-TeachingPopoverCarouselFooter',\n previous: 'fui-TeachingPopoverCarouselFooter__previous',\n next: 'fui-TeachingPopoverCarouselFooter__next'\n};\n// Todo: Page change animation & styles\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row'\n },\n rootCentered: {\n justifyContent: 'space-between',\n ...shorthands.gap('8px')\n },\n rootRightAligned: {\n ...shorthands.gap('8px'),\n '& :first-child': {\n marginInlineEnd: 'auto'\n }\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselFooterStyles_unstable = (state)=>{\n const styles = useStyles();\n const { layout } = state;\n state.root.className = mergeClasses(teachingPopoverCarouselFooterClassNames.root, styles.root, layout === 'centered' ? styles.rootCentered : styles.rootRightAligned, state.root.className);\n if (state.previous) {\n state.previous.className = mergeClasses(teachingPopoverCarouselFooterClassNames.previous, state.previous.className);\n }\n state.next.className = mergeClasses(teachingPopoverCarouselFooterClassNames.next, state.next.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,OAAO,MAAMC,uCAAuC,GAAG;EACnDC,IAAI,EAAE,mCAAmC;EACzCC,QAAQ,EAAE,6CAA6C;EACvDC,IAAI,EAAE;AACV,CAAC;AACD;AACA,MAAMC,SAAS,gBAAGP,QAAA;EAAAI,IAAA;IAAAI,MAAA;IAAAC,OAAA;EAAA;EAAAC,YAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,gBAAA;IAAAF,MAAA;IAAAC,OAAA;IAAAE,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAejB,CAAC;AACF;AAAyC,OAAO,MAAMC,+CAA+C,GAAIC,KAAK,IAAG;EAC7G,MAAMC,MAAM,GAAGZ,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEa;EAAO,CAAC,GAAGF,KAAK;EACxBA,KAAK,CAACd,IAAI,CAACiB,SAAS,GAAGpB,YAAY,CAACE,uCAAuC,CAACC,IAAI,EAAEe,MAAM,CAACf,IAAI,EAAEgB,MAAM,KAAK,UAAU,GAAGD,MAAM,CAACT,YAAY,GAAGS,MAAM,CAACL,gBAAgB,EAAEI,KAAK,CAACd,IAAI,CAACiB,SAAS,CAAC;EAC3L,IAAIH,KAAK,CAACb,QAAQ,EAAE;IAChBa,KAAK,CAACb,QAAQ,CAACgB,SAAS,GAAGpB,YAAY,CAACE,uCAAuC,CAACE,QAAQ,EAAEa,KAAK,CAACb,QAAQ,CAACgB,SAAS,CAAC;EACvH;EACAH,KAAK,CAACZ,IAAI,CAACe,SAAS,GAAGpB,YAAY,CAACE,uCAAuC,CAACG,IAAI,EAAEY,KAAK,CAACZ,IAAI,CAACe,SAAS,CAAC;EACvG,OAAOH,KAAK;AAChB,CAAC"}
1	+ {"version":3,"names":["__styles","mergeClasses","shorthands","teachingPopoverCarouselFooterClassNames","root","previous","next","useStyles","mc9l5x","Beiy3e4","rootCentered","Brf1p80","i8kkvl","Belr9w4","rootRightAligned","Bp34fd5","d","useTeachingPopoverCarouselFooterStyles_unstable","state","styles","layout","className"],"sources":["useTeachingPopoverCarouselFooterStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nexport const teachingPopoverCarouselFooterClassNames = {\n root: 'fui-TeachingPopoverCarouselFooter',\n previous: 'fui-TeachingPopoverCarouselFooter__previous',\n next: 'fui-TeachingPopoverCarouselFooter__next'\n};\n// Todo: Page change animation & styles\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row'\n },\n rootCentered: {\n justifyContent: 'space-between',\n ...shorthands.gap('8px')\n },\n rootRightAligned: {\n ...shorthands.gap('8px'),\n '& :first-child': {\n marginInlineEnd: 'auto'\n }\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselFooterStyles_unstable = (state)=>{\n const styles = useStyles();\n const { layout } = state;\n state.root.className = mergeClasses(teachingPopoverCarouselFooterClassNames.root, styles.root, layout === 'centered' ? styles.rootCentered : styles.rootRightAligned, state.root.className);\n if (state.previous) {\n state.previous.className = mergeClasses(teachingPopoverCarouselFooterClassNames.previous, state.previous.className);\n }\n state.next.className = mergeClasses(teachingPopoverCarouselFooterClassNames.next, state.next.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,OAAO,MAAMC,uCAAuC,GAAG;EACnDC,IAAI,EAAE,mCAAmC;EACzCC,QAAQ,EAAE,6CAA6C;EACvDC,IAAI,EAAE;AACV,CAAC;AACD;AACA,MAAMC,SAAS,gBAAGP,QAAA;EAAAI,IAAA;IAAAI,MAAA;IAAAC,OAAA;EAAA;EAAAC,YAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,gBAAA;IAAAF,MAAA;IAAAC,OAAA;IAAAE,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAejB,CAAC;AACF;AAAyC,OAAO,MAAMC,+CAA+C,GAAIC,KAAK,IAAG;EAC7G,MAAMC,MAAM,GAAGZ,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEa;EAAO,CAAC,GAAGF,KAAK;EACxBA,KAAK,CAACd,IAAI,CAACiB,SAAS,GAAGpB,YAAY,CAACE,uCAAuC,CAACC,IAAI,EAAEe,MAAM,CAACf,IAAI,EAAEgB,MAAM,KAAK,UAAU,GAAGD,MAAM,CAACT,YAAY,GAAGS,MAAM,CAACL,gBAAgB,EAAEI,KAAK,CAACd,IAAI,CAACiB,SAAS,CAAC;EAC3L,IAAIH,KAAK,CAACb,QAAQ,EAAE;IAChBa,KAAK,CAACb,QAAQ,CAACgB,SAAS,GAAGpB,YAAY,CAACE,uCAAuC,CAACE,QAAQ,EAAEa,KAAK,CAACb,QAAQ,CAACgB,SAAS,CAAC;EACvH;EACAH,KAAK,CAACZ,IAAI,CAACe,SAAS,GAAGpB,YAAY,CAACE,uCAAuC,CAACG,IAAI,EAAEY,KAAK,CAACZ,IAAI,CAACe,SAAS,CAAC;EACvG,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButtonStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__styles","mergeClasses","shorthands","tokens","useButtonStyles_unstable","teachingPopoverCarouselFooterButtonClassNames","root","useStyles","Bf4jedk","brandNext","sj55zd","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bi91k9c","Jwef8y","B2d53fq","iro3zm","brandPrevious","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","b661bw","Bk6r4ia","B9zn80p","Bpld233","d","h","useTeachingPopoverCarouselFooterButtonStyles_unstable","state","styles","navType","popoverAppearance","className"],"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,\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n ...shorthands.borderColor(tokens.colorTransparentBackground),\n ':hover': {\n color: tokens.colorCompoundBrandForeground1Hover,\n backgroundColor: tokens.colorNeutralForegroundOnBrand\n },\n ':hover:active': {\n color: tokens.colorCompoundBrandForeground1Pressed,\n backgroundColor: tokens.colorNeutralForegroundOnBrand\n }\n },\n brandPrevious: {\n // In brand, this is always 'NeutralForegroundOnBrand'\n color: tokens.colorNeutralForegroundOnBrand,\n backgroundColor: tokens.colorBrandBackground,\n ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n ':hover': {\n color: tokens.colorNeutralForegroundOnBrand,\n ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n backgroundColor: tokens.colorBrandBackgroundHover\n },\n ':hover:active': {\n color: tokens.colorNeutralForegroundOnBrand,\n ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n backgroundColor: tokens.colorBrandBackgroundPressed\n }\n }\n});\n/*\n Apply styling to the TeachingPopoverCarouselFooterButton slots based on the state\n */ export const useTeachingPopoverCarouselFooterButtonStyles_unstable = (state)=>{\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"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,wBAAwB,QAAQ,wBAAwB;AACjE,OAAO,MAAMC,6CAA6C,GAAG;EACzDC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGP,QAAA;EAAAM,IAAA;IAAAE,OAAA;EAAA;EAAAC,SAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,aAAA;IAAAV,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAK,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAP,MAAA;IAAAC,OAAA;IAAAO,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAT,MAAA;EAAA;AAAA;EAAAU,CAAA;EAAAC,CAAA;AAAA,CAiCjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,qDAAqD,GAAIC,KAAK,IAAG;EAC9E,MAAMC,MAAM,GAAG1B,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAE2B,OAAO;IAAEC;EAAkB,CAAC,GAAGH,KAAK;EAC5C;EACAA,KAAK,GAAG;IACJ,GAAGA,KAAK;IACR,GAAG5B,wBAAwB,CAAC4B,KAAK;EACrC,CAAC;EACDA,KAAK,CAAC1B,IAAI,CAAC8B,SAAS,GAAGnC,YAAY,CAACI,6CAA6C,CAACC,IAAI,EAAE2B,MAAM,CAAC3B,IAAI,EAAE4B,OAAO,KAAK,MAAM,IAAIC,iBAAiB,KAAK,OAAO,IAAIF,MAAM,CAACb,aAAa,EAAEc,OAAO,KAAK,MAAM,IAAIC,iBAAiB,KAAK,OAAO,IAAIF,MAAM,CAACxB,SAAS,EAAEuB,KAAK,CAAC1B,IAAI,CAAC8B,SAAS,CAAC;EAChR,OAAOJ,KAAK;AAChB,CAAC"}
1	+ {"version":3,"names":["__styles","mergeClasses","shorthands","tokens","useButtonStyles_unstable","teachingPopoverCarouselFooterButtonClassNames","root","useStyles","Bf4jedk","brandNext","sj55zd","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bi91k9c","Jwef8y","B2d53fq","iro3zm","brandPrevious","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","b661bw","Bk6r4ia","B9zn80p","Bpld233","d","h","useTeachingPopoverCarouselFooterButtonStyles_unstable","state","styles","navType","popoverAppearance","className"],"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,\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n ...shorthands.borderColor(tokens.colorTransparentBackground),\n ':hover': {\n color: tokens.colorCompoundBrandForeground1Hover,\n backgroundColor: tokens.colorNeutralForegroundOnBrand\n },\n ':hover:active': {\n color: tokens.colorCompoundBrandForeground1Pressed,\n backgroundColor: tokens.colorNeutralForegroundOnBrand\n }\n },\n brandPrevious: {\n // In brand, this is always 'NeutralForegroundOnBrand'\n color: tokens.colorNeutralForegroundOnBrand,\n backgroundColor: tokens.colorBrandBackground,\n ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n ':hover': {\n color: tokens.colorNeutralForegroundOnBrand,\n ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n backgroundColor: tokens.colorBrandBackgroundHover\n },\n ':hover:active': {\n color: tokens.colorNeutralForegroundOnBrand,\n ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n backgroundColor: tokens.colorBrandBackgroundPressed\n }\n }\n});\n/*\n Apply styling to the TeachingPopoverCarouselFooterButton slots based on the state\n */ export const useTeachingPopoverCarouselFooterButtonStyles_unstable = (state)=>{\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"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,wBAAwB,QAAQ,wBAAwB;AACjE,OAAO,MAAMC,6CAA6C,GAAG;EACzDC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGP,QAAA;EAAAM,IAAA;IAAAE,OAAA;EAAA;EAAAC,SAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,aAAA;IAAAV,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAK,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAP,MAAA;IAAAC,OAAA;IAAAO,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAT,MAAA;EAAA;AAAA;EAAAU,CAAA;EAAAC,CAAA;AAAA,CAiCjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,qDAAqD,GAAIC,KAAK,IAAG;EAC9E,MAAMC,MAAM,GAAG1B,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAE2B,OAAO;IAAEC;EAAkB,CAAC,GAAGH,KAAK;EAC5C;EACAA,KAAK,GAAG;IACJ,GAAGA,KAAK;IACR,GAAG5B,wBAAwB,CAAC4B,KAAK;EACrC,CAAC;EACDA,KAAK,CAAC1B,IAAI,CAAC8B,SAAS,GAAGnC,YAAY,CAACI,6CAA6C,CAACC,IAAI,EAAE2B,MAAM,CAAC3B,IAAI,EAAE4B,OAAO,KAAK,MAAM,IAAIC,iBAAiB,KAAK,OAAO,IAAIF,MAAM,CAACb,aAAa,EAAEc,OAAO,KAAK,MAAM,IAAIC,iBAAiB,KAAK,OAAO,IAAIF,MAAM,CAACxB,SAAS,EAAEuB,KAAK,CAAC1B,IAAI,CAAC8B,SAAS,CAAC;EAChR,OAAOJ,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","teachingPopoverCarouselNavClassNames","root","useStyles","mc9l5x","Beiy3e4","i8kkvl","Bt984gj","Brf1p80","Bn4voq9","g9k6zt","Bfpq7zp","kdpuga","Bw81rd7","B6xbmo0","dm238s","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","d","useTeachingPopoverCarouselNavStyles_unstable","state","styles","className"],"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,\n alignItems: 'center',\n justifyContent: 'center',\n ...createCustomFocusIndicatorStyle({\n ...shorthands.outline(tokens.strokeWidthThick, 'solid', tokens.colorStrokeFocus2),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n ...shorthands.borderColor('transparent')\n })\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselNavStyles_unstable = (state)=>{\n const styles = useStyles();\n state.root.className = mergeClasses(teachingPopoverCarouselNavClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,oCAAoC,GAAG;EAChDC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGP,QAAA;EAAAM,IAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAajB,CAAC;AACF;AAAyC,OAAO,MAAMC,4CAA4C,GAAIC,KAAK,IAAG;EAC1G,MAAMC,MAAM,GAAGpB,SAAS,CAAC,CAAC;EAC1BmB,KAAK,CAACpB,IAAI,CAACsB,SAAS,GAAG3B,YAAY,CAACI,oCAAoC,CAACC,IAAI,EAAEqB,MAAM,CAACrB,IAAI,EAAEoB,KAAK,CAACpB,IAAI,CAACsB,SAAS,CAAC;EACjH,OAAOF,KAAK;AAChB,CAAC"}
1	+ {"version":3,"names":["__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","teachingPopoverCarouselNavClassNames","root","useStyles","mc9l5x","Beiy3e4","i8kkvl","Bt984gj","Brf1p80","Bn4voq9","g9k6zt","Bfpq7zp","kdpuga","Bw81rd7","B6xbmo0","dm238s","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","d","useTeachingPopoverCarouselNavStyles_unstable","state","styles","className"],"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,\n alignItems: 'center',\n justifyContent: 'center',\n ...createCustomFocusIndicatorStyle({\n ...shorthands.outline(tokens.strokeWidthThick, 'solid', tokens.colorStrokeFocus2),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n ...shorthands.borderColor('transparent')\n })\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselNavStyles_unstable = (state)=>{\n const styles = useStyles();\n state.root.className = mergeClasses(teachingPopoverCarouselNavClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,oCAAoC,GAAG;EAChDC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGP,QAAA;EAAAM,IAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAajB,CAAC;AACF;AAAyC,OAAO,MAAMC,4CAA4C,GAAIC,KAAK,IAAG;EAC1G,MAAMC,MAAM,GAAGpB,SAAS,CAAC,CAAC;EAC1BmB,KAAK,CAACpB,IAAI,CAACsB,SAAS,GAAG3B,YAAY,CAACI,oCAAoC,CAACC,IAAI,EAAEqB,MAAM,CAACrB,IAAI,EAAEoB,KAAK,CAACpB,IAAI,CAACsB,SAAS,CAAC;EACjH,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__styles","mergeClasses","shorthands","tokens","createCustomFocusIndicatorStyle","teachingPopoverCarouselNavButtonClassNames","root","useStyles","mc9l5x","Bceei9c","B7ck84d","Bqenvij","a9b677","De3pzq","rootUnselected","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","z8tnut","z189sj","Byoj8tv","uwmqm3","Bpd4iqm","oeaueh","Bw0xxkn","Bn4voq9","g9k6zt","Bfpq7zp","kdpuga","Bw81rd7","B6xbmo0","dm238s","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bfclv37","B372c46","rootSelected","rootBrand","rootBrandUnselected","d","t","useTeachingPopoverCarouselNavButtonStyles_unstable","state","styles","appearance","isSelected","brandStyles","className"],"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\n },\n rootUnselected: {\n ...shorthands.border(0),\n ...shorthands.borderRadius('50%'),\n ...shorthands.padding('0px'),\n ...shorthands.outline(tokens.strokeWidthThin, 'solid', 'transparent'),\n ...createCustomFocusIndicatorStyle({\n ...shorthands.outline(tokens.strokeWidthThick, 'solid', tokens.colorStrokeFocus2),\n ...shorthands.borderRadius(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: tokens.colorBrandBackground\n }\n },\n rootSelected: {\n ...shorthands.outline(tokens.strokeWidthThin, 'solid', 'transparent'),\n width: '16px',\n ...shorthands.border(0),\n ...shorthands.borderRadius('4px'),\n ...shorthands.padding('0px'),\n ...createCustomFocusIndicatorStyle({\n ...shorthands.outline(tokens.strokeWidthThick, 'solid', tokens.colorStrokeFocus2),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n ...shorthands.borderColor('transparent')\n })\n },\n rootBrand: {\n backgroundColor: 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: tokens.colorBrandBackground\n }\n }\n});\n/\n Apply styling to the TeachingPopoverCarouselNavButton slots based on the state\n */ export const useTeachingPopoverCarouselNavButtonStyles_unstable = (state)=>{\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"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,OAAO,MAAMC,0CAA0C,GAAG;EACtDC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGP,QAAA;EAAAM,IAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,cAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAA3B,MAAA;IAAA4B,OAAA;IAAAC,OAAA;EAAA;EAAAC,YAAA;IAAAhB,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAjB,MAAA;IAAAG,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAI,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAI,SAAA;IAAA/B,MAAA;EAAA;EAAAgC,mBAAA;IAAAhC,MAAA;IAAA4B,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAI,CAAA;EAAAC,CAAA;AAAA,CAiDrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,kDAAkD,GAAIC,KAAK,IAAG;EAC3E,MAAMC,MAAM,GAAG3C,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAE4C,UAAU;IAAEC;EAAW,CAAC,GAAGH,KAAK;EACxC,MAAMI,WAAW,GAAGD,UAAU,GAAGF,MAAM,CAACN,SAAS,GAAGM,MAAM,CAACL,mBAAmB;EAC9EI,KAAK,CAAC3C,IAAI,CAACgD,SAAS,GAAGrD,YAAY,CAACI,0CAA0C,CAACC,IAAI,EAAE4C,MAAM,CAAC5C,IAAI,EAAE8C,UAAU,GAAGF,MAAM,CAACP,YAAY,GAAGO,MAAM,CAACpC,cAAc,EAAEqC,UAAU,KAAK,OAAO,IAAIE,WAAW,EAAEJ,KAAK,CAAC3C,IAAI,CAACgD,SAAS,CAAC;EACxN,OAAOL,KAAK;AAChB,CAAC"}
1	+ {"version":3,"names":["__styles","mergeClasses","shorthands","tokens","createCustomFocusIndicatorStyle","teachingPopoverCarouselNavButtonClassNames","root","useStyles","mc9l5x","Bceei9c","B7ck84d","Bqenvij","a9b677","De3pzq","rootUnselected","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","z8tnut","z189sj","Byoj8tv","uwmqm3","Bpd4iqm","oeaueh","Bw0xxkn","Bn4voq9","g9k6zt","Bfpq7zp","kdpuga","Bw81rd7","B6xbmo0","dm238s","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bfclv37","B372c46","rootSelected","rootBrand","rootBrandUnselected","d","t","useTeachingPopoverCarouselNavButtonStyles_unstable","state","styles","appearance","isSelected","brandStyles","className"],"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\n },\n rootUnselected: {\n ...shorthands.border(0),\n ...shorthands.borderRadius('50%'),\n ...shorthands.padding('0px'),\n ...shorthands.outline(tokens.strokeWidthThin, 'solid', 'transparent'),\n ...createCustomFocusIndicatorStyle({\n ...shorthands.outline(tokens.strokeWidthThick, 'solid', tokens.colorStrokeFocus2),\n ...shorthands.borderRadius(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: tokens.colorBrandBackground\n }\n },\n rootSelected: {\n ...shorthands.outline(tokens.strokeWidthThin, 'solid', 'transparent'),\n width: '16px',\n ...shorthands.border(0),\n ...shorthands.borderRadius('4px'),\n ...shorthands.padding('0px'),\n ...createCustomFocusIndicatorStyle({\n ...shorthands.outline(tokens.strokeWidthThick, 'solid', tokens.colorStrokeFocus2),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n ...shorthands.borderColor('transparent')\n })\n },\n rootBrand: {\n backgroundColor: 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: tokens.colorBrandBackground\n }\n }\n});\n/\n Apply styling to the TeachingPopoverCarouselNavButton slots based on the state\n */ export const useTeachingPopoverCarouselNavButtonStyles_unstable = (state)=>{\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"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,OAAO,MAAMC,0CAA0C,GAAG;EACtDC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGP,QAAA;EAAAM,IAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,cAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAA3B,MAAA;IAAA4B,OAAA;IAAAC,OAAA;EAAA;EAAAC,YAAA;IAAAhB,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAjB,MAAA;IAAAG,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAI,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAI,SAAA;IAAA/B,MAAA;EAAA;EAAAgC,mBAAA;IAAAhC,MAAA;IAAA4B,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAI,CAAA;EAAAC,CAAA;AAAA,CAiDrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,kDAAkD,GAAIC,KAAK,IAAG;EAC3E,MAAMC,MAAM,GAAG3C,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAE4C,UAAU;IAAEC;EAAW,CAAC,GAAGH,KAAK;EACxC,MAAMI,WAAW,GAAGD,UAAU,GAAGF,MAAM,CAACN,SAAS,GAAGM,MAAM,CAACL,mBAAmB;EAC9EI,KAAK,CAAC3C,IAAI,CAACgD,SAAS,GAAGrD,YAAY,CAACI,0CAA0C,CAACC,IAAI,EAAE4C,MAAM,CAAC5C,IAAI,EAAE8C,UAAU,GAAGF,MAAM,CAACP,YAAY,GAAGO,MAAM,CAACpC,cAAc,EAAEqC,UAAU,KAAK,OAAO,IAAIE,WAAW,EAAEJ,KAAK,CAAC3C,IAAI,CAACgD,SAAS,CAAC;EACxN,OAAOL,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCountStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__styles","mergeClasses","teachingPopoverCarouselPageCountClassNames","root","useStyles","mc9l5x","Bt984gj","Brf1p80","d","useTeachingPopoverCarouselPageCountStyles_unstable","state","styles","className"],"sources":["useTeachingPopoverCarouselPageCountStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselPageCountClassNames = {\n root: 'fui-TeachingPopoverCarouselPageCount'\n};\n/*\n Styles for the root slot\n / const useStyles = makeStyles({\n root: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center'\n }\n});\n/\n Apply styling to the TeachingPopoverCarouselPageCount slots based on the state\n */ export const useTeachingPopoverCarouselPageCountStyles_unstable = (state)=>{\n const styles = useStyles();\n state.root.className = mergeClasses(teachingPopoverCarouselPageCountClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,0CAA0C,GAAG;EACtDC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAMrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,kDAAkD,GAAIC,KAAK,IAAG;EAC3E,MAAMC,MAAM,GAAGP,SAAS,CAAC,CAAC;EAC1BM,KAAK,CAACP,IAAI,CAACS,SAAS,GAAGX,YAAY,CAACC,0CAA0C,CAACC,IAAI,EAAEQ,MAAM,CAACR,IAAI,EAAEO,KAAK,CAACP,IAAI,CAACS,SAAS,CAAC;EACvH,OAAOF,KAAK;AAChB,CAAC"}
1	+ {"version":3,"names":["__styles","mergeClasses","teachingPopoverCarouselPageCountClassNames","root","useStyles","mc9l5x","Bt984gj","Brf1p80","d","useTeachingPopoverCarouselPageCountStyles_unstable","state","styles","className"],"sources":["useTeachingPopoverCarouselPageCountStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselPageCountClassNames = {\n root: 'fui-TeachingPopoverCarouselPageCount'\n};\n/*\n Styles for the root slot\n / const useStyles = makeStyles({\n root: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center'\n }\n});\n/\n Apply styling to the TeachingPopoverCarouselPageCount slots based on the state\n */ export const useTeachingPopoverCarouselPageCountStyles_unstable = (state)=>{\n const styles = useStyles();\n state.root.className = mergeClasses(teachingPopoverCarouselPageCountClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,0CAA0C,GAAG;EACtDC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAMrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,kDAAkD,GAAIC,KAAK,IAAG;EAC3E,MAAMC,MAAM,GAAGP,SAAS,CAAC,CAAC;EAC1BM,KAAK,CAACP,IAAI,CAACS,SAAS,GAAGX,YAAY,CAACC,0CAA0C,CAACC,IAAI,EAAEQ,MAAM,CAACR,IAAI,EAAEO,KAAK,CAACP,IAAI,CAACS,SAAS,CAAC;EACvH,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__styles","mergeClasses","shorthands","tokens","teachingPopoverFooterClassNames","root","primary","secondary","useStyles","mc9l5x","i8kkvl","Belr9w4","z8tnut","rootVertical","Beiy3e4","rootHorizontal","Brf1p80","buttonRootVertical","a9b677","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","buttonRootHorizontal","Bf4jedk","brandSecondary","g2u3we","h3c5rm","B9xav0g","zhjwy3","brandPrimary","sj55zd","De3pzq","Bi91k9c","Jwef8y","B2d53fq","iro3zm","d","h","useTeachingPopoverFooterStyles_unstable","state","styles","appearance","footerLayout","className","undefined"],"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 ...shorthands.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 ...shorthands.borderRadius('4px')\n },\n buttonRootHorizontal: {\n minWidth: '96px',\n ...shorthands.borderRadius('4px')\n },\n brandSecondary: {\n ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand)\n },\n brandPrimary: {\n color: tokens.colorBrandForeground1,\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n ':hover': {\n color: tokens.colorCompoundBrandForeground1Hover,\n backgroundColor: tokens.colorNeutralForegroundOnBrand\n },\n ':hover:active': {\n color: tokens.colorCompoundBrandForeground1Pressed,\n backgroundColor: tokens.colorNeutralForegroundOnBrand\n }\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverFooterStyles_unstable = (state)=>{\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"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,+BAA+B,GAAG;EAC3CC,IAAI,EAAE,2BAA2B;EACjCC,OAAO,EAAE,oCAAoC;EAC7CC,SAAS,EAAE;AACf,CAAC;AACD,MAAMC,SAAS,gBAAGR,QAAA;EAAAK,IAAA;IAAAI,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAC,OAAA;EAAA;EAAAC,cAAA;IAAAD,OAAA;IAAAE,OAAA;EAAA;EAAAC,kBAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,oBAAA;IAAAC,OAAA;IAAAL,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAG,cAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;EAAAC,CAAA;AAAA,CAoCjB,CAAC;AACF;AAAyC,OAAO,MAAMC,uCAAuC,GAAIC,KAAK,IAAG;EACrG,MAAMC,MAAM,GAAGjC,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEkC,UAAU;IAAEC;EAAa,CAAC,GAAGH,KAAK;EAC1CA,KAAK,CAACnC,IAAI,CAACuC,SAAS,GAAG3C,YAAY,CAACG,+BAA+B,CAACC,IAAI,EAAEoC,MAAM,CAACpC,IAAI,EAAEsC,YAAY,KAAK,YAAY,GAAGF,MAAM,CAAC1B,cAAc,GAAG0B,MAAM,CAAC5B,YAAY,EAAE2B,KAAK,CAACnC,IAAI,CAACuC,SAAS,CAAC;EACzL,IAAIJ,KAAK,CAACjC,SAAS,EAAE;IACjBiC,KAAK,CAACjC,SAAS,CAACqC,SAAS,GAAG3C,YAAY,CAACG,+BAA+B,CAACG,SAAS,EAAEoC,YAAY,KAAK,YAAY,GAAGF,MAAM,CAAClB,oBAAoB,GAAGkB,MAAM,CAACxB,kBAAkB,EAAEyB,UAAU,KAAK,OAAO,GAAGD,MAAM,CAAChB,cAAc,GAAGoB,SAAS,EAAEL,KAAK,CAACjC,SAAS,CAACqC,SAAS,CAAC;EACvQ;EACAJ,KAAK,CAAClC,OAAO,CAACsC,SAAS,GAAG3C,YAAY,CAACG,+BAA+B,CAACE,OAAO,EAAEqC,YAAY,KAAK,YAAY,GAAGF,MAAM,CAAClB,oBAAoB,GAAGkB,MAAM,CAACxB,kBAAkB,EAAEyB,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACX,YAAY,GAAGe,SAAS,EAAEL,KAAK,CAAClC,OAAO,CAACsC,SAAS,CAAC;EAC3P,OAAOJ,KAAK;AAChB,CAAC"}
1	+ {"version":3,"names":["__styles","mergeClasses","shorthands","tokens","teachingPopoverFooterClassNames","root","primary","secondary","useStyles","mc9l5x","i8kkvl","Belr9w4","z8tnut","rootVertical","Beiy3e4","rootHorizontal","Brf1p80","buttonRootVertical","a9b677","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","buttonRootHorizontal","Bf4jedk","brandSecondary","g2u3we","h3c5rm","B9xav0g","zhjwy3","brandPrimary","sj55zd","De3pzq","Bi91k9c","Jwef8y","B2d53fq","iro3zm","d","h","useTeachingPopoverFooterStyles_unstable","state","styles","appearance","footerLayout","className","undefined"],"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 ...shorthands.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 ...shorthands.borderRadius('4px')\n },\n buttonRootHorizontal: {\n minWidth: '96px',\n ...shorthands.borderRadius('4px')\n },\n brandSecondary: {\n ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand)\n },\n brandPrimary: {\n color: tokens.colorBrandForeground1,\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n ':hover': {\n color: tokens.colorCompoundBrandForeground1Hover,\n backgroundColor: tokens.colorNeutralForegroundOnBrand\n },\n ':hover:active': {\n color: tokens.colorCompoundBrandForeground1Pressed,\n backgroundColor: tokens.colorNeutralForegroundOnBrand\n }\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverFooterStyles_unstable = (state)=>{\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"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,+BAA+B,GAAG;EAC3CC,IAAI,EAAE,2BAA2B;EACjCC,OAAO,EAAE,oCAAoC;EAC7CC,SAAS,EAAE;AACf,CAAC;AACD,MAAMC,SAAS,gBAAGR,QAAA;EAAAK,IAAA;IAAAI,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAC,OAAA;EAAA;EAAAC,cAAA;IAAAD,OAAA;IAAAE,OAAA;EAAA;EAAAC,kBAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,oBAAA;IAAAC,OAAA;IAAAL,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAG,cAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;EAAAC,CAAA;AAAA,CAoCjB,CAAC;AACF;AAAyC,OAAO,MAAMC,uCAAuC,GAAIC,KAAK,IAAG;EACrG,MAAMC,MAAM,GAAGjC,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEkC,UAAU;IAAEC;EAAa,CAAC,GAAGH,KAAK;EAC1CA,KAAK,CAACnC,IAAI,CAACuC,SAAS,GAAG3C,YAAY,CAACG,+BAA+B,CAACC,IAAI,EAAEoC,MAAM,CAACpC,IAAI,EAAEsC,YAAY,KAAK,YAAY,GAAGF,MAAM,CAAC1B,cAAc,GAAG0B,MAAM,CAAC5B,YAAY,EAAE2B,KAAK,CAACnC,IAAI,CAACuC,SAAS,CAAC;EACzL,IAAIJ,KAAK,CAACjC,SAAS,EAAE;IACjBiC,KAAK,CAACjC,SAAS,CAACqC,SAAS,GAAG3C,YAAY,CAACG,+BAA+B,CAACG,SAAS,EAAEoC,YAAY,KAAK,YAAY,GAAGF,MAAM,CAAClB,oBAAoB,GAAGkB,MAAM,CAACxB,kBAAkB,EAAEyB,UAAU,KAAK,OAAO,GAAGD,MAAM,CAAChB,cAAc,GAAGoB,SAAS,EAAEL,KAAK,CAACjC,SAAS,CAACqC,SAAS,CAAC;EACvQ;EACAJ,KAAK,CAAClC,OAAO,CAACsC,SAAS,GAAG3C,YAAY,CAACG,+BAA+B,CAACE,OAAO,EAAEqC,YAAY,KAAK,YAAY,GAAGF,MAAM,CAAClB,oBAAoB,GAAGkB,MAAM,CAACxB,kBAAkB,EAAEyB,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACX,YAAY,GAAGe,SAAS,EAAEL,KAAK,CAAClC,OAAO,CAACsC,SAAS,CAAC;EAC3P,OAAOJ,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["shorthands","__styles","mergeClasses","createCustomFocusIndicatorStyle","tokens","typographyStyles","teachingPopoverHeaderClassNames","root","dismissButton","icon","useStyles","mc9l5x","Beiy3e4","sj55zd","Bhrd7zp","Be2twd7","Bg96gwp","Byoj8tv","Bt984gj","B6of3ja","jrapky","rootBrand","qhf8xq","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bceei9c","Bahqtrf","De3pzq","B7ck84d","B7oj6ja","Bbmb7ep","Jyy4pa","z8tnut","z189sj","uwmqm3","Bn4voq9","g9k6zt","Bfpq7zp","kdpuga","Bw81rd7","B6xbmo0","dm238s","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","dismissBrand","Bqenvij","a9b677","Brf1p80","w71qe1","ha4doy","Bokbzmb","iconBrand","d","useTeachingPopoverHeaderStyles_unstable","state","styles","appearance","className","undefined"],"sources":["useTeachingPopoverHeaderStyles.styles.js"],"sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const teachingPopoverHeaderClassNames = {\n root: 'fui-TeachingPopoverHeader',\n dismissButton: 'fui-TeachingPopoverHeader__dismissButton',\n icon: 'fui-TeachingPopoverHeader__icon'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n color: tokens.colorNeutralForeground3,\n fontWeight: tokens.fontWeightSemibold,\n fontSize: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200,\n paddingBottom: tokens.spacingVerticalXS,\n alignItems: 'center',\n marginTop: tokens.spacingHorizontalNone,\n marginBottom: tokens.spacingHorizontalNone\n },\n rootBrand: {\n color: tokens.colorNeutralForegroundOnBrand\n },\n dismissButton: {\n color: tokens.colorNeutralForeground2,\n position: 'relative',\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorTransparentStroke),\n display: 'flex',\n alignItems: 'center',\n cursor: 'pointer',\n ...typographyStyles.body1,\n backgroundColor: tokens.colorTransparentBackground,\n boxSizing: 'border-box',\n borderTopRightRadius: tokens.borderRadiusNone,\n borderBottomRightRadius: tokens.borderRadiusNone,\n borderRightStyle: 'none',\n marginInlineStart: 'auto',\n ...shorthands.padding(tokens.spacingVerticalXS, tokens.spacingHorizontalXS),\n ...createCustomFocusIndicatorStyle({\n ...shorthands.outline(tokens.strokeWidthThick, 'solid', tokens.colorStrokeFocus2),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n ...shorthands.borderColor('transparent')\n })\n },\n dismissBrand: {\n color: tokens.colorNeutralForegroundOnBrand\n },\n icon: {\n height: tokens.fontSizeBase200,\n width: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200,\n fontSize: tokens.fontSizeBase200,\n alignItems: 'center',\n boxSizing: 'content-box',\n display: 'inline-flex',\n justifyContent: 'center',\n textDecorationLine: 'none',\n verticalAlign: 'middle',\n position: 'relative',\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n marginInlineEnd: tokens.spacingHorizontalXS\n },\n iconBrand: {\n color: tokens.colorNeutralForegroundOnBrand\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverHeaderStyles_unstable = (state)=>{\n const styles = useStyles();\n const { appearance } = state;\n state.root.className = mergeClasses(teachingPopoverHeaderClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);\n if (state.dismissButton) {\n state.dismissButton.className = mergeClasses(teachingPopoverHeaderClassNames.dismissButton, styles.dismissButton, appearance === 'brand' ? styles.dismissBrand : undefined, state.dismissButton.className);\n }\n if (state.icon) {\n state.icon.className = mergeClasses(teachingPopoverHeaderClassNames.icon, styles.icon, appearance === 'brand' ? styles.iconBrand : undefined, state.icon.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAASA,UAAU,EAAAC,QAAA,EAAcC,YAAY,QAAQ,gBAAgB;AACrE,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,OAAO,MAAMC,+BAA+B,GAAG;EAC3CC,IAAI,EAAE,2BAA2B;EACjCC,aAAa,EAAE,0CAA0C;EACzDC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGT,QAAA;EAAAM,IAAA;IAAAI,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,SAAA;IAAAR,MAAA;EAAA;EAAAL,aAAA;IAAAK,MAAA;IAAAS,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAvB,MAAA;IAAAO,OAAA;IAAAiB,OAAA;IAAAC,OAAA;IAAArB,OAAA;IAAAD,OAAA;IAAAE,OAAA;IAAAqB,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAA1B,OAAA;IAAA2B,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,YAAA;IAAA3C,MAAA;EAAA;EAAAJ,IAAA;IAAAgD,OAAA;IAAAC,MAAA;IAAA1C,OAAA;IAAAD,OAAA;IAAAG,OAAA;IAAAoB,OAAA;IAAA3B,MAAA;IAAAgD,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAvC,MAAA;IAAAe,MAAA;IAAAxB,MAAA;IAAAiD,OAAA;EAAA;EAAAC,SAAA;IAAAlD,MAAA;EAAA;AAAA;EAAAmD,CAAA;AAAA,CA2DjB,CAAC;AACF;AAAyC,OAAO,MAAMC,uCAAuC,GAAIC,KAAK,IAAG;EACrG,MAAMC,MAAM,GAAGzD,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAE0D;EAAW,CAAC,GAAGF,KAAK;EAC5BA,KAAK,CAAC3D,IAAI,CAAC8D,SAAS,GAAGnE,YAAY,CAACI,+BAA+B,CAACC,IAAI,EAAE4D,MAAM,CAAC5D,IAAI,EAAE6D,UAAU,KAAK,OAAO,IAAID,MAAM,CAAC9C,SAAS,EAAE6C,KAAK,CAAC3D,IAAI,CAAC8D,SAAS,CAAC;EACxJ,IAAIH,KAAK,CAAC1D,aAAa,EAAE;IACrB0D,KAAK,CAAC1D,aAAa,CAAC6D,SAAS,GAAGnE,YAAY,CAACI,+BAA+B,CAACE,aAAa,EAAE2D,MAAM,CAAC3D,aAAa,EAAE4D,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACX,YAAY,GAAGc,SAAS,EAAEJ,KAAK,CAAC1D,aAAa,CAAC6D,SAAS,CAAC;EAC9M;EACA,IAAIH,KAAK,CAACzD,IAAI,EAAE;IACZyD,KAAK,CAACzD,IAAI,CAAC4D,SAAS,GAAGnE,YAAY,CAACI,+BAA+B,CAACG,IAAI,EAAE0D,MAAM,CAAC1D,IAAI,EAAE2D,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACJ,SAAS,GAAGO,SAAS,EAAEJ,KAAK,CAACzD,IAAI,CAAC4D,SAAS,CAAC;EACvK;EACA,OAAOH,KAAK;AAChB,CAAC"}
1	+ {"version":3,"names":["shorthands","__styles","mergeClasses","createCustomFocusIndicatorStyle","tokens","typographyStyles","teachingPopoverHeaderClassNames","root","dismissButton","icon","useStyles","mc9l5x","Beiy3e4","sj55zd","Bhrd7zp","Be2twd7","Bg96gwp","Byoj8tv","Bt984gj","B6of3ja","jrapky","rootBrand","qhf8xq","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bceei9c","Bahqtrf","De3pzq","B7ck84d","B7oj6ja","Bbmb7ep","Jyy4pa","z8tnut","z189sj","uwmqm3","Bn4voq9","g9k6zt","Bfpq7zp","kdpuga","Bw81rd7","B6xbmo0","dm238s","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","dismissBrand","Bqenvij","a9b677","Brf1p80","w71qe1","ha4doy","Bokbzmb","iconBrand","d","useTeachingPopoverHeaderStyles_unstable","state","styles","appearance","className","undefined"],"sources":["useTeachingPopoverHeaderStyles.styles.js"],"sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const teachingPopoverHeaderClassNames = {\n root: 'fui-TeachingPopoverHeader',\n dismissButton: 'fui-TeachingPopoverHeader__dismissButton',\n icon: 'fui-TeachingPopoverHeader__icon'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n color: tokens.colorNeutralForeground3,\n fontWeight: tokens.fontWeightSemibold,\n fontSize: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200,\n paddingBottom: tokens.spacingVerticalXS,\n alignItems: 'center',\n marginTop: tokens.spacingHorizontalNone,\n marginBottom: tokens.spacingHorizontalNone\n },\n rootBrand: {\n color: tokens.colorNeutralForegroundOnBrand\n },\n dismissButton: {\n color: tokens.colorNeutralForeground2,\n position: 'relative',\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorTransparentStroke),\n display: 'flex',\n alignItems: 'center',\n cursor: 'pointer',\n ...typographyStyles.body1,\n backgroundColor: tokens.colorTransparentBackground,\n boxSizing: 'border-box',\n borderTopRightRadius: tokens.borderRadiusNone,\n borderBottomRightRadius: tokens.borderRadiusNone,\n borderRightStyle: 'none',\n marginInlineStart: 'auto',\n ...shorthands.padding(tokens.spacingVerticalXS, tokens.spacingHorizontalXS),\n ...createCustomFocusIndicatorStyle({\n ...shorthands.outline(tokens.strokeWidthThick, 'solid', tokens.colorStrokeFocus2),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n ...shorthands.borderColor('transparent')\n })\n },\n dismissBrand: {\n color: tokens.colorNeutralForegroundOnBrand\n },\n icon: {\n height: tokens.fontSizeBase200,\n width: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200,\n fontSize: tokens.fontSizeBase200,\n alignItems: 'center',\n boxSizing: 'content-box',\n display: 'inline-flex',\n justifyContent: 'center',\n textDecorationLine: 'none',\n verticalAlign: 'middle',\n position: 'relative',\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n marginInlineEnd: tokens.spacingHorizontalXS\n },\n iconBrand: {\n color: tokens.colorNeutralForegroundOnBrand\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverHeaderStyles_unstable = (state)=>{\n const styles = useStyles();\n const { appearance } = state;\n state.root.className = mergeClasses(teachingPopoverHeaderClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);\n if (state.dismissButton) {\n state.dismissButton.className = mergeClasses(teachingPopoverHeaderClassNames.dismissButton, styles.dismissButton, appearance === 'brand' ? styles.dismissBrand : undefined, state.dismissButton.className);\n }\n if (state.icon) {\n state.icon.className = mergeClasses(teachingPopoverHeaderClassNames.icon, styles.icon, appearance === 'brand' ? styles.iconBrand : undefined, state.icon.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAASA,UAAU,EAAAC,QAAA,EAAcC,YAAY,QAAQ,gBAAgB;AACrE,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,OAAO,MAAMC,+BAA+B,GAAG;EAC3CC,IAAI,EAAE,2BAA2B;EACjCC,aAAa,EAAE,0CAA0C;EACzDC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGT,QAAA;EAAAM,IAAA;IAAAI,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,SAAA;IAAAR,MAAA;EAAA;EAAAL,aAAA;IAAAK,MAAA;IAAAS,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAvB,MAAA;IAAAO,OAAA;IAAAiB,OAAA;IAAAC,OAAA;IAAArB,OAAA;IAAAD,OAAA;IAAAE,OAAA;IAAAqB,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAA1B,OAAA;IAAA2B,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,YAAA;IAAA3C,MAAA;EAAA;EAAAJ,IAAA;IAAAgD,OAAA;IAAAC,MAAA;IAAA1C,OAAA;IAAAD,OAAA;IAAAG,OAAA;IAAAoB,OAAA;IAAA3B,MAAA;IAAAgD,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAvC,MAAA;IAAAe,MAAA;IAAAxB,MAAA;IAAAiD,OAAA;EAAA;EAAAC,SAAA;IAAAlD,MAAA;EAAA;AAAA;EAAAmD,CAAA;AAAA,CA2DjB,CAAC;AACF;AAAyC,OAAO,MAAMC,uCAAuC,GAAIC,KAAK,IAAG;EACrG,MAAMC,MAAM,GAAGzD,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAE0D;EAAW,CAAC,GAAGF,KAAK;EAC5BA,KAAK,CAAC3D,IAAI,CAAC8D,SAAS,GAAGnE,YAAY,CAACI,+BAA+B,CAACC,IAAI,EAAE4D,MAAM,CAAC5D,IAAI,EAAE6D,UAAU,KAAK,OAAO,IAAID,MAAM,CAAC9C,SAAS,EAAE6C,KAAK,CAAC3D,IAAI,CAAC8D,SAAS,CAAC;EACxJ,IAAIH,KAAK,CAAC1D,aAAa,EAAE;IACrB0D,KAAK,CAAC1D,aAAa,CAAC6D,SAAS,GAAGnE,YAAY,CAACI,+BAA+B,CAACE,aAAa,EAAE2D,MAAM,CAAC3D,aAAa,EAAE4D,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACX,YAAY,GAAGc,SAAS,EAAEJ,KAAK,CAAC1D,aAAa,CAAC6D,SAAS,CAAC;EAC9M;EACA,IAAIH,KAAK,CAACzD,IAAI,EAAE;IACZyD,KAAK,CAACzD,IAAI,CAAC4D,SAAS,GAAGnE,YAAY,CAACI,+BAA+B,CAACG,IAAI,EAAE0D,MAAM,CAAC1D,IAAI,EAAE2D,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACJ,SAAS,GAAGO,SAAS,EAAEJ,KAAK,CAACzD,IAAI,CAAC4D,SAAS,CAAC;EACvK;EACA,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
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"}
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","ignoreList":[]}

package/lib/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js.map CHANGED Viewed

	@@ -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","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bt984gj","Bceei9c","Bahqtrf","De3pzq","B7ck84d","B7oj6ja","Bbmb7ep","Bn4voq9","g9k6zt","Bfpq7zp","kdpuga","Bw81rd7","B6xbmo0","dm238s","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Jyy4pa","dismissBrand","d","useTeachingPopoverTitleStyles_unstable","state","styles","appearance","className","undefined"],"sources":["useTeachingPopoverTitleStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const teachingPopoverTitleClassNames = {\n root: 'fui-TeachingPopoverTitle',\n dismissButton: 'fui-TeachingPopoverTitle__dismissButton'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n fontSize: tokens.fontSizeBase400,\n fontWeight: tokens.fontWeightSemibold,\n color: tokens.colorNeutralForeground1,\n lineHeight: tokens.lineHeightBase400,\n paddingBottom: tokens.spacingVerticalS,\n marginTop: tokens.spacingHorizontalNone,\n marginBottom: tokens.spacingHorizontalNone\n },\n rootBrand: {\n color: tokens.colorNeutralForegroundOnBrand\n },\n dismissButton: {\n position: 'relative',\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorTransparentStroke),\n display: 'flex',\n alignItems: 'center',\n cursor: 'pointer',\n ...typographyStyles.body1,\n backgroundColor: tokens.colorTransparentBackground,\n boxSizing: 'border-box',\n borderTopRightRadius: tokens.borderRadiusNone,\n borderBottomRightRadius: tokens.borderRadiusNone,\n borderRightStyle: 'none',\n ...createCustomFocusIndicatorStyle({\n ...shorthands.outline(tokens.strokeWidthThick, 'solid', tokens.colorStrokeFocus2),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n ...shorthands.borderColor('transparent')\n }),\n marginInlineStart: 'auto'\n },\n dismissBrand: {\n color: tokens.colorNeutralForegroundOnBrand\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverTitleStyles_unstable = (state)=>{\n const styles = useStyles();\n const { appearance } = state;\n state.root.className = mergeClasses(teachingPopoverTitleClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);\n if (state.dismissButton) {\n state.dismissButton.className = mergeClasses(teachingPopoverTitleClassNames.dismissButton, styles.dismissButton, appearance === 'brand' ? styles.dismissBrand : undefined, state.dismissButton.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,OAAO,MAAMC,8BAA8B,GAAG;EAC1CC,IAAI,EAAE,0BAA0B;EAChCC,aAAa,EAAE;AACnB,CAAC;AACD,MAAMC,SAAS,gBAAGT,QAAA;EAAAO,IAAA;IAAAG,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,SAAA;IAAAL,MAAA;EAAA;EAAAP,aAAA;IAAAa,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAvB,MAAA;IAAAwB,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAvB,OAAA;IAAAC,OAAA;IAAAE,OAAA;IAAAqB,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAtC,MAAA;EAAA;AAAA;EAAAuC,CAAA;AAAA,CAsCjB,CAAC;AACF;AAAyC,OAAO,MAAMC,sCAAsC,GAAIC,KAAK,IAAG;EACpG,MAAMC,MAAM,GAAGhD,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEiD;EAAW,CAAC,GAAGF,KAAK;EAC5BA,KAAK,CAACjD,IAAI,CAACoD,SAAS,GAAG1D,YAAY,CAACK,8BAA8B,CAACC,IAAI,EAAEkD,MAAM,CAAClD,IAAI,EAAEmD,UAAU,KAAK,OAAO,IAAID,MAAM,CAACrC,SAAS,EAAEoC,KAAK,CAACjD,IAAI,CAACoD,SAAS,CAAC;EACvJ,IAAIH,KAAK,CAAChD,aAAa,EAAE;IACrBgD,KAAK,CAAChD,aAAa,CAACmD,SAAS,GAAG1D,YAAY,CAACK,8BAA8B,CAACE,aAAa,EAAEiD,MAAM,CAACjD,aAAa,EAAEkD,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACJ,YAAY,GAAGO,SAAS,EAAEJ,KAAK,CAAChD,aAAa,CAACmD,SAAS,CAAC;EAC7M;EACA,OAAOH,KAAK;AAChB,CAAC"}
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","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bt984gj","Bceei9c","Bahqtrf","De3pzq","B7ck84d","B7oj6ja","Bbmb7ep","Bn4voq9","g9k6zt","Bfpq7zp","kdpuga","Bw81rd7","B6xbmo0","dm238s","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Jyy4pa","dismissBrand","d","useTeachingPopoverTitleStyles_unstable","state","styles","appearance","className","undefined"],"sources":["useTeachingPopoverTitleStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const teachingPopoverTitleClassNames = {\n root: 'fui-TeachingPopoverTitle',\n dismissButton: 'fui-TeachingPopoverTitle__dismissButton'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n fontSize: tokens.fontSizeBase400,\n fontWeight: tokens.fontWeightSemibold,\n color: tokens.colorNeutralForeground1,\n lineHeight: tokens.lineHeightBase400,\n paddingBottom: tokens.spacingVerticalS,\n marginTop: tokens.spacingHorizontalNone,\n marginBottom: tokens.spacingHorizontalNone\n },\n rootBrand: {\n color: tokens.colorNeutralForegroundOnBrand\n },\n dismissButton: {\n position: 'relative',\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorTransparentStroke),\n display: 'flex',\n alignItems: 'center',\n cursor: 'pointer',\n ...typographyStyles.body1,\n backgroundColor: tokens.colorTransparentBackground,\n boxSizing: 'border-box',\n borderTopRightRadius: tokens.borderRadiusNone,\n borderBottomRightRadius: tokens.borderRadiusNone,\n borderRightStyle: 'none',\n ...createCustomFocusIndicatorStyle({\n ...shorthands.outline(tokens.strokeWidthThick, 'solid', tokens.colorStrokeFocus2),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n ...shorthands.borderColor('transparent')\n }),\n marginInlineStart: 'auto'\n },\n dismissBrand: {\n color: tokens.colorNeutralForegroundOnBrand\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverTitleStyles_unstable = (state)=>{\n const styles = useStyles();\n const { appearance } = state;\n state.root.className = mergeClasses(teachingPopoverTitleClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);\n if (state.dismissButton) {\n state.dismissButton.className = mergeClasses(teachingPopoverTitleClassNames.dismissButton, styles.dismissButton, appearance === 'brand' ? styles.dismissBrand : undefined, state.dismissButton.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,OAAO,MAAMC,8BAA8B,GAAG;EAC1CC,IAAI,EAAE,0BAA0B;EAChCC,aAAa,EAAE;AACnB,CAAC;AACD,MAAMC,SAAS,gBAAGT,QAAA;EAAAO,IAAA;IAAAG,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,SAAA;IAAAL,MAAA;EAAA;EAAAP,aAAA;IAAAa,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAvB,MAAA;IAAAwB,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAvB,OAAA;IAAAC,OAAA;IAAAE,OAAA;IAAAqB,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAtC,MAAA;EAAA;AAAA;EAAAuC,CAAA;AAAA,CAsCjB,CAAC;AACF;AAAyC,OAAO,MAAMC,sCAAsC,GAAIC,KAAK,IAAG;EACpG,MAAMC,MAAM,GAAGhD,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEiD;EAAW,CAAC,GAAGF,KAAK;EAC5BA,KAAK,CAACjD,IAAI,CAACoD,SAAS,GAAG1D,YAAY,CAACK,8BAA8B,CAACC,IAAI,EAAEkD,MAAM,CAAClD,IAAI,EAAEmD,UAAU,KAAK,OAAO,IAAID,MAAM,CAACrC,SAAS,EAAEoC,KAAK,CAACjD,IAAI,CAACoD,SAAS,CAAC;EACvJ,IAAIH,KAAK,CAAChD,aAAa,EAAE;IACrBgD,KAAK,CAAChD,aAAa,CAACmD,SAAS,GAAG1D,YAAY,CAACK,8BAA8B,CAACE,aAAa,EAAEiD,MAAM,CAACjD,aAAa,EAAEkD,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACJ,YAAY,GAAGO,SAAS,EAAEJ,KAAK,CAAChD,aAAa,CAACmD,SAAS,CAAC;EAC7M;EACA,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-teaching-popover",
-  "version": "9.1.2",
+  "version": "9.1.4",
   "description": "New fluentui react package",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -42,11 +42,11 @@
     "@griffel/react": "^1.5.14",
     "@swc/helpers": "^0.5.1",
     "@fluentui/react-shared-contexts": "^9.18.0",
-    "@fluentui/react-popover": "^9.9.7",
-    "@fluentui/react-button": "^9.3.78",
-    "@fluentui/react-tabster": "^9.21.1",
-    "@fluentui/react-icons": "^2.0.237",
-    "@fluentui/react-aria": "^9.11.1",
+    "@fluentui/react-popover": "^9.9.8",
+    "@fluentui/react-button": "^9.3.80",
+    "@fluentui/react-tabster": "^9.21.2",
+    "@fluentui/react-icons": "^2.0.239",
+    "@fluentui/react-aria": "^9.11.2",
     "@fluentui/react-context-selector": "^9.1.59",
     "use-sync-external-store": "^1.2.0"
   },