Initial commit

node_modules/@fluentui/react-teaching-popover/lib-commonjs/components/TeachingPopoverFooter/TeachingPopoverFooter.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TeachingPopoverFooter", {
+    enumerable: true,
+    get: function() {
+        return TeachingPopoverFooter;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useTeachingPopoverFooter = require("./useTeachingPopoverFooter");
+const _renderTeachingPopoverFooter = require("./renderTeachingPopoverFooter");
+const _useTeachingPopoverFooterStylesstyles = require("./useTeachingPopoverFooterStyles.styles");
+const TeachingPopoverFooter = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useTeachingPopoverFooter.useTeachingPopoverFooter_unstable)(props, ref);
+    (0, _useTeachingPopoverFooterStylesstyles.useTeachingPopoverFooterStyles_unstable)(state);
+    return (0, _renderTeachingPopoverFooter.renderTeachingPopoverFooter_unstable)(state);
+});
+TeachingPopoverFooter.displayName = 'TeachingPopoverFooter';

node_modules/@fluentui/react-teaching-popover/lib-commonjs/components/TeachingPopoverFooter/TeachingPopoverFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TeachingPopoverFooter/TeachingPopoverFooter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverFooter_unstable } from './useTeachingPopoverFooter';\nimport { renderTeachingPopoverFooter_unstable } from './renderTeachingPopoverFooter';\nimport { useTeachingPopoverFooterStyles_unstable } from './useTeachingPopoverFooterStyles.styles';\nimport type { TeachingPopoverFooterProps } from './TeachingPopoverFooter.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled TeachingPopoverFooter, using the `useTeachingPopoverFooter_unstable` and `useTeachingPopoverFooterStyles_unstable`\n * hooks.\n *\n * TeachingPopoverFooter will provide both a secondary and primary button for the TeachingPopover,\n * and handle Popover functionality such as closing the popup.\n *\n * Users must provide the localized text for each button within the footer via slots.\n */\nexport const TeachingPopoverFooter: ForwardRefComponent<TeachingPopoverFooterProps> = React.forwardRef((props, ref) => {\n  const state = useTeachingPopoverFooter_unstable(props, ref);\n\n  useTeachingPopoverFooterStyles_unstable(state);\n\n  return renderTeachingPopoverFooter_unstable(state);\n});\n\nTeachingPopoverFooter.displayName = 'TeachingPopoverFooter';\n"],"names":["TeachingPopoverFooter","React","forwardRef","props","ref","state","useTeachingPopoverFooter_unstable","useTeachingPopoverFooterStyles_unstable","renderTeachingPopoverFooter_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBaA;;;eAAAA;;;;iEAhBU;0CAC2B;6CACG;sDACG;AAajD,MAAMA,wBAAAA,WAAAA,GAAyEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7G,MAAMC,QAAQC,IAAAA,2DAAAA,EAAkCH,OAAOC;IAEvDG,IAAAA,6EAAAA,EAAwCF;IAExC,OAAOG,IAAAA,iEAAAA,EAAqCH;AAC9C;AAEAL,sBAAsBS,WAAW,GAAG"}

node_modules/@fluentui/react-teaching-popover/lib-commonjs/components/TeachingPopoverFooter/TeachingPopoverFooter.types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

node_modules/@fluentui/react-teaching-popover/lib-commonjs/components/TeachingPopoverFooter/TeachingPopoverFooter.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TeachingPopoverFooter/TeachingPopoverFooter.types.ts"],"sourcesContent":["import { Button } from '@fluentui/react-button';\nimport { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { 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":[],"rangeMappings":"","mappings":""}

node_modules/@fluentui/react-teaching-popover/lib-commonjs/components/TeachingPopoverFooter/index.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    TeachingPopoverFooter: function() {
+        return _TeachingPopoverFooter.TeachingPopoverFooter;
+    },
+    renderTeachingPopoverFooter_unstable: function() {
+        return _renderTeachingPopoverFooter.renderTeachingPopoverFooter_unstable;
+    },
+    teachingPopoverFooterClassNames: function() {
+        return _useTeachingPopoverFooterStylesstyles.teachingPopoverFooterClassNames;
+    },
+    useTeachingPopoverFooterStyles_unstable: function() {
+        return _useTeachingPopoverFooterStylesstyles.useTeachingPopoverFooterStyles_unstable;
+    },
+    useTeachingPopoverFooter_unstable: function() {
+        return _useTeachingPopoverFooter.useTeachingPopoverFooter_unstable;
+    }
+});
+const _TeachingPopoverFooter = require("./TeachingPopoverFooter");
+const _renderTeachingPopoverFooter = require("./renderTeachingPopoverFooter");
+const _useTeachingPopoverFooter = require("./useTeachingPopoverFooter");
+const _useTeachingPopoverFooterStylesstyles = require("./useTeachingPopoverFooterStyles.styles");

