feat: Fluent UI Outlook Lite + connections mockup

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

@@ -0,0 +1,24 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TeachingPopoverBody", {
+    enumerable: true,
+    get: function() {
+        return TeachingPopoverBody;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useTeachingPopoverBody = require("./useTeachingPopoverBody");
+const _renderTeachingPopoverBody = require("./renderTeachingPopoverBody");
+const _useTeachingPopoverBodyStylesstyles = require("./useTeachingPopoverBodyStyles.styles");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const TeachingPopoverBody = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useTeachingPopoverBody.useTeachingPopoverBody_unstable)(props, ref);
+    (0, _useTeachingPopoverBodyStylesstyles.useTeachingPopoverBodyStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useTeachingPopoverBodyStyles_unstable')(state);
+    return (0, _renderTeachingPopoverBody.renderTeachingPopoverBody_unstable)(state);
+});
+TeachingPopoverBody.displayName = 'TeachingPopoverBody';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TeachingPopoverBody/TeachingPopoverBody.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useTeachingPopoverBody_unstable } from './useTeachingPopoverBody';\nimport { renderTeachingPopoverBody_unstable } from './renderTeachingPopoverBody';\nimport { useTeachingPopoverBodyStyles_unstable } from './useTeachingPopoverBodyStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport type { TeachingPopoverBodyProps } from './TeachingPopoverBody.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled TeachingPopoverBody, using the `useTeachingPopoverBody_unstable` and `useTeachingPopoverBodyStyles_unstable`\n * hooks.\n *\n * TeachingPopoverBody is used to host content within a TeachingPopover, and provides a standardized media slot\n */\nexport const TeachingPopoverBody: ForwardRefComponent<TeachingPopoverBodyProps> = React.forwardRef((props, ref) => {\n  const state = useTeachingPopoverBody_unstable(props, ref);\n\n  useTeachingPopoverBodyStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useTeachingPopoverBodyStyles_unstable')(state);\n\n  return renderTeachingPopoverBody_unstable(state);\n});\n\nTeachingPopoverBody.displayName = 'TeachingPopoverBody';\n"],"names":["React","useTeachingPopoverBody_unstable","renderTeachingPopoverBody_unstable","useTeachingPopoverBodyStyles_unstable","useCustomStyleHook_unstable","TeachingPopoverBody","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;wCACiB,2BAA2B;2CACxB,8BAA8B;oDAC3B,wCAAwC;qCAClD,kCAAkC;AAUvE,MAAMK,sBAAAA,WAAAA,GAAqEL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACzG,MAAMC,YAAQR,uDAAAA,EAAgCM,OAAOC;QAErDL,yEAAAA,EAAsCM;QAEtCL,gDAAAA,EAA4B,yCAAyCK;IAErE,WAAOP,6DAAAA,EAAmCO;AAC5C,GAAG;AAEHJ,oBAAoBK,WAAW,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TeachingPopoverBody/TeachingPopoverBody.types.ts"],"sourcesContent":["import { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type TeachingPopoverBodySlots = {\n  /**\n   * The element wrapping the buttons.\n   */\n  root: NonNullable<Slot<'div'>>;\n  /**\n   * Optional Media Content.\n   */\n  media?: Slot<'span'>;\n};\n\nexport type TeachingPopoverBodyProps = ComponentProps<TeachingPopoverBodySlots> & {\n  mediaLength?: 'short' | 'medium' | 'tall';\n};\n\nexport type TeachingPopoverBodyState = ComponentState<TeachingPopoverBodySlots> &\n  Required<Pick<TeachingPopoverBodyProps, 'mediaLength'>>;\n"],"names":[],"mappings":""}

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

@@ -0,0 +1,34 @@
+"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, {
+    TeachingPopoverBody: function() {
+        return _TeachingPopoverBody.TeachingPopoverBody;
+    },
+    renderTeachingPopoverBody_unstable: function() {
+        return _renderTeachingPopoverBody.renderTeachingPopoverBody_unstable;
+    },
+    teachingPopoverBodyClassNames: function() {
+        return _useTeachingPopoverBodyStylesstyles.teachingPopoverBodyClassNames;
+    },
+    useMediaStyles: function() {
+        return _useTeachingPopoverBodyStylesstyles.useMediaStyles;
+    },
+    useTeachingPopoverBodyStyles_unstable: function() {
+        return _useTeachingPopoverBodyStylesstyles.useTeachingPopoverBodyStyles_unstable;
+    },
+    useTeachingPopoverBody_unstable: function() {
+        return _useTeachingPopoverBody.useTeachingPopoverBody_unstable;
+    }
+});
+const _TeachingPopoverBody = require("./TeachingPopoverBody");
+const _renderTeachingPopoverBody = require("./renderTeachingPopoverBody");
+const _useTeachingPopoverBody = require("./useTeachingPopoverBody");
+const _useTeachingPopoverBodyStylesstyles = require("./useTeachingPopoverBodyStyles.styles");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TeachingPopoverBody/index.ts"],"sourcesContent":["export { TeachingPopoverBody } from './TeachingPopoverBody';\nexport type {\n  TeachingPopoverBodyProps,\n  TeachingPopoverBodySlots,\n  TeachingPopoverBodyState,\n} from './TeachingPopoverBody.types';\nexport { renderTeachingPopoverBody_unstable } from './renderTeachingPopoverBody';\nexport { useTeachingPopoverBody_unstable } from './useTeachingPopoverBody';\nexport {\n  teachingPopoverBodyClassNames,\n  useMediaStyles,\n  useTeachingPopoverBodyStyles_unstable,\n} from './useTeachingPopoverBodyStyles.styles';\n"],"names":["TeachingPopoverBody","renderTeachingPopoverBody_unstable","useTeachingPopoverBody_unstable","teachingPopoverBodyClassNames","useMediaStyles","useTeachingPopoverBodyStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,wCAAmB;;;eAMnBC,6DAAkC;;;eAGzCE,iEAA6B;;;eAC7BC,kDAAc;;;eACdC,yEAAqC;;;eAJ9BH,uDAA+B;;;qCAPJ,wBAAwB;2CAMT,8BAA8B;wCACjC,2BAA2B;oDAKpE,wCAAwC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TeachingPopoverBody/renderTeachingPopoverBody.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverBodyState } from './TeachingPopoverBody.types';\nimport { TeachingPopoverBodySlots } from './TeachingPopoverBody.types';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\n/**\n * Render the final JSX of TeachingPopoverBody\n */\nexport const renderTeachingPopoverBody_unstable = (state: TeachingPopoverBodyState): JSXElement => {\n  assertSlots<TeachingPopoverBodySlots>(state);\n\n  return (\n    <state.root>\n      {state.media && <state.media />}\n      {state.root.children}\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderTeachingPopoverBody_unstable","state","root","media","children"],"mappings":";;;;+BAUaC;;;;;;4BATb,iCAAiD;gCAGrB,4BAA4B;AAMjD,2CAA2C,CAACC;QACjDF,2BAAAA,EAAsCE;IAEtC,OAAA,WAAA,OACE,gBAAA,EAACA,MAAMC,IAAI,EAAA;;YACRD,MAAME,KAAK,IAAA,WAAA,OAAI,eAAA,EAACF,MAAME,KAAK,EAAA,CAAA;YAC3BF,MAAMC,IAAI,CAACE,QAAQ;;;AAG1B,EAAE"}

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useTeachingPopoverBody_unstable", {
+    enumerable: true,
+    get: function() {
+        return useTeachingPopoverBody_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 useTeachingPopoverBody_unstable = (props, ref)=>{
+    const { mediaLength } = props;
+    return {
+        components: {
+            root: 'div',
+            media: 'span'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            ref,
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        media: _reactutilities.slot.optional(props.media, {
+            elementType: 'span'
+        }),
+        mediaLength: mediaLength !== null && mediaLength !== void 0 ? mediaLength : 'short'
+    };
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TeachingPopoverBody/useTeachingPopoverBody.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { TeachingPopoverBodyProps, TeachingPopoverBodyState } from './TeachingPopoverBody.types';\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverBody properties\n * @param ref - reference to root HTMLElement of TeachingPopoverBody\n */\nexport const useTeachingPopoverBody_unstable = (\n  props: TeachingPopoverBodyProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverBodyState => {\n  const { mediaLength } = props;\n\n  return {\n    components: {\n      root: 'div',\n      media: 'span',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    media: slot.optional(props.media, { elementType: 'span' }),\n    mediaLength: mediaLength ?? 'short',\n  };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useTeachingPopoverBody_unstable","props","ref","mediaLength","components","root","media","always","elementType","optional"],"mappings":";;;;+BAQaG;;;;;;;iEARU,QAAQ;gCACgB,4BAA4B;AAOpE,wCAAwC,CAC7CC,OACAC;IAEA,MAAM,EAAEC,WAAW,EAAE,GAAGF;IAExB,OAAO;QACLG,YAAY;YACVC,MAAM;YACNC,OAAO;QACT;QACAD,MAAMN,oBAAAA,CAAKQ,MAAM,KACfT,wCAAAA,EAAyB,OAAO;YAC9BI;YACA,GAAGD,KAAK;QACV,IACA;YAAEO,aAAa;QAAM;QAEvBF,OAAOP,oBAAAA,CAAKU,QAAQ,CAACR,MAAMK,KAAK,EAAE;YAAEE,aAAa;QAAO;QACxDL,aAAaA,gBAAAA,QAAAA,gBAAAA,KAAAA,IAAAA,cAAe;IAC9B;AACF,EAAE"}

node_modules/@fluentui/react-teaching-popover/lib-commonjs/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js

@@ -0,0 +1,109 @@
+'use client';
+"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, {
+    teachingPopoverBodyClassNames: function() {
+        return teachingPopoverBodyClassNames;
+    },
+    useMediaStyles: function() {
+        return useMediaStyles;
+    },
+    useTeachingPopoverBodyStyles_unstable: function() {
+        return useTeachingPopoverBodyStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const teachingPopoverBodyClassNames = {
+    root: 'fui-TeachingPopoverBody',
+    media: 'fui-TeachingPopoverBody__media'
+};
+const popoverBodyDimension = 288;
+const useMediaStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        Bw0ie65: 0,
+        Br312pm: 0,
+        nk6f5a: 0,
+        Ijaq50: 0,
+        Bq1tomu: "fujjg13",
+        B68tc82: 0,
+        Bmxbyg5: 0,
+        Bpg54ce: "f1a3p1vp",
+        a9b677: "f14z66ap",
+        jrapky: "f1jlhsmd",
+        ha4doy: "fmrv4ls",
+        Brf1p80: "f4d9j23",
+        mc9l5x: "f22iagw"
+    },
+    short: {
+        Bubjx69: "f1taewuw",
+        Bfd67p1: "f2f587x"
+    },
+    medium: {
+        Bubjx69: "f7da563",
+        Bfd67p1: "fmwcswg"
+    },
+    tall: {
+        Bubjx69: "f9ikmtg",
+        Bfd67p1: "f1gv48o"
+    }
+}, {
+    d: [
+        [
+            ".fujjg13{grid-area:media;}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f1a3p1vp{overflow:hidden;}",
+            {
+                p: -1
+            }
+        ],
+        ".f14z66ap{width:auto;}",
+        ".f1jlhsmd{margin-bottom:12px;}",
+        ".fmrv4ls{vertical-align:middle;}",
+        ".f4d9j23{justify-content:center;}",
+        ".f22iagw{display:flex;}",
+        ".f1taewuw{aspect-ratio:2.4615384615384617;}",
+        ".f7da563{aspect-ratio:1.6363636363636365;}",
+        ".f9ikmtg{aspect-ratio:1;}"
+    ],
+    t: [
+        "@supports not (aspect-ratio){.f2f587x{height:117px;}}",
+        "@supports not (aspect-ratio){.fmwcswg{height:176px;}}",
+        "@supports not (aspect-ratio){.f1gv48o{height:288px;}}"
+    ]
+});
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        mc9l5x: "f22iagw",
+        Beiy3e4: "f1vx9l62",
+        Byoj8tv: "fpe6lb7"
+    }
+}, {
+    d: [
+        ".f22iagw{display:flex;}",
+        ".f1vx9l62{flex-direction:column;}",
+        ".fpe6lb7{padding-bottom:12px;}"
+    ]
+});
+const useTeachingPopoverBodyStyles_unstable = (state)=>{
+    'use no memo';
+    const { mediaLength } = state;
+    const styles = useStyles();
+    const mediaStyles = useMediaStyles();
+    state.root.className = (0, _react.mergeClasses)(teachingPopoverBodyClassNames.root, styles.root, state.root.className);
+    if (state.media) {
+        state.media.className = (0, _react.mergeClasses)(teachingPopoverBodyClassNames.media, mediaStyles.base, mediaStyles[mediaLength], state.media.className);
+    }
+    return state;
+};

node_modules/@fluentui/react-teaching-popover/lib-commonjs/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTeachingPopoverBodyStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverBodyClassNames = {\n    root: 'fui-TeachingPopoverBody',\n    media: 'fui-TeachingPopoverBody__media'\n};\nconst popoverBodyDimension = 288;\nexport const useMediaStyles = makeStyles({\n    base: {\n        gridArea: 'media',\n        overflow: 'hidden',\n        width: 'auto',\n        marginBottom: '12px',\n        verticalAlign: 'middle',\n        justifyContent: 'center',\n        display: 'flex'\n    },\n    short: {\n        aspectRatio: popoverBodyDimension / 117,\n        '@supports not (aspect-ratio)': {\n            height: '117px'\n        }\n    },\n    medium: {\n        aspectRatio: popoverBodyDimension / 176,\n        '@supports not (aspect-ratio)': {\n            height: '176px'\n        }\n    },\n    tall: {\n        aspectRatio: 1,\n        '@supports not (aspect-ratio)': {\n            height: `${popoverBodyDimension}px`\n        }\n    }\n});\nconst useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        paddingBottom: '12px'\n    }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverBodyStyles_unstable = (state)=>{\n    'use no memo';\n    const { mediaLength } = state;\n    const styles = useStyles();\n    const mediaStyles = useMediaStyles();\n    state.root.className = mergeClasses(teachingPopoverBodyClassNames.root, styles.root, state.root.className);\n    if (state.media) {\n        state.media.className = mergeClasses(teachingPopoverBodyClassNames.media, mediaStyles.base, mediaStyles[mediaLength], state.media.className);\n    }\n    return state;\n};\n"],"names":["__styles","mergeClasses","teachingPopoverBodyClassNames","root","media","popoverBodyDimension","useMediaStyles","base","Bw0ie65","Br312pm","nk6f5a","Ijaq50","Bq1tomu","B68tc82","Bmxbyg5","Bpg54ce","a9b677","jrapky","ha4doy","Brf1p80","mc9l5x","short","Bubjx69","Bfd67p1","medium","tall","d","p","t","useStyles","Beiy3e4","Byoj8tv","useTeachingPopoverBodyStyles_unstable","state","mediaLength","styles","mediaStyles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAECE,6BAA6B;;;kBAKf;;;yCAoCgE;eAArC8B;;;uBA1Cb,gBAAgB;AAClD,sCAAsC;IACzC7B,IAAI,EAAE,yBAAyB;IAC/BC,KAAK,EAAE;AACX,CAAC;AACD,MAAMC,oBAAoB,GAAG,GAAG;AACzB,MAAMC,iBAAc,WAAA,OAAGN,eAAA,EAAA;IAAAO,IAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,KAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,MAAA,EAAA;QAAAF,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAE,IAAA,EAAA;QAAAH,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAG,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CA4B7B,CAAC;AACF,MAAMC,SAAS,GAAA,WAAA,OAAG7B,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAiB,MAAA,EAAA;QAAAU,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAL,CAAA,EAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAMjB,CAAC;AAC8C,+CAA+CO,KAAK,IAAG;IACnG,aAAa;IACb,MAAM,EAAEC,WAAAA,EAAa,GAAGD,KAAK;IAC7B,MAAME,MAAM,GAAGN,SAAS,CAAC,CAAC;IAC1B,MAAMO,WAAW,GAAG9B,cAAc,CAAC,CAAC;IACpC2B,KAAK,CAAC9B,IAAI,CAACkC,SAAS,OAAGpC,mBAAY,EAACC,6BAA6B,CAACC,IAAI,EAAEgC,MAAM,CAAChC,IAAI,EAAE8B,KAAK,CAAC9B,IAAI,CAACkC,SAAS,CAAC;IAC1G,IAAIJ,KAAK,CAAC7B,KAAK,EAAE;QACb6B,KAAK,CAAC7B,KAAK,CAACiC,SAAS,OAAGpC,mBAAY,EAACC,6BAA6B,CAACE,KAAK,EAAEgC,WAAW,CAAC7B,IAAI,EAAE6B,WAAW,CAACF,WAAW,CAAC,EAAED,KAAK,CAAC7B,KAAK,CAACiC,SAAS,CAAC;IAChJ;IACA,OAAOJ,KAAK;AAChB,CAAC"}

node_modules/@fluentui/react-teaching-popover/lib-commonjs/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.raw.js

@@ -0,0 +1,75 @@
+'use client';
+"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, {
+    teachingPopoverBodyClassNames: function() {
+        return teachingPopoverBodyClassNames;
+    },
+    useMediaStyles: function() {
+        return useMediaStyles;
+    },
+    useTeachingPopoverBodyStyles_unstable: function() {
+        return useTeachingPopoverBodyStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const teachingPopoverBodyClassNames = {
+    root: 'fui-TeachingPopoverBody',
+    media: 'fui-TeachingPopoverBody__media'
+};
+const popoverBodyDimension = 288;
+const useMediaStyles = (0, _react.makeStyles)({
+    base: {
+        gridArea: 'media',
+        overflow: 'hidden',
+        width: 'auto',
+        marginBottom: '12px',
+        verticalAlign: 'middle',
+        justifyContent: 'center',
+        display: 'flex'
+    },
+    short: {
+        aspectRatio: popoverBodyDimension / 117,
+        '@supports not (aspect-ratio)': {
+            height: '117px'
+        }
+    },
+    medium: {
+        aspectRatio: popoverBodyDimension / 176,
+        '@supports not (aspect-ratio)': {
+            height: '176px'
+        }
+    },
+    tall: {
+        aspectRatio: 1,
+        '@supports not (aspect-ratio)': {
+            height: `${popoverBodyDimension}px`
+        }
+    }
+});
+const useStyles = (0, _react.makeStyles)({
+    root: {
+        display: 'flex',
+        flexDirection: 'column',
+        paddingBottom: '12px'
+    }
+});
+const useTeachingPopoverBodyStyles_unstable = (state)=>{
+    'use no memo';
+    const { mediaLength } = state;
+    const styles = useStyles();
+    const mediaStyles = useMediaStyles();
+    state.root.className = (0, _react.mergeClasses)(teachingPopoverBodyClassNames.root, styles.root, state.root.className);
+    if (state.media) {
+        state.media.className = (0, _react.mergeClasses)(teachingPopoverBodyClassNames.media, mediaStyles.base, mediaStyles[mediaLength], state.media.className);
+    }
+    return state;
+};

node_modules/@fluentui/react-teaching-popover/lib-commonjs/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { TeachingPopoverBodySlots, TeachingPopoverBodyState } from './TeachingPopoverBody.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const teachingPopoverBodyClassNames: SlotClassNames<TeachingPopoverBodySlots> = {\n  root: 'fui-TeachingPopoverBody',\n  media: 'fui-TeachingPopoverBody__media',\n};\n\nconst popoverBodyDimension = 288;\n\nexport const useMediaStyles = makeStyles({\n  base: {\n    gridArea: 'media',\n    overflow: 'hidden',\n    width: 'auto',\n    marginBottom: '12px',\n    verticalAlign: 'middle',\n    justifyContent: 'center',\n    display: 'flex',\n  },\n  short: {\n    aspectRatio: popoverBodyDimension / 117,\n    '@supports not (aspect-ratio)': {\n      height: '117px',\n    },\n  },\n  medium: {\n    aspectRatio: popoverBodyDimension / 176,\n    '@supports not (aspect-ratio)': {\n      height: '176px',\n    },\n  },\n  tall: {\n    aspectRatio: 1,\n    '@supports not (aspect-ratio)': {\n      height: `${popoverBodyDimension}px`,\n    },\n  },\n});\n\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    paddingBottom: '12px',\n  },\n});\n\n/** Applies style classnames to slots */\nexport const useTeachingPopoverBodyStyles_unstable = (state: TeachingPopoverBodyState): TeachingPopoverBodyState => {\n  'use no memo';\n\n  const { mediaLength } = state;\n  const styles = useStyles();\n  const mediaStyles = useMediaStyles();\n\n  state.root.className = mergeClasses(teachingPopoverBodyClassNames.root, styles.root, state.root.className);\n\n  if (state.media) {\n    state.media.className = mergeClasses(\n      teachingPopoverBodyClassNames.media,\n      mediaStyles.base,\n      mediaStyles[mediaLength],\n      state.media.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","teachingPopoverBodyClassNames","root","media","popoverBodyDimension","useMediaStyles","base","gridArea","overflow","width","marginBottom","verticalAlign","justifyContent","display","short","aspectRatio","height","medium","tall","useStyles","flexDirection","paddingBottom","useTeachingPopoverBodyStyles_unstable","state","mediaLength","styles","mediaStyles","className"],"mappings":"AAAA;;;;;;;;;;;;IAMaE,6BAAAA;;;kBAOAI;;;yCAuCAiB;eAAAA;;;uBAlD4B,iBAAiB;AAInD,sCAAgF;IACrFpB,MAAM;IACNC,OAAO;AACT,EAAE;AAEF,MAAMC,uBAAuB;AAEtB,MAAMC,iBAAiBN,qBAAAA,EAAW;IACvCO,MAAM;QACJC,UAAU;QACVC,UAAU;QACVC,OAAO;QACPC,cAAc;QACdC,eAAe;QACfC,gBAAgB;QAChBC,SAAS;IACX;IACAC,OAAO;QACLC,aAAaX,uBAAuB;QACpC,gCAAgC;YAC9BY,QAAQ;QACV;IACF;IACAC,QAAQ;QACNF,aAAaX,uBAAuB;QACpC,gCAAgC;YAC9BY,QAAQ;QACV;IACF;IACAE,MAAM;QACJH,aAAa;QACb,gCAAgC;YAC9BC,QAAQ,GAAGZ,qBAAqB,EAAE,CAAC;QACrC;IACF;AACF,GAAG;AAEH,MAAMe,gBAAYpB,iBAAAA,EAAW;IAC3BG,MAAM;QACJW,SAAS;QACTO,eAAe;QACfC,eAAe;IACjB;AACF;AAGO,8CAA8C,CAACE;IACpD;IAEA,MAAM,EAAEC,WAAW,EAAE,GAAGD;IACxB,MAAME,SAASN;IACf,MAAMO,cAAcrB;IAEpBkB,MAAMrB,IAAI,CAACyB,SAAS,OAAG3B,mBAAAA,EAAaC,8BAA8BC,IAAI,EAAEuB,OAAOvB,IAAI,EAAEqB,MAAMrB,IAAI,CAACyB,SAAS;IAEzG,IAAIJ,MAAMpB,KAAK,EAAE;QACfoB,MAAMpB,KAAK,CAACwB,SAAS,OAAG3B,mBAAAA,EACtBC,8BAA8BE,KAAK,EACnCuB,YAAYpB,IAAI,EAChBoB,WAAW,CAACF,YAAY,EACxBD,MAAMpB,KAAK,CAACwB,SAAS;IAEzB;IAEA,OAAOJ;AACT,EAAE"}