@fluentui/react-teaching-popover 9.1.7 → 9.1.9

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","typographyStyles","teachingPopoverTitleClassNames","root","dismissButton","useStyles","mc9l5x","Beiy3e4","Brf1p80","Be2twd7","Bhrd7zp","sj55zd","Bg96gwp","Byoj8tv","B6of3ja","jrapky","rootBrand","qhf8xq","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Bt984gj","Bceei9c","Bahqtrf","De3pzq","B7ck84d","B7oj6ja","Bbmb7ep","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Jyy4pa","dismissBrand","d","p","useTeachingPopoverTitleStyles_unstable","state","styles","appearance","className","undefined"],"sources":["useTeachingPopoverTitleStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const teachingPopoverTitleClassNames = {\n    root: 'fui-TeachingPopoverTitle',\n    dismissButton: 'fui-TeachingPopoverTitle__dismissButton'\n};\nconst useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'row',\n        justifyContent: 'space-between',\n        fontSize: tokens.fontSizeBase400,\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        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            outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n            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,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAA5B,MAAA;IAAA6B,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAA5B,OAAA;IAAAC,OAAA;IAAAE,OAAA;IAAA0B,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAA7C,MAAA;EAAA;AAAA;EAAA8C,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAsCjB,CAAC;AACF;AAAyC,OAAO,MAAMC,sCAAsC,GAAIC,KAAK,IAAG;EACpG,MAAMC,MAAM,GAAGxD,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEyD;EAAW,CAAC,GAAGF,KAAK;EAC5BA,KAAK,CAACzD,IAAI,CAAC4D,SAAS,GAAGlE,YAAY,CAACK,8BAA8B,CAACC,IAAI,EAAE0D,MAAM,CAAC1D,IAAI,EAAE2D,UAAU,KAAK,OAAO,IAAID,MAAM,CAAC7C,SAAS,EAAE4C,KAAK,CAACzD,IAAI,CAAC4D,SAAS,CAAC;EACvJ,IAAIH,KAAK,CAACxD,aAAa,EAAE;IACrBwD,KAAK,CAACxD,aAAa,CAAC2D,SAAS,GAAGlE,YAAY,CAACK,8BAA8B,CAACE,aAAa,EAAEyD,MAAM,CAACzD,aAAa,EAAE0D,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACL,YAAY,GAAGQ,SAAS,EAAEJ,KAAK,CAACxD,aAAa,CAAC2D,SAAS,CAAC;EAC7M;EACA,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","typographyStyles","teachingPopoverTitleClassNames","root","dismissButton","useStyles","mc9l5x","Beiy3e4","Brf1p80","Be2twd7","Bhrd7zp","sj55zd","Bg96gwp","Byoj8tv","B6of3ja","jrapky","rootBrand","qhf8xq","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Bt984gj","Bceei9c","Bahqtrf","De3pzq","B7ck84d","B7oj6ja","Bbmb7ep","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Jyy4pa","dismissBrand","d","p","useTeachingPopoverTitleStyles_unstable","state","styles","appearance","className","undefined"],"sources":["useTeachingPopoverTitleStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const teachingPopoverTitleClassNames = {\n    root: 'fui-TeachingPopoverTitle',\n    dismissButton: 'fui-TeachingPopoverTitle__dismissButton'\n};\nconst useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'row',\n        justifyContent: 'space-between',\n        fontSize: tokens.fontSizeBase400,\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        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            outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n            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    'use no memo';\n    const styles = useStyles();\n    const { appearance } = state;\n    state.root.className = mergeClasses(teachingPopoverTitleClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);\n    if (state.dismissButton) {\n        state.dismissButton.className = mergeClasses(teachingPopoverTitleClassNames.dismissButton, styles.dismissButton, appearance === 'brand' ? styles.dismissBrand : undefined, state.dismissButton.className);\n    }\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,OAAO,MAAMC,8BAA8B,GAAG;EAC1CC,IAAI,EAAE,0BAA0B;EAChCC,aAAa,EAAE;AACnB,CAAC;AACD,MAAMC,SAAS,gBAAGT,QAAA;EAAAO,IAAA;IAAAG,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,SAAA;IAAAL,MAAA;EAAA;EAAAP,aAAA;IAAAa,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAA5B,MAAA;IAAA6B,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAA5B,OAAA;IAAAC,OAAA;IAAAE,OAAA;IAAA0B,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAA7C,MAAA;EAAA;AAAA;EAAA8C,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAsCjB,CAAC;AACF;AAAyC,OAAO,MAAMC,sCAAsC,GAAIC,KAAK,IAAG;EACpG,aAAa;;EACb,MAAMC,MAAM,GAAGxD,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEyD;EAAW,CAAC,GAAGF,KAAK;EAC5BA,KAAK,CAACzD,IAAI,CAAC4D,SAAS,GAAGlE,YAAY,CAACK,8BAA8B,CAACC,IAAI,EAAE0D,MAAM,CAAC1D,IAAI,EAAE2D,UAAU,KAAK,OAAO,IAAID,MAAM,CAAC7C,SAAS,EAAE4C,KAAK,CAACzD,IAAI,CAAC4D,SAAS,CAAC;EACvJ,IAAIH,KAAK,CAACxD,aAAa,EAAE;IACrBwD,KAAK,CAACxD,aAAa,CAAC2D,SAAS,GAAGlE,YAAY,CAACK,8BAA8B,CAACE,aAAa,EAAEyD,MAAM,CAACzD,aAAa,EAAE0D,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACL,YAAY,GAAGQ,SAAS,EAAEJ,KAAK,CAACxD,aAAa,CAAC2D,SAAS,CAAC;EAC7M;EACA,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib-commonjs/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js