node_modules/@fluentui/react-teaching-popover/lib-commonjs/components/TeachingPopoverFooter/index.js.map

@@ -0,0 +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","teachingPopoverFooterClassNames","useTeachingPopoverFooterStyles_unstable","useTeachingPopoverFooter_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,qBAAqB;eAArBA,4CAAqB;;IAMrBC,oCAAoC;eAApCA,iEAAoC;;IAG3CC,+BAA+B;eAA/BA,qEAA+B;;IAC/BC,uCAAuC;eAAvCA,6EAAuC;;IAHhCC,iCAAiC;eAAjCA,2DAAiC;;;uCAPJ;6CAMe;0CACH;sDAI3C"}

node_modules/@fluentui/react-teaching-popover/lib-commonjs/components/TeachingPopoverFooter/renderTeachingPopoverFooter.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderTeachingPopoverFooter_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderTeachingPopoverFooter_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderTeachingPopoverFooter_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(state.primary, {}),
+            state.secondary && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.secondary, {})
+        ]
+    });
+};

node_modules/@fluentui/react-teaching-popover/lib-commonjs/components/TeachingPopoverFooter/renderTeachingPopoverFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TeachingPopoverFooter/renderTeachingPopoverFooter.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverFooterState } from './TeachingPopoverFooter.types';\nimport { TeachingPopoverFooterSlots } from './TeachingPopoverFooter.types';\nimport { assertSlots } from '@fluentui/react-utilities';\n\n/**\n * Render the final JSX of TeachingPopoverFooter\n */\nexport const renderTeachingPopoverFooter_unstable = (state: TeachingPopoverFooterState) => {\n  assertSlots<TeachingPopoverFooterSlots>(state);\n\n  return (\n    <state.root>\n      <state.primary />\n      {state.secondary && <state.secondary />}\n    </state.root>\n  );\n};\n"],"names":["renderTeachingPopoverFooter_unstable","state","assertSlots","_jsxs","root","_jsx","primary","secondary"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAG4B;AAKrB,MAAMA,uCAAuC,CAACC;IACnDC,IAAAA,2BAAAA,EAAwCD;IAExC,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;0BACTC,IAAAA,eAAA,EAACJ,MAAMK,OAAO,EAAA,CAAA;YACbL,MAAMM,SAAS,IAAA,WAAA,GAAIF,IAAAA,eAAA,EAACJ,MAAMM,SAAS,EAAA,CAAA;;;AAG1C"}

