npm - @fluentui/react-teaching-popover - Versions diffs - 9.6.21 → 9.7.0 - Mend

@fluentui/react-teaching-popover 9.6.21 → 9.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (203) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type {\n TeachingPopoverCarouselNavButtonSlots,\n TeachingPopoverCarouselNavButtonState,\n} from './TeachingPopoverCarouselNavButton.types';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\n\nexport const teachingPopoverCarouselNavButtonClassNames: SlotClassNames<TeachingPopoverCarouselNavButtonSlots> = {\n root: 'fui-TeachingPopoverCarouselNavButton',\n};\n\n/*\n Styles for the root slot\n /\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n cursor: 'pointer',\n boxSizing: 'border-box',\n height: '8px',\n width: '8px',\n backgroundColor: tokens.colorBrandBackground,\n },\n rootUnselected: {\n border: 'none',\n borderRadius: '50%',\n padding: '0px',\n outline: `${tokens.strokeWidthThin} solid transparent`, // For high contrast\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium,\n ...shorthands.borderColor('transparent'),\n }),\n backgroundColor: `color-mix(in srgb, ${tokens.colorBrandBackground} 30%, transparent)`,\n '@supports not (color: color-mix(in lch, white, black))': {\n // This will also affect the focus border, but only in older unsupported browsers\n opacity: 0.3,\n backgroundColor: tokens.colorBrandBackground,\n },\n },\n rootSelected: {\n outline: `${tokens.strokeWidthThin} solid transparent`, // For high contrast\n width: '16px',\n border: 'none',\n borderRadius: '4px',\n padding: '0px',\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium,\n ...shorthands.borderColor('transparent'),\n }),\n '@media (forced-colors: active)': {\n backgroundColor: 'CanvasText',\n },\n },\n rootBrand: {\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n },\n rootBrandUnselected: {\n backgroundColor: `color-mix(in srgb, ${tokens.colorNeutralForegroundOnBrand} 30%, transparent)`,\n '@supports not (color: color-mix(in lch, white, black))': {\n // This will also affect the focus border, but only in older unsupported browsers\n opacity: 0.3,\n backgroundColor: tokens.colorBrandBackground,\n },\n },\n});\n\n/\n Apply styling to the TeachingPopoverCarouselNavButton slots based on the state\n */\nexport const useTeachingPopoverCarouselNavButtonStyles_unstable = (\n state: TeachingPopoverCarouselNavButtonState,\n): TeachingPopoverCarouselNavButtonState => {\n 'use no memo';\n\n const styles = useStyles();\n const { appearance, isSelected } = state;\n\n const brandStyles = isSelected ? styles.rootBrand : styles.rootBrandUnselected;\n\n state.root.className = mergeClasses(\n teachingPopoverCarouselNavButtonClassNames.root,\n styles.root,\n isSelected ? styles.rootSelected : styles.rootUnselected,\n appearance === 'brand' && brandStyles,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","shorthands","tokens","createCustomFocusIndicatorStyle","teachingPopoverCarouselNavButtonClassNames","root","useStyles","display","cursor","boxSizing","height","width","backgroundColor","colorBrandBackground","rootUnselected","border","borderRadius","padding","outline","strokeWidthThin","strokeWidthThick","colorStrokeFocus2","borderRadiusMedium","borderColor","opacity","rootSelected","rootBrand","colorNeutralForegroundOnBrand","rootBrandUnselected","useTeachingPopoverCarouselNavButtonStyles_unstable","state","styles","appearance","isSelected","brandStyles","className"],"mappings":"AAAA;AAEA,SAASA,UAAU,EAAEC,YAAY,EAAEC,UAAU,QAAQ,iBAAiB;AAMtE,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,+BAA+B,QAAQ,0BAA0B;AAE1E,OAAO,MAAMC,6CAAoG;IAC/GC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYP,WAAW;IAC3BM,MAAM;QACJE,SAAS;QACTC,QAAQ;QACRC,WAAW;QACXC,QAAQ;QACRC,OAAO;QACPC,iBAAiBV,OAAOW,oBAAoB;IAC9C;IACAC,gBAAgB;QACdC,QAAQ;QACRC,cAAc;QACdC,SAAS;QACTC,SAAS,GAAGhB,OAAOiB,eAAe,CAAC,kBAAkB,CAAC;QACtD,GAAGhB,gCAAgC;YACjCe,SAAS,GAAGhB,OAAOkB,gBAAgB,CAAC,OAAO,EAAElB,OAAOmB,iBAAiB,EAAE;YACvEL,cAAcd,OAAOoB,kBAAkB;YACvC,GAAGrB,WAAWsB,WAAW,CAAC,cAAc;QAC1C,EAAE;QACFX,iBAAiB,CAAC,mBAAmB,EAAEV,OAAOW,oBAAoB,CAAC,kBAAkB,CAAC;QACtF,0DAA0D;YACxD,iFAAiF;YACjFW,SAAS;YACTZ,iBAAiBV,OAAOW,oBAAoB;QAC9C;IACF;IACAY,cAAc;QACZP,SAAS,GAAGhB,OAAOiB,eAAe,CAAC,kBAAkB,CAAC;QACtDR,OAAO;QACPI,QAAQ;QACRC,cAAc;QACdC,SAAS;QACT,GAAGd,gCAAgC;YACjCe,SAAS,GAAGhB,OAAOkB,gBAAgB,CAAC,OAAO,EAAElB,OAAOmB,iBAAiB,EAAE;YACvEL,cAAcd,OAAOoB,kBAAkB;YACvC,GAAGrB,WAAWsB,WAAW,CAAC,cAAc;QAC1C,EAAE;QACF,kCAAkC;YAChCX,iBAAiB;QACnB;IACF;IACAc,WAAW;QACTd,iBAAiBV,OAAOyB,6BAA6B;IACvD;IACAC,qBAAqB;QACnBhB,iBAAiB,CAAC,mBAAmB,EAAEV,OAAOyB,6BAA6B,CAAC,kBAAkB,CAAC;QAC/F,0DAA0D;YACxD,iFAAiF;YACjFH,SAAS;YACTZ,iBAAiBV,OAAOW,oBAAoB;QAC9C;IACF;AACF;AAEA;;CAEC,GACD,OAAO,MAAMgB,qDAAqD,CAChEC;IAEA;IAEA,MAAMC,SAASzB;IACf,MAAM,EAAE0B,UAAU,EAAEC,UAAU,EAAE,GAAGH;IAEnC,MAAMI,cAAcD,aAAaF,OAAOL,SAAS,GAAGK,OAAOH,mBAAmB;~~IAE9EE~~,MAAMzB,IAAI,CAAC8B,SAAS,GAAGnC,aACrBI,2CAA2CC,IAAI,EAC/C0B,OAAO1B,IAAI,EACX4B,aAAaF,OAAON,YAAY,GAAGM,OAAOjB,cAAc,EACxDkB,eAAe,WAAWE,aAC1BJ,MAAMzB,IAAI,CAAC8B,SAAS;IAGtB,OAAOL;AACT,EAAE"}
1	+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type {\n TeachingPopoverCarouselNavButtonSlots,\n TeachingPopoverCarouselNavButtonState,\n} from './TeachingPopoverCarouselNavButton.types';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\n\nexport const teachingPopoverCarouselNavButtonClassNames: SlotClassNames<TeachingPopoverCarouselNavButtonSlots> = {\n root: 'fui-TeachingPopoverCarouselNavButton',\n};\n\n/*\n Styles for the root slot\n /\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n cursor: 'pointer',\n boxSizing: 'border-box',\n height: '8px',\n width: '8px',\n backgroundColor: tokens.colorBrandBackground,\n },\n rootUnselected: {\n border: 'none',\n borderRadius: '50%',\n padding: '0px',\n outline: `${tokens.strokeWidthThin} solid transparent`, // For high contrast\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium,\n ...shorthands.borderColor('transparent'),\n }),\n backgroundColor: `color-mix(in srgb, ${tokens.colorBrandBackground} 30%, transparent)`,\n '@supports not (color: color-mix(in lch, white, black))': {\n // This will also affect the focus border, but only in older unsupported browsers\n opacity: 0.3,\n backgroundColor: tokens.colorBrandBackground,\n },\n },\n rootSelected: {\n outline: `${tokens.strokeWidthThin} solid transparent`, // For high contrast\n width: '16px',\n border: 'none',\n borderRadius: '4px',\n padding: '0px',\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium,\n ...shorthands.borderColor('transparent'),\n }),\n '@media (forced-colors: active)': {\n backgroundColor: 'CanvasText',\n },\n },\n rootBrand: {\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n },\n rootBrandUnselected: {\n backgroundColor: `color-mix(in srgb, ${tokens.colorNeutralForegroundOnBrand} 30%, transparent)`,\n '@supports not (color: color-mix(in lch, white, black))': {\n // This will also affect the focus border, but only in older unsupported browsers\n opacity: 0.3,\n backgroundColor: tokens.colorBrandBackground,\n },\n },\n});\n\n/\n Apply styling to the TeachingPopoverCarouselNavButton slots based on the state\n */\nexport const useTeachingPopoverCarouselNavButtonStyles_unstable = (\n state: TeachingPopoverCarouselNavButtonState,\n): TeachingPopoverCarouselNavButtonState => {\n 'use no memo';\n\n const styles = useStyles();\n const { appearance, isSelected } = state;\n\n const brandStyles = isSelected ? styles.rootBrand : styles.rootBrandUnselected;\n\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(\n teachingPopoverCarouselNavButtonClassNames.root,\n styles.root,\n isSelected ? styles.rootSelected : styles.rootUnselected,\n appearance === 'brand' && brandStyles,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","shorthands","tokens","createCustomFocusIndicatorStyle","teachingPopoverCarouselNavButtonClassNames","root","useStyles","display","cursor","boxSizing","height","width","backgroundColor","colorBrandBackground","rootUnselected","border","borderRadius","padding","outline","strokeWidthThin","strokeWidthThick","colorStrokeFocus2","borderRadiusMedium","borderColor","opacity","rootSelected","rootBrand","colorNeutralForegroundOnBrand","rootBrandUnselected","useTeachingPopoverCarouselNavButtonStyles_unstable","state","styles","appearance","isSelected","brandStyles","className"],"mappings":"AAAA;AAEA,SAASA,UAAU,EAAEC,YAAY,EAAEC,UAAU,QAAQ,iBAAiB;AAMtE,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,+BAA+B,QAAQ,0BAA0B;AAE1E,OAAO,MAAMC,6CAAoG;IAC/GC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYP,WAAW;IAC3BM,MAAM;QACJE,SAAS;QACTC,QAAQ;QACRC,WAAW;QACXC,QAAQ;QACRC,OAAO;QACPC,iBAAiBV,OAAOW,oBAAoB;IAC9C;IACAC,gBAAgB;QACdC,QAAQ;QACRC,cAAc;QACdC,SAAS;QACTC,SAAS,GAAGhB,OAAOiB,eAAe,CAAC,kBAAkB,CAAC;QACtD,GAAGhB,gCAAgC;YACjCe,SAAS,GAAGhB,OAAOkB,gBAAgB,CAAC,OAAO,EAAElB,OAAOmB,iBAAiB,EAAE;YACvEL,cAAcd,OAAOoB,kBAAkB;YACvC,GAAGrB,WAAWsB,WAAW,CAAC,cAAc;QAC1C,EAAE;QACFX,iBAAiB,CAAC,mBAAmB,EAAEV,OAAOW,oBAAoB,CAAC,kBAAkB,CAAC;QACtF,0DAA0D;YACxD,iFAAiF;YACjFW,SAAS;YACTZ,iBAAiBV,OAAOW,oBAAoB;QAC9C;IACF;IACAY,cAAc;QACZP,SAAS,GAAGhB,OAAOiB,eAAe,CAAC,kBAAkB,CAAC;QACtDR,OAAO;QACPI,QAAQ;QACRC,cAAc;QACdC,SAAS;QACT,GAAGd,gCAAgC;YACjCe,SAAS,GAAGhB,OAAOkB,gBAAgB,CAAC,OAAO,EAAElB,OAAOmB,iBAAiB,EAAE;YACvEL,cAAcd,OAAOoB,kBAAkB;YACvC,GAAGrB,WAAWsB,WAAW,CAAC,cAAc;QAC1C,EAAE;QACF,kCAAkC;YAChCX,iBAAiB;QACnB;IACF;IACAc,WAAW;QACTd,iBAAiBV,OAAOyB,6BAA6B;IACvD;IACAC,qBAAqB;QACnBhB,iBAAiB,CAAC,mBAAmB,EAAEV,OAAOyB,6BAA6B,CAAC,kBAAkB,CAAC;QAC/F,0DAA0D;YACxD,iFAAiF;YACjFH,SAAS;YACTZ,iBAAiBV,OAAOW,oBAAoB;QAC9C;IACF;AACF;AAEA;;CAEC,GACD,OAAO,MAAMgB,qDAAqD,CAChEC;IAEA;IAEA,MAAMC,SAASzB;IACf,MAAM,EAAE0B,UAAU,EAAEC,UAAU,EAAE,GAAGH;IAEnC,MAAMI,cAAcD,aAAaF,OAAOL,SAAS,GAAGK,OAAOH,mBAAmB;IAE9E,oDAAoD;IACpDE,MAAMzB,IAAI,CAAC8B,SAAS,GAAGnC,aACrBI,2CAA2CC,IAAI,EAC/C0B,OAAO1B,IAAI,EACX4B,aAAaF,OAAON,YAAY,GAAGM,OAAOjB,cAAc,EACxDkB,eAAe,WAAWE,aAC1BJ,MAAMzB,IAAI,CAAC8B,SAAS;IAGtB,OAAOL;AACT,EAAE"}

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

@@ -23,6 +23,7 @@ export const useTeachingPopoverCarouselPageCountStyles_unstable = state => {
   'use no memo';
   const styles = useStyles();
+  // eslint-disable-next-line react-hooks/immutability
   state.root.className = mergeClasses(teachingPopoverCarouselPageCountClassNames.root, styles.root, state.root.className);
   return state;
 };

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

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

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

@@ -17,6 +17,7 @@ export const teachingPopoverCarouselPageCountClassNames = {
  */ export const useTeachingPopoverCarouselPageCountStyles_unstable = (state)=>{
     'use no memo';
     const styles = useStyles();
+    // eslint-disable-next-line react-hooks/immutability
     state.root.className = mergeClasses(teachingPopoverCarouselPageCountClassNames.root, styles.root, state.root.className);
     return state;
 };

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCountStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type {\n TeachingPopoverCarouselPageCountSlots,\n TeachingPopoverCarouselPageCountState,\n} from './TeachingPopoverCarouselPageCount.types';\n\nexport const teachingPopoverCarouselPageCountClassNames: SlotClassNames<TeachingPopoverCarouselPageCountSlots> = {\n root: 'fui-TeachingPopoverCarouselPageCount',\n};\n\n/*\n Styles for the root slot\n /\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n});\n\n/\n Apply styling to the TeachingPopoverCarouselPageCount slots based on the state\n */\nexport const useTeachingPopoverCarouselPageCountStyles_unstable = (\n state: TeachingPopoverCarouselPageCountState,\n): TeachingPopoverCarouselPageCountState => {\n 'use no memo';\n\n const styles = useStyles();\n state.root.className = mergeClasses(\n teachingPopoverCarouselPageCountClassNames.root,\n styles.root,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","teachingPopoverCarouselPageCountClassNames","root","useStyles","display","alignItems","justifyContent","useTeachingPopoverCarouselPageCountStyles_unstable","state","styles","className"],"mappings":"AAAA;AAEA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAO1D,OAAO,MAAMC,6CAAoG;IAC/GC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYJ,WAAW;IAC3BG,MAAM;QACJE,SAAS;QACTC,YAAY;QACZC,gBAAgB;IAClB;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,qDAAqD,CAChEC;IAEA;IAEA,MAAMC,SAASN;~~IACfK~~,MAAMN,IAAI,CAACQ,SAAS,GAAGV,aACrBC,2CAA2CC,IAAI,EAC/CO,OAAOP,IAAI,EACXM,MAAMN,IAAI,CAACQ,SAAS;IAGtB,OAAOF;AACT,EAAE"}
1	+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCountStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type {\n TeachingPopoverCarouselPageCountSlots,\n TeachingPopoverCarouselPageCountState,\n} from './TeachingPopoverCarouselPageCount.types';\n\nexport const teachingPopoverCarouselPageCountClassNames: SlotClassNames<TeachingPopoverCarouselPageCountSlots> = {\n root: 'fui-TeachingPopoverCarouselPageCount',\n};\n\n/*\n Styles for the root slot\n /\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n});\n\n/\n Apply styling to the TeachingPopoverCarouselPageCount slots based on the state\n */\nexport const useTeachingPopoverCarouselPageCountStyles_unstable = (\n state: TeachingPopoverCarouselPageCountState,\n): TeachingPopoverCarouselPageCountState => {\n 'use no memo';\n\n const styles = useStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(\n teachingPopoverCarouselPageCountClassNames.root,\n styles.root,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","teachingPopoverCarouselPageCountClassNames","root","useStyles","display","alignItems","justifyContent","useTeachingPopoverCarouselPageCountStyles_unstable","state","styles","className"],"mappings":"AAAA;AAEA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAO1D,OAAO,MAAMC,6CAAoG;IAC/GC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYJ,WAAW;IAC3BG,MAAM;QACJE,SAAS;QACTC,YAAY;QACZC,gBAAgB;IAClB;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,qDAAqD,CAChEC;IAEA;IAEA,MAAMC,SAASN;IACf,oDAAoD;IACpDK,MAAMN,IAAI,CAACQ,SAAS,GAAGV,aACrBC,2CAA2CC,IAAI,EAC/CO,OAAOP,IAAI,EACXM,MAAMN,IAAI,CAACQ,SAAS;IAGtB,OAAOF;AACT,EAAE"}

package/lib/components/TeachingPopoverFooter/TeachingPopoverFooter.types.js CHANGED Viewed

@@ -1 +1,4 @@
-export { };
+/**
+ * Base state intentionally omits the `primary` / `secondary` slot and `appearance` —
+ * those are Button-styling concerns layered on by the styled hook.
+ */ export { };

package/lib/components/TeachingPopoverFooter/TeachingPopoverFooter.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/TeachingPopoverFooter/TeachingPopoverFooter.types.ts"],"sourcesContent":["import type { Button } from '@fluentui/react-button';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { PopoverContextValue } from '@fluentui/react-popover';\n\nexport type TeachingPopoverFooterSlots = {\n /*\n The element wrapping the buttons.\n /\n root: NonNullable<Slot<'div'>>;\n\n /\n The primary button slot.\n /\n primary: NonNullable<Slot<typeof Button>>;\n\n /\n The secondary button slot.\n /\n secondary?: Slot<typeof Button>;\n};\n\nexport type TeachingPopoverFooterState = ComponentState<TeachingPopoverFooterSlots> &\n Pick<PopoverContextValue, 'appearance'> & {\n /\n Enables stylization to a horizontal or vertical stack of button layouts.\n * Defaults to horizontal\n */\n footerLayout?: 'horizontal' \| 'vertical';\n };\n\nexport type TeachingPopoverFooterProps = ComponentProps<TeachingPopoverFooterSlots> &\n Pick<TeachingPopoverFooterState, 'footerLayout'>;\n"],"names":[],"mappings":"~~AA8BA~~,~~WACmD~~"}
1	+ {"version":3,"sources":["../src/components/TeachingPopoverFooter/TeachingPopoverFooter.types.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { Button } from '@fluentui/react-button';\nimport type { ComponentProps, ComponentState, DistributiveOmit, Slot } from '@fluentui/react-utilities';\nimport type { PopoverContextValue } from '@fluentui/react-popover';\n\nexport type TeachingPopoverFooterSlots = {\n /*\n The element wrapping the buttons.\n /\n root: NonNullable<Slot<'div'>>;\n\n /\n The primary button slot.\n /\n primary: NonNullable<Slot<typeof Button>>;\n\n /\n The secondary button slot.\n /\n secondary?: Slot<typeof Button>;\n};\n\nexport type TeachingPopoverFooterState = ComponentState<TeachingPopoverFooterSlots> &\n Pick<PopoverContextValue, 'appearance'> & {\n /\n Enables stylization to a horizontal or vertical stack of button layouts.\n * Defaults to horizontal\n /\n footerLayout?: 'horizontal' \| 'vertical';\n };\n\nexport type TeachingPopoverFooterProps = ComponentProps<TeachingPopoverFooterSlots> &\n Pick<TeachingPopoverFooterState, 'footerLayout'>;\n\n/\n Base props omit the `primary` and `secondary` Button slots — those are styling\n * concerns. The headless variant composes buttons as children of the root.\n /\nexport type TeachingPopoverFooterBaseProps = DistributiveOmit<TeachingPopoverFooterProps, 'primary' \| 'secondary'>;\n\n/\n Base state intentionally omits the `primary` / `secondary` slot and `appearance` —\n * those are Button-styling concerns layered on by the styled hook.\n */\nexport type TeachingPopoverFooterBaseState = ComponentState<Pick<TeachingPopoverFooterSlots, 'root'>> & {\n footerLayout?: 'horizontal' \| 'vertical';\n handleButtonClick: (event: React.MouseEvent<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>) => void;\n};\n"],"names":[],"mappings":"AAwCA;;;CAGC,GACD,WAGE"}

package/lib/components/TeachingPopoverFooter/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
 export { TeachingPopoverFooter } from './TeachingPopoverFooter';
 export { renderTeachingPopoverFooter_unstable } from './renderTeachingPopoverFooter';
-export { useTeachingPopoverFooter_unstable } from './useTeachingPopoverFooter';
+export { useTeachingPopoverFooter_unstable, useTeachingPopoverFooterBase_unstable } from './useTeachingPopoverFooter';
 export { teachingPopoverFooterClassNames, useTeachingPopoverFooterStyles_unstable } from './useTeachingPopoverFooterStyles.styles';

package/lib/components/TeachingPopoverFooter/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/TeachingPopoverFooter/index.ts"],"sourcesContent":["export { TeachingPopoverFooter } from './TeachingPopoverFooter';\nexport type {\n TeachingPopoverFooterProps,\n TeachingPopoverFooterSlots,\n TeachingPopoverFooterState,\n} from './TeachingPopoverFooter.types';\nexport { renderTeachingPopoverFooter_unstable } from './renderTeachingPopoverFooter';\nexport { useTeachingPopoverFooter_unstable } from './useTeachingPopoverFooter';\nexport {\n teachingPopoverFooterClassNames,\n useTeachingPopoverFooterStyles_unstable,\n} from './useTeachingPopoverFooterStyles.styles';\n"],"names":["TeachingPopoverFooter","renderTeachingPopoverFooter_unstable","useTeachingPopoverFooter_unstable","teachingPopoverFooterClassNames","useTeachingPopoverFooterStyles_unstable"],"mappings":"AAAA,SAASA,qBAAqB,QAAQ,0BAA0B;~~AAMhE~~,SAASC,oCAAoC,QAAQ,gCAAgC;AACrF,SAASC,iCAAiC,QAAQ,6BAA6B;~~AAC/E~~,SACEC,+BAA+B,EAC/BC,uCAAuC,QAClC,0CAA0C"}
1	+ {"version":3,"sources":["../src/components/TeachingPopoverFooter/index.ts"],"sourcesContent":["export { TeachingPopoverFooter } from './TeachingPopoverFooter';\nexport type {\n TeachingPopoverFooterBaseProps,\n TeachingPopoverFooterBaseState,\n TeachingPopoverFooterProps,\n TeachingPopoverFooterSlots,\n TeachingPopoverFooterState,\n} from './TeachingPopoverFooter.types';\nexport { renderTeachingPopoverFooter_unstable } from './renderTeachingPopoverFooter';\nexport { useTeachingPopoverFooter_unstable, useTeachingPopoverFooterBase_unstable } from './useTeachingPopoverFooter';\nexport {\n teachingPopoverFooterClassNames,\n useTeachingPopoverFooterStyles_unstable,\n} from './useTeachingPopoverFooterStyles.styles';\n"],"names":["TeachingPopoverFooter","renderTeachingPopoverFooter_unstable","useTeachingPopoverFooter_unstable","useTeachingPopoverFooterBase_unstable","teachingPopoverFooterClassNames","useTeachingPopoverFooterStyles_unstable"],"mappings":"AAAA,SAASA,qBAAqB,QAAQ,0BAA0B;AAQhE,SAASC,oCAAoC,QAAQ,gCAAgC;AACrF,SAASC,iCAAiC,EAAEC,qCAAqC,QAAQ,6BAA6B;AACtH,SACEC,+BAA+B,EAC/BC,uCAAuC,QAClC,0CAA0C"}

package/lib/components/TeachingPopoverFooter/useTeachingPopoverFooter.js CHANGED Viewed

@@ -3,11 +3,13 @@ import { getIntrinsicElementProps, mergeCallbacks, slot, useEventCallback } from
 import { Button } from '@fluentui/react-button';
 import { usePopoverContext_unstable } from '@fluentui/react-popover';
 /**
- * Returns the props and state required to render the component
+ * Base hook that builds TeachingPopoverFooter state for behavior and structure only.
+ * Does not read `appearance` from the popover context and does not build the
+ * `primary` / `secondary` Button slots — those are styling concerns and are
+ * constructed by the styled hook.
  * @param props - TeachingPopoverFooter properties
  * @param ref - reference to root HTMLElement of TeachingPopoverFooter
- */ export const useTeachingPopoverFooter_unstable = (props, ref)=>{
-    const appearance = usePopoverContext_unstable((context)=>context.appearance);
+ */ export const useTeachingPopoverFooterBase_unstable = (props, ref)=>{
     const toggleOpen = usePopoverContext_unstable((context)=>context.toggleOpen);
     const handleButtonClick = useEventCallback((event)=>{
         if (event.isDefaultPrevented()) {
@@ -15,42 +17,59 @@ import { usePopoverContext_unstable } from '@fluentui/react-popover';
         }
         toggleOpen(event);
     });
+    var _props_footerLayout;
+    return {
+        footerLayout: (_props_footerLayout = props.footerLayout) !== null && _props_footerLayout !== void 0 ? _props_footerLayout : 'horizontal',
+        handleButtonClick,
+        components: {
+            root: 'div'
+        },
+        root: slot.always(getIntrinsicElementProps('div', {
+            ref,
+            ...props
+        }), {
+            elementType: 'div'
+        })
+    };
+};
+/**
+ * Returns the props and state required to render the component
+ * @param props - TeachingPopoverFooter properties
+ * @param ref - reference to root HTMLElement of TeachingPopoverFooter
+ */ export const useTeachingPopoverFooter_unstable = (props, ref)=>{
+    const baseState = useTeachingPopoverFooterBase_unstable(props, ref);
+    const appearance = usePopoverContext_unstable((context)=>context.appearance);
+    const isBrand = appearance === 'brand';
+    const primaryDefaultAppearance = isBrand ? undefined : 'primary';
+    const secondaryDefaultAppearance = isBrand ? 'primary' : undefined;
     const secondary = slot.optional(props.secondary, {
         defaultProps: {
-            appearance: appearance === 'brand' ? 'primary' : undefined
+            appearance: secondaryDefaultAppearance
         },
         renderByDefault: props.secondary !== undefined,
         elementType: Button
     });
-    // Merge any provided callback with close trigger
     if (secondary) {
-        secondary.onClick = mergeCallbacks(handleButtonClick, secondary === null || secondary === void 0 ? void 0 : secondary.onClick);
+        secondary.onClick = mergeCallbacks(baseState.handleButtonClick, secondary === null || secondary === void 0 ? void 0 : secondary.onClick);
     }
     const primary = slot.always(props.primary, {
         defaultProps: {
-            appearance: appearance === 'brand' ? undefined : 'primary'
+            appearance: primaryDefaultAppearance
         },
         elementType: Button
     });
-    // Primary button will close the popover if no secondary action is available.
     if (!secondary) {
-        primary.onClick = mergeCallbacks(handleButtonClick, primary === null || primary === void 0 ? void 0 : primary.onClick);
+        primary.onClick = mergeCallbacks(baseState.handleButtonClick, primary === null || primary === void 0 ? void 0 : primary.onClick);
     }
-    var _props_footerLayout;
     return {
-        footerLayout: (_props_footerLayout = props.footerLayout) !== null && _props_footerLayout !== void 0 ? _props_footerLayout : 'horizontal',
+        footerLayout: baseState.footerLayout,
         appearance,
         components: {
             root: 'div',
             primary: Button,
             secondary: Button
         },
-        root: slot.always(getIntrinsicElementProps('div', {
-            ref,
-            ...props
-        }), {
-            elementType: 'div'
-        }),
+        root: baseState.root,
         secondary,
         primary
     };

package/lib/components/TeachingPopoverFooter/useTeachingPopoverFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/TeachingPopoverFooter/useTeachingPopoverFooter.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, mergeCallbacks, slot, useEventCallback } from '@fluentui/react-utilities';\nimport type { TeachingPopoverFooterProps, TeachingPopoverFooterState } from './TeachingPopoverFooter.types';\nimport { Button } from '@fluentui/react-button';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\n\n/*\n ~~Returns~~ ~~the~~ ~~props~~ ~~and~~ state ~~required~~ to ~~render~~ the ~~component~~\n * @param props - TeachingPopoverFooter properties\n * @param ref - reference to root HTMLElement of TeachingPopoverFooter\n */\nexport const ~~useTeachingPopoverFooter_unstable~~ = (\n props: ~~TeachingPopoverFooterProps~~,\n ref: React.Ref<HTMLDivElement>,\n): ~~TeachingPopoverFooterState~~ => {\n const ~~appearance = usePopoverContext_unstable(context => context.appearance);\n const~~ toggleOpen = usePopoverContext_unstable(context => context.toggleOpen);\n\n const handleButtonClick = useEventCallback(\n (event: React.MouseEvent<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>) => {\n if (event.isDefaultPrevented()) {\n return;\n }\n\n toggleOpen(event);\n },\n );\n\n ~~const~~ ~~secondary~~ = slot.~~optional~~(~~props.secondary~~, {\n ~~defaultProps~~: {\n appearance: appearance === 'brand' ? 'primary' : undefined,\n },\n renderByDefault: props.secondary !== undefined,\n elementType: Button,\n });\n\n ~~// Merge any provided callback with close trigger\n~~ if (secondary) {\n secondary.onClick = mergeCallbacks(handleButtonClick, secondary?.onClick);\n }\n\n const primary = slot.always(props.primary, {\n defaultProps: {\n appearance: ~~appearance === 'brand' ? undefined : 'primary'~~,\n },\n elementType: Button,\n });\n\n ~~// Primary button will close the popover~~ if ~~no secondary action is available.\n if~~ (!secondary) {\n primary.onClick = mergeCallbacks(handleButtonClick, primary?.onClick);\n }\n\n return {\n footerLayout: ~~props~~.footerLayout ~~?? 'horizontal'~~,\n appearance,\n components: {\n root: 'div',\n primary: Button,\n secondary: Button,\n },\n root: ~~slot~~.~~always(\n getIntrinsicElementProps('div', {\n ref~~,\n ~~...props,\n }),\n { elementType: 'div' },\n~~ ~~),\n~~ secondary,\n primary,\n };\n};\n"],"names":["getIntrinsicElementProps","mergeCallbacks","slot","useEventCallback","Button","usePopoverContext_unstable","~~useTeachingPopoverFooter_unstable~~","props","ref","~~appearance~~","context","~~toggleOpen","~~handleButtonClick","event","isDefaultPrevented","~~secondary~~","~~optional~~","~~defaultProps~~","~~undefined~~","~~renderByDefault~~","~~elementType~~","~~onClick~~","~~primary~~","~~always~~","~~footerLayout~~","~~components~~","~~root~~"],"mappings":"AAAA;AAGA,SAASA,wBAAwB,EAAEC,cAAc,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,4BAA4B;~~AAE7G~~,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,0BAA0B,QAAQ,0BAA0B;AAErE~~;;;;CAIC~~,GACD,OAAO,MAAMC,~~oCAAoC~~,~~CAC/CC~~,OACAC;IAEA,MAAMC,aAAaJ,2BAA2BK,CAAAA,UAAWA,QAAQD,UAAU;~~IAC3E~~,MAAME,~~aAAaN~~,~~2BAA2BK~~,CAAAA,~~UAAWA~~,~~QAAQC~~,~~UAAU~~;~~IAE3E~~,~~MAAMC~~,~~oBAAoBT~~,~~iBACxB~~,~~CAACU~~;~~QACC~~,~~IAAIA~~,MAAMC,~~kBAAkB~~,~~IAAI~~;~~YAC9B~~;~~QACF~~;~~QAEAH~~,~~WAAWE~~;~~IACb~~;~~IAGF~~,MAAME,~~YAAYb~~,~~KAAKc~~,QAAQ,~~CAACT~~,~~MAAMQ~~,SAAS,EAAE;QAC/CE,cAAc;~~YACZR~~,~~YAAYA,eAAe,UAAU,YAAYS~~;~~QACnD~~;~~QACAC~~,~~iBAAiBZ~~,~~MAAMQ~~,SAAS,~~KAAKG~~;~~QACrCE~~,~~aAAahB~~;IACf;IAEA,~~iDAAiD;IACjD~~,~~IAAIW,~~WAAW;QACbA,~~UAAUM~~,OAAO,~~GAAGpB~~,~~eAAeW~~,~~mBAAmBG~~,sBAAAA,gCAAAA,~~UAAWM~~,OAAO;~~IAC1E~~;IAEA,MAAMC,~~UAAUpB~~,~~KAAKqB~~,MAAM,~~CAAChB~~,~~MAAMe~~,OAAO,EAAE;~~QACzCL~~,cAAc;~~YACZR~~,~~YAAYA,eAAe,UAAUS,YAAY~~;~~QACnD~~;~~QACAE~~,~~aAAahB~~;IACf;IAEA,~~6EAA6E;IAC7E,~~IAAI,~~CAACW~~,WAAW;~~QACdO~~,QAAQD,OAAO,~~GAAGpB~~,~~eAAeW~~,~~mBAAmBU~~,oBAAAA,8BAAAA,QAASD,OAAO;~~IACtE~~;~~QAGgBd;IADhB~~,OAAO;~~QACLiB~~,~~cAAcjB~~,~~CAAAA~~,~~sBAAAA,MAAMiB,~~YAAY~~,cAAlBjB,iCAAAA,sBAAsB~~;~~QACpCE~~;~~QACAgB~~,YAAY;YACVC,MAAM;~~YACNJ~~,~~SAASlB~~;~~YACTW~~,~~WAAWX~~;QACb;~~QACAsB~~,~~MAAMxB~~,~~KAAKqB~~,~~MAAM,CACfvB,yBAAyB,OAAO~~;~~YAC9BQ~~;~~YACA,GAAGD,KAAK~~;~~QACV,IACA;YAAEa,aAAa;QAAM;QAEvBL;QACAO;~~IACF;AACF,EAAE"}
1	+ {"version":3,"sources":["../src/components/TeachingPopoverFooter/useTeachingPopoverFooter.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, mergeCallbacks, slot, useEventCallback } from '@fluentui/react-utilities';\nimport type {\n TeachingPopoverFooterBaseProps,\n TeachingPopoverFooterBaseState,\n TeachingPopoverFooterProps,\n TeachingPopoverFooterState,\n} from './TeachingPopoverFooter.types';\nimport { Button } from '@fluentui/react-button';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\n\n/*\n Base hook that builds TeachingPopoverFooter state for behavior and structure only.\n * Does not read `appearance` from the popover context and does not build the\n * `primary` / `secondary` Button slots — those are styling concerns and are\n * constructed by the styled hook.\n * @param props - TeachingPopoverFooter properties\n * @param ref - reference to root HTMLElement of TeachingPopoverFooter\n /\nexport const useTeachingPopoverFooterBase_unstable = (\n props: TeachingPopoverFooterBaseProps,\n ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverFooterBaseState => {\n const toggleOpen = usePopoverContext_unstable(context => context.toggleOpen);\n\n const handleButtonClick = useEventCallback(\n (event: React.MouseEvent<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>) => {\n if (event.isDefaultPrevented()) {\n return;\n }\n\n toggleOpen(event);\n },\n );\n\n return {\n footerLayout: props.footerLayout ?? 'horizontal',\n handleButtonClick,\n components: {\n root: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n ...props,\n }),\n { elementType: 'div' },\n ),\n };\n};\n\n/\n Returns the props and state required to render the component\n * @param props - TeachingPopoverFooter properties\n * @param ref - reference to root HTMLElement of TeachingPopoverFooter\n */\nexport const useTeachingPopoverFooter_unstable = (\n props: TeachingPopoverFooterProps,\n ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverFooterState => {\n const baseState = useTeachingPopoverFooterBase_unstable(props, ref);\n const appearance = usePopoverContext_unstable(context => context.appearance);\n\n const isBrand = appearance === 'brand';\n const primaryDefaultAppearance = isBrand ? undefined : 'primary';\n const secondaryDefaultAppearance = isBrand ? 'primary' : undefined;\n\n const secondary = slot.optional(props.secondary, {\n defaultProps: {\n appearance: secondaryDefaultAppearance,\n },\n renderByDefault: props.secondary !== undefined,\n elementType: Button,\n });\n\n if (secondary) {\n secondary.onClick = mergeCallbacks(baseState.handleButtonClick, secondary?.onClick);\n }\n\n const primary = slot.always(props.primary, {\n defaultProps: {\n appearance: primaryDefaultAppearance,\n },\n elementType: Button,\n });\n\n if (!secondary) {\n primary.onClick = mergeCallbacks(baseState.handleButtonClick, primary?.onClick);\n }\n\n return {\n footerLayout: baseState.footerLayout,\n appearance,\n components: {\n root: 'div',\n primary: Button,\n secondary: Button,\n },\n root: baseState.root,\n secondary,\n primary,\n };\n};\n"],"names":["getIntrinsicElementProps","mergeCallbacks","slot","useEventCallback","Button","usePopoverContext_unstable","useTeachingPopoverFooterBase_unstable","props","ref","toggleOpen","context","handleButtonClick","event","isDefaultPrevented","footerLayout","components","root","always","elementType","useTeachingPopoverFooter_unstable","baseState","appearance","isBrand","primaryDefaultAppearance","undefined","secondaryDefaultAppearance","secondary","optional","defaultProps","renderByDefault","onClick","primary"],"mappings":"AAAA;AAGA,SAASA,wBAAwB,EAAEC,cAAc,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,4BAA4B;AAO7G,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,0BAA0B,QAAQ,0BAA0B;AAErE;;;;;;;CAOC,GACD,OAAO,MAAMC,wCAAwC,CACnDC,OACAC;IAEA,MAAMC,aAAaJ,2BAA2BK,CAAAA,UAAWA,QAAQD,UAAU;IAE3E,MAAME,oBAAoBR,iBACxB,CAACS;QACC,IAAIA,MAAMC,kBAAkB,IAAI;YAC9B;QACF;QAEAJ,WAAWG;IACb;QAIcL;IADhB,OAAO;QACLO,cAAcP,CAAAA,sBAAAA,MAAMO,YAAY,cAAlBP,iCAAAA,sBAAsB;QACpCI;QACAI,YAAY;YACVC,MAAM;QACR;QACAA,MAAMd,KAAKe,MAAM,CACfjB,yBAAyB,OAAO;YAC9BQ;YACA,GAAGD,KAAK;QACV,IACA;YAAEW,aAAa;QAAM;IAEzB;AACF,EAAE;AAEF;;;;CAIC,GACD,OAAO,MAAMC,oCAAoC,CAC/CZ,OACAC;IAEA,MAAMY,YAAYd,sCAAsCC,OAAOC;IAC/D,MAAMa,aAAahB,2BAA2BK,CAAAA,UAAWA,QAAQW,UAAU;IAE3E,MAAMC,UAAUD,eAAe;IAC/B,MAAME,2BAA2BD,UAAUE,YAAY;IACvD,MAAMC,6BAA6BH,UAAU,YAAYE;IAEzD,MAAME,YAAYxB,KAAKyB,QAAQ,CAACpB,MAAMmB,SAAS,EAAE;QAC/CE,cAAc;YACZP,YAAYI;QACd;QACAI,iBAAiBtB,MAAMmB,SAAS,KAAKF;QACrCN,aAAad;IACf;IAEA,IAAIsB,WAAW;QACbA,UAAUI,OAAO,GAAG7B,eAAemB,UAAUT,iBAAiB,EAAEe,sBAAAA,gCAAAA,UAAWI,OAAO;IACpF;IAEA,MAAMC,UAAU7B,KAAKe,MAAM,CAACV,MAAMwB,OAAO,EAAE;QACzCH,cAAc;YACZP,YAAYE;QACd;QACAL,aAAad;IACf;IAEA,IAAI,CAACsB,WAAW;QACdK,QAAQD,OAAO,GAAG7B,eAAemB,UAAUT,iBAAiB,EAAEoB,oBAAAA,8BAAAA,QAASD,OAAO;IAChF;IAEA,OAAO;QACLhB,cAAcM,UAAUN,YAAY;QACpCO;QACAN,YAAY;YACVC,MAAM;YACNe,SAAS3B;YACTsB,WAAWtB;QACb;QACAY,MAAMI,UAAUJ,IAAI;QACpBU;QACAK;IACF;AACF,EAAE"}

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

@@ -71,10 +71,13 @@ export const useTeachingPopoverFooterStyles_unstable = state => {
     appearance,
     footerLayout
   } = state;
+  // eslint-disable-next-line react-hooks/immutability
   state.root.className = mergeClasses(teachingPopoverFooterClassNames.root, styles.root, footerLayout === 'horizontal' ? styles.rootHorizontal : styles.rootVertical, state.root.className);
   if (state.secondary) {
+    // eslint-disable-next-line react-hooks/immutability
     state.secondary.className = mergeClasses(teachingPopoverFooterClassNames.secondary, footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical, appearance === 'brand' ? styles.brandSecondary : undefined, state.secondary.className);
   }
+  // eslint-disable-next-line react-hooks/immutability
   state.primary.className = mergeClasses(teachingPopoverFooterClassNames.primary, footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical, appearance === 'brand' ? styles.brandPrimary : undefined, state.primary.className);
   return state;
 };

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

	@@ -1 +1 @@
1	- {"version":3,"names":["__styles","mergeClasses","shorthands","tokens","teachingPopoverFooterClassNames","root","primary","secondary","useStyles","mc9l5x","i8kkvl","Belr9w4","rmohyg","z8tnut","rootVertical","Beiy3e4","rootHorizontal","Brf1p80","buttonRootVertical","a9b677","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","buttonRootHorizontal","Bf4jedk","brandSecondary","g2u3we","h3c5rm","B9xav0g","zhjwy3","brandPrimary","sj55zd","De3pzq","Bi91k9c","Jwef8y","B2d53fq","iro3zm","d","p","h","useTeachingPopoverFooterStyles_unstable","state","styles","appearance","footerLayout","className","undefined"],"sources":["useTeachingPopoverFooterStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverFooterClassNames = {\n root: 'fui-TeachingPopoverFooter',\n primary: 'fui-TeachingPopoverFooter__primary',\n secondary: 'fui-TeachingPopoverFooter__secondary'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n gap: '8px',\n paddingTop: '12px'\n },\n rootVertical: {\n flexDirection: 'column'\n },\n rootHorizontal: {\n flexDirection: 'row',\n justifyContent: 'flex-end'\n },\n buttonRootVertical: {\n width: 'auto',\n borderRadius: '4px'\n },\n buttonRootHorizontal: {\n minWidth: '96px',\n borderRadius: '4px'\n },\n brandSecondary: {\n ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand)\n },\n brandPrimary: {\n color: tokens.colorBrandForeground1,\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n ':hover': {\n color: tokens.colorCompoundBrandForeground1Hover,\n backgroundColor: tokens.colorNeutralForegroundOnBrand\n },\n ':hover:active': {\n color: tokens.colorCompoundBrandForeground1Pressed,\n backgroundColor: tokens.colorNeutralForegroundOnBrand\n }\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverFooterStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const { appearance, footerLayout } = state;\n state.root.className = mergeClasses(teachingPopoverFooterClassNames.root, styles.root, footerLayout === 'horizontal' ? styles.rootHorizontal : styles.rootVertical, state.root.className);\n if (state.secondary) {\n state.secondary.className = mergeClasses(teachingPopoverFooterClassNames.secondary, footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical, appearance === 'brand' ? styles.brandSecondary : undefined, state.secondary.className);\n }\n state.primary.className = mergeClasses(teachingPopoverFooterClassNames.primary, footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical, appearance === 'brand' ? styles.brandPrimary : undefined, state.primary.className);\n return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,+BAA+B,GAAG;EAC3CC,IAAI,EAAE,2BAA2B;EACjCC,OAAO,EAAE,oCAAoC;EAC7CC,SAAS,EAAE;AACf,CAAC;AACD,MAAMC,SAAS,gBAAGR,QAAA;EAAAK,IAAA;IAAAI,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAC,OAAA;EAAA;EAAAC,cAAA;IAAAD,OAAA;IAAAE,OAAA;EAAA;EAAAC,kBAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,oBAAA;IAAAC,OAAA;IAAAN,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAG,cAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;AAAA,CAoCjB,CAAC;AACF;AAAyC,OAAO,MAAMC,uCAAuC,GAAIC,KAAK,IAAG;EACrG,aAAa;;EACb,MAAMC,MAAM,GAAGpC,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEqC,UAAU;IAAEC;EAAa,CAAC,GAAGH,KAAK;~~EAC1CA~~,KAAK,CAACtC,IAAI,CAAC0C,SAAS,GAAG9C,YAAY,CAACG,+BAA+B,CAACC,IAAI,EAAEuC,MAAM,CAACvC,IAAI,EAAEyC,YAAY,KAAK,YAAY,GAAGF,MAAM,CAAC5B,cAAc,GAAG4B,MAAM,CAAC9B,YAAY,EAAE6B,KAAK,CAACtC,IAAI,CAAC0C,SAAS,CAAC;EACzL,IAAIJ,KAAK,CAACpC,SAAS,EAAE;~~IACjBoC~~,KAAK,CAACpC,SAAS,CAACwC,SAAS,GAAG9C,YAAY,CAACG,+BAA+B,CAACG,SAAS,EAAEuC,YAAY,KAAK,YAAY,GAAGF,MAAM,CAACnB,oBAAoB,GAAGmB,MAAM,CAAC1B,kBAAkB,EAAE2B,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACjB,cAAc,GAAGqB,SAAS,EAAEL,KAAK,CAACpC,SAAS,CAACwC,SAAS,CAAC;EACvQ;EACAJ,KAAK,CAACrC,OAAO,CAACyC,SAAS,GAAG9C,YAAY,CAACG,+BAA+B,CAACE,OAAO,EAAEwC,YAAY,KAAK,YAAY,GAAGF,MAAM,CAACnB,oBAAoB,GAAGmB,MAAM,CAAC1B,kBAAkB,EAAE2B,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACZ,YAAY,GAAGgB,SAAS,EAAEL,KAAK,CAACrC,OAAO,CAACyC,SAAS,CAAC;EAC3P,OAAOJ,KAAK;AAChB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["__styles","mergeClasses","shorthands","tokens","teachingPopoverFooterClassNames","root","primary","secondary","useStyles","mc9l5x","i8kkvl","Belr9w4","rmohyg","z8tnut","rootVertical","Beiy3e4","rootHorizontal","Brf1p80","buttonRootVertical","a9b677","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","buttonRootHorizontal","Bf4jedk","brandSecondary","g2u3we","h3c5rm","B9xav0g","zhjwy3","brandPrimary","sj55zd","De3pzq","Bi91k9c","Jwef8y","B2d53fq","iro3zm","d","p","h","useTeachingPopoverFooterStyles_unstable","state","styles","appearance","footerLayout","className","undefined"],"sources":["useTeachingPopoverFooterStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverFooterClassNames = {\n root: 'fui-TeachingPopoverFooter',\n primary: 'fui-TeachingPopoverFooter__primary',\n secondary: 'fui-TeachingPopoverFooter__secondary'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n gap: '8px',\n paddingTop: '12px'\n },\n rootVertical: {\n flexDirection: 'column'\n },\n rootHorizontal: {\n flexDirection: 'row',\n justifyContent: 'flex-end'\n },\n buttonRootVertical: {\n width: 'auto',\n borderRadius: '4px'\n },\n buttonRootHorizontal: {\n minWidth: '96px',\n borderRadius: '4px'\n },\n brandSecondary: {\n ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand)\n },\n brandPrimary: {\n color: tokens.colorBrandForeground1,\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n ':hover': {\n color: tokens.colorCompoundBrandForeground1Hover,\n backgroundColor: tokens.colorNeutralForegroundOnBrand\n },\n ':hover:active': {\n color: tokens.colorCompoundBrandForeground1Pressed,\n backgroundColor: tokens.colorNeutralForegroundOnBrand\n }\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverFooterStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const { appearance, footerLayout } = state;\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(teachingPopoverFooterClassNames.root, styles.root, footerLayout === 'horizontal' ? styles.rootHorizontal : styles.rootVertical, state.root.className);\n if (state.secondary) {\n // eslint-disable-next-line react-hooks/immutability\n state.secondary.className = mergeClasses(teachingPopoverFooterClassNames.secondary, footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical, appearance === 'brand' ? styles.brandSecondary : undefined, state.secondary.className);\n }\n // eslint-disable-next-line react-hooks/immutability\n state.primary.className = mergeClasses(teachingPopoverFooterClassNames.primary, footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical, appearance === 'brand' ? styles.brandPrimary : undefined, state.primary.className);\n return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,+BAA+B,GAAG;EAC3CC,IAAI,EAAE,2BAA2B;EACjCC,OAAO,EAAE,oCAAoC;EAC7CC,SAAS,EAAE;AACf,CAAC;AACD,MAAMC,SAAS,gBAAGR,QAAA;EAAAK,IAAA;IAAAI,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAC,OAAA;EAAA;EAAAC,cAAA;IAAAD,OAAA;IAAAE,OAAA;EAAA;EAAAC,kBAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,oBAAA;IAAAC,OAAA;IAAAN,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAG,cAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;AAAA,CAoCjB,CAAC;AACF;AAAyC,OAAO,MAAMC,uCAAuC,GAAIC,KAAK,IAAG;EACrG,aAAa;;EACb,MAAMC,MAAM,GAAGpC,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEqC,UAAU;IAAEC;EAAa,CAAC,GAAGH,KAAK;EAC1C;EACAA,KAAK,CAACtC,IAAI,CAAC0C,SAAS,GAAG9C,YAAY,CAACG,+BAA+B,CAACC,IAAI,EAAEuC,MAAM,CAACvC,IAAI,EAAEyC,YAAY,KAAK,YAAY,GAAGF,MAAM,CAAC5B,cAAc,GAAG4B,MAAM,CAAC9B,YAAY,EAAE6B,KAAK,CAACtC,IAAI,CAAC0C,SAAS,CAAC;EACzL,IAAIJ,KAAK,CAACpC,SAAS,EAAE;IACjB;IACAoC,KAAK,CAACpC,SAAS,CAACwC,SAAS,GAAG9C,YAAY,CAACG,+BAA+B,CAACG,SAAS,EAAEuC,YAAY,KAAK,YAAY,GAAGF,MAAM,CAACnB,oBAAoB,GAAGmB,MAAM,CAAC1B,kBAAkB,EAAE2B,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACjB,cAAc,GAAGqB,SAAS,EAAEL,KAAK,CAACpC,SAAS,CAACwC,SAAS,CAAC;EACvQ;EACA;EACAJ,KAAK,CAACrC,OAAO,CAACyC,SAAS,GAAG9C,YAAY,CAACG,+BAA+B,CAACE,OAAO,EAAEwC,YAAY,KAAK,YAAY,GAAGF,MAAM,CAACnB,oBAAoB,GAAGmB,MAAM,CAAC1B,kBAAkB,EAAE2B,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACZ,YAAY,GAAGgB,SAAS,EAAEL,KAAK,CAACrC,OAAO,CAACyC,SAAS,CAAC;EAC3P,OAAOJ,KAAK;AAChB,CAAC","ignoreList":[]}

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

@@ -47,10 +47,13 @@ const useStyles = makeStyles({
     'use no memo';
     const styles = useStyles();
     const { appearance, footerLayout } = state;
+    // eslint-disable-next-line react-hooks/immutability
     state.root.className = mergeClasses(teachingPopoverFooterClassNames.root, styles.root, footerLayout === 'horizontal' ? styles.rootHorizontal : styles.rootVertical, state.root.className);
     if (state.secondary) {
+        // eslint-disable-next-line react-hooks/immutability
         state.secondary.className = mergeClasses(teachingPopoverFooterClassNames.secondary, footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical, appearance === 'brand' ? styles.brandSecondary : undefined, state.secondary.className);
     }
+    // eslint-disable-next-line react-hooks/immutability
     state.primary.className = mergeClasses(teachingPopoverFooterClassNames.primary, footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical, appearance === 'brand' ? styles.brandPrimary : undefined, state.primary.className);
     return state;
 };

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { TeachingPopoverFooterSlots, TeachingPopoverFooterState } from './TeachingPopoverFooter.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const teachingPopoverFooterClassNames: SlotClassNames<TeachingPopoverFooterSlots> = {\n root: 'fui-TeachingPopoverFooter',\n primary: 'fui-TeachingPopoverFooter__primary',\n secondary: 'fui-TeachingPopoverFooter__secondary',\n};\n\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n gap: '8px',\n paddingTop: '12px',\n },\n rootVertical: {\n flexDirection: 'column',\n },\n rootHorizontal: {\n flexDirection: 'row',\n justifyContent: 'flex-end',\n },\n buttonRootVertical: {\n width: 'auto',\n borderRadius: '4px',\n },\n buttonRootHorizontal: {\n minWidth: '96px',\n borderRadius: '4px',\n },\n brandSecondary: {\n ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n },\n brandPrimary: {\n color: tokens.colorBrandForeground1,\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n ':hover': {\n color: tokens.colorCompoundBrandForeground1Hover,\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n },\n ':hover:active': {\n color: tokens.colorCompoundBrandForeground1Pressed,\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n },\n },\n});\n\n/** Applies style classnames to slots */\nexport const useTeachingPopoverFooterStyles_unstable = (\n state: TeachingPopoverFooterState,\n): TeachingPopoverFooterState => {\n 'use no memo';\n\n const styles = useStyles();\n const { appearance, footerLayout } = state;\n\n state.root.className = mergeClasses(\n teachingPopoverFooterClassNames.root,\n styles.root,\n footerLayout === 'horizontal' ? styles.rootHorizontal : styles.rootVertical,\n state.root.className,\n );\n if (state.secondary) {\n state.secondary.className = mergeClasses(\n teachingPopoverFooterClassNames.secondary,\n footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical,\n appearance === 'brand' ? styles.brandSecondary : undefined,\n state.secondary.className,\n );\n }\n state.primary.className = mergeClasses(\n teachingPopoverFooterClassNames.primary,\n footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical,\n appearance === 'brand' ? styles.brandPrimary : undefined,\n state.primary.className,\n );\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","shorthands","tokens","teachingPopoverFooterClassNames","root","primary","secondary","useStyles","display","gap","paddingTop","rootVertical","flexDirection","rootHorizontal","justifyContent","buttonRootVertical","width","borderRadius","buttonRootHorizontal","minWidth","brandSecondary","borderColor","colorNeutralForegroundOnBrand","brandPrimary","color","colorBrandForeground1","backgroundColor","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","useTeachingPopoverFooterStyles_unstable","state","styles","appearance","footerLayout","className","undefined"],"mappings":"AAAA;AAEA,SAASA,UAAU,EAAEC,YAAY,EAAEC,UAAU,QAAQ,iBAAiB;AAGtE,SAASC,MAAM,QAAQ,wBAAwB;AAE/C,OAAO,MAAMC,kCAA8E;IACzFC,MAAM;IACNC,SAAS;IACTC,WAAW;AACb,EAAE;AAEF,MAAMC,YAAYR,WAAW;IAC3BK,MAAM;QACJI,SAAS;QACTC,KAAK;QACLC,YAAY;IACd;IACAC,cAAc;QACZC,eAAe;IACjB;IACAC,gBAAgB;QACdD,eAAe;QACfE,gBAAgB;IAClB;IACAC,oBAAoB;QAClBC,OAAO;QACPC,cAAc;IAChB;IACAC,sBAAsB;QACpBC,UAAU;QACVF,cAAc;IAChB;IACAG,gBAAgB;QACd,GAAGnB,WAAWoB,WAAW,CAACnB,OAAOoB,6BAA6B,CAAC;IACjE;IACAC,cAAc;QACZC,OAAOtB,OAAOuB,qBAAqB;QACnCC,iBAAiBxB,OAAOoB,6BAA6B;QACrD,UAAU;YACRE,OAAOtB,OAAOyB,kCAAkC;YAChDD,iBAAiBxB,OAAOoB,6BAA6B;QACvD;QACA,iBAAiB;YACfE,OAAOtB,OAAO0B,oCAAoC;YAClDF,iBAAiBxB,OAAOoB,6BAA6B;QACvD;IACF;AACF;AAEA,sCAAsC,GACtC,OAAO,MAAMO,0CAA0C,CACrDC;IAEA;IAEA,MAAMC,SAASxB;IACf,MAAM,EAAEyB,UAAU,EAAEC,YAAY,EAAE,GAAGH;~~IAErCA~~,MAAM1B,IAAI,CAAC8B,SAAS,GAAGlC,aACrBG,gCAAgCC,IAAI,EACpC2B,OAAO3B,IAAI,EACX6B,iBAAiB,eAAeF,OAAOlB,cAAc,GAAGkB,OAAOpB,YAAY,EAC3EmB,MAAM1B,IAAI,CAAC8B,SAAS;IAEtB,IAAIJ,MAAMxB,SAAS,EAAE;~~QACnBwB~~,MAAMxB,SAAS,CAAC4B,SAAS,GAAGlC,aAC1BG,gCAAgCG,SAAS,EACzC2B,iBAAiB,eAAeF,OAAOb,oBAAoB,GAAGa,OAAOhB,kBAAkB,EACvFiB,eAAe,UAAUD,OAAOX,cAAc,GAAGe,WACjDL,MAAMxB,SAAS,CAAC4B,SAAS;IAE7B;~~IACAJ~~,MAAMzB,OAAO,CAAC6B,SAAS,GAAGlC,aACxBG,gCAAgCE,OAAO,EACvC4B,iBAAiB,eAAeF,OAAOb,oBAAoB,GAAGa,OAAOhB,kBAAkB,EACvFiB,eAAe,UAAUD,OAAOR,YAAY,GAAGY,WAC/CL,MAAMzB,OAAO,CAAC6B,SAAS;IAGzB,OAAOJ;AACT,EAAE"}
1	+ {"version":3,"sources":["../src/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { TeachingPopoverFooterSlots, TeachingPopoverFooterState } from './TeachingPopoverFooter.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const teachingPopoverFooterClassNames: SlotClassNames<TeachingPopoverFooterSlots> = {\n root: 'fui-TeachingPopoverFooter',\n primary: 'fui-TeachingPopoverFooter__primary',\n secondary: 'fui-TeachingPopoverFooter__secondary',\n};\n\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n gap: '8px',\n paddingTop: '12px',\n },\n rootVertical: {\n flexDirection: 'column',\n },\n rootHorizontal: {\n flexDirection: 'row',\n justifyContent: 'flex-end',\n },\n buttonRootVertical: {\n width: 'auto',\n borderRadius: '4px',\n },\n buttonRootHorizontal: {\n minWidth: '96px',\n borderRadius: '4px',\n },\n brandSecondary: {\n ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n },\n brandPrimary: {\n color: tokens.colorBrandForeground1,\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n ':hover': {\n color: tokens.colorCompoundBrandForeground1Hover,\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n },\n ':hover:active': {\n color: tokens.colorCompoundBrandForeground1Pressed,\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n },\n },\n});\n\n/** Applies style classnames to slots */\nexport const useTeachingPopoverFooterStyles_unstable = (\n state: TeachingPopoverFooterState,\n): TeachingPopoverFooterState => {\n 'use no memo';\n\n const styles = useStyles();\n const { appearance, footerLayout } = state;\n\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(\n teachingPopoverFooterClassNames.root,\n styles.root,\n footerLayout === 'horizontal' ? styles.rootHorizontal : styles.rootVertical,\n state.root.className,\n );\n if (state.secondary) {\n // eslint-disable-next-line react-hooks/immutability\n state.secondary.className = mergeClasses(\n teachingPopoverFooterClassNames.secondary,\n footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical,\n appearance === 'brand' ? styles.brandSecondary : undefined,\n state.secondary.className,\n );\n }\n // eslint-disable-next-line react-hooks/immutability\n state.primary.className = mergeClasses(\n teachingPopoverFooterClassNames.primary,\n footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical,\n appearance === 'brand' ? styles.brandPrimary : undefined,\n state.primary.className,\n );\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","shorthands","tokens","teachingPopoverFooterClassNames","root","primary","secondary","useStyles","display","gap","paddingTop","rootVertical","flexDirection","rootHorizontal","justifyContent","buttonRootVertical","width","borderRadius","buttonRootHorizontal","minWidth","brandSecondary","borderColor","colorNeutralForegroundOnBrand","brandPrimary","color","colorBrandForeground1","backgroundColor","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","useTeachingPopoverFooterStyles_unstable","state","styles","appearance","footerLayout","className","undefined"],"mappings":"AAAA;AAEA,SAASA,UAAU,EAAEC,YAAY,EAAEC,UAAU,QAAQ,iBAAiB;AAGtE,SAASC,MAAM,QAAQ,wBAAwB;AAE/C,OAAO,MAAMC,kCAA8E;IACzFC,MAAM;IACNC,SAAS;IACTC,WAAW;AACb,EAAE;AAEF,MAAMC,YAAYR,WAAW;IAC3BK,MAAM;QACJI,SAAS;QACTC,KAAK;QACLC,YAAY;IACd;IACAC,cAAc;QACZC,eAAe;IACjB;IACAC,gBAAgB;QACdD,eAAe;QACfE,gBAAgB;IAClB;IACAC,oBAAoB;QAClBC,OAAO;QACPC,cAAc;IAChB;IACAC,sBAAsB;QACpBC,UAAU;QACVF,cAAc;IAChB;IACAG,gBAAgB;QACd,GAAGnB,WAAWoB,WAAW,CAACnB,OAAOoB,6BAA6B,CAAC;IACjE;IACAC,cAAc;QACZC,OAAOtB,OAAOuB,qBAAqB;QACnCC,iBAAiBxB,OAAOoB,6BAA6B;QACrD,UAAU;YACRE,OAAOtB,OAAOyB,kCAAkC;YAChDD,iBAAiBxB,OAAOoB,6BAA6B;QACvD;QACA,iBAAiB;YACfE,OAAOtB,OAAO0B,oCAAoC;YAClDF,iBAAiBxB,OAAOoB,6BAA6B;QACvD;IACF;AACF;AAEA,sCAAsC,GACtC,OAAO,MAAMO,0CAA0C,CACrDC;IAEA;IAEA,MAAMC,SAASxB;IACf,MAAM,EAAEyB,UAAU,EAAEC,YAAY,EAAE,GAAGH;IAErC,oDAAoD;IACpDA,MAAM1B,IAAI,CAAC8B,SAAS,GAAGlC,aACrBG,gCAAgCC,IAAI,EACpC2B,OAAO3B,IAAI,EACX6B,iBAAiB,eAAeF,OAAOlB,cAAc,GAAGkB,OAAOpB,YAAY,EAC3EmB,MAAM1B,IAAI,CAAC8B,SAAS;IAEtB,IAAIJ,MAAMxB,SAAS,EAAE;QACnB,oDAAoD;QACpDwB,MAAMxB,SAAS,CAAC4B,SAAS,GAAGlC,aAC1BG,gCAAgCG,SAAS,EACzC2B,iBAAiB,eAAeF,OAAOb,oBAAoB,GAAGa,OAAOhB,kBAAkB,EACvFiB,eAAe,UAAUD,OAAOX,cAAc,GAAGe,WACjDL,MAAMxB,SAAS,CAAC4B,SAAS;IAE7B;IACA,oDAAoD;IACpDJ,MAAMzB,OAAO,CAAC6B,SAAS,GAAGlC,aACxBG,gCAAgCE,OAAO,EACvC4B,iBAAiB,eAAeF,OAAOb,oBAAoB,GAAGa,OAAOhB,kBAAkB,EACvFiB,eAAe,UAAUD,OAAOR,YAAY,GAAGY,WAC/CL,MAAMzB,OAAO,CAAC6B,SAAS;IAGzB,OAAOJ;AACT,EAAE"}

package/lib/components/TeachingPopoverHeader/TeachingPopoverHeader.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/TeachingPopoverHeader/TeachingPopoverHeader.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { PopoverContextValue } from '@fluentui/react-popover';\n\nexport type TeachingPopoverHeaderSlots = {\n /*\n The element wrapping the text and close button. By default this is an div; although it can be a heading, this should not be done.\n * Instead, wrap the child text in a heading tag if one is needed.\n * Be sure to include role and aria heading level if div is used.\n /\n root: Slot<'div', 'h1' \| 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6'>;\n /\n The component to be used as close button in heading\n /\n dismissButton?: Slot<'button'>;\n /\n Initial icon slot rendered before children content in heading.\n */\n icon?: Slot<'div'>;\n};\n\nexport type TeachingPopoverHeaderState = ComponentState<TeachingPopoverHeaderSlots> &\n Pick<PopoverContextValue, 'appearance'>;\n\nexport type TeachingPopoverHeaderProps = ComponentProps<TeachingPopoverHeaderSlots>;\n"],"names":[],"mappings":"~~AAuBA~~,~~WAAoF~~"}
1	+ {"version":3,"sources":["../src/components/TeachingPopoverHeader/TeachingPopoverHeader.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { PopoverContextValue } from '@fluentui/react-popover';\n\nexport type TeachingPopoverHeaderSlots = {\n /*\n The element wrapping the text and close button. By default this is an div; although it can be a heading, this should not be done.\n * Instead, wrap the child text in a heading tag if one is needed.\n * Be sure to include role and aria heading level if div is used.\n /\n root: Slot<'div', 'h1' \| 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6'>;\n /\n The component to be used as close button in heading\n /\n dismissButton?: Slot<'button'>;\n /\n Initial icon slot rendered before children content in heading.\n */\n icon?: Slot<'div'>;\n};\n\nexport type TeachingPopoverHeaderState = ComponentState<TeachingPopoverHeaderSlots> &\n Pick<PopoverContextValue, 'appearance'>;\n\nexport type TeachingPopoverHeaderProps = ComponentProps<TeachingPopoverHeaderSlots>;\n\nexport type TeachingPopoverHeaderBaseProps = TeachingPopoverHeaderProps;\n\nexport type TeachingPopoverHeaderBaseState = Omit<TeachingPopoverHeaderState, 'appearance'>;\n"],"names":[],"mappings":"AA2BA,WAA4F"}

package/lib/components/TeachingPopoverHeader/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
 export { TeachingPopoverHeader } from './TeachingPopoverHeader';
 export { renderTeachingPopoverHeader_unstable } from './renderTeachingPopoverHeader';
-export { useTeachingPopoverHeader_unstable } from './useTeachingPopoverHeader';
+export { useTeachingPopoverHeader_unstable, useTeachingPopoverHeaderBase_unstable } from './useTeachingPopoverHeader';
 export { teachingPopoverHeaderClassNames, useTeachingPopoverHeaderStyles_unstable } from './useTeachingPopoverHeaderStyles.styles';

package/lib/components/TeachingPopoverHeader/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/TeachingPopoverHeader/index.ts"],"sourcesContent":["export { TeachingPopoverHeader } from './TeachingPopoverHeader';\nexport type {\n TeachingPopoverHeaderProps,\n TeachingPopoverHeaderSlots,\n TeachingPopoverHeaderState,\n} from './TeachingPopoverHeader.types';\nexport { renderTeachingPopoverHeader_unstable } from './renderTeachingPopoverHeader';\nexport { useTeachingPopoverHeader_unstable } from './useTeachingPopoverHeader';\nexport {\n teachingPopoverHeaderClassNames,\n useTeachingPopoverHeaderStyles_unstable,\n} from './useTeachingPopoverHeaderStyles.styles';\n"],"names":["TeachingPopoverHeader","renderTeachingPopoverHeader_unstable","useTeachingPopoverHeader_unstable","teachingPopoverHeaderClassNames","useTeachingPopoverHeaderStyles_unstable"],"mappings":"AAAA,SAASA,qBAAqB,QAAQ,0BAA0B;~~AAMhE~~,SAASC,oCAAoC,QAAQ,gCAAgC;AACrF,SAASC,iCAAiC,QAAQ,6BAA6B;~~AAC/E~~,SACEC,+BAA+B,EAC/BC,uCAAuC,QAClC,0CAA0C"}
1	+ {"version":3,"sources":["../src/components/TeachingPopoverHeader/index.ts"],"sourcesContent":["export { TeachingPopoverHeader } from './TeachingPopoverHeader';\nexport type {\n TeachingPopoverHeaderBaseProps,\n TeachingPopoverHeaderBaseState,\n TeachingPopoverHeaderProps,\n TeachingPopoverHeaderSlots,\n TeachingPopoverHeaderState,\n} from './TeachingPopoverHeader.types';\nexport { renderTeachingPopoverHeader_unstable } from './renderTeachingPopoverHeader';\nexport { useTeachingPopoverHeader_unstable, useTeachingPopoverHeaderBase_unstable } from './useTeachingPopoverHeader';\nexport {\n teachingPopoverHeaderClassNames,\n useTeachingPopoverHeaderStyles_unstable,\n} from './useTeachingPopoverHeaderStyles.styles';\n"],"names":["TeachingPopoverHeader","renderTeachingPopoverHeader_unstable","useTeachingPopoverHeader_unstable","useTeachingPopoverHeaderBase_unstable","teachingPopoverHeaderClassNames","useTeachingPopoverHeaderStyles_unstable"],"mappings":"AAAA,SAASA,qBAAqB,QAAQ,0BAA0B;AAQhE,SAASC,oCAAoC,QAAQ,gCAAgC;AACrF,SAASC,iCAAiC,EAAEC,qCAAqC,QAAQ,6BAA6B;AACtH,SACEC,+BAA+B,EAC/BC,uCAAuC,QAClC,0CAA0C"}

package/lib/components/TeachingPopoverHeader/useTeachingPopoverHeader.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 {\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 CHANGED Viewed

@@ -116,11 +116,14 @@ export const useTeachingPopoverHeaderStyles_unstable = state => {
   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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["shorthands","__styles","mergeClasses","createCustomFocusIndicatorStyle","tokens","typographyStyles","teachingPopoverHeaderClassNames","root","dismissButton","icon","useStyles","mc9l5x","Beiy3e4","sj55zd","Bhrd7zp","Be2twd7","Bg96gwp","Byoj8tv","Bt984gj","B6of3ja","jrapky","rootBrand","qhf8xq","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":"AAAA,YAAY;;AACZ,SAASA,UAAU,EAAAC,QAAA,EAAcC,YAAY,QAAQ,gBAAgB;AACrE,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,OAAO,MAAMC,+BAA+B,GAAG;EAC3CC,IAAI,EAAE,2BAA2B;EACjCC,aAAa,EAAE,0CAA0C;EACzDC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGT,QAAA;EAAAM,IAAA;IAAAI,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,SAAA;IAAAR,MAAA;EAAA;EAAAL,aAAA;IAAAK,MAAA;IAAAS,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,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;IAAAO,OAAA;IAAAsB,OAAA;IAAAC,OAAA;IAAA1B,OAAA;IAAAD,OAAA;IAAAE,OAAA;IAAA0B,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAA7B,OAAA;IAAA8B,MAAA;IAAAC,MAAA;IAAAC,MAAA;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;EAAA;EAAAC,YAAA;IAAAnD,MAAA;EAAA;EAAAJ,IAAA;IAAAwD,OAAA;IAAAC,MAAA;IAAAlD,OAAA;IAAAD,OAAA;IAAAG,OAAA;IAAAyB,OAAA;IAAAhC,MAAA;IAAAwD,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAA/C,MAAA;IAAAoB,MAAA;IAAA7B,MAAA;IAAAyD,OAAA;EAAA;EAAAC,SAAA;IAAA1D,MAAA;EAAA;AAAA;EAAA2D,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CA2DjB,CAAC;AACF;AAAyC,OAAO,MAAMC,uCAAuC,GAAIC,KAAK,IAAG;EACrG,aAAa;;EACb,MAAMC,MAAM,GAAGlE,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEmE;EAAW,CAAC,GAAGF,KAAK;~~EAC5BA~~,KAAK,CAACpE,IAAI,CAACuE,SAAS,GAAG5E,YAAY,CAACI,+BAA+B,CAACC,IAAI,EAAEqE,MAAM,CAACrE,IAAI,EAAEsE,UAAU,KAAK,OAAO,IAAID,MAAM,CAACvD,SAAS,EAAEsD,KAAK,CAACpE,IAAI,CAACuE,SAAS,CAAC;EACxJ,IAAIH,KAAK,CAACnE,aAAa,EAAE;~~IACrBmE~~,KAAK,CAACnE,aAAa,CAACsE,SAAS,GAAG5E,YAAY,CAACI,+BAA+B,CAACE,aAAa,EAAEoE,MAAM,CAACpE,aAAa,EAAEqE,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACZ,YAAY,GAAGe,SAAS,EAAEJ,KAAK,CAACnE,aAAa,CAACsE,SAAS,CAAC;EAC9M;EACA,IAAIH,KAAK,CAAClE,IAAI,EAAE;~~IACZkE~~,KAAK,CAAClE,IAAI,CAACqE,SAAS,GAAG5E,YAAY,CAACI,+BAA+B,CAACG,IAAI,EAAEmE,MAAM,CAACnE,IAAI,EAAEoE,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACL,SAAS,GAAGQ,SAAS,EAAEJ,KAAK,CAAClE,IAAI,CAACqE,SAAS,CAAC;EACvK;EACA,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}
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 // 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":"AAAA,YAAY;;AACZ,SAASA,UAAU,EAAAC,QAAA,EAAcC,YAAY,QAAQ,gBAAgB;AACrE,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,OAAO,MAAMC,+BAA+B,GAAG;EAC3CC,IAAI,EAAE,2BAA2B;EACjCC,aAAa,EAAE,0CAA0C;EACzDC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGT,QAAA;EAAAM,IAAA;IAAAI,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,SAAA;IAAAR,MAAA;EAAA;EAAAL,aAAA;IAAAK,MAAA;IAAAS,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,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;IAAAO,OAAA;IAAAsB,OAAA;IAAAC,OAAA;IAAA1B,OAAA;IAAAD,OAAA;IAAAE,OAAA;IAAA0B,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAA7B,OAAA;IAAA8B,MAAA;IAAAC,MAAA;IAAAC,MAAA;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;EAAA;EAAAC,YAAA;IAAAnD,MAAA;EAAA;EAAAJ,IAAA;IAAAwD,OAAA;IAAAC,MAAA;IAAAlD,OAAA;IAAAD,OAAA;IAAAG,OAAA;IAAAyB,OAAA;IAAAhC,MAAA;IAAAwD,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAA/C,MAAA;IAAAoB,MAAA;IAAA7B,MAAA;IAAAyD,OAAA;EAAA;EAAAC,SAAA;IAAA1D,MAAA;EAAA;AAAA;EAAA2D,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CA2DjB,CAAC;AACF;AAAyC,OAAO,MAAMC,uCAAuC,GAAIC,KAAK,IAAG;EACrG,aAAa;;EACb,MAAMC,MAAM,GAAGlE,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEmE;EAAW,CAAC,GAAGF,KAAK;EAC5B;EACAA,KAAK,CAACpE,IAAI,CAACuE,SAAS,GAAG5E,YAAY,CAACI,+BAA+B,CAACC,IAAI,EAAEqE,MAAM,CAACrE,IAAI,EAAEsE,UAAU,KAAK,OAAO,IAAID,MAAM,CAACvD,SAAS,EAAEsD,KAAK,CAACpE,IAAI,CAACuE,SAAS,CAAC;EACxJ,IAAIH,KAAK,CAACnE,aAAa,EAAE;IACrB;IACAmE,KAAK,CAACnE,aAAa,CAACsE,SAAS,GAAG5E,YAAY,CAACI,+BAA+B,CAACE,aAAa,EAAEoE,MAAM,CAACpE,aAAa,EAAEqE,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACZ,YAAY,GAAGe,SAAS,EAAEJ,KAAK,CAACnE,aAAa,CAACsE,SAAS,CAAC;EAC9M;EACA,IAAIH,KAAK,CAAClE,IAAI,EAAE;IACZ;IACAkE,KAAK,CAAClE,IAAI,CAACqE,SAAS,GAAG5E,YAAY,CAACI,+BAA+B,CAACG,IAAI,EAAEmE,MAAM,CAACnE,IAAI,EAAEoE,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACL,SAAS,GAAGQ,SAAS,EAAEJ,KAAK,CAAClE,IAAI,CAACqE,SAAS,CAAC;EACvK;EACA,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}

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

@@ -71,11 +71,14 @@ const useStyles = makeStyles({
     '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 CHANGED Viewed

	@@ -1 +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":"AAAA;AAEA,SAASA,UAAU,EAAEC,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AACtE,SAASC,+BAA+B,QAAQ,0BAA0B;AAC1E,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,wBAAwB;AAIjE,OAAO,MAAMC,kCAA8E;IACzFC,MAAM;IACNC,eAAe;IACfC,MAAM;AACR,EAAE;AAEF,MAAMC,YAAYT,WAAW;IAC3BM,MAAM;QACJI,SAAS;QACTC,eAAe;QACfC,OAAOT,OAAOU,uBAAuB;QACrCC,YAAYX,OAAOY,kBAAkB;QACrCC,UAAUb,OAAOc,eAAe;QAChCC,YAAYf,OAAOgB,iBAAiB;QACpCC,eAAejB,OAAOkB,iBAAiB;QACvCC,YAAY;QACZC,WAAWpB,OAAOqB,qBAAqB;QACvCC,cAActB,OAAOqB,qBAAqB;IAC5C;IACAE,WAAW;QACTd,OAAOT,OAAOwB,6BAA6B;IAC7C;IACApB,eAAe;QACbK,OAAOT,OAAOyB,uBAAuB;QACrCC,UAAU;QACVC,QAAQ,GAAG3B,OAAO4B,eAAe,CAAC,OAAO,EAAE5B,OAAO6B,sBAAsB,EAAE;QAC1EtB,SAAS;QACTY,YAAY;QACZW,QAAQ;QACR,GAAG7B,iBAAiB8B,KAAK;QACzBC,iBAAiBhC,OAAOiC,0BAA0B;QAClDC,WAAW;QACXC,sBAAsBnC,OAAOoC,gBAAgB;QAC7CC,yBAAyBrC,OAAOoC,gBAAgB;QAChDE,kBAAkB;QAClBC,mBAAmB;QACnBC,SAAS,GAAGxC,OAAOkB,iBAAiB,CAAC,CAAC,EAAElB,OAAOyC,mBAAmB,EAAE;QACpE,GAAG1C,gCAAgC;YACjC2C,SAAS,GAAG1C,OAAO2C,gBAAgB,CAAC,OAAO,EAAE3C,OAAO4C,iBAAiB,EAAE;YACvEC,cAAc7C,OAAO8C,kBAAkB;YACvC,GAAGlD,WAAWmD,WAAW,CAAC,cAAc;QAC1C,EAAE;IACJ;IACAC,cAAc;QACZvC,OAAOT,OAAOwB,6BAA6B;IAC7C;IACAnB,MAAM;QACJ4C,QAAQjD,OAAOc,eAAe;QAC9BoC,OAAOlD,OAAOc,eAAe;QAC7BC,YAAYf,OAAOgB,iBAAiB;QACpCH,UAAUb,OAAOc,eAAe;QAChCK,YAAY;QACZe,WAAW;QACX3B,SAAS;QACT4C,gBAAgB;QAChBC,oBAAoB;QACpBC,eAAe;QACf3B,UAAU;QACVM,iBAAiBhC,OAAOiC,0BAA0B;QAClDxB,OAAOT,OAAOyB,uBAAuB;QACrC6B,iBAAiBtD,OAAOyC,mBAAmB;IAC7C;IACAc,WAAW;QACT9C,OAAOT,OAAOwB,6BAA6B;IAC7C;AACF;AAEA,sCAAsC,GACtC,OAAO,MAAMgC,0CAA0C,CACrDC;IAEA;IAEA,MAAMC,SAASpD;IACf,MAAM,EAAEqD,UAAU,EAAE,GAAGF;~~IAEvBA~~,MAAMtD,IAAI,CAACyD,SAAS,GAAG9D,aACrBI,gCAAgCC,IAAI,EACpCuD,OAAOvD,IAAI,EACXwD,eAAe,WAAWD,OAAOnC,SAAS,EAC1CkC,MAAMtD,IAAI,CAACyD,SAAS;IAGtB,IAAIH,MAAMrD,aAAa,EAAE;~~QACvBqD~~,MAAMrD,aAAa,CAACwD,SAAS,GAAG9D,aAC9BI,gCAAgCE,aAAa,EAC7CsD,OAAOtD,aAAa,EACpBuD,eAAe,UAAUD,OAAOV,YAAY,GAAGa,WAC/CJ,MAAMrD,aAAa,CAACwD,SAAS;IAEjC;IAEA,IAAIH,MAAMpD,IAAI,EAAE;~~QACdoD~~,MAAMpD,IAAI,CAACuD,SAAS,GAAG9D,aACrBI,gCAAgCG,IAAI,EACpCqD,OAAOrD,IAAI,EACXsD,eAAe,UAAUD,OAAOH,SAAS,GAAGM,WAC5CJ,MAAMpD,IAAI,CAACuD,SAAS;IAExB;IACA,OAAOH;AACT,EAAE"}
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 // 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":"AAAA;AAEA,SAASA,UAAU,EAAEC,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AACtE,SAASC,+BAA+B,QAAQ,0BAA0B;AAC1E,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,wBAAwB;AAIjE,OAAO,MAAMC,kCAA8E;IACzFC,MAAM;IACNC,eAAe;IACfC,MAAM;AACR,EAAE;AAEF,MAAMC,YAAYT,WAAW;IAC3BM,MAAM;QACJI,SAAS;QACTC,eAAe;QACfC,OAAOT,OAAOU,uBAAuB;QACrCC,YAAYX,OAAOY,kBAAkB;QACrCC,UAAUb,OAAOc,eAAe;QAChCC,YAAYf,OAAOgB,iBAAiB;QACpCC,eAAejB,OAAOkB,iBAAiB;QACvCC,YAAY;QACZC,WAAWpB,OAAOqB,qBAAqB;QACvCC,cAActB,OAAOqB,qBAAqB;IAC5C;IACAE,WAAW;QACTd,OAAOT,OAAOwB,6BAA6B;IAC7C;IACApB,eAAe;QACbK,OAAOT,OAAOyB,uBAAuB;QACrCC,UAAU;QACVC,QAAQ,GAAG3B,OAAO4B,eAAe,CAAC,OAAO,EAAE5B,OAAO6B,sBAAsB,EAAE;QAC1EtB,SAAS;QACTY,YAAY;QACZW,QAAQ;QACR,GAAG7B,iBAAiB8B,KAAK;QACzBC,iBAAiBhC,OAAOiC,0BAA0B;QAClDC,WAAW;QACXC,sBAAsBnC,OAAOoC,gBAAgB;QAC7CC,yBAAyBrC,OAAOoC,gBAAgB;QAChDE,kBAAkB;QAClBC,mBAAmB;QACnBC,SAAS,GAAGxC,OAAOkB,iBAAiB,CAAC,CAAC,EAAElB,OAAOyC,mBAAmB,EAAE;QACpE,GAAG1C,gCAAgC;YACjC2C,SAAS,GAAG1C,OAAO2C,gBAAgB,CAAC,OAAO,EAAE3C,OAAO4C,iBAAiB,EAAE;YACvEC,cAAc7C,OAAO8C,kBAAkB;YACvC,GAAGlD,WAAWmD,WAAW,CAAC,cAAc;QAC1C,EAAE;IACJ;IACAC,cAAc;QACZvC,OAAOT,OAAOwB,6BAA6B;IAC7C;IACAnB,MAAM;QACJ4C,QAAQjD,OAAOc,eAAe;QAC9BoC,OAAOlD,OAAOc,eAAe;QAC7BC,YAAYf,OAAOgB,iBAAiB;QACpCH,UAAUb,OAAOc,eAAe;QAChCK,YAAY;QACZe,WAAW;QACX3B,SAAS;QACT4C,gBAAgB;QAChBC,oBAAoB;QACpBC,eAAe;QACf3B,UAAU;QACVM,iBAAiBhC,OAAOiC,0BAA0B;QAClDxB,OAAOT,OAAOyB,uBAAuB;QACrC6B,iBAAiBtD,OAAOyC,mBAAmB;IAC7C;IACAc,WAAW;QACT9C,OAAOT,OAAOwB,6BAA6B;IAC7C;AACF;AAEA,sCAAsC,GACtC,OAAO,MAAMgC,0CAA0C,CACrDC;IAEA;IAEA,MAAMC,SAASpD;IACf,MAAM,EAAEqD,UAAU,EAAE,GAAGF;IAEvB,oDAAoD;IACpDA,MAAMtD,IAAI,CAACyD,SAAS,GAAG9D,aACrBI,gCAAgCC,IAAI,EACpCuD,OAAOvD,IAAI,EACXwD,eAAe,WAAWD,OAAOnC,SAAS,EAC1CkC,MAAMtD,IAAI,CAACyD,SAAS;IAGtB,IAAIH,MAAMrD,aAAa,EAAE;QACvB,oDAAoD;QACpDqD,MAAMrD,aAAa,CAACwD,SAAS,GAAG9D,aAC9BI,gCAAgCE,aAAa,EAC7CsD,OAAOtD,aAAa,EACpBuD,eAAe,UAAUD,OAAOV,YAAY,GAAGa,WAC/CJ,MAAMrD,aAAa,CAACwD,SAAS;IAEjC;IAEA,IAAIH,MAAMpD,IAAI,EAAE;QACd,oDAAoD;QACpDoD,MAAMpD,IAAI,CAACuD,SAAS,GAAG9D,aACrBI,gCAAgCG,IAAI,EACpCqD,OAAOrD,IAAI,EACXsD,eAAe,UAAUD,OAAOH,SAAS,GAAGM,WAC5CJ,MAAMpD,IAAI,CAACuD,SAAS;IAExB;IACA,OAAOH;AACT,EAAE"}

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

@@ -36,6 +36,7 @@ export const useTeachingPopoverSurfaceStyles_unstable = state => {
   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 CHANGED Viewed

	@@ -1 +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":[]}
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 // 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,aAAa;;EACb,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 CHANGED Viewed

@@ -19,6 +19,7 @@ const useStyles = makeStyles({
     '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;