@@ -96,6 +96,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useTeachingPopoverBodyStyles_unstable = (state)=>{
+    'use no memo';
     const { mediaLength } = state;
     const styles = useStyles();
     const mediaStyles = useMediaStyles();

package/lib-commonjs/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverBodyStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } 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    Bw0ie65: 0,\n    Br312pm: 0,\n    nk6f5a: 0,\n    Ijaq50: 0,\n    Bq1tomu: \"fujjg13\",\n    B68tc82: 0,\n    Bmxbyg5: 0,\n    Bpg54ce: \"f1a3p1vp\",\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: [[\".fujjg13{grid-area:media;}\", {\n    p: -1\n  }], [\".f1a3p1vp{overflow:hidden;}\", {\n    p: -1\n  }], \".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","Bw0ie65","Br312pm","nk6f5a","Ijaq50","Bq1tomu","B68tc82","Bmxbyg5","Bpg54ce","a9b677","jrapky","ha4doy","Brf1p80","mc9l5x","short","Bubjx69","Bmuttt3","medium","tall","d","p","t","useStyles","Beiy3e4","Byoj8tv","state","mediaLength","styles","mediaStyles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,6BAA6B;eAA7BA;;IAKAC,cAAc;eAAdA;;IA8CAC,qCAAqC;eAArCA;;;uBApD0B;AAChC,MAAMF,gCAAgC;IAC3CG,MAAM;IACNC,OAAO;AACT;AACA,MAAMC,uBAAuB;AACtB,MAAMJ,iBAAiB,WAAW,GAAEK,IAAAA,eAAQ,EAAC;IAClDC,MAAM;QACJC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,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;YAAC;YAA8B;gBACjCC,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAA+B;gBAClCA,GAAG,CAAC;YACN;SAAE;QAAE;QAA2B;QAAkC;QAAoC;QAAqC;QAA2B;QAA+C;QAA8C;KAA4B;IAC9RC,GAAG;QAAC;QAAyD;QAAyD;KAAwD;AAChL;AACA,MAAMC,YAAY,WAAW,GAAEvB,IAAAA,eAAQ,EAAC;IACtCH,MAAM;QACJiB,QAAQ;QACRU,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDL,GAAG;QAAC;QAA2B;QAAqC;KAAiC;AACvG;AAEO,MAAMxB,wCAAwC8B,CAAAA;IACnD,MAAM,EACJC,WAAW,EACZ,GAAGD;IACJ,MAAME,SAASL;IACf,MAAMM,cAAclC;IACpB+B,MAAM7B,IAAI,CAACiC,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,8BAA8BG,IAAI,EAAE+B,OAAO/B,IAAI,EAAE6B,MAAM7B,IAAI,CAACiC,SAAS;IACzG,IAAIJ,MAAM5B,KAAK,EAAE;QACf4B,MAAM5B,KAAK,CAACgC,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,8BAA8BI,KAAK,EAAE+B,YAAY5B,IAAI,EAAE4B,WAAW,CAACF,YAAY,EAAED,MAAM5B,KAAK,CAACgC,SAAS;IAC7I;IACA,OAAOJ;AACT,GACA,+DAA+D"}
+{"version":3,"sources":["useTeachingPopoverBodyStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } 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    Bw0ie65: 0,\n    Br312pm: 0,\n    nk6f5a: 0,\n    Ijaq50: 0,\n    Bq1tomu: \"fujjg13\",\n    B68tc82: 0,\n    Bmxbyg5: 0,\n    Bpg54ce: \"f1a3p1vp\",\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: [[\".fujjg13{grid-area:media;}\", {\n    p: -1\n  }], [\".f1a3p1vp{overflow:hidden;}\", {\n    p: -1\n  }], \".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  'use no memo';\n\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","Bw0ie65","Br312pm","nk6f5a","Ijaq50","Bq1tomu","B68tc82","Bmxbyg5","Bpg54ce","a9b677","jrapky","ha4doy","Brf1p80","mc9l5x","short","Bubjx69","Bmuttt3","medium","tall","d","p","t","useStyles","Beiy3e4","Byoj8tv","state","mediaLength","styles","mediaStyles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,6BAA6B;eAA7BA;;IAKAC,cAAc;eAAdA;;IA8CAC,qCAAqC;eAArCA;;;uBApD0B;AAChC,MAAMF,gCAAgC;IAC3CG,MAAM;IACNC,OAAO;AACT;AACA,MAAMC,uBAAuB;AACtB,MAAMJ,iBAAiB,WAAW,GAAEK,IAAAA,eAAQ,EAAC;IAClDC,MAAM;QACJC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,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;YAAC;YAA8B;gBACjCC,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAA+B;gBAClCA,GAAG,CAAC;YACN;SAAE;QAAE;QAA2B;QAAkC;QAAoC;QAAqC;QAA2B;QAA+C;QAA8C;KAA4B;IAC9RC,GAAG;QAAC;QAAyD;QAAyD;KAAwD;AAChL;AACA,MAAMC,YAAY,WAAW,GAAEvB,IAAAA,eAAQ,EAAC;IACtCH,MAAM;QACJiB,QAAQ;QACRU,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDL,GAAG;QAAC;QAA2B;QAAqC;KAAiC;AACvG;AAEO,MAAMxB,wCAAwC8B,CAAAA;IACnD;IAEA,MAAM,EACJC,WAAW,EACZ,GAAGD;IACJ,MAAME,SAASL;IACf,MAAMM,cAAclC;IACpB+B,MAAM7B,IAAI,CAACiC,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,8BAA8BG,IAAI,EAAE+B,OAAO/B,IAAI,EAAE6B,MAAM7B,IAAI,CAACiC,SAAS;IACzG,IAAIJ,MAAM5B,KAAK,EAAE;QACf4B,MAAM5B,KAAK,CAACgC,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,8BAA8BI,KAAK,EAAE+B,YAAY5B,IAAI,EAAE4B,WAAW,CAACF,YAAY,EAAED,MAAM5B,KAAK,CAACgC,SAAS;IAC7I;IACA,OAAOJ;AACT,GACA,+DAA+D"}

package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/Carousel.js

@@ -16,6 +16,7 @@ const _constants = require("./constants");
 const _useCarouselWalker = require("./useCarouselWalker");
 const _createCarouselStore = require("./createCarouselStore");
 function useCarousel_unstable(options) {
+    'use no memo';
     const { onValueChange, onFinish } = options;
     const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
     const win = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView;

package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Carousel.js"],"sourcesContent":["import * as React from 'react';\nimport { isHTMLElement, useMergedRefs, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { CAROUSEL_ITEM } from './constants';\nimport { useCarouselWalker_unstable } from './useCarouselWalker';\nimport { createCarouselStore } from './createCarouselStore';\n// TODO: Migrate this into an external @fluentui/carousel component\n// For now, we won't export this publicly, is only for internal TeachingPopover use until stabilized.\nexport function useCarousel_unstable(options) {\n    const { onValueChange, onFinish } = options;\n    const { targetDocument } = useFluent();\n    const win = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView;\n    const { ref: carouselRef, walker: carouselWalker } = useCarouselWalker_unstable();\n    const [store] = React.useState(()=>createCarouselStore());\n    const [value, setValue] = useControllableState({\n        defaultState: options.defaultValue,\n        state: options.value,\n        initialState: null\n    });\n    const rootRef = React.useRef(null);\n    if (process.env.NODE_ENV !== 'production') {\n        // eslint-disable-next-line react-hooks/rules-of-hooks\n        React.useEffect(()=>{\n            if (value === null) {\n                // eslint-disable-next-line no-console\n                console.error('useCarousel: Carousel needs to have a `defaultValue` or `value` prop set. If you want to control the value, use the `value` prop.');\n            }\n        }, [\n            value\n        ]);\n    }\n    React.useEffect(()=>{\n        var _rootRef_current;\n        const allItems = (_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.querySelectorAll(`[${CAROUSEL_ITEM}]`);\n        for(let i = 0; i < allItems.length; i++){\n            store.addValue(allItems.item(i).getAttribute(CAROUSEL_ITEM));\n        }\n        return ()=>{\n            store.clear();\n        };\n    }, [\n        store\n    ]);\n    React.useEffect(()=>{\n        if (!win) {\n            return;\n        }\n        const config = {\n            attributes: true,\n            attributeFilter: [\n                CAROUSEL_ITEM\n            ],\n            childList: true,\n            subtree: true\n        };\n        // Callback function to execute when mutations are observed\n        const callback = (mutationList)=>{\n            for (const mutation of mutationList){\n                for (const addedNode of Array.from(mutation.addedNodes)){\n                    if (isHTMLElement(addedNode) && addedNode.hasAttribute(CAROUSEL_ITEM)) {\n                        const newValue = addedNode.getAttribute(CAROUSEL_ITEM);\n                        const newNode = carouselWalker.find(newValue);\n                        if (!(newNode === null || newNode === void 0 ? void 0 : newNode.value)) {\n                            return;\n                        }\n                        const previousNode = carouselWalker.prevPage(newNode === null || newNode === void 0 ? void 0 : newNode.value);\n                        var _previousNode_value;\n                        store.insertValue(newValue, (_previousNode_value = previousNode === null || previousNode === void 0 ? void 0 : previousNode.value) !== null && _previousNode_value !== void 0 ? _previousNode_value : null);\n                    }\n                }\n                for (const removedNode of Array.from(mutation.removedNodes)){\n                    if (isHTMLElement(removedNode) && (removedNode === null || removedNode === void 0 ? void 0 : removedNode.hasAttribute(CAROUSEL_ITEM))) {\n                        const removedValue = removedNode.getAttribute(CAROUSEL_ITEM);\n                        store.removeValue(removedValue);\n                    }\n                }\n            }\n        };\n        // Create an observer instance linked to the callback function\n        const observer = new win.MutationObserver(callback);\n        // Start observing the target node for configured mutations\n        observer.observe(rootRef.current, config);\n        // Later, you can stop observing\n        return ()=>{\n            observer.disconnect();\n        };\n    }, [\n        carouselWalker,\n        store,\n        win\n    ]);\n    const selectPageByDirection = useEventCallback((event, direction)=>{\n        const active = carouselWalker.active();\n        if (!(active === null || active === void 0 ? void 0 : active.value)) {\n            return;\n        }\n        const newPage = direction === 'prev' ? carouselWalker.prevPage(active.value) : carouselWalker.nextPage(active.value);\n        if (newPage) {\n            setValue(newPage === null || newPage === void 0 ? void 0 : newPage.value);\n            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(event, {\n                event,\n                type: 'click',\n                value: newPage === null || newPage === void 0 ? void 0 : newPage.value\n            });\n        } else {\n            onFinish === null || onFinish === void 0 ? void 0 : onFinish(event, {\n                event,\n                type: 'click',\n                value: active === null || active === void 0 ? void 0 : active.value\n            });\n        }\n    });\n    const selectPageByValue = useEventCallback((event, _value)=>{\n        setValue(_value);\n        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(event, {\n            event,\n            type: 'click',\n            value: _value\n        });\n    });\n    return {\n        carouselRef: useMergedRefs(rootRef, carouselRef),\n        carousel: {\n            store,\n            value,\n            selectPageByDirection,\n            selectPageByValue\n        }\n    };\n}\n"],"names":["useCarousel_unstable","options","onValueChange","onFinish","targetDocument","useFluent","win","defaultView","ref","carouselRef","walker","carouselWalker","useCarouselWalker_unstable","store","React","useState","createCarouselStore","value","setValue","useControllableState","defaultState","defaultValue","state","initialState","rootRef","useRef","process","env","NODE_ENV","useEffect","console","error","_rootRef_current","allItems","current","querySelectorAll","CAROUSEL_ITEM","i","length","addValue","item","getAttribute","clear","config","attributes","attributeFilter","childList","subtree","callback","mutationList","mutation","addedNode","Array","from","addedNodes","isHTMLElement","hasAttribute","newValue","newNode","find","previousNode","prevPage","_previousNode_value","insertValue","removedNode","removedNodes","removedValue","removeValue","observer","MutationObserver","observe","disconnect","selectPageByDirection","useEventCallback","event","direction","active","newPage","nextPage","type","selectPageByValue","_value","useMergedRefs","carousel"],"mappings":"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"}
+{"version":3,"sources":["Carousel.js"],"sourcesContent":["import * as React from 'react';\nimport { isHTMLElement, useMergedRefs, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { CAROUSEL_ITEM } from './constants';\nimport { useCarouselWalker_unstable } from './useCarouselWalker';\nimport { createCarouselStore } from './createCarouselStore';\n// TODO: Migrate this into an external @fluentui/carousel component\n// For now, we won't export this publicly, is only for internal TeachingPopover use until stabilized.\nexport function useCarousel_unstable(options) {\n    'use no memo';\n    const { onValueChange, onFinish } = options;\n    const { targetDocument } = useFluent();\n    const win = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView;\n    const { ref: carouselRef, walker: carouselWalker } = useCarouselWalker_unstable();\n    const [store] = React.useState(()=>createCarouselStore());\n    const [value, setValue] = useControllableState({\n        defaultState: options.defaultValue,\n        state: options.value,\n        initialState: null\n    });\n    const rootRef = React.useRef(null);\n    if (process.env.NODE_ENV !== 'production') {\n        // eslint-disable-next-line react-hooks/rules-of-hooks\n        React.useEffect(()=>{\n            if (value === null) {\n                // eslint-disable-next-line no-console\n                console.error('useCarousel: Carousel needs to have a `defaultValue` or `value` prop set. If you want to control the value, use the `value` prop.');\n            }\n        }, [\n            value\n        ]);\n    }\n    React.useEffect(()=>{\n        var _rootRef_current;\n        const allItems = (_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.querySelectorAll(`[${CAROUSEL_ITEM}]`);\n        for(let i = 0; i < allItems.length; i++){\n            store.addValue(allItems.item(i).getAttribute(CAROUSEL_ITEM));\n        }\n        return ()=>{\n            store.clear();\n        };\n    }, [\n        store\n    ]);\n    React.useEffect(()=>{\n        if (!win) {\n            return;\n        }\n        const config = {\n            attributes: true,\n            attributeFilter: [\n                CAROUSEL_ITEM\n            ],\n            childList: true,\n            subtree: true\n        };\n        // Callback function to execute when mutations are observed\n        const callback = (mutationList)=>{\n            for (const mutation of mutationList){\n                for (const addedNode of Array.from(mutation.addedNodes)){\n                    if (isHTMLElement(addedNode) && addedNode.hasAttribute(CAROUSEL_ITEM)) {\n                        const newValue = addedNode.getAttribute(CAROUSEL_ITEM);\n                        const newNode = carouselWalker.find(newValue);\n                        if (!(newNode === null || newNode === void 0 ? void 0 : newNode.value)) {\n                            return;\n                        }\n                        const previousNode = carouselWalker.prevPage(newNode === null || newNode === void 0 ? void 0 : newNode.value);\n                        var _previousNode_value;\n                        store.insertValue(newValue, (_previousNode_value = previousNode === null || previousNode === void 0 ? void 0 : previousNode.value) !== null && _previousNode_value !== void 0 ? _previousNode_value : null);\n                    }\n                }\n                for (const removedNode of Array.from(mutation.removedNodes)){\n                    if (isHTMLElement(removedNode) && (removedNode === null || removedNode === void 0 ? void 0 : removedNode.hasAttribute(CAROUSEL_ITEM))) {\n                        const removedValue = removedNode.getAttribute(CAROUSEL_ITEM);\n                        store.removeValue(removedValue);\n                    }\n                }\n            }\n        };\n        // Create an observer instance linked to the callback function\n        const observer = new win.MutationObserver(callback);\n        // Start observing the target node for configured mutations\n        observer.observe(rootRef.current, config);\n        // Later, you can stop observing\n        return ()=>{\n            observer.disconnect();\n        };\n    }, [\n        carouselWalker,\n        store,\n        win\n    ]);\n    const selectPageByDirection = useEventCallback((event, direction)=>{\n        const active = carouselWalker.active();\n        if (!(active === null || active === void 0 ? void 0 : active.value)) {\n            return;\n        }\n        const newPage = direction === 'prev' ? carouselWalker.prevPage(active.value) : carouselWalker.nextPage(active.value);\n        if (newPage) {\n            setValue(newPage === null || newPage === void 0 ? void 0 : newPage.value);\n            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(event, {\n                event,\n                type: 'click',\n                value: newPage === null || newPage === void 0 ? void 0 : newPage.value\n            });\n        } else {\n            onFinish === null || onFinish === void 0 ? void 0 : onFinish(event, {\n                event,\n                type: 'click',\n                value: active === null || active === void 0 ? void 0 : active.value\n            });\n        }\n    });\n    const selectPageByValue = useEventCallback((event, _value)=>{\n        setValue(_value);\n        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(event, {\n            event,\n            type: 'click',\n            value: _value\n        });\n    });\n    return {\n        carouselRef: useMergedRefs(rootRef, carouselRef),\n        carousel: {\n            store,\n            value,\n            selectPageByDirection,\n            selectPageByValue\n        }\n    };\n}\n"],"names":["useCarousel_unstable","options","onValueChange","onFinish","targetDocument","useFluent","win","defaultView","ref","carouselRef","walker","carouselWalker","useCarouselWalker_unstable","store","React","useState","createCarouselStore","value","setValue","useControllableState","defaultState","defaultValue","state","initialState","rootRef","useRef","process","env","NODE_ENV","useEffect","console","error","_rootRef_current","allItems","current","querySelectorAll","CAROUSEL_ITEM","i","length","addValue","item","getAttribute","clear","config","attributes","attributeFilter","childList","subtree","callback","mutationList","mutation","addedNode","Array","from","addedNodes","isHTMLElement","hasAttribute","newValue","newNode","find","previousNode","prevPage","_previousNode_value","insertValue","removedNode","removedNodes","removedValue","removeValue","observer","MutationObserver","observe","disconnect","selectPageByDirection","useEventCallback","event","direction","active","newPage","nextPage","type","selectPageByValue","_value","useMergedRefs","carousel"],"mappings":"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"}

package/lib-commonjs/components/TeachingPopoverCarousel/useTeachingPopoverCarouselStyles.styles.js

@@ -25,6 +25,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     root: {}
 }, {});
 const useTeachingPopoverCarouselStyles_unstable = (state)=>{
+    'use no memo';
     const styles = useStyles();
     state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselClassNames.root, styles.root, state.root.className);
     return state;

package/lib-commonjs/components/TeachingPopoverCarousel/useTeachingPopoverCarouselStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselClassNames = {\n  root: 'fui-TeachingPopoverCarousel'\n};\n// Todo: Page change animation & styles\nconst useStyles = /*#__PURE__*/__styles({\n  root: {}\n}, {});\n/** Applies style classnames to slots */\nexport 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//# sourceMappingURL=useTeachingPopoverCarouselStyles.styles.js.map"],"names":["teachingPopoverCarouselClassNames","useTeachingPopoverCarouselStyles_unstable","root","useStyles","__styles","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,iCAAiC;eAAjCA;;IAQAC,yCAAyC;eAAzCA;;;uBAT0B;AAChC,MAAMD,oCAAoC;IAC/CE,MAAM;AACR;AACA,uCAAuC;AACvC,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM,CAAC;AACT,GAAG,CAAC;AAEG,MAAMD,4CAA4CI,CAAAA;IACvD,MAAMC,SAASH;IACfE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,kCAAkCE,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IAC7G,OAAOF;AACT,GACA,mEAAmE"}
+{"version":3,"sources":["useTeachingPopoverCarouselStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselClassNames = {\n  root: 'fui-TeachingPopoverCarousel'\n};\n// Todo: Page change animation & styles\nconst useStyles = /*#__PURE__*/__styles({\n  root: {}\n}, {});\n/** Applies style classnames to slots */\nexport const useTeachingPopoverCarouselStyles_unstable = state => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(teachingPopoverCarouselClassNames.root, styles.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTeachingPopoverCarouselStyles.styles.js.map"],"names":["teachingPopoverCarouselClassNames","useTeachingPopoverCarouselStyles_unstable","root","useStyles","__styles","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,iCAAiC;eAAjCA;;IAQAC,yCAAyC;eAAzCA;;;uBAT0B;AAChC,MAAMD,oCAAoC;IAC/CE,MAAM;AACR;AACA,uCAAuC;AACvC,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM,CAAC;AACT,GAAG,CAAC;AAEG,MAAMD,4CAA4CI,CAAAA;IACvD;IAEA,MAAMC,SAASH;IACfE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,kCAAkCE,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IAC7G,OAAOF;AACT,GACA,mEAAmE"}

package/lib-commonjs/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCardStyles.styles.js

@@ -24,6 +24,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     root: {}
 }, {});
 const useTeachingPopoverCarouselCardStyles_unstable = (state)=>{
+    'use no memo';
     const styles = useStyles();
     state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselCardClassNames.root, styles.root, state.root.className);
     return state;