node_modules/@fluentui/react-teaching-popover/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooter.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useTeachingPopoverFooter_unstable", {
+    enumerable: true,
+    get: function() {
+        return useTeachingPopoverFooter_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _reactbutton = require("@fluentui/react-button");
+const _reactpopover = require("@fluentui/react-popover");
+const useTeachingPopoverFooter_unstable = (props, ref)=>{
+    const appearance = (0, _reactpopover.usePopoverContext_unstable)((context)=>context.appearance);
+    const toggleOpen = (0, _reactpopover.usePopoverContext_unstable)((context)=>context.toggleOpen);
+    const handleButtonClick = (0, _reactutilities.useEventCallback)((event)=>{
+        if (event.isDefaultPrevented()) {
+            return;
+        }
+        toggleOpen(event);
+    });
+    const secondary = _reactutilities.slot.optional(props.secondary, {
+        defaultProps: {
+            appearance: appearance === 'brand' ? 'primary' : undefined
+        },
+        renderByDefault: props.secondary !== undefined,
+        elementType: _reactbutton.Button
+    });
+    // Merge any provided callback with close trigger
+    if (secondary) {
+        secondary.onClick = (0, _reactutilities.mergeCallbacks)(handleButtonClick, secondary === null || secondary === void 0 ? void 0 : secondary.onClick);
+    }
+    const primary = _reactutilities.slot.always(props.primary, {
+        defaultProps: {
+            appearance: appearance === 'brand' ? undefined : 'primary'
+        },
+        elementType: _reactbutton.Button
+    });
+    // Primary button will close the popover if no secondary action is available.
+    if (!secondary) {
+        primary.onClick = (0, _reactutilities.mergeCallbacks)(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',
+        appearance,
+        components: {
+            root: 'div',
+            primary: _reactbutton.Button,
+            secondary: _reactbutton.Button
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            ref,
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        secondary,
+        primary
+    };
+};

node_modules/@fluentui/react-teaching-popover/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TeachingPopoverFooter/useTeachingPopoverFooter.ts"],"sourcesContent":["import * 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":["useTeachingPopoverFooter_unstable","props","ref","appearance","usePopoverContext_unstable","context","toggleOpen","handleButtonClick","useEventCallback","event","isDefaultPrevented","secondary","slot","optional","defaultProps","undefined","renderByDefault","elementType","Button","onClick","mergeCallbacks","primary","always","footerLayout","components","root","getIntrinsicElementProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;gCAC0D;6BAE1D;8BACoB;AAOpC,MAAMA,oCAAoC,CAC/CC,OACAC;IAEA,MAAMC,aAAaC,IAAAA,wCAAAA,EAA2BC,CAAAA,UAAWA,QAAQF,UAAU;IAC3E,MAAMG,aAAaF,IAAAA,wCAAAA,EAA2BC,CAAAA,UAAWA,QAAQC,UAAU;IAE3E,MAAMC,oBAAoBC,IAAAA,gCAAAA,EACxB,CAACC;QACC,IAAIA,MAAMC,kBAAkB,IAAI;YAC9B;QACF;QAEAJ,WAAWG;IACb;IAGF,MAAME,YAAYC,oBAAAA,CAAKC,QAAQ,CAACZ,MAAMU,SAAS,EAAE;QAC/CG,cAAc;YACZX,YAAYA,eAAe,UAAU,YAAYY;QACnD;QACAC,iBAAiBf,MAAMU,SAAS,KAAKI;QACrCE,aAAaC,mBAAAA;IACf;IAEA,iDAAiD;IACjD,IAAIP,WAAW;QACbA,UAAUQ,OAAO,GAAGC,IAAAA,8BAAAA,EAAeb,mBAAmBI,cAAAA,QAAAA,cAAAA,KAAAA,IAAAA,KAAAA,IAAAA,UAAWQ,OAAO;IAC1E;IAEA,MAAME,UAAUT,oBAAAA,CAAKU,MAAM,CAACrB,MAAMoB,OAAO,EAAE;QACzCP,cAAc;YACZX,YAAYA,eAAe,UAAUY,YAAY;QACnD;QACAE,aAAaC,mBAAAA;IACf;IAEA,6EAA6E;IAC7E,IAAI,CAACP,WAAW;QACdU,QAAQF,OAAO,GAAGC,IAAAA,8BAAAA,EAAeb,mBAAmBc,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAASF,OAAO;IACtE;QAGgBlB;IADhB,OAAO;QACLsB,cAActB,CAAAA,sBAAAA,MAAMsB,YAAY,AAAZA,MAAY,QAAlBtB,wBAAAA,KAAAA,IAAAA,sBAAsB;QACpCE;QACAqB,YAAY;YACVC,MAAM;YACNJ,SAASH,mBAAAA;YACTP,WAAWO,mBAAAA;QACb;QACAO,MAAMb,oBAAAA,CAAKU,MAAM,CACfI,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BxB;YACA,GAAGD,KAAK;QACV,IACA;YAAEgB,aAAa;QAAM;QAEvBN;QACAU;IACF;AACF"}

node_modules/@fluentui/react-teaching-popover/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js

@@ -0,0 +1,127 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    teachingPopoverFooterClassNames: function() {
+        return teachingPopoverFooterClassNames;
+    },
+    useTeachingPopoverFooterStyles_unstable: function() {
+        return useTeachingPopoverFooterStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const teachingPopoverFooterClassNames = {
+    root: 'fui-TeachingPopoverFooter',
+    primary: 'fui-TeachingPopoverFooter__primary',
+    secondary: 'fui-TeachingPopoverFooter__secondary'
+};
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        mc9l5x: "f22iagw",
+        i8kkvl: 0,
+        Belr9w4: 0,
+        rmohyg: "f19gb1f4",
+        z8tnut: "f1kcqot9"
+    },
+    rootVertical: {
+        Beiy3e4: "f1vx9l62"
+    },
+    rootHorizontal: {
+        Beiy3e4: "f1063pyq",
+        Brf1p80: "f9c4gz4"
+    },
+    buttonRootVertical: {
+        a9b677: "f14z66ap",
+        Beyfa6y: 0,
+        Bbmb7ep: 0,
+        Btl43ni: 0,
+        B7oj6ja: 0,
+        Dimara: "ff3glw6"
+    },
+    buttonRootHorizontal: {
+        Bf4jedk: "f14es27b",
+        Beyfa6y: 0,
+        Bbmb7ep: 0,
+        Btl43ni: 0,
+        B7oj6ja: 0,
+        Dimara: "ff3glw6"
+    },
+    brandSecondary: {
+        g2u3we: "fm1ebug",
+        h3c5rm: [
+            "f28omuz",
+            "f1uhflii"
+        ],
+        B9xav0g: "f1ixw5o4",
+        zhjwy3: [
+            "f1uhflii",
+            "f28omuz"
+        ]
+    },
+    brandPrimary: {
+        sj55zd: "f16muhyy",
+        De3pzq: "f10s6wn9",
+        Bi91k9c: "f3ymbdj",
+        Jwef8y: "f1rgtb95",
+        B2d53fq: "f1pu27ff",
+        iro3zm: "f1d5c7in"
+    }
+}, {
+    d: [
+        ".f22iagw{display:flex;}",
+        [
+            ".f19gb1f4{gap:8px;}",
+            {
+                p: -1
+            }
+        ],
+        ".f1kcqot9{padding-top:12px;}",
+        ".f1vx9l62{flex-direction:column;}",
+        ".f1063pyq{flex-direction:row;}",
+        ".f9c4gz4{justify-content:flex-end;}",
+        ".f14z66ap{width:auto;}",
+        [
+            ".ff3glw6{border-radius:4px;}",
+            {
+                p: -1
+            }
+        ],
+        ".f14es27b{min-width:96px;}",
+        [
+            ".ff3glw6{border-radius:4px;}",
+            {
+                p: -1
+            }
+        ],
+        ".fm1ebug{border-top-color:var(--colorNeutralForegroundOnBrand);}",
+        ".f28omuz{border-right-color:var(--colorNeutralForegroundOnBrand);}",
+        ".f1uhflii{border-left-color:var(--colorNeutralForegroundOnBrand);}",
+        ".f1ixw5o4{border-bottom-color:var(--colorNeutralForegroundOnBrand);}",
+        ".f16muhyy{color:var(--colorBrandForeground1);}",
+        ".f10s6wn9{background-color:var(--colorNeutralForegroundOnBrand);}"
+    ],
+    h: [
+        ".f3ymbdj:hover{color:var(--colorCompoundBrandForeground1Hover);}",
+        ".f1rgtb95:hover{background-color:var(--colorNeutralForegroundOnBrand);}",
+        ".f1pu27ff:hover:active{color:var(--colorCompoundBrandForeground1Pressed);}",
+        ".f1d5c7in:hover:active{background-color:var(--colorNeutralForegroundOnBrand);}"
+    ]
+});
+const useTeachingPopoverFooterStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    const { appearance, footerLayout } = state;
+    state.root.className = (0, _react.mergeClasses)(teachingPopoverFooterClassNames.root, styles.root, footerLayout === 'horizontal' ? styles.rootHorizontal : styles.rootVertical, state.root.className);
+    if (state.secondary) {
+        state.secondary.className = (0, _react.mergeClasses)(teachingPopoverFooterClassNames.secondary, footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical, appearance === 'brand' ? styles.brandSecondary : undefined, state.secondary.className);
+    }
+    state.primary.className = (0, _react.mergeClasses)(teachingPopoverFooterClassNames.primary, footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical, appearance === 'brand' ? styles.brandPrimary : undefined, state.primary.className);
+    return state;
+};

