@fluentui/react-teaching-popover 9.6.21 → 9.7.1

package/lib/components/TeachingPopoverHeader/useTeachingPopoverHeader.js

@@ -4,14 +4,14 @@ import { getIntrinsicElementProps, useEventCallback, slot } from '@fluentui/reac
 import { Dismiss12Regular, Lightbulb16Regular } from '@fluentui/react-icons';
 import { usePopoverContext_unstable } from '@fluentui/react-popover';
 /**
- * Returns the props and state required to render the component
+ * Base hook that builds TeachingPopoverHeader state for behavior and structure only.
+ * Does not add styling defaults such as icon JSX or `appearance` from popover context.
  * @param props - TeachingPopoverHeader properties
  * @param ref - reference to root HTMLElement of TeachingPopoverHeader
- */ export const useTeachingPopoverHeader_unstable = (props, ref)=>{
+ */ export const useTeachingPopoverHeaderBase_unstable = (props, ref)=>{
     const { dismissButton, icon } = props;
     const setOpen = usePopoverContext_unstable((context)=>context.setOpen);
     const triggerRef = usePopoverContext_unstable((context)=>context.triggerRef);
-    const appearance = usePopoverContext_unstable((context)=>context.appearance);
     const onDismissButtonClick = useEventCallback((ev)=>{
         if (!ev.defaultPrevented) {
             setOpen(ev, false);
@@ -21,7 +21,6 @@ import { usePopoverContext_unstable } from '@fluentui/react-popover';
         }
     });
     return {
-        appearance,
         components: {
             root: 'div',
             dismissButton: 'button',
@@ -36,7 +35,6 @@ import { usePopoverContext_unstable } from '@fluentui/react-popover';
         icon: slot.optional(icon, {
             renderByDefault: true,
             defaultProps: {
-                children: /*#__PURE__*/ React.createElement(Lightbulb16Regular, null),
                 'aria-hidden': true
             },
             elementType: 'div'
@@ -44,7 +42,6 @@ import { usePopoverContext_unstable } from '@fluentui/react-popover';
         dismissButton: slot.optional(dismissButton, {
             renderByDefault: true,
             defaultProps: {
-                children: /*#__PURE__*/ React.createElement(Dismiss12Regular, null),
                 role: 'button',
                 'aria-label': 'dismiss',
                 onClick: onDismissButtonClick
@@ -53,3 +50,25 @@ import { usePopoverContext_unstable } from '@fluentui/react-popover';
         })
     };
 };
+/**
+ * Returns the props and state required to render the component
+ * @param props - TeachingPopoverHeader properties
+ * @param ref - reference to root HTMLElement of TeachingPopoverHeader
+ */ export const useTeachingPopoverHeader_unstable = (props, ref)=>{
+    const baseState = useTeachingPopoverHeaderBase_unstable(props, ref);
+    const appearance = usePopoverContext_unstable((context)=>context.appearance);
+    const icon = baseState.icon && baseState.icon.children === undefined ? {
+        ...baseState.icon,
+        children: /*#__PURE__*/ React.createElement(Lightbulb16Regular, null)
+    } : baseState.icon;
+    const dismissButton = baseState.dismissButton && baseState.dismissButton.children === undefined ? {
+        ...baseState.dismissButton,
+        children: /*#__PURE__*/ React.createElement(Dismiss12Regular, null)
+    } : baseState.dismissButton;
+    return {
+        ...baseState,
+        appearance,
+        icon,
+        dismissButton
+    };
+};

package/lib/components/TeachingPopoverHeader/useTeachingPopoverHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverHeader/useTeachingPopoverHeader.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, slot } from '@fluentui/react-utilities';\nimport type { TeachingPopoverHeaderProps, TeachingPopoverHeaderState } from './TeachingPopoverHeader.types';\n\nimport { Dismiss12Regular, Lightbulb16Regular } from '@fluentui/react-icons';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\n\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverHeader properties\n * @param ref - reference to root HTMLElement of TeachingPopoverHeader\n */\nexport const useTeachingPopoverHeader_unstable = (\n  props: TeachingPopoverHeaderProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverHeaderState => {\n  const { dismissButton, icon } = props;\n\n  const setOpen = usePopoverContext_unstable(context => context.setOpen);\n  const triggerRef = usePopoverContext_unstable(context => context.triggerRef);\n  const appearance = usePopoverContext_unstable(context => context.appearance);\n\n  const onDismissButtonClick = useEventCallback((ev: React.MouseEvent<HTMLButtonElement>) => {\n    if (!ev.defaultPrevented) {\n      setOpen(ev, false);\n    }\n\n    if (triggerRef.current) {\n      triggerRef.current.focus();\n    }\n  });\n\n  return {\n    appearance,\n    components: {\n      root: 'div',\n      dismissButton: 'button',\n      icon: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    icon: slot.optional(icon, {\n      renderByDefault: true,\n      defaultProps: {\n        children: <Lightbulb16Regular />,\n        'aria-hidden': true,\n      },\n      elementType: 'div',\n    }),\n    dismissButton: slot.optional(dismissButton, {\n      renderByDefault: true,\n      defaultProps: {\n        children: <Dismiss12Regular />,\n        role: 'button',\n        'aria-label': 'dismiss',\n        onClick: onDismissButtonClick,\n      },\n      elementType: 'button',\n    }),\n  };\n};\n"],"names":["React","getIntrinsicElementProps","useEventCallback","slot","Dismiss12Regular","Lightbulb16Regular","usePopoverContext_unstable","useTeachingPopoverHeader_unstable","props","ref","dismissButton","icon","setOpen","context","triggerRef","appearance","onDismissButtonClick","ev","defaultPrevented","current","focus","components","root","always","elementType","optional","renderByDefault","defaultProps","children","role","onClick"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,4BAA4B;AAG7F,SAASC,gBAAgB,EAAEC,kBAAkB,QAAQ,wBAAwB;AAC7E,SAASC,0BAA0B,QAAQ,0BAA0B;AAErE;;;;CAIC,GACD,OAAO,MAAMC,oCAAoC,CAC/CC,OACAC;IAEA,MAAM,EAAEC,aAAa,EAAEC,IAAI,EAAE,GAAGH;IAEhC,MAAMI,UAAUN,2BAA2BO,CAAAA,UAAWA,QAAQD,OAAO;IACrE,MAAME,aAAaR,2BAA2BO,CAAAA,UAAWA,QAAQC,UAAU;IAC3E,MAAMC,aAAaT,2BAA2BO,CAAAA,UAAWA,QAAQE,UAAU;IAE3E,MAAMC,uBAAuBd,iBAAiB,CAACe;QAC7C,IAAI,CAACA,GAAGC,gBAAgB,EAAE;YACxBN,QAAQK,IAAI;QACd;QAEA,IAAIH,WAAWK,OAAO,EAAE;YACtBL,WAAWK,OAAO,CAACC,KAAK;QAC1B;IACF;IAEA,OAAO;QACLL;QACAM,YAAY;YACVC,MAAM;YACNZ,eAAe;YACfC,MAAM;QACR;QACAW,MAAMnB,KAAKoB,MAAM,CACftB,yBAAyB,OAAO;YAC9BQ;YACA,GAAGD,KAAK;QACV,IACA;YAAEgB,aAAa;QAAM;QAEvBb,MAAMR,KAAKsB,QAAQ,CAACd,MAAM;YACxBe,iBAAiB;YACjBC,cAAc;gBACZC,wBAAU,oBAACvB;gBACX,eAAe;YACjB;YACAmB,aAAa;QACf;QACAd,eAAeP,KAAKsB,QAAQ,CAACf,eAAe;YAC1CgB,iBAAiB;YACjBC,cAAc;gBACZC,wBAAU,oBAACxB;gBACXyB,MAAM;gBACN,cAAc;gBACdC,SAASd;YACX;YACAQ,aAAa;QACf;IACF;AACF,EAAE"}
+{"version":3,"sources":["../src/components/TeachingPopoverHeader/useTeachingPopoverHeader.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, slot } from '@fluentui/react-utilities';\nimport type {\n  TeachingPopoverHeaderBaseProps,\n  TeachingPopoverHeaderBaseState,\n  TeachingPopoverHeaderProps,\n  TeachingPopoverHeaderState,\n} from './TeachingPopoverHeader.types';\n\nimport { Dismiss12Regular, Lightbulb16Regular } from '@fluentui/react-icons';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\n\n/**\n * Base hook that builds TeachingPopoverHeader state for behavior and structure only.\n * Does not add styling defaults such as icon JSX or `appearance` from popover context.\n * @param props - TeachingPopoverHeader properties\n * @param ref - reference to root HTMLElement of TeachingPopoverHeader\n */\nexport const useTeachingPopoverHeaderBase_unstable = (\n  props: TeachingPopoverHeaderBaseProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverHeaderBaseState => {\n  const { dismissButton, icon } = props;\n\n  const setOpen = usePopoverContext_unstable(context => context.setOpen);\n  const triggerRef = usePopoverContext_unstable(context => context.triggerRef);\n\n  const onDismissButtonClick = useEventCallback((ev: React.MouseEvent<HTMLButtonElement>) => {\n    if (!ev.defaultPrevented) {\n      setOpen(ev, false);\n    }\n\n    if (triggerRef.current) {\n      triggerRef.current.focus();\n    }\n  });\n\n  return {\n    components: {\n      root: 'div',\n      dismissButton: 'button',\n      icon: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    icon: slot.optional(icon, {\n      renderByDefault: true,\n      defaultProps: {\n        'aria-hidden': true,\n      },\n      elementType: 'div',\n    }),\n    dismissButton: slot.optional(dismissButton, {\n      renderByDefault: true,\n      defaultProps: {\n        role: 'button',\n        'aria-label': 'dismiss',\n        onClick: onDismissButtonClick,\n      },\n      elementType: 'button',\n    }),\n  };\n};\n\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverHeader properties\n * @param ref - reference to root HTMLElement of TeachingPopoverHeader\n */\nexport const useTeachingPopoverHeader_unstable = (\n  props: TeachingPopoverHeaderProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverHeaderState => {\n  const baseState = useTeachingPopoverHeaderBase_unstable(props, ref);\n  const appearance = usePopoverContext_unstable(context => context.appearance);\n\n  const icon =\n    baseState.icon && baseState.icon.children === undefined\n      ? { ...baseState.icon, children: <Lightbulb16Regular /> }\n      : baseState.icon;\n  const dismissButton =\n    baseState.dismissButton && baseState.dismissButton.children === undefined\n      ? { ...baseState.dismissButton, children: <Dismiss12Regular /> }\n      : baseState.dismissButton;\n\n  return {\n    ...baseState,\n    appearance,\n    icon,\n    dismissButton,\n  };\n};\n"],"names":["React","getIntrinsicElementProps","useEventCallback","slot","Dismiss12Regular","Lightbulb16Regular","usePopoverContext_unstable","useTeachingPopoverHeaderBase_unstable","props","ref","dismissButton","icon","setOpen","context","triggerRef","onDismissButtonClick","ev","defaultPrevented","current","focus","components","root","always","elementType","optional","renderByDefault","defaultProps","role","onClick","useTeachingPopoverHeader_unstable","baseState","appearance","children","undefined"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,4BAA4B;AAQ7F,SAASC,gBAAgB,EAAEC,kBAAkB,QAAQ,wBAAwB;AAC7E,SAASC,0BAA0B,QAAQ,0BAA0B;AAErE;;;;;CAKC,GACD,OAAO,MAAMC,wCAAwC,CACnDC,OACAC;IAEA,MAAM,EAAEC,aAAa,EAAEC,IAAI,EAAE,GAAGH;IAEhC,MAAMI,UAAUN,2BAA2BO,CAAAA,UAAWA,QAAQD,OAAO;IACrE,MAAME,aAAaR,2BAA2BO,CAAAA,UAAWA,QAAQC,UAAU;IAE3E,MAAMC,uBAAuBb,iBAAiB,CAACc;QAC7C,IAAI,CAACA,GAAGC,gBAAgB,EAAE;YACxBL,QAAQI,IAAI;QACd;QAEA,IAAIF,WAAWI,OAAO,EAAE;YACtBJ,WAAWI,OAAO,CAACC,KAAK;QAC1B;IACF;IAEA,OAAO;QACLC,YAAY;YACVC,MAAM;YACNX,eAAe;YACfC,MAAM;QACR;QACAU,MAAMlB,KAAKmB,MAAM,CACfrB,yBAAyB,OAAO;YAC9BQ;YACA,GAAGD,KAAK;QACV,IACA;YAAEe,aAAa;QAAM;QAEvBZ,MAAMR,KAAKqB,QAAQ,CAACb,MAAM;YACxBc,iBAAiB;YACjBC,cAAc;gBACZ,eAAe;YACjB;YACAH,aAAa;QACf;QACAb,eAAeP,KAAKqB,QAAQ,CAACd,eAAe;YAC1Ce,iBAAiB;YACjBC,cAAc;gBACZC,MAAM;gBACN,cAAc;gBACdC,SAASb;YACX;YACAQ,aAAa;QACf;IACF;AACF,EAAE;AAEF;;;;CAIC,GACD,OAAO,MAAMM,oCAAoC,CAC/CrB,OACAC;IAEA,MAAMqB,YAAYvB,sCAAsCC,OAAOC;IAC/D,MAAMsB,aAAazB,2BAA2BO,CAAAA,UAAWA,QAAQkB,UAAU;IAE3E,MAAMpB,OACJmB,UAAUnB,IAAI,IAAImB,UAAUnB,IAAI,CAACqB,QAAQ,KAAKC,YAC1C;QAAE,GAAGH,UAAUnB,IAAI;QAAEqB,wBAAU,oBAAC3B;IAAsB,IACtDyB,UAAUnB,IAAI;IACpB,MAAMD,gBACJoB,UAAUpB,aAAa,IAAIoB,UAAUpB,aAAa,CAACsB,QAAQ,KAAKC,YAC5D;QAAE,GAAGH,UAAUpB,aAAa;QAAEsB,wBAAU,oBAAC5B;IAAoB,IAC7D0B,UAAUpB,aAAa;IAE7B,OAAO;QACL,GAAGoB,SAAS;QACZC;QACApB;QACAD;IACF;AACF,EAAE"}

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

@@ -110,17 +110,18 @@ const useStyles = /*#__PURE__*/__styles({
 });
 /** Applies style classnames to slots */
 export const useTeachingPopoverHeaderStyles_unstable = state => {
-  'use no memo';
-
   const styles = useStyles();
   const {
     appearance
   } = state;
+  // eslint-disable-next-line react-hooks/immutability
   state.root.className = mergeClasses(teachingPopoverHeaderClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);
   if (state.dismissButton) {
+    // eslint-disable-next-line react-hooks/immutability
     state.dismissButton.className = mergeClasses(teachingPopoverHeaderClassNames.dismissButton, styles.dismissButton, appearance === 'brand' ? styles.dismissBrand : undefined, state.dismissButton.className);
   }
   if (state.icon) {
+    // eslint-disable-next-line react-hooks/immutability
     state.icon.className = mergeClasses(teachingPopoverHeaderClassNames.icon, styles.icon, appearance === 'brand' ? styles.iconBrand : undefined, state.icon.className);
   }
   return state;

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

@@ -1 +1 @@
-{"version":3,"names":["shorthands","__styles","mergeClasses","createCustomFocusIndicatorStyle","tokens","typographyStyles","teachingPopoverHeaderClassNames","root","dismissButton","icon","useStyles","mc9l5x","Beiy3e4","sj55zd","Bhrd7zp","Be2twd7","Bg96gwp","Byoj8tv","Bt984gj","B6of3ja","jrapky","rootBrand","qhf8xq","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","useTeachingPopoverHeaderStyles_unstable","state","styles","appearance","className","undefined"],"sources":["useTeachingPopoverHeaderStyles.styles.js"],"sourcesContent":["'use client';\nimport { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const teachingPopoverHeaderClassNames = {\n    root: 'fui-TeachingPopoverHeader',\n    dismissButton: 'fui-TeachingPopoverHeader__dismissButton',\n    icon: 'fui-TeachingPopoverHeader__icon'\n};\nconst useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'row',\n        color: tokens.colorNeutralForeground3,\n        fontWeight: tokens.fontWeightSemibold,\n        fontSize: tokens.fontSizeBase200,\n        lineHeight: tokens.lineHeightBase200,\n        paddingBottom: tokens.spacingVerticalXS,\n        alignItems: 'center',\n        marginTop: tokens.spacingHorizontalNone,\n        marginBottom: tokens.spacingHorizontalNone\n    },\n    rootBrand: {\n        color: tokens.colorNeutralForegroundOnBrand\n    },\n    dismissButton: {\n        color: tokens.colorNeutralForeground2,\n        position: 'relative',\n        border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n        display: 'flex',\n        alignItems: 'center',\n        cursor: 'pointer',\n        ...typographyStyles.body1,\n        backgroundColor: tokens.colorTransparentBackground,\n        boxSizing: 'border-box',\n        borderTopRightRadius: tokens.borderRadiusNone,\n        borderBottomRightRadius: tokens.borderRadiusNone,\n        borderRightStyle: 'none',\n        marginInlineStart: 'auto',\n        padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n        ...createCustomFocusIndicatorStyle({\n            outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n            borderRadius: tokens.borderRadiusMedium,\n            ...shorthands.borderColor('transparent')\n        })\n    },\n    dismissBrand: {\n        color: tokens.colorNeutralForegroundOnBrand\n    },\n    icon: {\n        height: tokens.fontSizeBase200,\n        width: tokens.fontSizeBase200,\n        lineHeight: tokens.lineHeightBase200,\n        fontSize: tokens.fontSizeBase200,\n        alignItems: 'center',\n        boxSizing: 'content-box',\n        display: 'inline-flex',\n        justifyContent: 'center',\n        textDecorationLine: 'none',\n        verticalAlign: 'middle',\n        position: 'relative',\n        backgroundColor: tokens.colorTransparentBackground,\n        color: tokens.colorNeutralForeground2,\n        marginInlineEnd: tokens.spacingHorizontalXS\n    },\n    iconBrand: {\n        color: tokens.colorNeutralForegroundOnBrand\n    }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverHeaderStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    const { appearance } = state;\n    state.root.className = mergeClasses(teachingPopoverHeaderClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);\n    if (state.dismissButton) {\n        state.dismissButton.className = mergeClasses(teachingPopoverHeaderClassNames.dismissButton, styles.dismissButton, appearance === 'brand' ? styles.dismissBrand : undefined, state.dismissButton.className);\n    }\n    if (state.icon) {\n        state.icon.className = mergeClasses(teachingPopoverHeaderClassNames.icon, styles.icon, appearance === 'brand' ? styles.iconBrand : undefined, state.icon.className);\n    }\n    return state;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["shorthands","__styles","mergeClasses","createCustomFocusIndicatorStyle","tokens","typographyStyles","teachingPopoverHeaderClassNames","root","dismissButton","icon","useStyles","mc9l5x","Beiy3e4","sj55zd","Bhrd7zp","Be2twd7","Bg96gwp","Byoj8tv","Bt984gj","B6of3ja","jrapky","rootBrand","qhf8xq","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","useTeachingPopoverHeaderStyles_unstable","state","styles","appearance","className","undefined"],"sources":["useTeachingPopoverHeaderStyles.styles.js"],"sourcesContent":["'use client';\nimport { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const teachingPopoverHeaderClassNames = {\n    root: 'fui-TeachingPopoverHeader',\n    dismissButton: 'fui-TeachingPopoverHeader__dismissButton',\n    icon: 'fui-TeachingPopoverHeader__icon'\n};\nconst useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'row',\n        color: tokens.colorNeutralForeground3,\n        fontWeight: tokens.fontWeightSemibold,\n        fontSize: tokens.fontSizeBase200,\n        lineHeight: tokens.lineHeightBase200,\n        paddingBottom: tokens.spacingVerticalXS,\n        alignItems: 'center',\n        marginTop: tokens.spacingHorizontalNone,\n        marginBottom: tokens.spacingHorizontalNone\n    },\n    rootBrand: {\n        color: tokens.colorNeutralForegroundOnBrand\n    },\n    dismissButton: {\n        color: tokens.colorNeutralForeground2,\n        position: 'relative',\n        border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n        display: 'flex',\n        alignItems: 'center',\n        cursor: 'pointer',\n        ...typographyStyles.body1,\n        backgroundColor: tokens.colorTransparentBackground,\n        boxSizing: 'border-box',\n        borderTopRightRadius: tokens.borderRadiusNone,\n        borderBottomRightRadius: tokens.borderRadiusNone,\n        borderRightStyle: 'none',\n        marginInlineStart: 'auto',\n        padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n        ...createCustomFocusIndicatorStyle({\n            outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n            borderRadius: tokens.borderRadiusMedium,\n            ...shorthands.borderColor('transparent')\n        })\n    },\n    dismissBrand: {\n        color: tokens.colorNeutralForegroundOnBrand\n    },\n    icon: {\n        height: tokens.fontSizeBase200,\n        width: tokens.fontSizeBase200,\n        lineHeight: tokens.lineHeightBase200,\n        fontSize: tokens.fontSizeBase200,\n        alignItems: 'center',\n        boxSizing: 'content-box',\n        display: 'inline-flex',\n        justifyContent: 'center',\n        textDecorationLine: 'none',\n        verticalAlign: 'middle',\n        position: 'relative',\n        backgroundColor: tokens.colorTransparentBackground,\n        color: tokens.colorNeutralForeground2,\n        marginInlineEnd: tokens.spacingHorizontalXS\n    },\n    iconBrand: {\n        color: tokens.colorNeutralForegroundOnBrand\n    }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverHeaderStyles_unstable = (state)=>{\n    const styles = useStyles();\n    const { appearance } = state;\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(teachingPopoverHeaderClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);\n    if (state.dismissButton) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.dismissButton.className = mergeClasses(teachingPopoverHeaderClassNames.dismissButton, styles.dismissButton, appearance === 'brand' ? styles.dismissBrand : undefined, state.dismissButton.className);\n    }\n    if (state.icon) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.icon.className = mergeClasses(teachingPopoverHeaderClassNames.icon, styles.icon, appearance === 'brand' ? styles.iconBrand : undefined, state.icon.className);\n    }\n    return state;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.raw.js

@@ -68,14 +68,16 @@ const useStyles = makeStyles({
     }
 });
 /** Applies style classnames to slots */ export const useTeachingPopoverHeaderStyles_unstable = (state)=>{
-    'use no memo';
     const styles = useStyles();
     const { appearance } = state;
+    // eslint-disable-next-line react-hooks/immutability
     state.root.className = mergeClasses(teachingPopoverHeaderClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);
     if (state.dismissButton) {
+        // eslint-disable-next-line react-hooks/immutability
         state.dismissButton.className = mergeClasses(teachingPopoverHeaderClassNames.dismissButton, styles.dismissButton, appearance === 'brand' ? styles.dismissBrand : undefined, state.dismissButton.className);
     }
     if (state.icon) {
+        // eslint-disable-next-line react-hooks/immutability
         state.icon.className = mergeClasses(teachingPopoverHeaderClassNames.icon, styles.icon, appearance === 'brand' ? styles.iconBrand : undefined, state.icon.className);
     }
     return state;

package/lib/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { TeachingPopoverHeaderSlots, TeachingPopoverHeaderState } from './TeachingPopoverHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const teachingPopoverHeaderClassNames: SlotClassNames<TeachingPopoverHeaderSlots> = {\n  root: 'fui-TeachingPopoverHeader',\n  dismissButton: 'fui-TeachingPopoverHeader__dismissButton',\n  icon: 'fui-TeachingPopoverHeader__icon',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    color: tokens.colorNeutralForeground3,\n    fontWeight: tokens.fontWeightSemibold,\n    fontSize: tokens.fontSizeBase200,\n    lineHeight: tokens.lineHeightBase200,\n    paddingBottom: tokens.spacingVerticalXS,\n    alignItems: 'center',\n    marginTop: tokens.spacingHorizontalNone,\n    marginBottom: tokens.spacingHorizontalNone,\n  },\n  rootBrand: {\n    color: tokens.colorNeutralForegroundOnBrand,\n  },\n  dismissButton: {\n    color: tokens.colorNeutralForeground2,\n    position: 'relative',\n    border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n    display: 'flex',\n    alignItems: 'center',\n    cursor: 'pointer',\n    ...typographyStyles.body1,\n    backgroundColor: tokens.colorTransparentBackground,\n    boxSizing: 'border-box',\n    borderTopRightRadius: tokens.borderRadiusNone,\n    borderBottomRightRadius: tokens.borderRadiusNone,\n    borderRightStyle: 'none',\n    marginInlineStart: 'auto',\n    padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n    ...createCustomFocusIndicatorStyle({\n      outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n      borderRadius: tokens.borderRadiusMedium,\n      ...shorthands.borderColor('transparent'),\n    }),\n  },\n  dismissBrand: {\n    color: tokens.colorNeutralForegroundOnBrand,\n  },\n  icon: {\n    height: tokens.fontSizeBase200,\n    width: tokens.fontSizeBase200,\n    lineHeight: tokens.lineHeightBase200,\n    fontSize: tokens.fontSizeBase200,\n    alignItems: 'center',\n    boxSizing: 'content-box',\n    display: 'inline-flex',\n    justifyContent: 'center',\n    textDecorationLine: 'none',\n    verticalAlign: 'middle',\n    position: 'relative',\n    backgroundColor: tokens.colorTransparentBackground,\n    color: tokens.colorNeutralForeground2,\n    marginInlineEnd: tokens.spacingHorizontalXS,\n  },\n  iconBrand: {\n    color: tokens.colorNeutralForegroundOnBrand,\n  },\n});\n\n/** Applies style classnames to slots */\nexport const useTeachingPopoverHeaderStyles_unstable = (\n  state: TeachingPopoverHeaderState,\n): TeachingPopoverHeaderState => {\n  'use no memo';\n\n  const styles = useStyles();\n  const { appearance } = state;\n\n  state.root.className = mergeClasses(\n    teachingPopoverHeaderClassNames.root,\n    styles.root,\n    appearance === 'brand' && styles.rootBrand,\n    state.root.className,\n  );\n\n  if (state.dismissButton) {\n    state.dismissButton.className = mergeClasses(\n      teachingPopoverHeaderClassNames.dismissButton,\n      styles.dismissButton,\n      appearance === 'brand' ? styles.dismissBrand : undefined,\n      state.dismissButton.className,\n    );\n  }\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(\n      teachingPopoverHeaderClassNames.icon,\n      styles.icon,\n      appearance === 'brand' ? styles.iconBrand : undefined,\n      state.icon.className,\n    );\n  }\n  return state;\n};\n"],"names":["shorthands","makeStyles","mergeClasses","createCustomFocusIndicatorStyle","tokens","typographyStyles","teachingPopoverHeaderClassNames","root","dismissButton","icon","useStyles","display","flexDirection","color","colorNeutralForeground3","fontWeight","fontWeightSemibold","fontSize","fontSizeBase200","lineHeight","lineHeightBase200","paddingBottom","spacingVerticalXS","alignItems","marginTop","spacingHorizontalNone","marginBottom","rootBrand","colorNeutralForegroundOnBrand","colorNeutralForeground2","position","border","strokeWidthThin","colorTransparentStroke","cursor","body1","backgroundColor","colorTransparentBackground","boxSizing","borderTopRightRadius","borderRadiusNone","borderBottomRightRadius","borderRightStyle","marginInlineStart","padding","spacingHorizontalXS","outline","strokeWidthThick","colorStrokeFocus2","borderRadius","borderRadiusMedium","borderColor","dismissBrand","height","width","justifyContent","textDecorationLine","verticalAlign","marginInlineEnd","iconBrand","useTeachingPopoverHeaderStyles_unstable","state","styles","appearance","className","undefined"],"mappings":"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"}
+{"version":3,"sources":["../src/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { TeachingPopoverHeaderSlots, TeachingPopoverHeaderState } from './TeachingPopoverHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const teachingPopoverHeaderClassNames: SlotClassNames<TeachingPopoverHeaderSlots> = {\n  root: 'fui-TeachingPopoverHeader',\n  dismissButton: 'fui-TeachingPopoverHeader__dismissButton',\n  icon: 'fui-TeachingPopoverHeader__icon',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    color: tokens.colorNeutralForeground3,\n    fontWeight: tokens.fontWeightSemibold,\n    fontSize: tokens.fontSizeBase200,\n    lineHeight: tokens.lineHeightBase200,\n    paddingBottom: tokens.spacingVerticalXS,\n    alignItems: 'center',\n    marginTop: tokens.spacingHorizontalNone,\n    marginBottom: tokens.spacingHorizontalNone,\n  },\n  rootBrand: {\n    color: tokens.colorNeutralForegroundOnBrand,\n  },\n  dismissButton: {\n    color: tokens.colorNeutralForeground2,\n    position: 'relative',\n    border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n    display: 'flex',\n    alignItems: 'center',\n    cursor: 'pointer',\n    ...typographyStyles.body1,\n    backgroundColor: tokens.colorTransparentBackground,\n    boxSizing: 'border-box',\n    borderTopRightRadius: tokens.borderRadiusNone,\n    borderBottomRightRadius: tokens.borderRadiusNone,\n    borderRightStyle: 'none',\n    marginInlineStart: 'auto',\n    padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n    ...createCustomFocusIndicatorStyle({\n      outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n      borderRadius: tokens.borderRadiusMedium,\n      ...shorthands.borderColor('transparent'),\n    }),\n  },\n  dismissBrand: {\n    color: tokens.colorNeutralForegroundOnBrand,\n  },\n  icon: {\n    height: tokens.fontSizeBase200,\n    width: tokens.fontSizeBase200,\n    lineHeight: tokens.lineHeightBase200,\n    fontSize: tokens.fontSizeBase200,\n    alignItems: 'center',\n    boxSizing: 'content-box',\n    display: 'inline-flex',\n    justifyContent: 'center',\n    textDecorationLine: 'none',\n    verticalAlign: 'middle',\n    position: 'relative',\n    backgroundColor: tokens.colorTransparentBackground,\n    color: tokens.colorNeutralForeground2,\n    marginInlineEnd: tokens.spacingHorizontalXS,\n  },\n  iconBrand: {\n    color: tokens.colorNeutralForegroundOnBrand,\n  },\n});\n\n/** Applies style classnames to slots */\nexport const useTeachingPopoverHeaderStyles_unstable = (\n  state: TeachingPopoverHeaderState,\n): TeachingPopoverHeaderState => {\n  const styles = useStyles();\n  const { appearance } = state;\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(\n    teachingPopoverHeaderClassNames.root,\n    styles.root,\n    appearance === 'brand' && styles.rootBrand,\n    state.root.className,\n  );\n\n  if (state.dismissButton) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.dismissButton.className = mergeClasses(\n      teachingPopoverHeaderClassNames.dismissButton,\n      styles.dismissButton,\n      appearance === 'brand' ? styles.dismissBrand : undefined,\n      state.dismissButton.className,\n    );\n  }\n\n  if (state.icon) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.icon.className = mergeClasses(\n      teachingPopoverHeaderClassNames.icon,\n      styles.icon,\n      appearance === 'brand' ? styles.iconBrand : undefined,\n      state.icon.className,\n    );\n  }\n  return state;\n};\n"],"names":["shorthands","makeStyles","mergeClasses","createCustomFocusIndicatorStyle","tokens","typographyStyles","teachingPopoverHeaderClassNames","root","dismissButton","icon","useStyles","display","flexDirection","color","colorNeutralForeground3","fontWeight","fontWeightSemibold","fontSize","fontSizeBase200","lineHeight","lineHeightBase200","paddingBottom","spacingVerticalXS","alignItems","marginTop","spacingHorizontalNone","marginBottom","rootBrand","colorNeutralForegroundOnBrand","colorNeutralForeground2","position","border","strokeWidthThin","colorTransparentStroke","cursor","body1","backgroundColor","colorTransparentBackground","boxSizing","borderTopRightRadius","borderRadiusNone","borderBottomRightRadius","borderRightStyle","marginInlineStart","padding","spacingHorizontalXS","outline","strokeWidthThick","colorStrokeFocus2","borderRadius","borderRadiusMedium","borderColor","dismissBrand","height","width","justifyContent","textDecorationLine","verticalAlign","marginInlineEnd","iconBrand","useTeachingPopoverHeaderStyles_unstable","state","styles","appearance","className","undefined"],"mappings":"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"}

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

@@ -32,10 +32,9 @@ const useStyles = /*#__PURE__*/__styles({
  * Apply styling to the TeachingPopoverSurface slots based on the state
  */
 export const useTeachingPopoverSurfaceStyles_unstable = state => {
-  'use no memo';
-
   const styles = useStyles();
   // Make sure to merge teaching bubble surface prior to popover styles
+  // eslint-disable-next-line react-hooks/immutability
   state.root.className = mergeClasses(teachingPopoverSurfaceClassNames.root, styles.root, state.root.className);
   const updatedState = usePopoverSurfaceStyles_unstable(state);
   return updatedState;

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","usePopoverSurfaceStyles_unstable","tokens","teachingPopoverSurfaceClassNames","root","useStyles","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bf4jedk","B7ck84d","d","p","useTeachingPopoverSurfaceStyles_unstable","state","styles","className","updatedState"],"sources":["useTeachingPopoverSurfaceStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { usePopoverSurfaceStyles_unstable } from '@fluentui/react-popover';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverSurfaceClassNames = {\n    root: 'fui-TeachingPopoverSurface'\n};\nconst useStyles = makeStyles({\n    root: {\n        padding: `${tokens.spacingVerticalL} ${tokens.spacingVerticalL}`,\n        borderRadius: tokens.borderRadiusXLarge,\n        minWidth: '320px',\n        boxSizing: 'border-box'\n    }\n});\n/**\n * Apply styling to the TeachingPopoverSurface slots based on the state\n */ export const useTeachingPopoverSurfaceStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    // Make sure to merge teaching bubble surface prior to popover styles\n    state.root.className = mergeClasses(teachingPopoverSurfaceClassNames.root, styles.root, state.root.className);\n    const updatedState = usePopoverSurfaceStyles_unstable(state);\n    return updatedState;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,gCAAgC,QAAQ,yBAAyB;AAC1E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,gCAAgC,GAAG;EAC5CC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGN,QAAA;EAAAK,IAAA;IAAAE,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAOjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,wCAAwC,GAAIC,KAAK,IAAG;EACjE,aAAa;;EACb,MAAMC,MAAM,GAAGjB,SAAS,CAAC,CAAC;EAC1B;EACAgB,KAAK,CAACjB,IAAI,CAACmB,SAAS,GAAGvB,YAAY,CAACG,gCAAgC,CAACC,IAAI,EAAEkB,MAAM,CAAClB,IAAI,EAAEiB,KAAK,CAACjB,IAAI,CAACmB,SAAS,CAAC;EAC7G,MAAMC,YAAY,GAAGvB,gCAAgC,CAACoB,KAAK,CAAC;EAC5D,OAAOG,YAAY;AACvB,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","usePopoverSurfaceStyles_unstable","tokens","teachingPopoverSurfaceClassNames","root","useStyles","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bf4jedk","B7ck84d","d","p","useTeachingPopoverSurfaceStyles_unstable","state","styles","className","updatedState"],"sources":["useTeachingPopoverSurfaceStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { usePopoverSurfaceStyles_unstable } from '@fluentui/react-popover';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverSurfaceClassNames = {\n    root: 'fui-TeachingPopoverSurface'\n};\nconst useStyles = makeStyles({\n    root: {\n        padding: `${tokens.spacingVerticalL} ${tokens.spacingVerticalL}`,\n        borderRadius: tokens.borderRadiusXLarge,\n        minWidth: '320px',\n        boxSizing: 'border-box'\n    }\n});\n/**\n * Apply styling to the TeachingPopoverSurface slots based on the state\n */ export const useTeachingPopoverSurfaceStyles_unstable = (state)=>{\n    const styles = useStyles();\n    // Make sure to merge teaching bubble surface prior to popover styles\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(teachingPopoverSurfaceClassNames.root, styles.root, state.root.className);\n    const updatedState = usePopoverSurfaceStyles_unstable(state);\n    return updatedState;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,gCAAgC,QAAQ,yBAAyB;AAC1E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,gCAAgC,GAAG;EAC5CC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGN,QAAA;EAAAK,IAAA;IAAAE,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAOjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,wCAAwC,GAAIC,KAAK,IAAG;EACjE,MAAMC,MAAM,GAAGjB,SAAS,CAAC,CAAC;EAC1B;EACA;EACAgB,KAAK,CAACjB,IAAI,CAACmB,SAAS,GAAGvB,YAAY,CAACG,gCAAgC,CAACC,IAAI,EAAEkB,MAAM,CAAClB,IAAI,EAAEiB,KAAK,CAACjB,IAAI,CAACmB,SAAS,CAAC;EAC7G,MAAMC,YAAY,GAAGvB,gCAAgC,CAACoB,KAAK,CAAC;EAC5D,OAAOG,YAAY;AACvB,CAAC","ignoreList":[]}

package/lib/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.raw.js

@@ -16,9 +16,9 @@ const useStyles = makeStyles({
 /**
  * Apply styling to the TeachingPopoverSurface slots based on the state
  */ export const useTeachingPopoverSurfaceStyles_unstable = (state)=>{
-    'use no memo';
     const styles = useStyles();
     // Make sure to merge teaching bubble surface prior to popover styles
+    // eslint-disable-next-line react-hooks/immutability
     state.root.className = mergeClasses(teachingPopoverSurfaceClassNames.root, styles.root, state.root.className);
     const updatedState = usePopoverSurfaceStyles_unstable(state);
     return updatedState;

package/lib/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TeachingPopoverSurfaceSlots, TeachingPopoverSurfaceState } from './TeachingPopoverSurface.types';\nimport { usePopoverSurfaceStyles_unstable } from '@fluentui/react-popover';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const teachingPopoverSurfaceClassNames: SlotClassNames<TeachingPopoverSurfaceSlots> = {\n  root: 'fui-TeachingPopoverSurface',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    padding: `${tokens.spacingVerticalL} ${tokens.spacingVerticalL}`,\n    borderRadius: tokens.borderRadiusXLarge,\n    minWidth: '320px',\n    boxSizing: 'border-box',\n  },\n});\n\n/**\n * Apply styling to the TeachingPopoverSurface slots based on the state\n */\nexport const useTeachingPopoverSurfaceStyles_unstable = (\n  state: TeachingPopoverSurfaceState,\n): TeachingPopoverSurfaceState => {\n  'use no memo';\n\n  const styles = useStyles();\n\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\n  const updatedState = usePopoverSurfaceStyles_unstable(state);\n\n  return updatedState;\n};\n"],"names":["makeStyles","mergeClasses","usePopoverSurfaceStyles_unstable","tokens","teachingPopoverSurfaceClassNames","root","useStyles","padding","spacingVerticalL","borderRadius","borderRadiusXLarge","minWidth","boxSizing","useTeachingPopoverSurfaceStyles_unstable","state","styles","className","updatedState"],"mappings":"AAAA;AAEA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAG1D,SAASC,gCAAgC,QAAQ,0BAA0B;AAC3E,SAASC,MAAM,QAAQ,wBAAwB;AAE/C,OAAO,MAAMC,mCAAgF;IAC3FC,MAAM;AACR,EAAE;AAEF,MAAMC,YAAYN,WAAW;IAC3BK,MAAM;QACJE,SAAS,GAAGJ,OAAOK,gBAAgB,CAAC,CAAC,EAAEL,OAAOK,gBAAgB,EAAE;QAChEC,cAAcN,OAAOO,kBAAkB;QACvCC,UAAU;QACVC,WAAW;IACb;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,2CAA2C,CACtDC;IAEA;IAEA,MAAMC,SAAST;IAEf,qEAAqE;IACrEQ,MAAMT,IAAI,CAACW,SAAS,GAAGf,aAAaG,iCAAiCC,IAAI,EAAEU,OAAOV,IAAI,EAAES,MAAMT,IAAI,CAACW,SAAS;IAE5G,MAAMC,eAAef,iCAAiCY;IAEtD,OAAOG;AACT,EAAE"}
+{"version":3,"sources":["../src/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TeachingPopoverSurfaceSlots, TeachingPopoverSurfaceState } from './TeachingPopoverSurface.types';\nimport { usePopoverSurfaceStyles_unstable } from '@fluentui/react-popover';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const teachingPopoverSurfaceClassNames: SlotClassNames<TeachingPopoverSurfaceSlots> = {\n  root: 'fui-TeachingPopoverSurface',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    padding: `${tokens.spacingVerticalL} ${tokens.spacingVerticalL}`,\n    borderRadius: tokens.borderRadiusXLarge,\n    minWidth: '320px',\n    boxSizing: 'border-box',\n  },\n});\n\n/**\n * Apply styling to the TeachingPopoverSurface slots based on the state\n */\nexport const useTeachingPopoverSurfaceStyles_unstable = (\n  state: TeachingPopoverSurfaceState,\n): TeachingPopoverSurfaceState => {\n  const styles = useStyles();\n\n  // Make sure to merge teaching bubble surface prior to popover styles\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(teachingPopoverSurfaceClassNames.root, styles.root, state.root.className);\n\n  const updatedState = usePopoverSurfaceStyles_unstable(state);\n\n  return updatedState;\n};\n"],"names":["makeStyles","mergeClasses","usePopoverSurfaceStyles_unstable","tokens","teachingPopoverSurfaceClassNames","root","useStyles","padding","spacingVerticalL","borderRadius","borderRadiusXLarge","minWidth","boxSizing","useTeachingPopoverSurfaceStyles_unstable","state","styles","className","updatedState"],"mappings":"AAAA;AAEA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAG1D,SAASC,gCAAgC,QAAQ,0BAA0B;AAC3E,SAASC,MAAM,QAAQ,wBAAwB;AAE/C,OAAO,MAAMC,mCAAgF;IAC3FC,MAAM;AACR,EAAE;AAEF,MAAMC,YAAYN,WAAW;IAC3BK,MAAM;QACJE,SAAS,GAAGJ,OAAOK,gBAAgB,CAAC,CAAC,EAAEL,OAAOK,gBAAgB,EAAE;QAChEC,cAAcN,OAAOO,kBAAkB;QACvCC,UAAU;QACVC,WAAW;IACb;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,2CAA2C,CACtDC;IAEA,MAAMC,SAAST;IAEf,qEAAqE;IACrE,oDAAoD;IACpDQ,MAAMT,IAAI,CAACW,SAAS,GAAGf,aAAaG,iCAAiCC,IAAI,EAAEU,OAAOV,IAAI,EAAES,MAAMT,IAAI,CAACW,SAAS;IAE5G,MAAMC,eAAef,iCAAiCY;IAEtD,OAAOG;AACT,EAAE"}

package/lib/components/TeachingPopoverTitle/TeachingPopoverTitle.types.js

@@ -1,3 +1 @@
-/**
- * State used in rendering TeachingPopoverTitle
- */ export { };
+export { };

package/lib/components/TeachingPopoverTitle/TeachingPopoverTitle.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverTitle/TeachingPopoverTitle.types.ts"],"sourcesContent":["import type { PopoverContextValue } from '@fluentui/react-popover';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type TeachingPopoverTitleSlots = {\n  /**\n   * Title for teaching bubble\n   */\n  root: Slot<'h2', 'h1' | 'h3' | 'h4' | 'h5' | 'h6' | 'div'>;\n  /**\n   * An alternate close button path if not placed in the TeachingPopoverHeader\n   */\n  dismissButton?: Slot<'button'>;\n};\n\n/**\n * TeachingPopoverTitle Props\n */\nexport type TeachingPopoverTitleProps = ComponentProps<TeachingPopoverTitleSlots>;\n\n/**\n * State used in rendering TeachingPopoverTitle\n */\nexport type TeachingPopoverTitleState = ComponentState<TeachingPopoverTitleSlots> &\n  Pick<PopoverContextValue, 'appearance'>;\n"],"names":[],"mappings":"AAmBA;;CAEC,GACD,WAC0C"}
+{"version":3,"sources":["../src/components/TeachingPopoverTitle/TeachingPopoverTitle.types.ts"],"sourcesContent":["import type { PopoverContextValue } from '@fluentui/react-popover';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type TeachingPopoverTitleSlots = {\n  /**\n   * Title for teaching bubble\n   */\n  root: Slot<'h2', 'h1' | 'h3' | 'h4' | 'h5' | 'h6' | 'div'>;\n  /**\n   * An alternate close button path if not placed in the TeachingPopoverHeader\n   */\n  dismissButton?: Slot<'button'>;\n};\n\n/**\n * TeachingPopoverTitle Props\n */\nexport type TeachingPopoverTitleProps = ComponentProps<TeachingPopoverTitleSlots>;\n\n/**\n * State used in rendering TeachingPopoverTitle\n */\nexport type TeachingPopoverTitleState = ComponentState<TeachingPopoverTitleSlots> &\n  Pick<PopoverContextValue, 'appearance'>;\n\nexport type TeachingPopoverTitleBaseProps = TeachingPopoverTitleProps;\n\nexport type TeachingPopoverTitleBaseState = Omit<TeachingPopoverTitleState, 'appearance'>;\n"],"names":[],"mappings":"AA2BA,WAA0F"}

package/lib/components/TeachingPopoverTitle/index.js

@@ -1,4 +1,4 @@
 export { TeachingPopoverTitle } from './TeachingPopoverTitle';
 export { renderTeachingPopoverTitle_unstable } from './renderTeachingPopoverTitle';
-export { useTeachingPopoverTitle_unstable } from './useTeachingPopoverTitle';
+export { useTeachingPopoverTitle_unstable, useTeachingPopoverTitleBase_unstable } from './useTeachingPopoverTitle';
 export { teachingPopoverTitleClassNames, useTeachingPopoverTitleStyles_unstable } from './useTeachingPopoverTitleStyles.styles';

package/lib/components/TeachingPopoverTitle/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverTitle/index.ts"],"sourcesContent":["export { TeachingPopoverTitle } from './TeachingPopoverTitle';\nexport type {\n  TeachingPopoverTitleProps,\n  TeachingPopoverTitleSlots,\n  TeachingPopoverTitleState,\n} from './TeachingPopoverTitle.types';\nexport { renderTeachingPopoverTitle_unstable } from './renderTeachingPopoverTitle';\nexport { useTeachingPopoverTitle_unstable } from './useTeachingPopoverTitle';\nexport {\n  teachingPopoverTitleClassNames,\n  useTeachingPopoverTitleStyles_unstable,\n} from './useTeachingPopoverTitleStyles.styles';\n"],"names":["TeachingPopoverTitle","renderTeachingPopoverTitle_unstable","useTeachingPopoverTitle_unstable","teachingPopoverTitleClassNames","useTeachingPopoverTitleStyles_unstable"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,yBAAyB;AAM9D,SAASC,mCAAmC,QAAQ,+BAA+B;AACnF,SAASC,gCAAgC,QAAQ,4BAA4B;AAC7E,SACEC,8BAA8B,EAC9BC,sCAAsC,QACjC,yCAAyC"}
+{"version":3,"sources":["../src/components/TeachingPopoverTitle/index.ts"],"sourcesContent":["export { TeachingPopoverTitle } from './TeachingPopoverTitle';\nexport type {\n  TeachingPopoverTitleBaseProps,\n  TeachingPopoverTitleBaseState,\n  TeachingPopoverTitleProps,\n  TeachingPopoverTitleSlots,\n  TeachingPopoverTitleState,\n} from './TeachingPopoverTitle.types';\nexport { renderTeachingPopoverTitle_unstable } from './renderTeachingPopoverTitle';\nexport { useTeachingPopoverTitle_unstable, useTeachingPopoverTitleBase_unstable } from './useTeachingPopoverTitle';\nexport {\n  teachingPopoverTitleClassNames,\n  useTeachingPopoverTitleStyles_unstable,\n} from './useTeachingPopoverTitleStyles.styles';\n"],"names":["TeachingPopoverTitle","renderTeachingPopoverTitle_unstable","useTeachingPopoverTitle_unstable","useTeachingPopoverTitleBase_unstable","teachingPopoverTitleClassNames","useTeachingPopoverTitleStyles_unstable"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,yBAAyB;AAQ9D,SAASC,mCAAmC,QAAQ,+BAA+B;AACnF,SAASC,gCAAgC,EAAEC,oCAAoC,QAAQ,4BAA4B;AACnH,SACEC,8BAA8B,EAC9BC,sCAAsC,QACjC,yCAAyC"}

package/lib/components/TeachingPopoverTitle/useTeachingPopoverTitle.js

@@ -5,14 +5,14 @@ import { DismissFilled, DismissRegular, bundleIcon } from '@fluentui/react-icons
 import { usePopoverContext_unstable } from '@fluentui/react-popover';
 const DismissIcon = bundleIcon(DismissFilled, DismissRegular);
 /**
- * Returns the props and state required to render the component
+ * Base hook that builds TeachingPopoverTitle state for behavior and structure only.
+ * Does not bundle/render the dismiss icon and does not read `appearance` from popover context.
  * @param props - TeachingPopoverTitle properties
  * @param ref - reference to root HTMLElement of TeachingPopoverTitle
- */ export const useTeachingPopoverTitle_unstable = (props, ref)=>{
+ */ export const useTeachingPopoverTitleBase_unstable = (props, ref)=>{
     const { dismissButton } = props;
     const setOpen = usePopoverContext_unstable((context)=>context.setOpen);
     const triggerRef = usePopoverContext_unstable((context)=>context.triggerRef);
-    const appearance = usePopoverContext_unstable((context)=>context.appearance);
     const onDismissButtonClick = useEventCallback((ev)=>{
         if (!ev.defaultPrevented) {
             setOpen(ev, false);
@@ -22,7 +22,6 @@ const DismissIcon = bundleIcon(DismissFilled, DismissRegular);
         }
     });
     return {
-        appearance,
         components: {
             root: 'h2',
             dismissButton: 'button'
@@ -36,7 +35,6 @@ const DismissIcon = bundleIcon(DismissFilled, DismissRegular);
         dismissButton: slot.optional(dismissButton, {
             renderByDefault: false,
             defaultProps: {
-                children: /*#__PURE__*/ React.createElement(DismissIcon, null),
                 onClick: onDismissButtonClick,
                 'aria-label': 'dismiss',
                 'aria-hidden': true
@@ -45,3 +43,20 @@ const DismissIcon = bundleIcon(DismissFilled, DismissRegular);
         })
     };
 };
+/**
+ * Returns the props and state required to render the component
+ * @param props - TeachingPopoverTitle properties
+ * @param ref - reference to root HTMLElement of TeachingPopoverTitle
+ */ export const useTeachingPopoverTitle_unstable = (props, ref)=>{
+    const baseState = useTeachingPopoverTitleBase_unstable(props, ref);
+    const appearance = usePopoverContext_unstable((context)=>context.appearance);
+    const dismissButton = baseState.dismissButton && baseState.dismissButton.children === undefined ? {
+        ...baseState.dismissButton,
+        children: /*#__PURE__*/ React.createElement(DismissIcon, null)
+    } : baseState.dismissButton;
+    return {
+        ...baseState,
+        appearance,
+        dismissButton
+    };
+};

package/lib/components/TeachingPopoverTitle/useTeachingPopoverTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverTitle/useTeachingPopoverTitle.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, slot } from '@fluentui/react-utilities';\nimport type { TeachingPopoverTitleProps, TeachingPopoverTitleState } from './TeachingPopoverTitle.types';\nimport { DismissFilled, DismissRegular, bundleIcon } from '@fluentui/react-icons';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\n\nconst DismissIcon = bundleIcon(DismissFilled, DismissRegular);\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverTitle properties\n * @param ref - reference to root HTMLElement of TeachingPopoverTitle\n */\nexport const useTeachingPopoverTitle_unstable = (\n  props: TeachingPopoverTitleProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverTitleState => {\n  const { dismissButton } = props;\n\n  const setOpen = usePopoverContext_unstable(context => context.setOpen);\n  const triggerRef = usePopoverContext_unstable(context => context.triggerRef);\n  const appearance = usePopoverContext_unstable(context => context.appearance);\n\n  const onDismissButtonClick = useEventCallback((ev: React.MouseEvent<HTMLButtonElement>) => {\n    if (!ev.defaultPrevented) {\n      setOpen(ev, false);\n    }\n\n    if (triggerRef.current) {\n      triggerRef.current.focus();\n    }\n  });\n\n  return {\n    appearance,\n    components: {\n      root: 'h2',\n      dismissButton: 'button',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('h2', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'h2' },\n    ),\n    dismissButton: slot.optional(dismissButton, {\n      renderByDefault: false,\n      defaultProps: {\n        children: <DismissIcon />,\n        onClick: onDismissButtonClick,\n        'aria-label': 'dismiss',\n        'aria-hidden': true,\n      },\n      elementType: 'button',\n    }),\n  };\n};\n"],"names":["React","getIntrinsicElementProps","useEventCallback","slot","DismissFilled","DismissRegular","bundleIcon","usePopoverContext_unstable","DismissIcon","useTeachingPopoverTitle_unstable","props","ref","dismissButton","setOpen","context","triggerRef","appearance","onDismissButtonClick","ev","defaultPrevented","current","focus","components","root","always","elementType","optional","renderByDefault","defaultProps","children","onClick"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,4BAA4B;AAE7F,SAASC,aAAa,EAAEC,cAAc,EAAEC,UAAU,QAAQ,wBAAwB;AAClF,SAASC,0BAA0B,QAAQ,0BAA0B;AAErE,MAAMC,cAAcF,WAAWF,eAAeC;AAC9C;;;;CAIC,GACD,OAAO,MAAMI,mCAAmC,CAC9CC,OACAC;IAEA,MAAM,EAAEC,aAAa,EAAE,GAAGF;IAE1B,MAAMG,UAAUN,2BAA2BO,CAAAA,UAAWA,QAAQD,OAAO;IACrE,MAAME,aAAaR,2BAA2BO,CAAAA,UAAWA,QAAQC,UAAU;IAC3E,MAAMC,aAAaT,2BAA2BO,CAAAA,UAAWA,QAAQE,UAAU;IAE3E,MAAMC,uBAAuBf,iBAAiB,CAACgB;QAC7C,IAAI,CAACA,GAAGC,gBAAgB,EAAE;YACxBN,QAAQK,IAAI;QACd;QAEA,IAAIH,WAAWK,OAAO,EAAE;YACtBL,WAAWK,OAAO,CAACC,KAAK;QAC1B;IACF;IAEA,OAAO;QACLL;QACAM,YAAY;YACVC,MAAM;YACNX,eAAe;QACjB;QACAW,MAAMpB,KAAKqB,MAAM,CACfvB,yBAAyB,MAAM;YAC7BU;YACA,GAAGD,KAAK;QACV,IACA;YAAEe,aAAa;QAAK;QAEtBb,eAAeT,KAAKuB,QAAQ,CAACd,eAAe;YAC1Ce,iBAAiB;YACjBC,cAAc;gBACZC,wBAAU,oBAACrB;gBACXsB,SAASb;gBACT,cAAc;gBACd,eAAe;YACjB;YACAQ,aAAa;QACf;IACF;AACF,EAAE"}
+{"version":3,"sources":["../src/components/TeachingPopoverTitle/useTeachingPopoverTitle.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, slot } from '@fluentui/react-utilities';\nimport type {\n  TeachingPopoverTitleBaseProps,\n  TeachingPopoverTitleBaseState,\n  TeachingPopoverTitleProps,\n  TeachingPopoverTitleState,\n} from './TeachingPopoverTitle.types';\nimport { DismissFilled, DismissRegular, bundleIcon } from '@fluentui/react-icons';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\n\nconst DismissIcon = bundleIcon(DismissFilled, DismissRegular);\n\n/**\n * Base hook that builds TeachingPopoverTitle state for behavior and structure only.\n * Does not bundle/render the dismiss icon and does not read `appearance` from popover context.\n * @param props - TeachingPopoverTitle properties\n * @param ref - reference to root HTMLElement of TeachingPopoverTitle\n */\nexport const useTeachingPopoverTitleBase_unstable = (\n  props: TeachingPopoverTitleBaseProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverTitleBaseState => {\n  const { dismissButton } = props;\n\n  const setOpen = usePopoverContext_unstable(context => context.setOpen);\n  const triggerRef = usePopoverContext_unstable(context => context.triggerRef);\n\n  const onDismissButtonClick = useEventCallback((ev: React.MouseEvent<HTMLButtonElement>) => {\n    if (!ev.defaultPrevented) {\n      setOpen(ev, false);\n    }\n\n    if (triggerRef.current) {\n      triggerRef.current.focus();\n    }\n  });\n\n  return {\n    components: {\n      root: 'h2',\n      dismissButton: 'button',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('h2', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'h2' },\n    ),\n    dismissButton: slot.optional(dismissButton, {\n      renderByDefault: false,\n      defaultProps: {\n        onClick: onDismissButtonClick,\n        'aria-label': 'dismiss',\n        'aria-hidden': true,\n      },\n      elementType: 'button',\n    }),\n  };\n};\n\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverTitle properties\n * @param ref - reference to root HTMLElement of TeachingPopoverTitle\n */\nexport const useTeachingPopoverTitle_unstable = (\n  props: TeachingPopoverTitleProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverTitleState => {\n  const baseState = useTeachingPopoverTitleBase_unstable(props, ref);\n  const appearance = usePopoverContext_unstable(context => context.appearance);\n\n  const dismissButton =\n    baseState.dismissButton && baseState.dismissButton.children === undefined\n      ? { ...baseState.dismissButton, children: <DismissIcon /> }\n      : baseState.dismissButton;\n\n  return {\n    ...baseState,\n    appearance,\n    dismissButton,\n  };\n};\n"],"names":["React","getIntrinsicElementProps","useEventCallback","slot","DismissFilled","DismissRegular","bundleIcon","usePopoverContext_unstable","DismissIcon","useTeachingPopoverTitleBase_unstable","props","ref","dismissButton","setOpen","context","triggerRef","onDismissButtonClick","ev","defaultPrevented","current","focus","components","root","always","elementType","optional","renderByDefault","defaultProps","onClick","useTeachingPopoverTitle_unstable","baseState","appearance","children","undefined"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,4BAA4B;AAO7F,SAASC,aAAa,EAAEC,cAAc,EAAEC,UAAU,QAAQ,wBAAwB;AAClF,SAASC,0BAA0B,QAAQ,0BAA0B;AAErE,MAAMC,cAAcF,WAAWF,eAAeC;AAE9C;;;;;CAKC,GACD,OAAO,MAAMI,uCAAuC,CAClDC,OACAC;IAEA,MAAM,EAAEC,aAAa,EAAE,GAAGF;IAE1B,MAAMG,UAAUN,2BAA2BO,CAAAA,UAAWA,QAAQD,OAAO;IACrE,MAAME,aAAaR,2BAA2BO,CAAAA,UAAWA,QAAQC,UAAU;IAE3E,MAAMC,uBAAuBd,iBAAiB,CAACe;QAC7C,IAAI,CAACA,GAAGC,gBAAgB,EAAE;YACxBL,QAAQI,IAAI;QACd;QAEA,IAAIF,WAAWI,OAAO,EAAE;YACtBJ,WAAWI,OAAO,CAACC,KAAK;QAC1B;IACF;IAEA,OAAO;QACLC,YAAY;YACVC,MAAM;YACNV,eAAe;QACjB;QACAU,MAAMnB,KAAKoB,MAAM,CACftB,yBAAyB,MAAM;YAC7BU;YACA,GAAGD,KAAK;QACV,IACA;YAAEc,aAAa;QAAK;QAEtBZ,eAAeT,KAAKsB,QAAQ,CAACb,eAAe;YAC1Cc,iBAAiB;YACjBC,cAAc;gBACZC,SAASZ;gBACT,cAAc;gBACd,eAAe;YACjB;YACAQ,aAAa;QACf;IACF;AACF,EAAE;AAEF;;;;CAIC,GACD,OAAO,MAAMK,mCAAmC,CAC9CnB,OACAC;IAEA,MAAMmB,YAAYrB,qCAAqCC,OAAOC;IAC9D,MAAMoB,aAAaxB,2BAA2BO,CAAAA,UAAWA,QAAQiB,UAAU;IAE3E,MAAMnB,gBACJkB,UAAUlB,aAAa,IAAIkB,UAAUlB,aAAa,CAACoB,QAAQ,KAAKC,YAC5D;QAAE,GAAGH,UAAUlB,aAAa;QAAEoB,wBAAU,oBAACxB;IAAe,IACxDsB,UAAUlB,aAAa;IAE7B,OAAO;QACL,GAAGkB,SAAS;QACZC;QACAnB;IACF;AACF,EAAE"}

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

@@ -82,14 +82,14 @@ const useStyles = /*#__PURE__*/__styles({
 });
 /** Applies style classnames to slots */
 export const useTeachingPopoverTitleStyles_unstable = state => {
-  'use no memo';
-
   const styles = useStyles();
   const {
     appearance
   } = state;
+  // eslint-disable-next-line react-hooks/immutability
   state.root.className = mergeClasses(teachingPopoverTitleClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);
   if (state.dismissButton) {
+    // eslint-disable-next-line react-hooks/immutability
     state.dismissButton.className = mergeClasses(teachingPopoverTitleClassNames.dismissButton, styles.dismissButton, appearance === 'brand' ? styles.dismissBrand : undefined, state.dismissButton.className);
   }
   return state;

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":["'use client';\nimport { 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,YAAY;;AACZ,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":[]}
+{"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":["'use client';\nimport { 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    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(teachingPopoverTitleClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);\n    if (state.dismissButton) {\n        // eslint-disable-next-line react-hooks/immutability\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,YAAY;;AACZ,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;EAC5B;EACAA,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;IACrB;IACAwD,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/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.raw.js

@@ -46,11 +46,12 @@ const useStyles = makeStyles({
     }
 });
 /** Applies style classnames to slots */ export const useTeachingPopoverTitleStyles_unstable = (state)=>{
-    'use no memo';
     const styles = useStyles();
     const { appearance } = state;
+    // eslint-disable-next-line react-hooks/immutability
     state.root.className = mergeClasses(teachingPopoverTitleClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);
     if (state.dismissButton) {
+        // eslint-disable-next-line react-hooks/immutability
         state.dismissButton.className = mergeClasses(teachingPopoverTitleClassNames.dismissButton, styles.dismissButton, appearance === 'brand' ? styles.dismissBrand : undefined, state.dismissButton.className);
     }
     return state;

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { TeachingPopoverTitleSlots, TeachingPopoverTitleState } from './TeachingPopoverTitle.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n\nexport const teachingPopoverTitleClassNames: SlotClassNames<TeachingPopoverTitleSlots> = {\n  root: 'fui-TeachingPopoverTitle',\n  dismissButton: 'fui-TeachingPopoverTitle__dismissButton',\n};\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\n/** Applies style classnames to slots */\nexport const useTeachingPopoverTitleStyles_unstable = (state: TeachingPopoverTitleState): TeachingPopoverTitleState => {\n  'use no memo';\n\n  const styles = useStyles();\n  const { appearance } = state;\n\n  state.root.className = mergeClasses(\n    teachingPopoverTitleClassNames.root,\n    styles.root,\n    appearance === 'brand' && styles.rootBrand,\n    state.root.className,\n  );\n\n  if (state.dismissButton) {\n    state.dismissButton.className = mergeClasses(\n      teachingPopoverTitleClassNames.dismissButton,\n      styles.dismissButton,\n      appearance === 'brand' ? styles.dismissBrand : undefined,\n      state.dismissButton.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","typographyStyles","teachingPopoverTitleClassNames","root","dismissButton","useStyles","display","flexDirection","justifyContent","fontSize","fontSizeBase400","fontWeight","fontWeightSemibold","color","colorNeutralForeground1","lineHeight","lineHeightBase400","paddingBottom","spacingVerticalS","marginTop","spacingHorizontalNone","marginBottom","rootBrand","colorNeutralForegroundOnBrand","position","border","strokeWidthThin","colorTransparentStroke","alignItems","cursor","body1","backgroundColor","colorTransparentBackground","boxSizing","borderTopRightRadius","borderRadiusNone","borderBottomRightRadius","borderRightStyle","outline","strokeWidthThick","colorStrokeFocus2","borderRadius","borderRadiusMedium","borderColor","marginInlineStart","dismissBrand","useTeachingPopoverTitleStyles_unstable","state","styles","appearance","className","undefined"],"mappings":"AAAA;AAEA,SAASA,UAAU,EAAEC,YAAY,EAAEC,UAAU,QAAQ,iBAAiB;AAGtE,SAASC,+BAA+B,QAAQ,0BAA0B;AAC1E,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,wBAAwB;AAEjE,OAAO,MAAMC,iCAA4E;IACvFC,MAAM;IACNC,eAAe;AACjB,EAAE;AAEF,MAAMC,YAAYT,WAAW;IAC3BO,MAAM;QACJG,SAAS;QACTC,eAAe;QACfC,gBAAgB;QAChBC,UAAUT,OAAOU,eAAe;QAChCC,YAAYX,OAAOY,kBAAkB;QACrCC,OAAOb,OAAOc,uBAAuB;QACrCC,YAAYf,OAAOgB,iBAAiB;QACpCC,eAAejB,OAAOkB,gBAAgB;QACtCC,WAAWnB,OAAOoB,qBAAqB;QACvCC,cAAcrB,OAAOoB,qBAAqB;IAC5C;IACAE,WAAW;QACTT,OAAOb,OAAOuB,6BAA6B;IAC7C;IACAnB,eAAe;QACboB,UAAU;QACVC,QAAQ,GAAGzB,OAAO0B,eAAe,CAAC,OAAO,EAAE1B,OAAO2B,sBAAsB,EAAE;QAC1ErB,SAAS;QACTsB,YAAY;QACZC,QAAQ;QACR,GAAG5B,iBAAiB6B,KAAK;QACzBC,iBAAiB/B,OAAOgC,0BAA0B;QAClDC,WAAW;QACXC,sBAAsBlC,OAAOmC,gBAAgB;QAC7CC,yBAAyBpC,OAAOmC,gBAAgB;QAChDE,kBAAkB;QAClB,GAAGtC,gCAAgC;YACjCuC,SAAS,GAAGtC,OAAOuC,gBAAgB,CAAC,OAAO,EAAEvC,OAAOwC,iBAAiB,EAAE;YACvEC,cAAczC,OAAO0C,kBAAkB;YACvC,GAAG5C,WAAW6C,WAAW,CAAC,cAAc;QAC1C,EAAE;QACFC,mBAAmB;IACrB;IACAC,cAAc;QACZhC,OAAOb,OAAOuB,6BAA6B;IAC7C;AACF;AAEA,sCAAsC,GACtC,OAAO,MAAMuB,yCAAyC,CAACC;IACrD;IAEA,MAAMC,SAAS3C;IACf,MAAM,EAAE4C,UAAU,EAAE,GAAGF;IAEvBA,MAAM5C,IAAI,CAAC+C,SAAS,GAAGrD,aACrBK,+BAA+BC,IAAI,EACnC6C,OAAO7C,IAAI,EACX8C,eAAe,WAAWD,OAAO1B,SAAS,EAC1CyB,MAAM5C,IAAI,CAAC+C,SAAS;IAGtB,IAAIH,MAAM3C,aAAa,EAAE;QACvB2C,MAAM3C,aAAa,CAAC8C,SAAS,GAAGrD,aAC9BK,+BAA+BE,aAAa,EAC5C4C,OAAO5C,aAAa,EACpB6C,eAAe,UAAUD,OAAOH,YAAY,GAAGM,WAC/CJ,MAAM3C,aAAa,CAAC8C,SAAS;IAEjC;IAEA,OAAOH;AACT,EAAE"}
+{"version":3,"sources":["../src/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { TeachingPopoverTitleSlots, TeachingPopoverTitleState } from './TeachingPopoverTitle.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n\nexport const teachingPopoverTitleClassNames: SlotClassNames<TeachingPopoverTitleSlots> = {\n  root: 'fui-TeachingPopoverTitle',\n  dismissButton: 'fui-TeachingPopoverTitle__dismissButton',\n};\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\n/** Applies style classnames to slots */\nexport const useTeachingPopoverTitleStyles_unstable = (state: TeachingPopoverTitleState): TeachingPopoverTitleState => {\n  const styles = useStyles();\n  const { appearance } = state;\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(\n    teachingPopoverTitleClassNames.root,\n    styles.root,\n    appearance === 'brand' && styles.rootBrand,\n    state.root.className,\n  );\n\n  if (state.dismissButton) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.dismissButton.className = mergeClasses(\n      teachingPopoverTitleClassNames.dismissButton,\n      styles.dismissButton,\n      appearance === 'brand' ? styles.dismissBrand : undefined,\n      state.dismissButton.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","typographyStyles","teachingPopoverTitleClassNames","root","dismissButton","useStyles","display","flexDirection","justifyContent","fontSize","fontSizeBase400","fontWeight","fontWeightSemibold","color","colorNeutralForeground1","lineHeight","lineHeightBase400","paddingBottom","spacingVerticalS","marginTop","spacingHorizontalNone","marginBottom","rootBrand","colorNeutralForegroundOnBrand","position","border","strokeWidthThin","colorTransparentStroke","alignItems","cursor","body1","backgroundColor","colorTransparentBackground","boxSizing","borderTopRightRadius","borderRadiusNone","borderBottomRightRadius","borderRightStyle","outline","strokeWidthThick","colorStrokeFocus2","borderRadius","borderRadiusMedium","borderColor","marginInlineStart","dismissBrand","useTeachingPopoverTitleStyles_unstable","state","styles","appearance","className","undefined"],"mappings":"AAAA;AAEA,SAASA,UAAU,EAAEC,YAAY,EAAEC,UAAU,QAAQ,iBAAiB;AAGtE,SAASC,+BAA+B,QAAQ,0BAA0B;AAC1E,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,wBAAwB;AAEjE,OAAO,MAAMC,iCAA4E;IACvFC,MAAM;IACNC,eAAe;AACjB,EAAE;AAEF,MAAMC,YAAYT,WAAW;IAC3BO,MAAM;QACJG,SAAS;QACTC,eAAe;QACfC,gBAAgB;QAChBC,UAAUT,OAAOU,eAAe;QAChCC,YAAYX,OAAOY,kBAAkB;QACrCC,OAAOb,OAAOc,uBAAuB;QACrCC,YAAYf,OAAOgB,iBAAiB;QACpCC,eAAejB,OAAOkB,gBAAgB;QACtCC,WAAWnB,OAAOoB,qBAAqB;QACvCC,cAAcrB,OAAOoB,qBAAqB;IAC5C;IACAE,WAAW;QACTT,OAAOb,OAAOuB,6BAA6B;IAC7C;IACAnB,eAAe;QACboB,UAAU;QACVC,QAAQ,GAAGzB,OAAO0B,eAAe,CAAC,OAAO,EAAE1B,OAAO2B,sBAAsB,EAAE;QAC1ErB,SAAS;QACTsB,YAAY;QACZC,QAAQ;QACR,GAAG5B,iBAAiB6B,KAAK;QACzBC,iBAAiB/B,OAAOgC,0BAA0B;QAClDC,WAAW;QACXC,sBAAsBlC,OAAOmC,gBAAgB;QAC7CC,yBAAyBpC,OAAOmC,gBAAgB;QAChDE,kBAAkB;QAClB,GAAGtC,gCAAgC;YACjCuC,SAAS,GAAGtC,OAAOuC,gBAAgB,CAAC,OAAO,EAAEvC,OAAOwC,iBAAiB,EAAE;YACvEC,cAAczC,OAAO0C,kBAAkB;YACvC,GAAG5C,WAAW6C,WAAW,CAAC,cAAc;QAC1C,EAAE;QACFC,mBAAmB;IACrB;IACAC,cAAc;QACZhC,OAAOb,OAAOuB,6BAA6B;IAC7C;AACF;AAEA,sCAAsC,GACtC,OAAO,MAAMuB,yCAAyC,CAACC;IACrD,MAAMC,SAAS3C;IACf,MAAM,EAAE4C,UAAU,EAAE,GAAGF;IAEvB,oDAAoD;IACpDA,MAAM5C,IAAI,CAAC+C,SAAS,GAAGrD,aACrBK,+BAA+BC,IAAI,EACnC6C,OAAO7C,IAAI,EACX8C,eAAe,WAAWD,OAAO1B,SAAS,EAC1CyB,MAAM5C,IAAI,CAAC+C,SAAS;IAGtB,IAAIH,MAAM3C,aAAa,EAAE;QACvB,oDAAoD;QACpD2C,MAAM3C,aAAa,CAAC8C,SAAS,GAAGrD,aAC9BK,+BAA+BE,aAAa,EAC5C4C,OAAO5C,aAAa,EACpB6C,eAAe,UAAUD,OAAOH,YAAY,GAAGM,WAC/CJ,MAAM3C,aAAa,CAAC8C,SAAS;IAEjC;IAEA,OAAOH;AACT,EAAE"}

package/lib/index.js

@@ -12,3 +12,10 @@ export { TeachingPopover, renderTeachingPopover_unstable, useTeachingPopover_uns
 export { TeachingPopoverFooter, teachingPopoverFooterClassNames, renderTeachingPopoverFooter_unstable, useTeachingPopoverFooter_unstable } from './TeachingPopoverFooter';
 export { TeachingPopoverCarouselPageCount, renderTeachingPopoverCarouselPageCount_unstable, teachingPopoverCarouselPageCountClassNames, useTeachingPopoverCarouselPageCountStyles_unstable, useTeachingPopoverCarouselPageCount_unstable } from './TeachingPopoverCarouselPageCount';
 export { TeachingPopoverCarouselFooterButton, renderTeachingPopoverCarouselFooterButton_unstable, teachingPopoverCarouselFooterButtonClassNames, useTeachingPopoverCarouselFooterButtonStyles_unstable, useTeachingPopoverCarouselFooterButton_unstable } from './TeachingPopoverCarouselFooterButton';
+export { useTeachingPopoverHeaderBase_unstable } from './TeachingPopoverHeader';
+export { useTeachingPopoverFooterBase_unstable } from './TeachingPopoverFooter';
+export { useTeachingPopoverTitleBase_unstable } from './TeachingPopoverTitle';
+export { useTeachingPopoverCarouselBase_unstable } from './TeachingPopoverCarousel';
+export { useTeachingPopoverCarouselFooterButtonBase_unstable } from './TeachingPopoverCarouselFooterButton';
+export { useTeachingPopoverCarouselNavBase_unstable } from './TeachingPopoverCarouselNav';
+export { useTeachingPopoverCarouselNavButtonBase_unstable } from './TeachingPopoverCarouselNavButton';

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  TeachingPopoverHeader,\n  teachingPopoverHeaderClassNames,\n  renderTeachingPopoverHeader_unstable,\n  useTeachingPopoverHeaderStyles_unstable,\n  useTeachingPopoverHeader_unstable,\n} from './TeachingPopoverHeader';\nexport type {\n  TeachingPopoverHeaderProps,\n  TeachingPopoverHeaderSlots,\n  TeachingPopoverHeaderState,\n} from './TeachingPopoverHeader';\nexport {\n  TeachingPopoverBody,\n  teachingPopoverBodyClassNames,\n  renderTeachingPopoverBody_unstable,\n  useTeachingPopoverBodyStyles_unstable,\n  useTeachingPopoverBody_unstable,\n} from './TeachingPopoverBody';\nexport type {\n  TeachingPopoverBodyProps,\n  TeachingPopoverBodySlots,\n  TeachingPopoverBodyState,\n} from './TeachingPopoverBody';\nexport {\n  TeachingPopoverCarouselCard,\n  teachingPopoverCarouselCardClassNames,\n  renderTeachingPopoverCarouselCard_unstable,\n  useTeachingPopoverCarouselCardStyles_unstable,\n  useTeachingPopoverCarouselCard_unstable,\n} from './TeachingPopoverCarouselCard';\nexport type {\n  TeachingPopoverCarouselCardProps,\n  TeachingPopoverCarouselCardSlots,\n  TeachingPopoverCarouselCardState,\n} from './TeachingPopoverCarouselCard';\nexport {\n  TeachingPopoverCarousel,\n  teachingPopoverCarouselClassNames,\n  renderTeachingPopoverCarousel_unstable,\n  useTeachingPopoverCarouselStyles_unstable,\n  useTeachingPopoverCarousel_unstable,\n  useTeachingPopoverCarouselContextValues_unstable,\n} from './TeachingPopoverCarousel';\nexport type {\n  TeachingPopoverCarouselProps,\n  TeachingPopoverCarouselSlots,\n  TeachingPopoverCarouselState,\n} from './TeachingPopoverCarousel';\nexport {\n  TeachingPopoverCarouselFooter,\n  teachingPopoverCarouselFooterClassNames,\n  renderTeachingPopoverCarouselFooter_unstable,\n  useTeachingPopoverCarouselFooterStyles_unstable,\n  useTeachingPopoverCarouselFooter_unstable,\n} from './TeachingPopoverCarouselFooter';\nexport type {\n  TeachingPopoverCarouselFooterProps,\n  TeachingPopoverCarouselFooterSlots,\n  TeachingPopoverCarouselFooterState,\n} from './TeachingPopoverCarouselFooter';\nexport {\n  TeachingPopoverCarouselNav,\n  teachingPopoverCarouselNavClassNames,\n  renderTeachingPopoverCarouselNav_unstable,\n  useTeachingPopoverCarouselNavStyles_unstable,\n  useTeachingPopoverCarouselNav_unstable,\n} from './TeachingPopoverCarouselNav';\nexport type {\n  TeachingPopoverCarouselNavProps,\n  TeachingPopoverCarouselNavSlots,\n  TeachingPopoverCarouselNavState,\n} from './TeachingPopoverCarouselNav';\nexport {\n  TeachingPopoverCarouselNavButton,\n  teachingPopoverCarouselNavButtonClassNames,\n  renderTeachingPopoverCarouselNavButton_unstable,\n  useTeachingPopoverCarouselNavButtonStyles_unstable,\n  useTeachingPopoverCarouselNavButton_unstable,\n} from './TeachingPopoverCarouselNavButton';\nexport type {\n  TeachingPopoverCarouselNavButtonProps,\n  TeachingPopoverCarouselNavButtonSlots,\n  TeachingPopoverCarouselNavButtonState,\n} from './TeachingPopoverCarouselNavButton';\nexport {\n  TeachingPopoverSurface,\n  renderTeachingPopoverSurface_unstable,\n  teachingPopoverSurfaceClassNames,\n  useTeachingPopoverSurfaceStyles_unstable,\n  useTeachingPopoverSurface_unstable,\n} from './TeachingPopoverSurface';\nexport type {\n  TeachingPopoverSurfaceProps,\n  TeachingPopoverSurfaceSlots,\n  TeachingPopoverSurfaceState,\n} from './TeachingPopoverSurface';\nexport {\n  TeachingPopoverTitle,\n  teachingPopoverTitleClassNames,\n  renderTeachingPopoverTitle_unstable,\n  useTeachingPopoverTitleStyles_unstable,\n  useTeachingPopoverTitle_unstable,\n} from './TeachingPopoverTitle';\nexport type {\n  TeachingPopoverTitleProps,\n  TeachingPopoverTitleSlots,\n  TeachingPopoverTitleState,\n} from './TeachingPopoverTitle';\nexport {\n  TeachingPopoverTrigger,\n  renderTeachingPopoverTrigger_unstable,\n  useTeachingPopoverTrigger_unstable,\n} from './TeachingPopoverTrigger';\nexport type {\n  TeachingPopoverTriggerChildProps,\n  TeachingPopoverTriggerProps,\n  TeachingPopoverTriggerState,\n} from './TeachingPopoverTrigger';\nexport {\n  TeachingPopover,\n  renderTeachingPopover_unstable,\n  useTeachingPopover_unstable,\n  useTeachingPopoverContextValues_unstable,\n} from './TeachingPopover';\nexport type { TeachingPopoverProps, TeachingPopoverState } from './TeachingPopover';\nexport {\n  TeachingPopoverFooter,\n  teachingPopoverFooterClassNames,\n  renderTeachingPopoverFooter_unstable,\n  useTeachingPopoverFooter_unstable,\n} from './TeachingPopoverFooter';\nexport type { TeachingPopoverFooterProps, TeachingPopoverFooterState } from './TeachingPopoverFooter';\nexport {\n  TeachingPopoverCarouselPageCount,\n  renderTeachingPopoverCarouselPageCount_unstable,\n  teachingPopoverCarouselPageCountClassNames,\n  useTeachingPopoverCarouselPageCountStyles_unstable,\n  useTeachingPopoverCarouselPageCount_unstable,\n} from './TeachingPopoverCarouselPageCount';\nexport type {\n  TeachingPopoverCarouselPageCountProps,\n  TeachingPopoverCarouselPageCountRenderFunction,\n  TeachingPopoverCarouselPageCountSlots,\n  TeachingPopoverCarouselPageCountState,\n} from './TeachingPopoverCarouselPageCount';\nexport {\n  TeachingPopoverCarouselFooterButton,\n  renderTeachingPopoverCarouselFooterButton_unstable,\n  teachingPopoverCarouselFooterButtonClassNames,\n  useTeachingPopoverCarouselFooterButtonStyles_unstable,\n  useTeachingPopoverCarouselFooterButton_unstable,\n} from './TeachingPopoverCarouselFooterButton';\nexport type {\n  TeachingPopoverCarouselFooterButtonProps,\n  TeachingPopoverCarouselFooterButtonSlots,\n  TeachingPopoverCarouselFooterButtonState,\n} from './TeachingPopoverCarouselFooterButton';\n"],"names":["TeachingPopoverHeader","teachingPopoverHeaderClassNames","renderTeachingPopoverHeader_unstable","useTeachingPopoverHeaderStyles_unstable","useTeachingPopoverHeader_unstable","TeachingPopoverBody","teachingPopoverBodyClassNames","renderTeachingPopoverBody_unstable","useTeachingPopoverBodyStyles_unstable","useTeachingPopoverBody_unstable","TeachingPopoverCarouselCard","teachingPopoverCarouselCardClassNames","renderTeachingPopoverCarouselCard_unstable","useTeachingPopoverCarouselCardStyles_unstable","useTeachingPopoverCarouselCard_unstable","TeachingPopoverCarousel","teachingPopoverCarouselClassNames","renderTeachingPopoverCarousel_unstable","useTeachingPopoverCarouselStyles_unstable","useTeachingPopoverCarousel_unstable","useTeachingPopoverCarouselContextValues_unstable","TeachingPopoverCarouselFooter","teachingPopoverCarouselFooterClassNames","renderTeachingPopoverCarouselFooter_unstable","useTeachingPopoverCarouselFooterStyles_unstable","useTeachingPopoverCarouselFooter_unstable","TeachingPopoverCarouselNav","teachingPopoverCarouselNavClassNames","renderTeachingPopoverCarouselNav_unstable","useTeachingPopoverCarouselNavStyles_unstable","useTeachingPopoverCarouselNav_unstable","TeachingPopoverCarouselNavButton","teachingPopoverCarouselNavButtonClassNames","renderTeachingPopoverCarouselNavButton_unstable","useTeachingPopoverCarouselNavButtonStyles_unstable","useTeachingPopoverCarouselNavButton_unstable","TeachingPopoverSurface","renderTeachingPopoverSurface_unstable","teachingPopoverSurfaceClassNames","useTeachingPopoverSurfaceStyles_unstable","useTeachingPopoverSurface_unstable","TeachingPopoverTitle","teachingPopoverTitleClassNames","renderTeachingPopoverTitle_unstable","useTeachingPopoverTitleStyles_unstable","useTeachingPopoverTitle_unstable","TeachingPopoverTrigger","renderTeachingPopoverTrigger_unstable","useTeachingPopoverTrigger_unstable","TeachingPopover","renderTeachingPopover_unstable","useTeachingPopover_unstable","useTeachingPopoverContextValues_unstable","TeachingPopoverFooter","teachingPopoverFooterClassNames","renderTeachingPopoverFooter_unstable","useTeachingPopoverFooter_unstable","TeachingPopoverCarouselPageCount","renderTeachingPopoverCarouselPageCount_unstable","teachingPopoverCarouselPageCountClassNames","useTeachingPopoverCarouselPageCountStyles_unstable","useTeachingPopoverCarouselPageCount_unstable","TeachingPopoverCarouselFooterButton","renderTeachingPopoverCarouselFooterButton_unstable","teachingPopoverCarouselFooterButtonClassNames","useTeachingPopoverCarouselFooterButtonStyles_unstable","useTeachingPopoverCarouselFooterButton_unstable"],"mappings":"AAAA,SACEA,qBAAqB,EACrBC,+BAA+B,EAC/BC,oCAAoC,EACpCC,uCAAuC,EACvCC,iCAAiC,QAC5B,0BAA0B;AAMjC,SACEC,mBAAmB,EACnBC,6BAA6B,EAC7BC,kCAAkC,EAClCC,qCAAqC,EACrCC,+BAA+B,QAC1B,wBAAwB;AAM/B,SACEC,2BAA2B,EAC3BC,qCAAqC,EACrCC,0CAA0C,EAC1CC,6CAA6C,EAC7CC,uCAAuC,QAClC,gCAAgC;AAMvC,SACEC,uBAAuB,EACvBC,iCAAiC,EACjCC,sCAAsC,EACtCC,yCAAyC,EACzCC,mCAAmC,EACnCC,gDAAgD,QAC3C,4BAA4B;AAMnC,SACEC,6BAA6B,EAC7BC,uCAAuC,EACvCC,4CAA4C,EAC5CC,+CAA+C,EAC/CC,yCAAyC,QACpC,kCAAkC;AAMzC,SACEC,0BAA0B,EAC1BC,oCAAoC,EACpCC,yCAAyC,EACzCC,4CAA4C,EAC5CC,sCAAsC,QACjC,+BAA+B;AAMtC,SACEC,gCAAgC,EAChCC,0CAA0C,EAC1CC,+CAA+C,EAC/CC,kDAAkD,EAClDC,4CAA4C,QACvC,qCAAqC;AAM5C,SACEC,sBAAsB,EACtBC,qCAAqC,EACrCC,gCAAgC,EAChCC,wCAAwC,EACxCC,kCAAkC,QAC7B,2BAA2B;AAMlC,SACEC,oBAAoB,EACpBC,8BAA8B,EAC9BC,mCAAmC,EACnCC,sCAAsC,EACtCC,gCAAgC,QAC3B,yBAAyB;AAMhC,SACEC,sBAAsB,EACtBC,qCAAqC,EACrCC,kCAAkC,QAC7B,2BAA2B;AAMlC,SACEC,eAAe,EACfC,8BAA8B,EAC9BC,2BAA2B,EAC3BC,wCAAwC,QACnC,oBAAoB;AAE3B,SACEC,qBAAqB,EACrBC,+BAA+B,EAC/BC,oCAAoC,EACpCC,iCAAiC,QAC5B,0BAA0B;AAEjC,SACEC,gCAAgC,EAChCC,+CAA+C,EAC/CC,0CAA0C,EAC1CC,kDAAkD,EAClDC,4CAA4C,QACvC,qCAAqC;AAO5C,SACEC,mCAAmC,EACnCC,kDAAkD,EAClDC,6CAA6C,EAC7CC,qDAAqD,EACrDC,+CAA+C,QAC1C,wCAAwC"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  TeachingPopoverHeader,\n  teachingPopoverHeaderClassNames,\n  renderTeachingPopoverHeader_unstable,\n  useTeachingPopoverHeaderStyles_unstable,\n  useTeachingPopoverHeader_unstable,\n} from './TeachingPopoverHeader';\nexport type {\n  TeachingPopoverHeaderProps,\n  TeachingPopoverHeaderSlots,\n  TeachingPopoverHeaderState,\n} from './TeachingPopoverHeader';\nexport {\n  TeachingPopoverBody,\n  teachingPopoverBodyClassNames,\n  renderTeachingPopoverBody_unstable,\n  useTeachingPopoverBodyStyles_unstable,\n  useTeachingPopoverBody_unstable,\n} from './TeachingPopoverBody';\nexport type {\n  TeachingPopoverBodyProps,\n  TeachingPopoverBodySlots,\n  TeachingPopoverBodyState,\n} from './TeachingPopoverBody';\nexport {\n  TeachingPopoverCarouselCard,\n  teachingPopoverCarouselCardClassNames,\n  renderTeachingPopoverCarouselCard_unstable,\n  useTeachingPopoverCarouselCardStyles_unstable,\n  useTeachingPopoverCarouselCard_unstable,\n} from './TeachingPopoverCarouselCard';\nexport type {\n  TeachingPopoverCarouselCardProps,\n  TeachingPopoverCarouselCardSlots,\n  TeachingPopoverCarouselCardState,\n} from './TeachingPopoverCarouselCard';\nexport {\n  TeachingPopoverCarousel,\n  teachingPopoverCarouselClassNames,\n  renderTeachingPopoverCarousel_unstable,\n  useTeachingPopoverCarouselStyles_unstable,\n  useTeachingPopoverCarousel_unstable,\n  useTeachingPopoverCarouselContextValues_unstable,\n} from './TeachingPopoverCarousel';\nexport type {\n  TeachingPopoverCarouselProps,\n  TeachingPopoverCarouselSlots,\n  TeachingPopoverCarouselState,\n} from './TeachingPopoverCarousel';\nexport {\n  TeachingPopoverCarouselFooter,\n  teachingPopoverCarouselFooterClassNames,\n  renderTeachingPopoverCarouselFooter_unstable,\n  useTeachingPopoverCarouselFooterStyles_unstable,\n  useTeachingPopoverCarouselFooter_unstable,\n} from './TeachingPopoverCarouselFooter';\nexport type {\n  TeachingPopoverCarouselFooterProps,\n  TeachingPopoverCarouselFooterSlots,\n  TeachingPopoverCarouselFooterState,\n} from './TeachingPopoverCarouselFooter';\nexport {\n  TeachingPopoverCarouselNav,\n  teachingPopoverCarouselNavClassNames,\n  renderTeachingPopoverCarouselNav_unstable,\n  useTeachingPopoverCarouselNavStyles_unstable,\n  useTeachingPopoverCarouselNav_unstable,\n} from './TeachingPopoverCarouselNav';\nexport type {\n  TeachingPopoverCarouselNavProps,\n  TeachingPopoverCarouselNavSlots,\n  TeachingPopoverCarouselNavState,\n} from './TeachingPopoverCarouselNav';\nexport {\n  TeachingPopoverCarouselNavButton,\n  teachingPopoverCarouselNavButtonClassNames,\n  renderTeachingPopoverCarouselNavButton_unstable,\n  useTeachingPopoverCarouselNavButtonStyles_unstable,\n  useTeachingPopoverCarouselNavButton_unstable,\n} from './TeachingPopoverCarouselNavButton';\nexport type {\n  TeachingPopoverCarouselNavButtonProps,\n  TeachingPopoverCarouselNavButtonSlots,\n  TeachingPopoverCarouselNavButtonState,\n} from './TeachingPopoverCarouselNavButton';\nexport {\n  TeachingPopoverSurface,\n  renderTeachingPopoverSurface_unstable,\n  teachingPopoverSurfaceClassNames,\n  useTeachingPopoverSurfaceStyles_unstable,\n  useTeachingPopoverSurface_unstable,\n} from './TeachingPopoverSurface';\nexport type {\n  TeachingPopoverSurfaceProps,\n  TeachingPopoverSurfaceSlots,\n  TeachingPopoverSurfaceState,\n} from './TeachingPopoverSurface';\nexport {\n  TeachingPopoverTitle,\n  teachingPopoverTitleClassNames,\n  renderTeachingPopoverTitle_unstable,\n  useTeachingPopoverTitleStyles_unstable,\n  useTeachingPopoverTitle_unstable,\n} from './TeachingPopoverTitle';\nexport type {\n  TeachingPopoverTitleProps,\n  TeachingPopoverTitleSlots,\n  TeachingPopoverTitleState,\n} from './TeachingPopoverTitle';\nexport {\n  TeachingPopoverTrigger,\n  renderTeachingPopoverTrigger_unstable,\n  useTeachingPopoverTrigger_unstable,\n} from './TeachingPopoverTrigger';\nexport type {\n  TeachingPopoverTriggerChildProps,\n  TeachingPopoverTriggerProps,\n  TeachingPopoverTriggerState,\n} from './TeachingPopoverTrigger';\nexport {\n  TeachingPopover,\n  renderTeachingPopover_unstable,\n  useTeachingPopover_unstable,\n  useTeachingPopoverContextValues_unstable,\n} from './TeachingPopover';\nexport type { TeachingPopoverProps, TeachingPopoverState } from './TeachingPopover';\nexport {\n  TeachingPopoverFooter,\n  teachingPopoverFooterClassNames,\n  renderTeachingPopoverFooter_unstable,\n  useTeachingPopoverFooter_unstable,\n} from './TeachingPopoverFooter';\nexport type { TeachingPopoverFooterProps, TeachingPopoverFooterState } from './TeachingPopoverFooter';\nexport {\n  TeachingPopoverCarouselPageCount,\n  renderTeachingPopoverCarouselPageCount_unstable,\n  teachingPopoverCarouselPageCountClassNames,\n  useTeachingPopoverCarouselPageCountStyles_unstable,\n  useTeachingPopoverCarouselPageCount_unstable,\n} from './TeachingPopoverCarouselPageCount';\nexport type {\n  TeachingPopoverCarouselPageCountProps,\n  TeachingPopoverCarouselPageCountRenderFunction,\n  TeachingPopoverCarouselPageCountSlots,\n  TeachingPopoverCarouselPageCountState,\n} from './TeachingPopoverCarouselPageCount';\nexport {\n  TeachingPopoverCarouselFooterButton,\n  renderTeachingPopoverCarouselFooterButton_unstable,\n  teachingPopoverCarouselFooterButtonClassNames,\n  useTeachingPopoverCarouselFooterButtonStyles_unstable,\n  useTeachingPopoverCarouselFooterButton_unstable,\n} from './TeachingPopoverCarouselFooterButton';\nexport type {\n  TeachingPopoverCarouselFooterButtonProps,\n  TeachingPopoverCarouselFooterButtonSlots,\n  TeachingPopoverCarouselFooterButtonState,\n} from './TeachingPopoverCarouselFooterButton';\n\nexport { useTeachingPopoverHeaderBase_unstable } from './TeachingPopoverHeader';\nexport type { TeachingPopoverHeaderBaseProps, TeachingPopoverHeaderBaseState } from './TeachingPopoverHeader';\nexport { useTeachingPopoverFooterBase_unstable } from './TeachingPopoverFooter';\nexport type { TeachingPopoverFooterBaseProps, TeachingPopoverFooterBaseState } from './TeachingPopoverFooter';\nexport { useTeachingPopoverTitleBase_unstable } from './TeachingPopoverTitle';\nexport type { TeachingPopoverTitleBaseProps, TeachingPopoverTitleBaseState } from './TeachingPopoverTitle';\nexport { useTeachingPopoverCarouselBase_unstable } from './TeachingPopoverCarousel';\nexport type { TeachingPopoverCarouselBaseProps, TeachingPopoverCarouselBaseState } from './TeachingPopoverCarousel';\nexport { useTeachingPopoverCarouselFooterButtonBase_unstable } from './TeachingPopoverCarouselFooterButton';\nexport type {\n  TeachingPopoverCarouselFooterButtonBaseProps,\n  TeachingPopoverCarouselFooterButtonBaseState,\n} from './TeachingPopoverCarouselFooterButton';\nexport { useTeachingPopoverCarouselNavBase_unstable } from './TeachingPopoverCarouselNav';\nexport type {\n  TeachingPopoverCarouselNavBaseProps,\n  TeachingPopoverCarouselNavBaseState,\n} from './TeachingPopoverCarouselNav';\nexport { useTeachingPopoverCarouselNavButtonBase_unstable } from './TeachingPopoverCarouselNavButton';\nexport type {\n  TeachingPopoverCarouselNavButtonBaseProps,\n  TeachingPopoverCarouselNavButtonBaseState,\n} from './TeachingPopoverCarouselNavButton';\n"],"names":["TeachingPopoverHeader","teachingPopoverHeaderClassNames","renderTeachingPopoverHeader_unstable","useTeachingPopoverHeaderStyles_unstable","useTeachingPopoverHeader_unstable","TeachingPopoverBody","teachingPopoverBodyClassNames","renderTeachingPopoverBody_unstable","useTeachingPopoverBodyStyles_unstable","useTeachingPopoverBody_unstable","TeachingPopoverCarouselCard","teachingPopoverCarouselCardClassNames","renderTeachingPopoverCarouselCard_unstable","useTeachingPopoverCarouselCardStyles_unstable","useTeachingPopoverCarouselCard_unstable","TeachingPopoverCarousel","teachingPopoverCarouselClassNames","renderTeachingPopoverCarousel_unstable","useTeachingPopoverCarouselStyles_unstable","useTeachingPopoverCarousel_unstable","useTeachingPopoverCarouselContextValues_unstable","TeachingPopoverCarouselFooter","teachingPopoverCarouselFooterClassNames","renderTeachingPopoverCarouselFooter_unstable","useTeachingPopoverCarouselFooterStyles_unstable","useTeachingPopoverCarouselFooter_unstable","TeachingPopoverCarouselNav","teachingPopoverCarouselNavClassNames","renderTeachingPopoverCarouselNav_unstable","useTeachingPopoverCarouselNavStyles_unstable","useTeachingPopoverCarouselNav_unstable","TeachingPopoverCarouselNavButton","teachingPopoverCarouselNavButtonClassNames","renderTeachingPopoverCarouselNavButton_unstable","useTeachingPopoverCarouselNavButtonStyles_unstable","useTeachingPopoverCarouselNavButton_unstable","TeachingPopoverSurface","renderTeachingPopoverSurface_unstable","teachingPopoverSurfaceClassNames","useTeachingPopoverSurfaceStyles_unstable","useTeachingPopoverSurface_unstable","TeachingPopoverTitle","teachingPopoverTitleClassNames","renderTeachingPopoverTitle_unstable","useTeachingPopoverTitleStyles_unstable","useTeachingPopoverTitle_unstable","TeachingPopoverTrigger","renderTeachingPopoverTrigger_unstable","useTeachingPopoverTrigger_unstable","TeachingPopover","renderTeachingPopover_unstable","useTeachingPopover_unstable","useTeachingPopoverContextValues_unstable","TeachingPopoverFooter","teachingPopoverFooterClassNames","renderTeachingPopoverFooter_unstable","useTeachingPopoverFooter_unstable","TeachingPopoverCarouselPageCount","renderTeachingPopoverCarouselPageCount_unstable","teachingPopoverCarouselPageCountClassNames","useTeachingPopoverCarouselPageCountStyles_unstable","useTeachingPopoverCarouselPageCount_unstable","TeachingPopoverCarouselFooterButton","renderTeachingPopoverCarouselFooterButton_unstable","teachingPopoverCarouselFooterButtonClassNames","useTeachingPopoverCarouselFooterButtonStyles_unstable","useTeachingPopoverCarouselFooterButton_unstable","useTeachingPopoverHeaderBase_unstable","useTeachingPopoverFooterBase_unstable","useTeachingPopoverTitleBase_unstable","useTeachingPopoverCarouselBase_unstable","useTeachingPopoverCarouselFooterButtonBase_unstable","useTeachingPopoverCarouselNavBase_unstable","useTeachingPopoverCarouselNavButtonBase_unstable"],"mappings":"AAAA,SACEA,qBAAqB,EACrBC,+BAA+B,EAC/BC,oCAAoC,EACpCC,uCAAuC,EACvCC,iCAAiC,QAC5B,0BAA0B;AAMjC,SACEC,mBAAmB,EACnBC,6BAA6B,EAC7BC,kCAAkC,EAClCC,qCAAqC,EACrCC,+BAA+B,QAC1B,wBAAwB;AAM/B,SACEC,2BAA2B,EAC3BC,qCAAqC,EACrCC,0CAA0C,EAC1CC,6CAA6C,EAC7CC,uCAAuC,QAClC,gCAAgC;AAMvC,SACEC,uBAAuB,EACvBC,iCAAiC,EACjCC,sCAAsC,EACtCC,yCAAyC,EACzCC,mCAAmC,EACnCC,gDAAgD,QAC3C,4BAA4B;AAMnC,SACEC,6BAA6B,EAC7BC,uCAAuC,EACvCC,4CAA4C,EAC5CC,+CAA+C,EAC/CC,yCAAyC,QACpC,kCAAkC;AAMzC,SACEC,0BAA0B,EAC1BC,oCAAoC,EACpCC,yCAAyC,EACzCC,4CAA4C,EAC5CC,sCAAsC,QACjC,+BAA+B;AAMtC,SACEC,gCAAgC,EAChCC,0CAA0C,EAC1CC,+CAA+C,EAC/CC,kDAAkD,EAClDC,4CAA4C,QACvC,qCAAqC;AAM5C,SACEC,sBAAsB,EACtBC,qCAAqC,EACrCC,gCAAgC,EAChCC,wCAAwC,EACxCC,kCAAkC,QAC7B,2BAA2B;AAMlC,SACEC,oBAAoB,EACpBC,8BAA8B,EAC9BC,mCAAmC,EACnCC,sCAAsC,EACtCC,gCAAgC,QAC3B,yBAAyB;AAMhC,SACEC,sBAAsB,EACtBC,qCAAqC,EACrCC,kCAAkC,QAC7B,2BAA2B;AAMlC,SACEC,eAAe,EACfC,8BAA8B,EAC9BC,2BAA2B,EAC3BC,wCAAwC,QACnC,oBAAoB;AAE3B,SACEC,qBAAqB,EACrBC,+BAA+B,EAC/BC,oCAAoC,EACpCC,iCAAiC,QAC5B,0BAA0B;AAEjC,SACEC,gCAAgC,EAChCC,+CAA+C,EAC/CC,0CAA0C,EAC1CC,kDAAkD,EAClDC,4CAA4C,QACvC,qCAAqC;AAO5C,SACEC,mCAAmC,EACnCC,kDAAkD,EAClDC,6CAA6C,EAC7CC,qDAAqD,EACrDC,+CAA+C,QAC1C,wCAAwC;AAO/C,SAASC,qCAAqC,QAAQ,0BAA0B;AAEhF,SAASC,qCAAqC,QAAQ,0BAA0B;AAEhF,SAASC,oCAAoC,QAAQ,yBAAyB;AAE9E,SAASC,uCAAuC,QAAQ,4BAA4B;AAEpF,SAASC,mDAAmD,QAAQ,wCAAwC;AAK5G,SAASC,0CAA0C,QAAQ,+BAA+B;AAK1F,SAASC,gDAAgD,QAAQ,qCAAqC"}

package/lib-commonjs/TeachingPopoverCarousel.js

@@ -18,6 +18,9 @@ _export(exports, {
     teachingPopoverCarouselClassNames: function() {
         return _index.teachingPopoverCarouselClassNames;
     },
+    useTeachingPopoverCarouselBase_unstable: function() {
+        return _index.useTeachingPopoverCarouselBase_unstable;
+    },
     useTeachingPopoverCarouselContextValues_unstable: function() {
         return _index.useTeachingPopoverCarouselContextValues_unstable;
     },

package/lib-commonjs/TeachingPopoverCarousel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/TeachingPopoverCarousel.ts"],"sourcesContent":["export type {\n  TeachingPopoverCarouselContextValues,\n  TeachingPopoverCarouselProps,\n  TeachingPopoverCarouselSlots,\n  TeachingPopoverCarouselState,\n} from './components/TeachingPopoverCarousel/index';\nexport {\n  TeachingPopoverCarousel,\n  renderTeachingPopoverCarousel_unstable,\n  teachingPopoverCarouselClassNames,\n  useTeachingPopoverCarouselContextValues_unstable,\n  useTeachingPopoverCarouselStyles_unstable,\n  useTeachingPopoverCarousel_unstable,\n} from './components/TeachingPopoverCarousel/index';\n"],"names":["TeachingPopoverCarousel","renderTeachingPopoverCarousel_unstable","teachingPopoverCarouselClassNames","useTeachingPopoverCarouselContextValues_unstable","useTeachingPopoverCarouselStyles_unstable","useTeachingPopoverCarousel_unstable"],"mappings":";;;;;;;;;;;;eAOEA,8BAAuB;;;eACvBC,6CAAsC;;;eACtCC,wCAAiC;;;eACjCC,uDAAgD;;;eAChDC,gDAAyC;;;eACzCC,0CAAmC;;;uBAC9B,6CAA6C"}
+{"version":3,"sources":["../src/TeachingPopoverCarousel.ts"],"sourcesContent":["export type {\n  TeachingPopoverCarouselBaseProps,\n  TeachingPopoverCarouselBaseState,\n  TeachingPopoverCarouselContextValues,\n  TeachingPopoverCarouselProps,\n  TeachingPopoverCarouselSlots,\n  TeachingPopoverCarouselState,\n} from './components/TeachingPopoverCarousel/index';\nexport {\n  TeachingPopoverCarousel,\n  renderTeachingPopoverCarousel_unstable,\n  teachingPopoverCarouselClassNames,\n  useTeachingPopoverCarouselContextValues_unstable,\n  useTeachingPopoverCarouselStyles_unstable,\n  useTeachingPopoverCarousel_unstable,\n  useTeachingPopoverCarouselBase_unstable,\n} from './components/TeachingPopoverCarousel/index';\n"],"names":["TeachingPopoverCarousel","renderTeachingPopoverCarousel_unstable","teachingPopoverCarouselClassNames","useTeachingPopoverCarouselContextValues_unstable","useTeachingPopoverCarouselStyles_unstable","useTeachingPopoverCarousel_unstable","useTeachingPopoverCarouselBase_unstable"],"mappings":";;;;;;;;;;;;eASEA,8BAAuB;;;eACvBC,6CAAsC;;;eACtCC,wCAAiC;;;eAIjCI,8CAAuC;;;eAHvCH,uDAAgD;;;eAChDC,gDAAyC;;;eACzCC,0CAAmC;;;uBAE9B,6CAA6C"}

package/lib-commonjs/TeachingPopoverCarouselFooterButton.js

@@ -18,6 +18,9 @@ _export(exports, {
     teachingPopoverCarouselFooterButtonClassNames: function() {
         return _index.teachingPopoverCarouselFooterButtonClassNames;
     },
+    useTeachingPopoverCarouselFooterButtonBase_unstable: function() {
+        return _index.useTeachingPopoverCarouselFooterButtonBase_unstable;
+    },
     useTeachingPopoverCarouselFooterButtonStyles_unstable: function() {
         return _index.useTeachingPopoverCarouselFooterButtonStyles_unstable;
     },

package/lib-commonjs/TeachingPopoverCarouselFooterButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/TeachingPopoverCarouselFooterButton.ts"],"sourcesContent":["export type {\n  TeachingPopoverCarouselFooterButtonProps,\n  TeachingPopoverCarouselFooterButtonSlots,\n  TeachingPopoverCarouselFooterButtonState,\n} from './components/TeachingPopoverCarouselFooterButton/index';\nexport {\n  TeachingPopoverCarouselFooterButton,\n  renderTeachingPopoverCarouselFooterButton_unstable,\n  teachingPopoverCarouselFooterButtonClassNames,\n  useTeachingPopoverCarouselFooterButtonStyles_unstable,\n  useTeachingPopoverCarouselFooterButton_unstable,\n} from './components/TeachingPopoverCarouselFooterButton/index';\n"],"names":["TeachingPopoverCarouselFooterButton","renderTeachingPopoverCarouselFooterButton_unstable","teachingPopoverCarouselFooterButtonClassNames","useTeachingPopoverCarouselFooterButtonStyles_unstable","useTeachingPopoverCarouselFooterButton_unstable"],"mappings":";;;;;;;;;;;;eAMEA,0CAAmC;;;eACnCC,yDAAkD;;;eAClDC,oDAA6C;;;eAC7CC,4DAAqD;;;eACrDC,sDAA+C;;;uBAC1C,yDAAyD"}
+{"version":3,"sources":["../src/TeachingPopoverCarouselFooterButton.ts"],"sourcesContent":["export type {\n  TeachingPopoverCarouselFooterButtonBaseProps,\n  TeachingPopoverCarouselFooterButtonBaseState,\n  TeachingPopoverCarouselFooterButtonProps,\n  TeachingPopoverCarouselFooterButtonSlots,\n  TeachingPopoverCarouselFooterButtonState,\n} from './components/TeachingPopoverCarouselFooterButton/index';\nexport {\n  TeachingPopoverCarouselFooterButton,\n  renderTeachingPopoverCarouselFooterButton_unstable,\n  teachingPopoverCarouselFooterButtonClassNames,\n  useTeachingPopoverCarouselFooterButtonStyles_unstable,\n  useTeachingPopoverCarouselFooterButton_unstable,\n  useTeachingPopoverCarouselFooterButtonBase_unstable,\n} from './components/TeachingPopoverCarouselFooterButton/index';\n"],"names":["TeachingPopoverCarouselFooterButton","renderTeachingPopoverCarouselFooterButton_unstable","teachingPopoverCarouselFooterButtonClassNames","useTeachingPopoverCarouselFooterButtonStyles_unstable","useTeachingPopoverCarouselFooterButton_unstable","useTeachingPopoverCarouselFooterButtonBase_unstable"],"mappings":";;;;;;;;;;;;eAQEA,0CAAmC;;;eACnCC,yDAAkD;;;eAClDC,oDAA6C;;;eAG7CG,0DAAmD;;;eAFnDF,4DAAqD;;;eACrDC,sDAA+C;;;uBAE1C,yDAAyD"}