package/lib-commonjs/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCardStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselCardStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselCardClassNames = {\n  root: 'fui-TeachingPopoverCarouselCard'\n};\nconst useStyles = /*#__PURE__*/__styles({\n  root: {}\n}, {});\n/** Applies style classnames to slots */\nexport 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//# sourceMappingURL=useTeachingPopoverCarouselCardStyles.styles.js.map"],"names":["teachingPopoverCarouselCardClassNames","useTeachingPopoverCarouselCardStyles_unstable","root","useStyles","__styles","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,qCAAqC;eAArCA;;IAOAC,6CAA6C;eAA7CA;;;uBAR0B;AAChC,MAAMD,wCAAwC;IACnDE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM,CAAC;AACT,GAAG,CAAC;AAEG,MAAMD,gDAAgDI,CAAAA;IAC3D,MAAMC,SAASH;IACfE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,sCAAsCE,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IACjH,OAAOF;AACT,GACA,uEAAuE"}
+{"version":3,"sources":["useTeachingPopoverCarouselCardStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselCardClassNames = {\n  root: 'fui-TeachingPopoverCarouselCard'\n};\nconst useStyles = /*#__PURE__*/__styles({\n  root: {}\n}, {});\n/** Applies style classnames to slots */\nexport const useTeachingPopoverCarouselCardStyles_unstable = state => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(teachingPopoverCarouselCardClassNames.root, styles.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTeachingPopoverCarouselCardStyles.styles.js.map"],"names":["teachingPopoverCarouselCardClassNames","useTeachingPopoverCarouselCardStyles_unstable","root","useStyles","__styles","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,qCAAqC;eAArCA;;IAOAC,6CAA6C;eAA7CA;;;uBAR0B;AAChC,MAAMD,wCAAwC;IACnDE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM,CAAC;AACT,GAAG,CAAC;AAEG,MAAMD,gDAAgDI,CAAAA;IAC3D;IAEA,MAAMC,SAASH;IACfE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,sCAAsCE,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IACjH,OAAOF;AACT,GACA,uEAAuE"}

package/lib-commonjs/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooterStyles.styles.js

@@ -61,6 +61,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useTeachingPopoverCarouselFooterStyles_unstable = (state)=>{
+    'use no memo';
     const styles = useStyles();
     const { layout } = state;
     state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselFooterClassNames.root, styles.root, layout === 'centered' ? styles.rootCentered : styles.rootRightAligned, state.root.className);

package/lib-commonjs/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooterStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselFooterStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } 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 = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1063pyq\"\n  },\n  rootCentered: {\n    Brf1p80: \"f1869bpl\",\n    i8kkvl: 0,\n    Belr9w4: 0,\n    rmohyg: \"f19gb1f4\"\n  },\n  rootRightAligned: {\n    i8kkvl: 0,\n    Belr9w4: 0,\n    rmohyg: \"f19gb1f4\",\n    Bp34fd5: \"f1y65ohq\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f1063pyq{flex-direction:row;}\", \".f1869bpl{justify-content:space-between;}\", [\".f19gb1f4{gap:8px;}\", {\n    p: -1\n  }], [\".f19gb1f4{gap:8px;}\", {\n    p: -1\n  }], \".f1y65ohq :first-child{-webkit-margin-end:auto;margin-inline-end:auto;}\"]\n});\n/** Applies style classnames to slots */\nexport const useTeachingPopoverCarouselFooterStyles_unstable = state => {\n  const styles = useStyles();\n  const {\n    layout\n  } = 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//# sourceMappingURL=useTeachingPopoverCarouselFooterStyles.styles.js.map"],"names":["teachingPopoverCarouselFooterClassNames","useTeachingPopoverCarouselFooterStyles_unstable","root","previous","next","useStyles","__styles","mc9l5x","Beiy3e4","rootCentered","Brf1p80","i8kkvl","Belr9w4","rmohyg","rootRightAligned","Bp34fd5","d","p","state","styles","layout","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,uCAAuC;eAAvCA;;IA+BAC,+CAA+C;eAA/CA;;;uBAhC0B;AAChC,MAAMD,0CAA0C;IACrDE,MAAM;IACNC,UAAU;IACVC,MAAM;AACR;AACA,uCAAuC;AACvC,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCJ,MAAM;QACJK,QAAQ;QACRC,SAAS;IACX;IACAC,cAAc;QACZC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,kBAAkB;QAChBH,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRE,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAAkC;QAA6C;YAAC;YAAuB;gBACpIC,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAuB;gBAC1BA,GAAG,CAAC;YACN;SAAE;QAAE;KAA0E;AAChF;AAEO,MAAMhB,kDAAkDiB,CAAAA;IAC7D,MAAMC,SAASd;IACf,MAAM,EACJe,MAAM,EACP,GAAGF;IACJA,MAAMhB,IAAI,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,wCAAwCE,IAAI,EAAEiB,OAAOjB,IAAI,EAAEkB,WAAW,aAAaD,OAAOV,YAAY,GAAGU,OAAOL,gBAAgB,EAAEI,MAAMhB,IAAI,CAACmB,SAAS;IAC1L,IAAIH,MAAMf,QAAQ,EAAE;QAClBe,MAAMf,QAAQ,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,wCAAwCG,QAAQ,EAAEe,MAAMf,QAAQ,CAACkB,SAAS;IACpH;IACAH,MAAMd,IAAI,CAACiB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,wCAAwCI,IAAI,EAAEc,MAAMd,IAAI,CAACiB,SAAS;IACtG,OAAOH;AACT,GACA,yEAAyE"}
+{"version":3,"sources":["useTeachingPopoverCarouselFooterStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } 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 = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1063pyq\"\n  },\n  rootCentered: {\n    Brf1p80: \"f1869bpl\",\n    i8kkvl: 0,\n    Belr9w4: 0,\n    rmohyg: \"f19gb1f4\"\n  },\n  rootRightAligned: {\n    i8kkvl: 0,\n    Belr9w4: 0,\n    rmohyg: \"f19gb1f4\",\n    Bp34fd5: \"f1y65ohq\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f1063pyq{flex-direction:row;}\", \".f1869bpl{justify-content:space-between;}\", [\".f19gb1f4{gap:8px;}\", {\n    p: -1\n  }], [\".f19gb1f4{gap:8px;}\", {\n    p: -1\n  }], \".f1y65ohq :first-child{-webkit-margin-end:auto;margin-inline-end:auto;}\"]\n});\n/** Applies style classnames to slots */\nexport const useTeachingPopoverCarouselFooterStyles_unstable = state => {\n  'use no memo';\n\n  const styles = useStyles();\n  const {\n    layout\n  } = 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//# sourceMappingURL=useTeachingPopoverCarouselFooterStyles.styles.js.map"],"names":["teachingPopoverCarouselFooterClassNames","useTeachingPopoverCarouselFooterStyles_unstable","root","previous","next","useStyles","__styles","mc9l5x","Beiy3e4","rootCentered","Brf1p80","i8kkvl","Belr9w4","rmohyg","rootRightAligned","Bp34fd5","d","p","state","styles","layout","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,uCAAuC;eAAvCA;;IA+BAC,+CAA+C;eAA/CA;;;uBAhC0B;AAChC,MAAMD,0CAA0C;IACrDE,MAAM;IACNC,UAAU;IACVC,MAAM;AACR;AACA,uCAAuC;AACvC,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCJ,MAAM;QACJK,QAAQ;QACRC,SAAS;IACX;IACAC,cAAc;QACZC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,kBAAkB;QAChBH,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRE,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAAkC;QAA6C;YAAC;YAAuB;gBACpIC,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAuB;gBAC1BA,GAAG,CAAC;YACN;SAAE;QAAE;KAA0E;AAChF;AAEO,MAAMhB,kDAAkDiB,CAAAA;IAC7D;IAEA,MAAMC,SAASd;IACf,MAAM,EACJe,MAAM,EACP,GAAGF;IACJA,MAAMhB,IAAI,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,wCAAwCE,IAAI,EAAEiB,OAAOjB,IAAI,EAAEkB,WAAW,aAAaD,OAAOV,YAAY,GAAGU,OAAOL,gBAAgB,EAAEI,MAAMhB,IAAI,CAACmB,SAAS;IAC1L,IAAIH,MAAMf,QAAQ,EAAE;QAClBe,MAAMf,QAAQ,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,wCAAwCG,QAAQ,EAAEe,MAAMf,QAAQ,CAACkB,SAAS;IACpH;IACAH,MAAMd,IAAI,CAACiB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,wCAAwCI,IAAI,EAAEc,MAAMd,IAAI,CAACiB,SAAS;IACtG,OAAOH;AACT,GACA,yEAAyE"}

package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButtonStyles.styles.js

@@ -117,6 +117,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useTeachingPopoverCarouselFooterButtonStyles_unstable = (state)=>{
+    'use no memo';
     const styles = useStyles();
     const { navType, popoverAppearance } = state;
     // Apply underlying fluent Button styles

package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButtonStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselFooterButtonStyles.styles.js"],"sourcesContent":["import { __styles, 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 = /*#__PURE__*/__styles({\n  root: {\n    Bf4jedk: \"f14es27b\"\n  },\n  brandNext: {\n    sj55zd: \"f16muhyy\",\n    De3pzq: \"f10s6wn9\",\n    g2u3we: \"f1iimpp0\",\n    h3c5rm: [\"f19uhqvu\", \"f1nx14hx\"],\n    B9xav0g: \"fnqa90p\",\n    zhjwy3: [\"f1nx14hx\", \"f19uhqvu\"],\n    Bi91k9c: \"f3ymbdj\",\n    Jwef8y: \"f1rgtb95\",\n    B2d53fq: \"f1pu27ff\",\n    iro3zm: \"f1d5c7in\"\n  },\n  brandPrevious: {\n    sj55zd: \"f1phragk\",\n    De3pzq: \"ffp7eso\",\n    g2u3we: \"fm1ebug\",\n    h3c5rm: [\"f28omuz\", \"f1uhflii\"],\n    B9xav0g: \"f1ixw5o4\",\n    zhjwy3: [\"f1uhflii\", \"f28omuz\"],\n    Bi91k9c: \"f1rq72xc\",\n    Bgoe8wy: \"f1bg5g8r\",\n    Bwzppfd: [\"f1h9bnsk\", \"f12x9t0k\"],\n    oetu4i: \"f19ervry\",\n    gg5e9n: [\"f12x9t0k\", \"f1h9bnsk\"],\n    Jwef8y: \"f15wkkf3\",\n    B2d53fq: \"f1d6v5y2\",\n    b661bw: \"f1565b9n\",\n    Bk6r4ia: [\"fm07gvo\", \"fwlsg72\"],\n    B9zn80p: \"fzw6fmy\",\n    Bpld233: [\"fwlsg72\", \"fm07gvo\"],\n    iro3zm: \"fnp9lpt\"\n  }\n}, {\n  d: [\".f14es27b{min-width:96px;}\", \".f16muhyy{color:var(--colorBrandForeground1);}\", \".f10s6wn9{background-color:var(--colorNeutralForegroundOnBrand);}\", \".f1iimpp0{border-top-color:var(--colorTransparentBackground);}\", \".f19uhqvu{border-right-color:var(--colorTransparentBackground);}\", \".f1nx14hx{border-left-color:var(--colorTransparentBackground);}\", \".fnqa90p{border-bottom-color:var(--colorTransparentBackground);}\", \".f1phragk{color:var(--colorNeutralForegroundOnBrand);}\", \".ffp7eso{background-color:var(--colorBrandBackground);}\", \".fm1ebug{border-top-color:var(--colorNeutralForegroundOnBrand);}\", \".f28omuz{border-right-color:var(--colorNeutralForegroundOnBrand);}\", \".f1uhflii{border-left-color:var(--colorNeutralForegroundOnBrand);}\", \".f1ixw5o4{border-bottom-color:var(--colorNeutralForegroundOnBrand);}\"],\n  h: [\".f3ymbdj:hover{color:var(--colorCompoundBrandForeground1Hover);}\", \".f1rgtb95:hover{background-color:var(--colorNeutralForegroundOnBrand);}\", \".f1pu27ff:hover:active{color:var(--colorCompoundBrandForeground1Pressed);}\", \".f1d5c7in:hover:active{background-color:var(--colorNeutralForegroundOnBrand);}\", \".f1rq72xc:hover{color:var(--colorNeutralForegroundOnBrand);}\", \".f1bg5g8r:hover{border-top-color:var(--colorNeutralForegroundOnBrand);}\", \".f1h9bnsk:hover{border-right-color:var(--colorNeutralForegroundOnBrand);}\", \".f12x9t0k:hover{border-left-color:var(--colorNeutralForegroundOnBrand);}\", \".f19ervry:hover{border-bottom-color:var(--colorNeutralForegroundOnBrand);}\", \".f15wkkf3:hover{background-color:var(--colorBrandBackgroundHover);}\", \".f1d6v5y2:hover:active{color:var(--colorNeutralForegroundOnBrand);}\", \".f1565b9n:hover:active{border-top-color:var(--colorNeutralForegroundOnBrand);}\", \".fm07gvo:hover:active{border-right-color:var(--colorNeutralForegroundOnBrand);}\", \".fwlsg72:hover:active{border-left-color:var(--colorNeutralForegroundOnBrand);}\", \".fzw6fmy:hover:active{border-bottom-color:var(--colorNeutralForegroundOnBrand);}\", \".fnp9lpt:hover:active{background-color:var(--colorBrandBackgroundPressed);}\"]\n});\n/**\n * Apply styling to the TeachingPopoverCarouselFooterButton slots based on the state\n */\nexport const useTeachingPopoverCarouselFooterButtonStyles_unstable = state => {\n  const styles = useStyles();\n  const {\n    navType,\n    popoverAppearance\n  } = 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//# sourceMappingURL=useTeachingPopoverCarouselFooterButtonStyles.styles.js.map"],"names":["teachingPopoverCarouselFooterButtonClassNames","useTeachingPopoverCarouselFooterButtonStyles_unstable","root","useStyles","__styles","Bf4jedk","brandNext","sj55zd","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bi91k9c","Jwef8y","B2d53fq","iro3zm","brandPrevious","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","b661bw","Bk6r4ia","B9zn80p","Bpld233","d","h","state","styles","navType","popoverAppearance","useButtonStyles_unstable","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,6CAA6C;eAA7CA;;IA8CAC,qDAAqD;eAArDA;;;uBAjDsC;6BAEV;AAClC,MAAMD,gDAAgD;IAC3DE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,SAAS;IACX;IACAC,WAAW;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,eAAe;QACbV,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTK,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCP,QAAQ;QACRC,SAAS;QACTO,QAAQ;QACRC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAU;QAC/BT,QAAQ;IACV;AACF,GAAG;IACDU,GAAG;QAAC;QAA8B;QAAkD;QAAqE;QAAkE;QAAoE;QAAmE;QAAoE;QAA0D;QAA2D;QAAoE;QAAsE;QAAsE;KAAuE;IAClzBC,GAAG;QAAC;QAAoE;QAA2E;QAA8E;QAAkF;QAAgE;QAA2E;QAA6E;QAA4E;QAA8E;QAAuE;QAAuE;QAAkF;QAAmF;QAAkF;QAAoF;KAA8E;AAC9sC;AAIO,MAAM1B,wDAAwD2B,CAAAA;IACnE,MAAMC,SAAS1B;IACf,MAAM,EACJ2B,OAAO,EACPC,iBAAiB,EAClB,GAAGH;IACJ,wCAAwC;IACxCA,QAAQ;QACN,GAAGA,KAAK;QACR,GAAGI,IAAAA,qCAAwB,EAACJ,MAAM;IACpC;IACAA,MAAM1B,IAAI,CAAC+B,SAAS,GAAGC,IAAAA,mBAAY,EAAClC,8CAA8CE,IAAI,EAAE2B,OAAO3B,IAAI,EAAE4B,YAAY,UAAUC,sBAAsB,WAAWF,OAAOZ,aAAa,EAAEa,YAAY,UAAUC,sBAAsB,WAAWF,OAAOvB,SAAS,EAAEsB,MAAM1B,IAAI,CAAC+B,SAAS;IAC/Q,OAAOL;AACT,GACA,+EAA+E"}
+{"version":3,"sources":["useTeachingPopoverCarouselFooterButtonStyles.styles.js"],"sourcesContent":["import { __styles, 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 = /*#__PURE__*/__styles({\n  root: {\n    Bf4jedk: \"f14es27b\"\n  },\n  brandNext: {\n    sj55zd: \"f16muhyy\",\n    De3pzq: \"f10s6wn9\",\n    g2u3we: \"f1iimpp0\",\n    h3c5rm: [\"f19uhqvu\", \"f1nx14hx\"],\n    B9xav0g: \"fnqa90p\",\n    zhjwy3: [\"f1nx14hx\", \"f19uhqvu\"],\n    Bi91k9c: \"f3ymbdj\",\n    Jwef8y: \"f1rgtb95\",\n    B2d53fq: \"f1pu27ff\",\n    iro3zm: \"f1d5c7in\"\n  },\n  brandPrevious: {\n    sj55zd: \"f1phragk\",\n    De3pzq: \"ffp7eso\",\n    g2u3we: \"fm1ebug\",\n    h3c5rm: [\"f28omuz\", \"f1uhflii\"],\n    B9xav0g: \"f1ixw5o4\",\n    zhjwy3: [\"f1uhflii\", \"f28omuz\"],\n    Bi91k9c: \"f1rq72xc\",\n    Bgoe8wy: \"f1bg5g8r\",\n    Bwzppfd: [\"f1h9bnsk\", \"f12x9t0k\"],\n    oetu4i: \"f19ervry\",\n    gg5e9n: [\"f12x9t0k\", \"f1h9bnsk\"],\n    Jwef8y: \"f15wkkf3\",\n    B2d53fq: \"f1d6v5y2\",\n    b661bw: \"f1565b9n\",\n    Bk6r4ia: [\"fm07gvo\", \"fwlsg72\"],\n    B9zn80p: \"fzw6fmy\",\n    Bpld233: [\"fwlsg72\", \"fm07gvo\"],\n    iro3zm: \"fnp9lpt\"\n  }\n}, {\n  d: [\".f14es27b{min-width:96px;}\", \".f16muhyy{color:var(--colorBrandForeground1);}\", \".f10s6wn9{background-color:var(--colorNeutralForegroundOnBrand);}\", \".f1iimpp0{border-top-color:var(--colorTransparentBackground);}\", \".f19uhqvu{border-right-color:var(--colorTransparentBackground);}\", \".f1nx14hx{border-left-color:var(--colorTransparentBackground);}\", \".fnqa90p{border-bottom-color:var(--colorTransparentBackground);}\", \".f1phragk{color:var(--colorNeutralForegroundOnBrand);}\", \".ffp7eso{background-color:var(--colorBrandBackground);}\", \".fm1ebug{border-top-color:var(--colorNeutralForegroundOnBrand);}\", \".f28omuz{border-right-color:var(--colorNeutralForegroundOnBrand);}\", \".f1uhflii{border-left-color:var(--colorNeutralForegroundOnBrand);}\", \".f1ixw5o4{border-bottom-color:var(--colorNeutralForegroundOnBrand);}\"],\n  h: [\".f3ymbdj:hover{color:var(--colorCompoundBrandForeground1Hover);}\", \".f1rgtb95:hover{background-color:var(--colorNeutralForegroundOnBrand);}\", \".f1pu27ff:hover:active{color:var(--colorCompoundBrandForeground1Pressed);}\", \".f1d5c7in:hover:active{background-color:var(--colorNeutralForegroundOnBrand);}\", \".f1rq72xc:hover{color:var(--colorNeutralForegroundOnBrand);}\", \".f1bg5g8r:hover{border-top-color:var(--colorNeutralForegroundOnBrand);}\", \".f1h9bnsk:hover{border-right-color:var(--colorNeutralForegroundOnBrand);}\", \".f12x9t0k:hover{border-left-color:var(--colorNeutralForegroundOnBrand);}\", \".f19ervry:hover{border-bottom-color:var(--colorNeutralForegroundOnBrand);}\", \".f15wkkf3:hover{background-color:var(--colorBrandBackgroundHover);}\", \".f1d6v5y2:hover:active{color:var(--colorNeutralForegroundOnBrand);}\", \".f1565b9n:hover:active{border-top-color:var(--colorNeutralForegroundOnBrand);}\", \".fm07gvo:hover:active{border-right-color:var(--colorNeutralForegroundOnBrand);}\", \".fwlsg72:hover:active{border-left-color:var(--colorNeutralForegroundOnBrand);}\", \".fzw6fmy:hover:active{border-bottom-color:var(--colorNeutralForegroundOnBrand);}\", \".fnp9lpt:hover:active{background-color:var(--colorBrandBackgroundPressed);}\"]\n});\n/**\n * Apply styling to the TeachingPopoverCarouselFooterButton slots based on the state\n */\nexport const useTeachingPopoverCarouselFooterButtonStyles_unstable = state => {\n  'use no memo';\n\n  const styles = useStyles();\n  const {\n    navType,\n    popoverAppearance\n  } = 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//# sourceMappingURL=useTeachingPopoverCarouselFooterButtonStyles.styles.js.map"],"names":["teachingPopoverCarouselFooterButtonClassNames","useTeachingPopoverCarouselFooterButtonStyles_unstable","root","useStyles","__styles","Bf4jedk","brandNext","sj55zd","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bi91k9c","Jwef8y","B2d53fq","iro3zm","brandPrevious","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","b661bw","Bk6r4ia","B9zn80p","Bpld233","d","h","state","styles","navType","popoverAppearance","useButtonStyles_unstable","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,6CAA6C;eAA7CA;;IA8CAC,qDAAqD;eAArDA;;;uBAjDsC;6BAEV;AAClC,MAAMD,gDAAgD;IAC3DE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,SAAS;IACX;IACAC,WAAW;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,eAAe;QACbV,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTK,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCP,QAAQ;QACRC,SAAS;QACTO,QAAQ;QACRC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAU;QAC/BT,QAAQ;IACV;AACF,GAAG;IACDU,GAAG;QAAC;QAA8B;QAAkD;QAAqE;QAAkE;QAAoE;QAAmE;QAAoE;QAA0D;QAA2D;QAAoE;QAAsE;QAAsE;KAAuE;IAClzBC,GAAG;QAAC;QAAoE;QAA2E;QAA8E;QAAkF;QAAgE;QAA2E;QAA6E;QAA4E;QAA8E;QAAuE;QAAuE;QAAkF;QAAmF;QAAkF;QAAoF;KAA8E;AAC9sC;AAIO,MAAM1B,wDAAwD2B,CAAAA;IACnE;IAEA,MAAMC,SAAS1B;IACf,MAAM,EACJ2B,OAAO,EACPC,iBAAiB,EAClB,GAAGH;IACJ,wCAAwC;IACxCA,QAAQ;QACN,GAAGA,KAAK;QACR,GAAGI,IAAAA,qCAAwB,EAACJ,MAAM;IACpC;IACAA,MAAM1B,IAAI,CAAC+B,SAAS,GAAGC,IAAAA,mBAAY,EAAClC,8CAA8CE,IAAI,EAAE2B,OAAO3B,IAAI,EAAE4B,YAAY,UAAUC,sBAAsB,WAAWF,OAAOZ,aAAa,EAAEa,YAAY,UAAUC,sBAAsB,WAAWF,OAAOvB,SAAS,EAAEsB,MAAM1B,IAAI,CAAC+B,SAAS;IAC/Q,OAAOL;AACT,GACA,+EAA+E"}

package/lib-commonjs/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js

@@ -73,6 +73,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useTeachingPopoverCarouselNavStyles_unstable = (state)=>{
+    'use no memo';
     const styles = useStyles();
     state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselNavClassNames.root, styles.root, state.root.className);
     return state;

package/lib-commonjs/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselNavStyles.styles.js"],"sourcesContent":["import { __styles, 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 = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1063pyq\",\n    i8kkvl: \"f1ufnopg\",\n    Bt984gj: \"f122n59\",\n    Brf1p80: \"f4d9j23\",\n    Bfpq7zp: 0,\n    g9k6zt: 0,\n    Bn4voq9: 0,\n    giviqs: \"f89hs3r\",\n    Bw81rd7: 0,\n    kdpuga: 0,\n    dm238s: 0,\n    B6xbmo0: 0,\n    B3whbx2: \"f2krc9w\",\n    B8q5s1w: \"f8hki3x\",\n    Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n    n8qw10: \"f1bjia2o\",\n    Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"]\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f1063pyq{flex-direction:row;}\", \".f1ufnopg{column-gap:var(--spacingHorizontalXS);}\", \".f122n59{align-items:center;}\", \".f4d9j23{justify-content:center;}\", [\".f89hs3r[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\", {\n    p: -1\n  }], [\".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}\", {\n    p: -1\n  }], \".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\"]\n});\n/** Applies style classnames to slots */\nexport 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//# sourceMappingURL=useTeachingPopoverCarouselNavStyles.styles.js.map"],"names":["teachingPopoverCarouselNavClassNames","useTeachingPopoverCarouselNavStyles_unstable","root","useStyles","__styles","mc9l5x","Beiy3e4","i8kkvl","Bt984gj","Brf1p80","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","d","p","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,oCAAoC;eAApCA;;IAgCAC,4CAA4C;eAA5CA;;;uBAnCsC;AAG5C,MAAMD,uCAAuC;IAClDE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,QAAQ;QACRC,SAAS;YAAC;YAAW;SAAW;IAClC;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAAkC;QAAqD;QAAiC;QAAqC;YAAC;YAAqG;gBAChSC,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAA8E;gBACjFA,GAAG,CAAC;YACN;SAAE;QAAE;QAAmE;QAAsE;QAAoE;KAAsE;AACzR;AAEO,MAAMvB,+CAA+CwB,CAAAA;IAC1D,MAAMC,SAASvB;IACfsB,MAAMvB,IAAI,CAACyB,SAAS,GAAGC,IAAAA,mBAAY,EAAC5B,qCAAqCE,IAAI,EAAEwB,OAAOxB,IAAI,EAAEuB,MAAMvB,IAAI,CAACyB,SAAS;IAChH,OAAOF;AACT,GACA,sEAAsE"}
+{"version":3,"sources":["useTeachingPopoverCarouselNavStyles.styles.js"],"sourcesContent":["import { __styles, 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 = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1063pyq\",\n    i8kkvl: \"f1ufnopg\",\n    Bt984gj: \"f122n59\",\n    Brf1p80: \"f4d9j23\",\n    Bfpq7zp: 0,\n    g9k6zt: 0,\n    Bn4voq9: 0,\n    giviqs: \"f89hs3r\",\n    Bw81rd7: 0,\n    kdpuga: 0,\n    dm238s: 0,\n    B6xbmo0: 0,\n    B3whbx2: \"f2krc9w\",\n    B8q5s1w: \"f8hki3x\",\n    Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n    n8qw10: \"f1bjia2o\",\n    Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"]\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f1063pyq{flex-direction:row;}\", \".f1ufnopg{column-gap:var(--spacingHorizontalXS);}\", \".f122n59{align-items:center;}\", \".f4d9j23{justify-content:center;}\", [\".f89hs3r[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\", {\n    p: -1\n  }], [\".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}\", {\n    p: -1\n  }], \".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\"]\n});\n/** Applies style classnames to slots */\nexport const useTeachingPopoverCarouselNavStyles_unstable = state => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(teachingPopoverCarouselNavClassNames.root, styles.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTeachingPopoverCarouselNavStyles.styles.js.map"],"names":["teachingPopoverCarouselNavClassNames","useTeachingPopoverCarouselNavStyles_unstable","root","useStyles","__styles","mc9l5x","Beiy3e4","i8kkvl","Bt984gj","Brf1p80","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","d","p","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,oCAAoC;eAApCA;;IAgCAC,4CAA4C;eAA5CA;;;uBAnCsC;AAG5C,MAAMD,uCAAuC;IAClDE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,QAAQ;QACRC,SAAS;YAAC;YAAW;SAAW;IAClC;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAAkC;QAAqD;QAAiC;QAAqC;YAAC;YAAqG;gBAChSC,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAA8E;gBACjFA,GAAG,CAAC;YACN;SAAE;QAAE;QAAmE;QAAsE;QAAoE;KAAsE;AACzR;AAEO,MAAMvB,+CAA+CwB,CAAAA;IAC1D;IAEA,MAAMC,SAASvB;IACfsB,MAAMvB,IAAI,CAACyB,SAAS,GAAGC,IAAAA,mBAAY,EAAC5B,qCAAqCE,IAAI,EAAEwB,OAAOxB,IAAI,EAAEuB,MAAMvB,IAAI,CAACyB,SAAS;IAChH,OAAOF;AACT,GACA,sEAAsE"}

package/lib-commonjs/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js

@@ -62,7 +62,7 @@ const teachingPopoverCarouselNavButtonClassNames = {
         Bw0xxkn: 0,
         oeaueh: 0,
         Bpd4iqm: 0,
-        Befb4lg: "f1f5l3wm",
+        Befb4lg: "f71xx7",
         Bfpq7zp: 0,
         g9k6zt: 0,
         Bn4voq9: 0,
@@ -90,7 +90,7 @@ const teachingPopoverCarouselNavButtonClassNames = {
         Bw0xxkn: 0,
         oeaueh: 0,
         Bpd4iqm: 0,
-        Befb4lg: "f1f5l3wm",
+        Befb4lg: "f71xx7",
         a9b677: "fjw5fx7",
         Bgfg5da: 0,
         B9xav0g: 0,
@@ -137,7 +137,8 @@ const teachingPopoverCarouselNavButtonClassNames = {
         Bdrgwmp: [
             "ffh67wi",
             "f1d2448m"
-        ]
+        ],
+        Bsw6fvg: "fe2ae1k"
     },
     rootBrand: {
         De3pzq: "f10s6wn9"
@@ -174,7 +175,7 @@ const teachingPopoverCarouselNavButtonClassNames = {
             }
         ],
         [
-            ".f1f5l3wm{outline:var(--strokeWidthThin);}",
+            ".f71xx7{outline:var(--strokeWidthThin) solid transparent;}",
             {
                 p: -1
             }
@@ -197,7 +198,7 @@ const teachingPopoverCarouselNavButtonClassNames = {
         ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}",
         ".frgiif3{background-color:color-mix(in srgb, var(--colorBrandBackground) 30%, transparent);}",
         [
-            ".f1f5l3wm{outline:var(--strokeWidthThin);}",
+            ".f71xx7{outline:var(--strokeWidthThin) solid transparent;}",
             {
                 p: -1
             }
@@ -239,9 +240,18 @@ const teachingPopoverCarouselNavButtonClassNames = {
     t: [
         "@supports not (color: color-mix(in lch, white, black)){.f14lfud5{opacity:0.3;}}",
         "@supports not (color: color-mix(in lch, white, black)){.fngekiq{background-color:var(--colorBrandBackground);}}"
+    ],
+    m: [
+        [
+            "@media (forced-colors: active){.fe2ae1k{background-color:CanvasText;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ]
     ]
 });
 const useTeachingPopoverCarouselNavButtonStyles_unstable = (state)=>{
+    'use no memo';
     const styles = useStyles();
     const { appearance, isSelected } = state;
     const brandStyles = isSelected ? styles.rootBrand : styles.rootBrandUnselected;

package/lib-commonjs/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselNavButtonStyles.styles.js"],"sourcesContent":["import { __styles, 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 */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Bceei9c: \"f1k6fduh\",\n    B7ck84d: \"f1ewtqcl\",\n    Bqenvij: \"f1x82gua\",\n    a9b677: \"f1o3cbw4\",\n    De3pzq: \"ffp7eso\"\n  },\n  rootUnselected: {\n    Bgfg5da: 0,\n    B9xav0g: 0,\n    oivjwe: 0,\n    Bn0qgzm: 0,\n    B4g9neb: 0,\n    zhjwy3: 0,\n    wvpqe5: 0,\n    ibv6hh: 0,\n    u1mtju: 0,\n    h3c5rm: 0,\n    vrafjx: 0,\n    Bekrc4i: 0,\n    i8vvqc: 0,\n    g2u3we: 0,\n    icvyot: 0,\n    B4j52fo: 0,\n    irswps: \"f3bhgqh\",\n    Beyfa6y: 0,\n    Bbmb7ep: 0,\n    Btl43ni: 0,\n    B7oj6ja: 0,\n    Dimara: \"f5q2cvs\",\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"f1c5fvqg\",\n    Bw0xxkn: 0,\n    oeaueh: 0,\n    Bpd4iqm: 0,\n    Befb4lg: \"f1f5l3wm\",\n    Bfpq7zp: 0,\n    g9k6zt: 0,\n    Bn4voq9: 0,\n    giviqs: \"f89hs3r\",\n    Bw81rd7: 0,\n    kdpuga: 0,\n    dm238s: 0,\n    B6xbmo0: 0,\n    B3whbx2: \"f2krc9w\",\n    B8q5s1w: \"f8hki3x\",\n    Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n    n8qw10: \"f1bjia2o\",\n    Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n    De3pzq: \"frgiif3\",\n    Bfclv37: \"f14lfud5\",\n    B372c46: \"fngekiq\"\n  },\n  rootSelected: {\n    Bw0xxkn: 0,\n    oeaueh: 0,\n    Bpd4iqm: 0,\n    Befb4lg: \"f1f5l3wm\",\n    a9b677: \"fjw5fx7\",\n    Bgfg5da: 0,\n    B9xav0g: 0,\n    oivjwe: 0,\n    Bn0qgzm: 0,\n    B4g9neb: 0,\n    zhjwy3: 0,\n    wvpqe5: 0,\n    ibv6hh: 0,\n    u1mtju: 0,\n    h3c5rm: 0,\n    vrafjx: 0,\n    Bekrc4i: 0,\n    i8vvqc: 0,\n    g2u3we: 0,\n    icvyot: 0,\n    B4j52fo: 0,\n    irswps: \"f3bhgqh\",\n    Beyfa6y: 0,\n    Bbmb7ep: 0,\n    Btl43ni: 0,\n    B7oj6ja: 0,\n    Dimara: \"ff3glw6\",\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"f1c5fvqg\",\n    Bfpq7zp: 0,\n    g9k6zt: 0,\n    Bn4voq9: 0,\n    giviqs: \"f89hs3r\",\n    Bw81rd7: 0,\n    kdpuga: 0,\n    dm238s: 0,\n    B6xbmo0: 0,\n    B3whbx2: \"f2krc9w\",\n    B8q5s1w: \"f8hki3x\",\n    Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n    n8qw10: \"f1bjia2o\",\n    Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"]\n  },\n  rootBrand: {\n    De3pzq: \"f10s6wn9\"\n  },\n  rootBrandUnselected: {\n    De3pzq: \"frxe7el\",\n    Bfclv37: \"f14lfud5\",\n    B372c46: \"fngekiq\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f1k6fduh{cursor:pointer;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f1x82gua{height:8px;}\", \".f1o3cbw4{width:8px;}\", \".ffp7eso{background-color:var(--colorBrandBackground);}\", [\".f3bhgqh{border:none;}\", {\n    p: -2\n  }], [\".f5q2cvs{border-radius:50%;}\", {\n    p: -1\n  }], [\".f1c5fvqg{padding:0px;}\", {\n    p: -1\n  }], [\".f1f5l3wm{outline:var(--strokeWidthThin);}\", {\n    p: -1\n  }], [\".f89hs3r[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\", {\n    p: -1\n  }], [\".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}\", {\n    p: -1\n  }], \".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".frgiif3{background-color:color-mix(in srgb, var(--colorBrandBackground) 30%, transparent);}\", [\".f1f5l3wm{outline:var(--strokeWidthThin);}\", {\n    p: -1\n  }], \".fjw5fx7{width:16px;}\", [\".f3bhgqh{border:none;}\", {\n    p: -2\n  }], [\".ff3glw6{border-radius:4px;}\", {\n    p: -1\n  }], [\".f1c5fvqg{padding:0px;}\", {\n    p: -1\n  }], [\".f89hs3r[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\", {\n    p: -1\n  }], [\".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}\", {\n    p: -1\n  }], \".f10s6wn9{background-color:var(--colorNeutralForegroundOnBrand);}\", \".frxe7el{background-color:color-mix(in srgb, var(--colorNeutralForegroundOnBrand) 30%, transparent);}\"],\n  t: [\"@supports not (color: color-mix(in lch, white, black)){.f14lfud5{opacity:0.3;}}\", \"@supports not (color: color-mix(in lch, white, black)){.fngekiq{background-color:var(--colorBrandBackground);}}\"]\n});\n/**\n * Apply styling to the TeachingPopoverCarouselNavButton slots based on the state\n */\nexport const useTeachingPopoverCarouselNavButtonStyles_unstable = state => {\n  const styles = useStyles();\n  const {\n    appearance,\n    isSelected\n  } = 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//# sourceMappingURL=useTeachingPopoverCarouselNavButtonStyles.styles.js.map"],"names":["teachingPopoverCarouselNavButtonClassNames","useTeachingPopoverCarouselNavButtonStyles_unstable","root","useStyles","__styles","mc9l5x","Bceei9c","B7ck84d","Bqenvij","a9b677","De3pzq","rootUnselected","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bw0xxkn","oeaueh","Bpd4iqm","Befb4lg","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bfclv37","B372c46","rootSelected","rootBrand","rootBrandUnselected","d","p","t","state","styles","appearance","isSelected","brandStyles","className","mergeClasses"],"mappings":"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"}
+{"version":3,"sources":["useTeachingPopoverCarouselNavButtonStyles.styles.js"],"sourcesContent":["import { __styles, 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 */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Bceei9c: \"f1k6fduh\",\n    B7ck84d: \"f1ewtqcl\",\n    Bqenvij: \"f1x82gua\",\n    a9b677: \"f1o3cbw4\",\n    De3pzq: \"ffp7eso\"\n  },\n  rootUnselected: {\n    Bgfg5da: 0,\n    B9xav0g: 0,\n    oivjwe: 0,\n    Bn0qgzm: 0,\n    B4g9neb: 0,\n    zhjwy3: 0,\n    wvpqe5: 0,\n    ibv6hh: 0,\n    u1mtju: 0,\n    h3c5rm: 0,\n    vrafjx: 0,\n    Bekrc4i: 0,\n    i8vvqc: 0,\n    g2u3we: 0,\n    icvyot: 0,\n    B4j52fo: 0,\n    irswps: \"f3bhgqh\",\n    Beyfa6y: 0,\n    Bbmb7ep: 0,\n    Btl43ni: 0,\n    B7oj6ja: 0,\n    Dimara: \"f5q2cvs\",\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"f1c5fvqg\",\n    Bw0xxkn: 0,\n    oeaueh: 0,\n    Bpd4iqm: 0,\n    Befb4lg: \"f71xx7\",\n    Bfpq7zp: 0,\n    g9k6zt: 0,\n    Bn4voq9: 0,\n    giviqs: \"f89hs3r\",\n    Bw81rd7: 0,\n    kdpuga: 0,\n    dm238s: 0,\n    B6xbmo0: 0,\n    B3whbx2: \"f2krc9w\",\n    B8q5s1w: \"f8hki3x\",\n    Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n    n8qw10: \"f1bjia2o\",\n    Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n    De3pzq: \"frgiif3\",\n    Bfclv37: \"f14lfud5\",\n    B372c46: \"fngekiq\"\n  },\n  rootSelected: {\n    Bw0xxkn: 0,\n    oeaueh: 0,\n    Bpd4iqm: 0,\n    Befb4lg: \"f71xx7\",\n    a9b677: \"fjw5fx7\",\n    Bgfg5da: 0,\n    B9xav0g: 0,\n    oivjwe: 0,\n    Bn0qgzm: 0,\n    B4g9neb: 0,\n    zhjwy3: 0,\n    wvpqe5: 0,\n    ibv6hh: 0,\n    u1mtju: 0,\n    h3c5rm: 0,\n    vrafjx: 0,\n    Bekrc4i: 0,\n    i8vvqc: 0,\n    g2u3we: 0,\n    icvyot: 0,\n    B4j52fo: 0,\n    irswps: \"f3bhgqh\",\n    Beyfa6y: 0,\n    Bbmb7ep: 0,\n    Btl43ni: 0,\n    B7oj6ja: 0,\n    Dimara: \"ff3glw6\",\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"f1c5fvqg\",\n    Bfpq7zp: 0,\n    g9k6zt: 0,\n    Bn4voq9: 0,\n    giviqs: \"f89hs3r\",\n    Bw81rd7: 0,\n    kdpuga: 0,\n    dm238s: 0,\n    B6xbmo0: 0,\n    B3whbx2: \"f2krc9w\",\n    B8q5s1w: \"f8hki3x\",\n    Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n    n8qw10: \"f1bjia2o\",\n    Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n    Bsw6fvg: \"fe2ae1k\"\n  },\n  rootBrand: {\n    De3pzq: \"f10s6wn9\"\n  },\n  rootBrandUnselected: {\n    De3pzq: \"frxe7el\",\n    Bfclv37: \"f14lfud5\",\n    B372c46: \"fngekiq\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f1k6fduh{cursor:pointer;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f1x82gua{height:8px;}\", \".f1o3cbw4{width:8px;}\", \".ffp7eso{background-color:var(--colorBrandBackground);}\", [\".f3bhgqh{border:none;}\", {\n    p: -2\n  }], [\".f5q2cvs{border-radius:50%;}\", {\n    p: -1\n  }], [\".f1c5fvqg{padding:0px;}\", {\n    p: -1\n  }], [\".f71xx7{outline:var(--strokeWidthThin) solid transparent;}\", {\n    p: -1\n  }], [\".f89hs3r[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\", {\n    p: -1\n  }], [\".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}\", {\n    p: -1\n  }], \".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".frgiif3{background-color:color-mix(in srgb, var(--colorBrandBackground) 30%, transparent);}\", [\".f71xx7{outline:var(--strokeWidthThin) solid transparent;}\", {\n    p: -1\n  }], \".fjw5fx7{width:16px;}\", [\".f3bhgqh{border:none;}\", {\n    p: -2\n  }], [\".ff3glw6{border-radius:4px;}\", {\n    p: -1\n  }], [\".f1c5fvqg{padding:0px;}\", {\n    p: -1\n  }], [\".f89hs3r[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\", {\n    p: -1\n  }], [\".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}\", {\n    p: -1\n  }], \".f10s6wn9{background-color:var(--colorNeutralForegroundOnBrand);}\", \".frxe7el{background-color:color-mix(in srgb, var(--colorNeutralForegroundOnBrand) 30%, transparent);}\"],\n  t: [\"@supports not (color: color-mix(in lch, white, black)){.f14lfud5{opacity:0.3;}}\", \"@supports not (color: color-mix(in lch, white, black)){.fngekiq{background-color:var(--colorBrandBackground);}}\"],\n  m: [[\"@media (forced-colors: active){.fe2ae1k{background-color:CanvasText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\n/**\n * Apply styling to the TeachingPopoverCarouselNavButton slots based on the state\n */\nexport const useTeachingPopoverCarouselNavButtonStyles_unstable = state => {\n  'use no memo';\n\n  const styles = useStyles();\n  const {\n    appearance,\n    isSelected\n  } = 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//# sourceMappingURL=useTeachingPopoverCarouselNavButtonStyles.styles.js.map"],"names":["teachingPopoverCarouselNavButtonClassNames","useTeachingPopoverCarouselNavButtonStyles_unstable","root","useStyles","__styles","mc9l5x","Bceei9c","B7ck84d","Bqenvij","a9b677","De3pzq","rootUnselected","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bw0xxkn","oeaueh","Bpd4iqm","Befb4lg","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bfclv37","B372c46","rootSelected","Bsw6fvg","rootBrand","rootBrandUnselected","d","p","t","m","state","styles","appearance","isSelected","brandStyles","className","mergeClasses"],"mappings":"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"}

package/lib-commonjs/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCountStyles.styles.js

@@ -36,6 +36,7 @@ const teachingPopoverCarouselPageCountClassNames = {
     ]
 });
 const useTeachingPopoverCarouselPageCountStyles_unstable = (state)=>{
+    'use no memo';
     const styles = useStyles();
     state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselPageCountClassNames.root, styles.root, state.root.className);
     return state;

package/lib-commonjs/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCountStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselPageCountStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselPageCountClassNames = {\n  root: 'fui-TeachingPopoverCarouselPageCount'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    Brf1p80: \"f4d9j23\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f122n59{align-items:center;}\", \".f4d9j23{justify-content:center;}\"]\n});\n/**\n * Apply styling to the TeachingPopoverCarouselPageCount slots based on the state\n */\nexport 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//# sourceMappingURL=useTeachingPopoverCarouselPageCountStyles.styles.js.map"],"names":["teachingPopoverCarouselPageCountClassNames","useTeachingPopoverCarouselPageCountStyles_unstable","root","useStyles","__styles","mc9l5x","Bt984gj","Brf1p80","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,0CAA0C;eAA1CA;;IAkBAC,kDAAkD;eAAlDA;;;uBAnB0B;AAChC,MAAMD,6CAA6C;IACxDE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAAiC;KAAoC;AACtG;AAIO,MAAMP,qDAAqDQ,CAAAA;IAChE,MAAMC,SAASP;IACfM,MAAMP,IAAI,CAACS,SAAS,GAAGC,IAAAA,mBAAY,EAACZ,2CAA2CE,IAAI,EAAEQ,OAAOR,IAAI,EAAEO,MAAMP,IAAI,CAACS,SAAS;IACtH,OAAOF;AACT,GACA,4EAA4E"}
+{"version":3,"sources":["useTeachingPopoverCarouselPageCountStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselPageCountClassNames = {\n  root: 'fui-TeachingPopoverCarouselPageCount'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    Brf1p80: \"f4d9j23\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f122n59{align-items:center;}\", \".f4d9j23{justify-content:center;}\"]\n});\n/**\n * Apply styling to the TeachingPopoverCarouselPageCount slots based on the state\n */\nexport const useTeachingPopoverCarouselPageCountStyles_unstable = state => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(teachingPopoverCarouselPageCountClassNames.root, styles.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTeachingPopoverCarouselPageCountStyles.styles.js.map"],"names":["teachingPopoverCarouselPageCountClassNames","useTeachingPopoverCarouselPageCountStyles_unstable","root","useStyles","__styles","mc9l5x","Bt984gj","Brf1p80","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,0CAA0C;eAA1CA;;IAkBAC,kDAAkD;eAAlDA;;;uBAnB0B;AAChC,MAAMD,6CAA6C;IACxDE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAAiC;KAAoC;AACtG;AAIO,MAAMP,qDAAqDQ,CAAAA;IAChE;IAEA,MAAMC,SAASP;IACfM,MAAMP,IAAI,CAACS,SAAS,GAAGC,IAAAA,mBAAY,EAACZ,2CAA2CE,IAAI,EAAEQ,OAAOR,IAAI,EAAEO,MAAMP,IAAI,CAACS,SAAS;IACtH,OAAOF;AACT,GACA,4EAA4E"}

package/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js

@@ -115,6 +115,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useTeachingPopoverFooterStyles_unstable = (state)=>{
+    'use no memo';
     const styles = useStyles();
     const { appearance, footerLayout } = state;
     state.root.className = (0, _react.mergeClasses)(teachingPopoverFooterClassNames.root, styles.root, footerLayout === 'horizontal' ? styles.rootHorizontal : styles.rootVertical, state.root.className);

package/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverFooterStyles.styles.js"],"sourcesContent":["import { __styles, 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 = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    i8kkvl: 0,\n    Belr9w4: 0,\n    rmohyg: \"f19gb1f4\",\n    z8tnut: \"f1kcqot9\"\n  },\n  rootVertical: {\n    Beiy3e4: \"f1vx9l62\"\n  },\n  rootHorizontal: {\n    Beiy3e4: \"f1063pyq\",\n    Brf1p80: \"f9c4gz4\"\n  },\n  buttonRootVertical: {\n    a9b677: \"f14z66ap\",\n    Beyfa6y: 0,\n    Bbmb7ep: 0,\n    Btl43ni: 0,\n    B7oj6ja: 0,\n    Dimara: \"ff3glw6\"\n  },\n  buttonRootHorizontal: {\n    Bf4jedk: \"f14es27b\",\n    Beyfa6y: 0,\n    Bbmb7ep: 0,\n    Btl43ni: 0,\n    B7oj6ja: 0,\n    Dimara: \"ff3glw6\"\n  },\n  brandSecondary: {\n    g2u3we: \"fm1ebug\",\n    h3c5rm: [\"f28omuz\", \"f1uhflii\"],\n    B9xav0g: \"f1ixw5o4\",\n    zhjwy3: [\"f1uhflii\", \"f28omuz\"]\n  },\n  brandPrimary: {\n    sj55zd: \"f16muhyy\",\n    De3pzq: \"f10s6wn9\",\n    Bi91k9c: \"f3ymbdj\",\n    Jwef8y: \"f1rgtb95\",\n    B2d53fq: \"f1pu27ff\",\n    iro3zm: \"f1d5c7in\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", [\".f19gb1f4{gap:8px;}\", {\n    p: -1\n  }], \".f1kcqot9{padding-top:12px;}\", \".f1vx9l62{flex-direction:column;}\", \".f1063pyq{flex-direction:row;}\", \".f9c4gz4{justify-content:flex-end;}\", \".f14z66ap{width:auto;}\", [\".ff3glw6{border-radius:4px;}\", {\n    p: -1\n  }], \".f14es27b{min-width:96px;}\", [\".ff3glw6{border-radius:4px;}\", {\n    p: -1\n  }], \".fm1ebug{border-top-color:var(--colorNeutralForegroundOnBrand);}\", \".f28omuz{border-right-color:var(--colorNeutralForegroundOnBrand);}\", \".f1uhflii{border-left-color:var(--colorNeutralForegroundOnBrand);}\", \".f1ixw5o4{border-bottom-color:var(--colorNeutralForegroundOnBrand);}\", \".f16muhyy{color:var(--colorBrandForeground1);}\", \".f10s6wn9{background-color:var(--colorNeutralForegroundOnBrand);}\"],\n  h: [\".f3ymbdj:hover{color:var(--colorCompoundBrandForeground1Hover);}\", \".f1rgtb95:hover{background-color:var(--colorNeutralForegroundOnBrand);}\", \".f1pu27ff:hover:active{color:var(--colorCompoundBrandForeground1Pressed);}\", \".f1d5c7in:hover:active{background-color:var(--colorNeutralForegroundOnBrand);}\"]\n});\n/** Applies style classnames to slots */\nexport const useTeachingPopoverFooterStyles_unstable = state => {\n  const styles = useStyles();\n  const {\n    appearance,\n    footerLayout\n  } = 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//# sourceMappingURL=useTeachingPopoverFooterStyles.styles.js.map"],"names":["teachingPopoverFooterClassNames","useTeachingPopoverFooterStyles_unstable","root","primary","secondary","useStyles","__styles","mc9l5x","i8kkvl","Belr9w4","rmohyg","z8tnut","rootVertical","Beiy3e4","rootHorizontal","Brf1p80","buttonRootVertical","a9b677","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","buttonRootHorizontal","Bf4jedk","brandSecondary","g2u3we","h3c5rm","B9xav0g","zhjwy3","brandPrimary","sj55zd","De3pzq","Bi91k9c","Jwef8y","B2d53fq","iro3zm","d","p","h","state","styles","appearance","footerLayout","className","mergeClasses","undefined"],"mappings":";;;;;;;;;;;IAEaA,+BAA+B;eAA/BA;;IA6DAC,uCAAuC;eAAvCA;;;uBA/DsC;AAE5C,MAAMD,kCAAkC;IAC7CE,MAAM;IACNC,SAAS;IACTC,WAAW;AACb;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCJ,MAAM;QACJK,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;IACV;IACAC,cAAc;QACZC,SAAS;IACX;IACAC,gBAAgB;QACdD,SAAS;QACTE,SAAS;IACX;IACAC,oBAAoB;QAClBC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAC,sBAAsB;QACpBC,SAAS;QACTN,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAG,gBAAgB;QACdC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;IACjC;IACAC,cAAc;QACZC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;YAAC;YAAuB;gBACrDC,GAAG,CAAC;YACN;SAAE;QAAE;QAAgC;QAAqC;QAAkC;QAAuC;QAA0B;YAAC;YAAgC;gBAC3MA,GAAG,CAAC;YACN;SAAE;QAAE;QAA8B;YAAC;YAAgC;gBACjEA,GAAG,CAAC;YACN;SAAE;QAAE;QAAoE;QAAsE;QAAsE;QAAwE;QAAkD;KAAoE;IAClZC,GAAG;QAAC;QAAoE;QAA2E;QAA8E;KAAiF;AACpT;AAEO,MAAMtC,0CAA0CuC,CAAAA;IACrD,MAAMC,SAASpC;IACf,MAAM,EACJqC,UAAU,EACVC,YAAY,EACb,GAAGH;IACJA,MAAMtC,IAAI,CAAC0C,SAAS,GAAGC,IAAAA,mBAAY,EAAC7C,gCAAgCE,IAAI,EAAEuC,OAAOvC,IAAI,EAAEyC,iBAAiB,eAAeF,OAAO3B,cAAc,GAAG2B,OAAO7B,YAAY,EAAE4B,MAAMtC,IAAI,CAAC0C,SAAS;IACxL,IAAIJ,MAAMpC,SAAS,EAAE;QACnBoC,MAAMpC,SAAS,CAACwC,SAAS,GAAGC,IAAAA,mBAAY,EAAC7C,gCAAgCI,SAAS,EAAEuC,iBAAiB,eAAeF,OAAOlB,oBAAoB,GAAGkB,OAAOzB,kBAAkB,EAAE0B,eAAe,UAAUD,OAAOhB,cAAc,GAAGqB,WAAWN,MAAMpC,SAAS,CAACwC,SAAS;IACpQ;IACAJ,MAAMrC,OAAO,CAACyC,SAAS,GAAGC,IAAAA,mBAAY,EAAC7C,gCAAgCG,OAAO,EAAEwC,iBAAiB,eAAeF,OAAOlB,oBAAoB,GAAGkB,OAAOzB,kBAAkB,EAAE0B,eAAe,UAAUD,OAAOX,YAAY,GAAGgB,WAAWN,MAAMrC,OAAO,CAACyC,SAAS;IAC1P,OAAOJ;AACT,GACA,iEAAiE"}
+{"version":3,"sources":["useTeachingPopoverFooterStyles.styles.js"],"sourcesContent":["import { __styles, 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 = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    i8kkvl: 0,\n    Belr9w4: 0,\n    rmohyg: \"f19gb1f4\",\n    z8tnut: \"f1kcqot9\"\n  },\n  rootVertical: {\n    Beiy3e4: \"f1vx9l62\"\n  },\n  rootHorizontal: {\n    Beiy3e4: \"f1063pyq\",\n    Brf1p80: \"f9c4gz4\"\n  },\n  buttonRootVertical: {\n    a9b677: \"f14z66ap\",\n    Beyfa6y: 0,\n    Bbmb7ep: 0,\n    Btl43ni: 0,\n    B7oj6ja: 0,\n    Dimara: \"ff3glw6\"\n  },\n  buttonRootHorizontal: {\n    Bf4jedk: \"f14es27b\",\n    Beyfa6y: 0,\n    Bbmb7ep: 0,\n    Btl43ni: 0,\n    B7oj6ja: 0,\n    Dimara: \"ff3glw6\"\n  },\n  brandSecondary: {\n    g2u3we: \"fm1ebug\",\n    h3c5rm: [\"f28omuz\", \"f1uhflii\"],\n    B9xav0g: \"f1ixw5o4\",\n    zhjwy3: [\"f1uhflii\", \"f28omuz\"]\n  },\n  brandPrimary: {\n    sj55zd: \"f16muhyy\",\n    De3pzq: \"f10s6wn9\",\n    Bi91k9c: \"f3ymbdj\",\n    Jwef8y: \"f1rgtb95\",\n    B2d53fq: \"f1pu27ff\",\n    iro3zm: \"f1d5c7in\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", [\".f19gb1f4{gap:8px;}\", {\n    p: -1\n  }], \".f1kcqot9{padding-top:12px;}\", \".f1vx9l62{flex-direction:column;}\", \".f1063pyq{flex-direction:row;}\", \".f9c4gz4{justify-content:flex-end;}\", \".f14z66ap{width:auto;}\", [\".ff3glw6{border-radius:4px;}\", {\n    p: -1\n  }], \".f14es27b{min-width:96px;}\", [\".ff3glw6{border-radius:4px;}\", {\n    p: -1\n  }], \".fm1ebug{border-top-color:var(--colorNeutralForegroundOnBrand);}\", \".f28omuz{border-right-color:var(--colorNeutralForegroundOnBrand);}\", \".f1uhflii{border-left-color:var(--colorNeutralForegroundOnBrand);}\", \".f1ixw5o4{border-bottom-color:var(--colorNeutralForegroundOnBrand);}\", \".f16muhyy{color:var(--colorBrandForeground1);}\", \".f10s6wn9{background-color:var(--colorNeutralForegroundOnBrand);}\"],\n  h: [\".f3ymbdj:hover{color:var(--colorCompoundBrandForeground1Hover);}\", \".f1rgtb95:hover{background-color:var(--colorNeutralForegroundOnBrand);}\", \".f1pu27ff:hover:active{color:var(--colorCompoundBrandForeground1Pressed);}\", \".f1d5c7in:hover:active{background-color:var(--colorNeutralForegroundOnBrand);}\"]\n});\n/** Applies style classnames to slots */\nexport const useTeachingPopoverFooterStyles_unstable = state => {\n  'use no memo';\n\n  const styles = useStyles();\n  const {\n    appearance,\n    footerLayout\n  } = 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//# sourceMappingURL=useTeachingPopoverFooterStyles.styles.js.map"],"names":["teachingPopoverFooterClassNames","useTeachingPopoverFooterStyles_unstable","root","primary","secondary","useStyles","__styles","mc9l5x","i8kkvl","Belr9w4","rmohyg","z8tnut","rootVertical","Beiy3e4","rootHorizontal","Brf1p80","buttonRootVertical","a9b677","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","buttonRootHorizontal","Bf4jedk","brandSecondary","g2u3we","h3c5rm","B9xav0g","zhjwy3","brandPrimary","sj55zd","De3pzq","Bi91k9c","Jwef8y","B2d53fq","iro3zm","d","p","h","state","styles","appearance","footerLayout","className","mergeClasses","undefined"],"mappings":";;;;;;;;;;;IAEaA,+BAA+B;eAA/BA;;IA6DAC,uCAAuC;eAAvCA;;;uBA/DsC;AAE5C,MAAMD,kCAAkC;IAC7CE,MAAM;IACNC,SAAS;IACTC,WAAW;AACb;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCJ,MAAM;QACJK,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;IACV;IACAC,cAAc;QACZC,SAAS;IACX;IACAC,gBAAgB;QACdD,SAAS;QACTE,SAAS;IACX;IACAC,oBAAoB;QAClBC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAC,sBAAsB;QACpBC,SAAS;QACTN,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAG,gBAAgB;QACdC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;IACjC;IACAC,cAAc;QACZC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;YAAC;YAAuB;gBACrDC,GAAG,CAAC;YACN;SAAE;QAAE;QAAgC;QAAqC;QAAkC;QAAuC;QAA0B;YAAC;YAAgC;gBAC3MA,GAAG,CAAC;YACN;SAAE;QAAE;QAA8B;YAAC;YAAgC;gBACjEA,GAAG,CAAC;YACN;SAAE;QAAE;QAAoE;QAAsE;QAAsE;QAAwE;QAAkD;KAAoE;IAClZC,GAAG;QAAC;QAAoE;QAA2E;QAA8E;KAAiF;AACpT;AAEO,MAAMtC,0CAA0CuC,CAAAA;IACrD;IAEA,MAAMC,SAASpC;IACf,MAAM,EACJqC,UAAU,EACVC,YAAY,EACb,GAAGH;IACJA,MAAMtC,IAAI,CAAC0C,SAAS,GAAGC,IAAAA,mBAAY,EAAC7C,gCAAgCE,IAAI,EAAEuC,OAAOvC,IAAI,EAAEyC,iBAAiB,eAAeF,OAAO3B,cAAc,GAAG2B,OAAO7B,YAAY,EAAE4B,MAAMtC,IAAI,CAAC0C,SAAS;IACxL,IAAIJ,MAAMpC,SAAS,EAAE;QACnBoC,MAAMpC,SAAS,CAACwC,SAAS,GAAGC,IAAAA,mBAAY,EAAC7C,gCAAgCI,SAAS,EAAEuC,iBAAiB,eAAeF,OAAOlB,oBAAoB,GAAGkB,OAAOzB,kBAAkB,EAAE0B,eAAe,UAAUD,OAAOhB,cAAc,GAAGqB,WAAWN,MAAMpC,SAAS,CAACwC,SAAS;IACpQ;IACAJ,MAAMrC,OAAO,CAACyC,SAAS,GAAGC,IAAAA,mBAAY,EAAC7C,gCAAgCG,OAAO,EAAEwC,iBAAiB,eAAeF,OAAOlB,oBAAoB,GAAGkB,OAAOzB,kBAAkB,EAAE0B,eAAe,UAAUD,OAAOX,YAAY,GAAGgB,WAAWN,MAAMrC,OAAO,CAACyC,SAAS;IAC1P,OAAOJ;AACT,GACA,iEAAiE"}

package/lib-commonjs/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js

@@ -194,6 +194,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useTeachingPopoverHeaderStyles_unstable = (state)=>{
+    'use no memo';
     const styles = useStyles();
     const { appearance } = state;
     state.root.className = (0, _react.mergeClasses)(teachingPopoverHeaderClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);

package/lib-commonjs/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverHeaderStyles.styles.js"],"sourcesContent":["import { shorthands, __styles, 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 = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1063pyq\",\n    sj55zd: \"f11d4kpn\",\n    Bhrd7zp: \"fl43uef\",\n    Be2twd7: \"fy9rknc\",\n    Bg96gwp: \"fwrc4pm\",\n    Byoj8tv: \"f14wxoun\",\n    Bt984gj: \"f122n59\",\n    B6of3ja: \"f1jkagg5\",\n    jrapky: \"fi2ljxd\"\n  },\n  rootBrand: {\n    sj55zd: \"f1phragk\"\n  },\n  dismissButton: {\n    sj55zd: \"fkfq4zb\",\n    qhf8xq: \"f10pi13n\",\n    Bgfg5da: 0,\n    B9xav0g: 0,\n    oivjwe: 0,\n    Bn0qgzm: 0,\n    B4g9neb: 0,\n    zhjwy3: 0,\n    wvpqe5: 0,\n    ibv6hh: 0,\n    u1mtju: 0,\n    h3c5rm: 0,\n    vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n    Bekrc4i: 0,\n    i8vvqc: 0,\n    g2u3we: 0,\n    icvyot: 0,\n    B4j52fo: 0,\n    irswps: \"f88035w\",\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    Bceei9c: \"f1k6fduh\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\",\n    De3pzq: \"f1c21dwh\",\n    B7ck84d: \"f1ewtqcl\",\n    B7oj6ja: [\"f3fg2lr\", \"f13av6d4\"],\n    Bbmb7ep: [\"fzi6hpg\", \"fyowgf4\"],\n    Jyy4pa: \"f1lfeew\",\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"f16d74zd\",\n    Bfpq7zp: 0,\n    g9k6zt: 0,\n    Bn4voq9: 0,\n    giviqs: \"f89hs3r\",\n    Bw81rd7: 0,\n    kdpuga: 0,\n    dm238s: 0,\n    B6xbmo0: 0,\n    B3whbx2: \"f2krc9w\",\n    B8q5s1w: \"f8hki3x\",\n    Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n    n8qw10: \"f1bjia2o\",\n    Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"]\n  },\n  dismissBrand: {\n    sj55zd: \"f1phragk\"\n  },\n  icon: {\n    Bqenvij: \"fsv12xs\",\n    a9b677: \"f19bqwv\",\n    Bg96gwp: \"fwrc4pm\",\n    Be2twd7: \"fy9rknc\",\n    Bt984gj: \"f122n59\",\n    B7ck84d: \"f1e4lqlz\",\n    mc9l5x: \"ftuwxu6\",\n    Brf1p80: \"f4d9j23\",\n    w71qe1: \"f1iuv45f\",\n    ha4doy: \"fmrv4ls\",\n    qhf8xq: \"f10pi13n\",\n    De3pzq: \"f1c21dwh\",\n    sj55zd: \"fkfq4zb\",\n    Bokbzmb: \"fpvr8q1\"\n  },\n  iconBrand: {\n    sj55zd: \"f1phragk\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f1063pyq{flex-direction:row;}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f14wxoun{padding-bottom:var(--spacingVerticalXS);}\", \".f122n59{align-items:center;}\", \".f1jkagg5{margin-top:var(--spacingHorizontalNone);}\", \".fi2ljxd{margin-bottom:var(--spacingHorizontalNone);}\", \".f1phragk{color:var(--colorNeutralForegroundOnBrand);}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".f10pi13n{position:relative;}\", [\".f88035w{border:var(--strokeWidthThin) solid var(--colorTransparentStroke);}\", {\n    p: -2\n  }], \".f1k6fduh{cursor:pointer;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}\", \".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}\", \".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}\", \".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1lfeew{-webkit-margin-start:auto;margin-inline-start:auto;}\", [\".f16d74zd{padding:var(--spacingVerticalXS) var(--spacingHorizontalXS);}\", {\n    p: -1\n  }], [\".f89hs3r[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\", {\n    p: -1\n  }], [\".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}\", {\n    p: -1\n  }], \".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".fsv12xs{height:var(--fontSizeBase200);}\", \".f19bqwv{width:var(--fontSizeBase200);}\", \".f1e4lqlz{box-sizing:content-box;}\", \".ftuwxu6{display:inline-flex;}\", \".f4d9j23{justify-content:center;}\", \".f1iuv45f{text-decoration-line:none;}\", \".fmrv4ls{vertical-align:middle;}\", \".fpvr8q1{-webkit-margin-end:var(--spacingHorizontalXS);margin-inline-end:var(--spacingHorizontalXS);}\"]\n});\n/** Applies style classnames to slots */\nexport const useTeachingPopoverHeaderStyles_unstable = state => {\n  const styles = useStyles();\n  const {\n    appearance\n  } = 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//# sourceMappingURL=useTeachingPopoverHeaderStyles.styles.js.map"],"names":["teachingPopoverHeaderClassNames","useTeachingPopoverHeaderStyles_unstable","root","dismissButton","icon","useStyles","__styles","mc9l5x","Beiy3e4","sj55zd","Bhrd7zp","Be2twd7","Bg96gwp","Byoj8tv","Bt984gj","B6of3ja","jrapky","rootBrand","qhf8xq","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Bceei9c","Bahqtrf","De3pzq","B7ck84d","B7oj6ja","Bbmb7ep","Jyy4pa","uwmqm3","z189sj","z8tnut","B0ocmuz","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","dismissBrand","Bqenvij","a9b677","Brf1p80","w71qe1","ha4doy","Bokbzmb","iconBrand","d","p","state","styles","appearance","className","mergeClasses","undefined"],"mappings":"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"}
+{"version":3,"sources":["useTeachingPopoverHeaderStyles.styles.js"],"sourcesContent":["import { shorthands, __styles, 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 = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1063pyq\",\n    sj55zd: \"f11d4kpn\",\n    Bhrd7zp: \"fl43uef\",\n    Be2twd7: \"fy9rknc\",\n    Bg96gwp: \"fwrc4pm\",\n    Byoj8tv: \"f14wxoun\",\n    Bt984gj: \"f122n59\",\n    B6of3ja: \"f1jkagg5\",\n    jrapky: \"fi2ljxd\"\n  },\n  rootBrand: {\n    sj55zd: \"f1phragk\"\n  },\n  dismissButton: {\n    sj55zd: \"fkfq4zb\",\n    qhf8xq: \"f10pi13n\",\n    Bgfg5da: 0,\n    B9xav0g: 0,\n    oivjwe: 0,\n    Bn0qgzm: 0,\n    B4g9neb: 0,\n    zhjwy3: 0,\n    wvpqe5: 0,\n    ibv6hh: 0,\n    u1mtju: 0,\n    h3c5rm: 0,\n    vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n    Bekrc4i: 0,\n    i8vvqc: 0,\n    g2u3we: 0,\n    icvyot: 0,\n    B4j52fo: 0,\n    irswps: \"f88035w\",\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    Bceei9c: \"f1k6fduh\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\",\n    De3pzq: \"f1c21dwh\",\n    B7ck84d: \"f1ewtqcl\",\n    B7oj6ja: [\"f3fg2lr\", \"f13av6d4\"],\n    Bbmb7ep: [\"fzi6hpg\", \"fyowgf4\"],\n    Jyy4pa: \"f1lfeew\",\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"f16d74zd\",\n    Bfpq7zp: 0,\n    g9k6zt: 0,\n    Bn4voq9: 0,\n    giviqs: \"f89hs3r\",\n    Bw81rd7: 0,\n    kdpuga: 0,\n    dm238s: 0,\n    B6xbmo0: 0,\n    B3whbx2: \"f2krc9w\",\n    B8q5s1w: \"f8hki3x\",\n    Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n    n8qw10: \"f1bjia2o\",\n    Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"]\n  },\n  dismissBrand: {\n    sj55zd: \"f1phragk\"\n  },\n  icon: {\n    Bqenvij: \"fsv12xs\",\n    a9b677: \"f19bqwv\",\n    Bg96gwp: \"fwrc4pm\",\n    Be2twd7: \"fy9rknc\",\n    Bt984gj: \"f122n59\",\n    B7ck84d: \"f1e4lqlz\",\n    mc9l5x: \"ftuwxu6\",\n    Brf1p80: \"f4d9j23\",\n    w71qe1: \"f1iuv45f\",\n    ha4doy: \"fmrv4ls\",\n    qhf8xq: \"f10pi13n\",\n    De3pzq: \"f1c21dwh\",\n    sj55zd: \"fkfq4zb\",\n    Bokbzmb: \"fpvr8q1\"\n  },\n  iconBrand: {\n    sj55zd: \"f1phragk\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f1063pyq{flex-direction:row;}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f14wxoun{padding-bottom:var(--spacingVerticalXS);}\", \".f122n59{align-items:center;}\", \".f1jkagg5{margin-top:var(--spacingHorizontalNone);}\", \".fi2ljxd{margin-bottom:var(--spacingHorizontalNone);}\", \".f1phragk{color:var(--colorNeutralForegroundOnBrand);}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".f10pi13n{position:relative;}\", [\".f88035w{border:var(--strokeWidthThin) solid var(--colorTransparentStroke);}\", {\n    p: -2\n  }], \".f1k6fduh{cursor:pointer;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}\", \".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}\", \".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}\", \".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1lfeew{-webkit-margin-start:auto;margin-inline-start:auto;}\", [\".f16d74zd{padding:var(--spacingVerticalXS) var(--spacingHorizontalXS);}\", {\n    p: -1\n  }], [\".f89hs3r[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\", {\n    p: -1\n  }], [\".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}\", {\n    p: -1\n  }], \".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".fsv12xs{height:var(--fontSizeBase200);}\", \".f19bqwv{width:var(--fontSizeBase200);}\", \".f1e4lqlz{box-sizing:content-box;}\", \".ftuwxu6{display:inline-flex;}\", \".f4d9j23{justify-content:center;}\", \".f1iuv45f{text-decoration-line:none;}\", \".fmrv4ls{vertical-align:middle;}\", \".fpvr8q1{-webkit-margin-end:var(--spacingHorizontalXS);margin-inline-end:var(--spacingHorizontalXS);}\"]\n});\n/** Applies style classnames to slots */\nexport const useTeachingPopoverHeaderStyles_unstable = state => {\n  'use no memo';\n\n  const styles = useStyles();\n  const {\n    appearance\n  } = 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//# sourceMappingURL=useTeachingPopoverHeaderStyles.styles.js.map"],"names":["teachingPopoverHeaderClassNames","useTeachingPopoverHeaderStyles_unstable","root","dismissButton","icon","useStyles","__styles","mc9l5x","Beiy3e4","sj55zd","Bhrd7zp","Be2twd7","Bg96gwp","Byoj8tv","Bt984gj","B6of3ja","jrapky","rootBrand","qhf8xq","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Bceei9c","Bahqtrf","De3pzq","B7ck84d","B7oj6ja","Bbmb7ep","Jyy4pa","uwmqm3","z189sj","z8tnut","B0ocmuz","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","dismissBrand","Bqenvij","a9b677","Brf1p80","w71qe1","ha4doy","Bokbzmb","iconBrand","d","p","state","styles","appearance","className","mergeClasses","undefined"],"mappings":"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"}

package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js

@@ -55,6 +55,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useTeachingPopoverSurfaceStyles_unstable = (state)=>{
+    'use no memo';
     const styles = useStyles();
     // Make sure to merge teaching bubble surface prior to popover styles
     state.root.className = (0, _react.mergeClasses)(teachingPopoverSurfaceClassNames.root, styles.root, state.root.className);

package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverSurfaceStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { usePopoverSurfaceStyles_unstable } from '@fluentui/react-popover';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverSurfaceClassNames = {\n  root: 'fui-TeachingPopoverSurface'\n};\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"f23zza1\",\n    Beyfa6y: 0,\n    Bbmb7ep: 0,\n    Btl43ni: 0,\n    B7oj6ja: 0,\n    Dimara: \"f1kijzfu\",\n    a9b677: \"f1dxqujg\",\n    B7ck84d: \"f1e4lqlz\"\n  }\n}, {\n  d: [[\".f23zza1{padding:var(--spacingVerticalL) var(--spacingVerticalL);}\", {\n    p: -1\n  }], [\".f1kijzfu{border-radius:var(--borderRadiusXLarge);}\", {\n    p: -1\n  }], \".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","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","a9b677","B7ck84d","d","p","state","styles","className","mergeClasses","updatedState","usePopoverSurfaceStyles_unstable"],"mappings":";;;;;;;;;;;IAGaA,gCAAgC;eAAhCA;;IA4BAC,wCAAwC;eAAxCA;;;uBA/B0B;8BACU;AAE1C,MAAMD,mCAAmC;IAC9CE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;YAAC;YAAsE;gBACzEC,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAuD;gBAC1DA,GAAG,CAAC;YACN;SAAE;QAAE;QAA2B;KAAqC;AACtE;AAIO,MAAMjB,2CAA2CkB,CAAAA;IACtD,MAAMC,SAASjB;IACf,qEAAqE;IACrEgB,MAAMjB,IAAI,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,iCAAiCE,IAAI,EAAEkB,OAAOlB,IAAI,EAAEiB,MAAMjB,IAAI,CAACmB,SAAS;IAC5G,MAAME,eAAeC,IAAAA,8CAAgC,EAACL;IACtD,OAAOI;AACT,GACA,kEAAkE"}
+{"version":3,"sources":["useTeachingPopoverSurfaceStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { usePopoverSurfaceStyles_unstable } from '@fluentui/react-popover';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverSurfaceClassNames = {\n  root: 'fui-TeachingPopoverSurface'\n};\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"f23zza1\",\n    Beyfa6y: 0,\n    Bbmb7ep: 0,\n    Btl43ni: 0,\n    B7oj6ja: 0,\n    Dimara: \"f1kijzfu\",\n    a9b677: \"f1dxqujg\",\n    B7ck84d: \"f1e4lqlz\"\n  }\n}, {\n  d: [[\".f23zza1{padding:var(--spacingVerticalL) var(--spacingVerticalL);}\", {\n    p: -1\n  }], [\".f1kijzfu{border-radius:var(--borderRadiusXLarge);}\", {\n    p: -1\n  }], \".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  'use no memo';\n\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","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","a9b677","B7ck84d","d","p","state","styles","className","mergeClasses","updatedState","usePopoverSurfaceStyles_unstable"],"mappings":";;;;;;;;;;;IAGaA,gCAAgC;eAAhCA;;IA4BAC,wCAAwC;eAAxCA;;;uBA/B0B;8BACU;AAE1C,MAAMD,mCAAmC;IAC9CE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;YAAC;YAAsE;gBACzEC,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAuD;gBAC1DA,GAAG,CAAC;YACN;SAAE;QAAE;QAA2B;KAAqC;AACtE;AAIO,MAAMjB,2CAA2CkB,CAAAA;IACtD;IAEA,MAAMC,SAASjB;IACf,qEAAqE;IACrEgB,MAAMjB,IAAI,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,iCAAiCE,IAAI,EAAEkB,OAAOlB,IAAI,EAAEiB,MAAMjB,IAAI,CAACmB,SAAS;IAC5G,MAAME,eAAeC,IAAAA,8CAAgC,EAACL;IACtD,OAAOI;AACT,GACA,kEAAkE"}

package/lib-commonjs/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js

@@ -154,6 +154,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useTeachingPopoverTitleStyles_unstable = (state)=>{
+    'use no memo';
     const styles = useStyles();
     const { appearance } = state;
     state.root.className = (0, _react.mergeClasses)(teachingPopoverTitleClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);