node_modules/@fluentui/react-teaching-popover/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTeachingPopoverFooterStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverFooterClassNames = {\n    root: 'fui-TeachingPopoverFooter',\n    primary: 'fui-TeachingPopoverFooter__primary',\n    secondary: 'fui-TeachingPopoverFooter__secondary'\n};\nconst useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        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"],"names":["teachingPopoverFooterClassNames","useTeachingPopoverFooterStyles_unstable","root","primary","secondary","useStyles","__styles","mc9l5x","i8kkvl","Belr9w4","rmohyg","z8tnut","rootVertical","Beiy3e4","rootHorizontal","Brf1p80","buttonRootVertical","a9b677","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","buttonRootHorizontal","Bf4jedk","brandSecondary","g2u3we","h3c5rm","B9xav0g","zhjwy3","brandPrimary","sj55zd","De3pzq","Bi91k9c","Jwef8y","B2d53fq","iro3zm","d","p","h","state","styles","appearance","footerLayout","className","mergeClasses","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,+BAA+B;eAA/BA;;IA0CyCC,uCAAuC;eAAvCA;;;uBA5CD;AAE9C,MAAMD,kCAAkC;IAC3CE,MAAM;IACNC,SAAS;IACTC,WAAW;AACf;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAJ,MAAA;QAAAK,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;IAAA;IAAAC,cAAA;QAAAC,SAAA;IAAA;IAAAC,gBAAA;QAAAD,SAAA;QAAAE,SAAA;IAAA;IAAAC,oBAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,sBAAA;QAAAC,SAAA;QAAAN,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAG,gBAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,cAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAqC8B,MAAMtC,0CAA2CuC,CAAAA;IAC7F;IACA,MAAMC,SAASpC;IACf,MAAM,EAAEqC,UAAU,EAAEC,YAAAA,EAAc,GAAGH;IACrCA,MAAMtC,IAAI,CAAC0C,SAAS,GAAGC,IAAAA,mBAAY,EAAC7C,gCAAgCE,IAAI,EAAEuC,OAAOvC,IAAI,EAAEyC,iBAAiB,eAAeF,OAAO3B,cAAc,GAAG2B,OAAO7B,YAAY,EAAE4B,MAAMtC,IAAI,CAAC0C,SAAS;IACxL,IAAIJ,MAAMpC,SAAS,EAAE;QACjBoC,MAAMpC,SAAS,CAACwC,SAAS,GAAGC,IAAAA,mBAAY,EAAC7C,gCAAgCI,SAAS,EAAEuC,iBAAiB,eAAeF,OAAOlB,oBAAoB,GAAGkB,OAAOzB,kBAAkB,EAAE0B,eAAe,UAAUD,OAAOhB,cAAc,GAAGqB,WAAWN,MAAMpC,SAAS,CAACwC,SAAS;IACtQ;IACAJ,MAAMrC,OAAO,CAACyC,SAAS,GAAGC,IAAAA,mBAAY,EAAC7C,gCAAgCG,OAAO,EAAEwC,iBAAiB,eAAeF,OAAOlB,oBAAoB,GAAGkB,OAAOzB,kBAAkB,EAAE0B,eAAe,UAAUD,OAAOX,YAAY,GAAGgB,WAAWN,MAAMrC,OAAO,CAACyC,SAAS;IAC1P,OAAOJ;AACX"}