feat: Fluent UI Outlook Lite + connections mockup

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

@@ -0,0 +1,24 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TeachingPopoverCarouselCard", {
+    enumerable: true,
+    get: function() {
+        return TeachingPopoverCarouselCard;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useTeachingPopoverCarouselCard = require("./useTeachingPopoverCarouselCard");
+const _renderTeachingPopoverCarouselCard = require("./renderTeachingPopoverCarouselCard");
+const _useTeachingPopoverCarouselCardStylesstyles = require("./useTeachingPopoverCarouselCardStyles.styles");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const TeachingPopoverCarouselCard = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useTeachingPopoverCarouselCard.useTeachingPopoverCarouselCard_unstable)(props, ref);
+    (0, _useTeachingPopoverCarouselCardStylesstyles.useTeachingPopoverCarouselCardStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useTeachingPopoverCarouselCardStyles_unstable')(state);
+    return (0, _renderTeachingPopoverCarouselCard.renderTeachingPopoverCarouselCard_unstable)(state);
+});
+TeachingPopoverCarouselCard.displayName = 'TeachingPopoverCarouselCard';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TeachingPopoverCarouselCard/TeachingPopoverCarouselCard.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useTeachingPopoverCarouselCard_unstable } from './useTeachingPopoverCarouselCard';\nimport { renderTeachingPopoverCarouselCard_unstable } from './renderTeachingPopoverCarouselCard';\nimport type { TeachingPopoverCarouselCardProps } from './TeachingPopoverCarouselCard.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTeachingPopoverCarouselCardStyles_unstable } from './useTeachingPopoverCarouselCardStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Define a styled TeachingPopoverCarouselCard, using the `useTeachingPopoverCarouselCard_unstable` and `useTeachingPopoverCarouselCardStyles_unstable`\n * hooks.\n *\n * TeachingPopoverCarouselCard is the definition of a single page view within the carousel, they are shown one at a time and can be navigated through sequentially.\n */\nexport const TeachingPopoverCarouselCard: ForwardRefComponent<TeachingPopoverCarouselCardProps> = React.forwardRef(\n  (props, ref) => {\n    const state = useTeachingPopoverCarouselCard_unstable(props, ref);\n\n    useTeachingPopoverCarouselCardStyles_unstable(state);\n\n    useCustomStyleHook_unstable('useTeachingPopoverCarouselCardStyles_unstable')(state);\n\n    return renderTeachingPopoverCarouselCard_unstable(state);\n  },\n);\n\nTeachingPopoverCarouselCard.displayName = 'TeachingPopoverCarouselCard';\n"],"names":["React","useTeachingPopoverCarouselCard_unstable","renderTeachingPopoverCarouselCard_unstable","useTeachingPopoverCarouselCardStyles_unstable","useCustomStyleHook_unstable","TeachingPopoverCarouselCard","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;gDACyB,mCAAmC;mDAChC,sCAAsC;4DAGnC,gDAAgD;qCAClE,kCAAkC;AAQvE,MAAMK,8BAAAA,WAAAA,GAAqFL,OAAMM,UAAU,CAChH,CAACC,OAAOC;IACN,MAAMC,YAAQR,uEAAAA,EAAwCM,OAAOC;QAE7DL,yFAAAA,EAA8CM;QAE9CL,gDAAAA,EAA4B,iDAAiDK;IAE7E,WAAOP,6EAAAA,EAA2CO;AACpD,GACA;AAEFJ,4BAA4BK,WAAW,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TeachingPopoverCarouselCard/TeachingPopoverCarouselCard.types.ts"],"sourcesContent":["import { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { CarouselItemProps } from '../TeachingPopoverCarousel/Carousel/CarouselItem/CarouselItem.types';\n\nexport type TeachingPopoverCarouselCardSlots = {\n  /**\n   * The element wrapping the buttons.\n   */\n  root: NonNullable<Slot<CarouselItemProps>>;\n};\n\nexport type TeachingPopoverCarouselCardProps = ComponentProps<TeachingPopoverCarouselCardSlots> & {\n  /* Required: Passed into CarouselItem to identify pages. */\n  value: string;\n};\n\nexport type TeachingPopoverCarouselCardState = ComponentState<TeachingPopoverCarouselCardSlots> &\n  Required<Pick<TeachingPopoverCarouselCardProps, 'value'>>;\n"],"names":[],"mappings":""}

node_modules/@fluentui/react-teaching-popover/lib-commonjs/components/TeachingPopoverCarouselCard/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, {
+    TeachingPopoverCarouselCard: function() {
+        return _TeachingPopoverCarouselCard.TeachingPopoverCarouselCard;
+    },
+    renderTeachingPopoverCarouselCard_unstable: function() {
+        return _renderTeachingPopoverCarouselCard.renderTeachingPopoverCarouselCard_unstable;
+    },
+    teachingPopoverCarouselCardClassNames: function() {
+        return _useTeachingPopoverCarouselCardStylesstyles.teachingPopoverCarouselCardClassNames;
+    },
+    useTeachingPopoverCarouselCardStyles_unstable: function() {
+        return _useTeachingPopoverCarouselCardStylesstyles.useTeachingPopoverCarouselCardStyles_unstable;
+    },
+    useTeachingPopoverCarouselCard_unstable: function() {
+        return _useTeachingPopoverCarouselCard.useTeachingPopoverCarouselCard_unstable;
+    }
+});
+const _TeachingPopoverCarouselCard = require("./TeachingPopoverCarouselCard");
+const _renderTeachingPopoverCarouselCard = require("./renderTeachingPopoverCarouselCard");
+const _useTeachingPopoverCarouselCard = require("./useTeachingPopoverCarouselCard");
+const _useTeachingPopoverCarouselCardStylesstyles = require("./useTeachingPopoverCarouselCardStyles.styles");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TeachingPopoverCarouselCard/index.ts"],"sourcesContent":["export { TeachingPopoverCarouselCard } from './TeachingPopoverCarouselCard';\nexport type {\n  TeachingPopoverCarouselCardProps,\n  TeachingPopoverCarouselCardSlots,\n  TeachingPopoverCarouselCardState,\n} from './TeachingPopoverCarouselCard.types';\nexport { renderTeachingPopoverCarouselCard_unstable } from './renderTeachingPopoverCarouselCard';\nexport { useTeachingPopoverCarouselCard_unstable } from './useTeachingPopoverCarouselCard';\nexport {\n  teachingPopoverCarouselCardClassNames,\n  useTeachingPopoverCarouselCardStyles_unstable,\n} from './useTeachingPopoverCarouselCardStyles.styles';\n"],"names":["TeachingPopoverCarouselCard","renderTeachingPopoverCarouselCard_unstable","useTeachingPopoverCarouselCard_unstable","teachingPopoverCarouselCardClassNames","useTeachingPopoverCarouselCardStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,wDAA2B;;;eAM3BC,6EAA0C;;;eAGjDE,iFAAqC;;;eACrCC,yFAA6C;;;eAHtCF,uEAAuC;;;6CAPJ,gCAAgC;mDAMjB,sCAAsC;gDACzC,mCAAmC;4DAIpF,gDAAgD"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TeachingPopoverCarouselCard/renderTeachingPopoverCarouselCard.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverCarouselCardState } from './TeachingPopoverCarouselCard.types';\nimport { TeachingPopoverCarouselCardSlots } from './TeachingPopoverCarouselCard.types';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselCard\n */\nexport const renderTeachingPopoverCarouselCard_unstable = (state: TeachingPopoverCarouselCardState): JSXElement => {\n  assertSlots<TeachingPopoverCarouselCardSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderTeachingPopoverCarouselCard_unstable","state","root"],"mappings":";;;;;;;;;;4BACA,gDAAiD;gCAGrB,4BAA4B;AAMjD,MAAMC,6CAA6C,CAACC;QACzDF,2BAAAA,EAA8CE;IAE9C,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA,CAAA;AACpB,EAAE"}

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useTeachingPopoverCarouselCard_unstable", {
+    enumerable: true,
+    get: function() {
+        return useTeachingPopoverCarouselCard_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _reactutilities = require("@fluentui/react-utilities");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _Carouseltem = require("../TeachingPopoverCarousel/Carousel/CarouselItem/Carouseltem");
+const useTeachingPopoverCarouselCard_unstable = (props, ref)=>{
+    const { value } = props;
+    return {
+        value,
+        components: {
+            root: _Carouseltem.CarouselItem
+        },
+        root: _reactutilities.slot.always({
+            ...(0, _reactutilities.getIntrinsicElementProps)('div', {
+                ref,
+                ...props
+            }),
+            value
+        }, {
+            elementType: _Carouseltem.CarouselItem
+        })
+    };
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCard.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nimport type {\n  TeachingPopoverCarouselCardProps,\n  TeachingPopoverCarouselCardState,\n} from './TeachingPopoverCarouselCard.types';\nimport { CarouselItem } from '../TeachingPopoverCarousel/Carousel/CarouselItem/Carouseltem';\n\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverCarouselCard properties\n * @param ref - reference to root HTMLElement of TeachingPopoverCarouselCard\n */\nexport const useTeachingPopoverCarouselCard_unstable = (\n  props: TeachingPopoverCarouselCardProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselCardState => {\n  const { value } = props;\n\n  return {\n    value,\n    components: {\n      root: CarouselItem,\n    },\n    root: slot.always(\n      {\n        ...getIntrinsicElementProps('div', {\n          ref,\n          ...props,\n        }),\n        value,\n      },\n      { elementType: CarouselItem },\n    ),\n  };\n};\n"],"names":["getIntrinsicElementProps","slot","React","CarouselItem","useTeachingPopoverCarouselCard_unstable","props","ref","value","components","root","always","elementType"],"mappings":";;;;+BAcaI;;;;;;;gCAdkC,4BAA4B;iEACpD,QAAQ;6BAMF,+DAA+D;AAOrF,gDAAgD,CACrDC,OACAC;IAEA,MAAM,EAAEC,KAAK,EAAE,GAAGF;IAElB,OAAO;QACLE;QACAC,YAAY;YACVC,MAAMN,yBAAAA;QACR;QACAM,MAAMR,oBAAAA,CAAKS,MAAM,CACf;YACE,OAAGV,wCAAAA,EAAyB,OAAO;gBACjCM;gBACA,GAAGD,KAAK;YACV,EAAE;YACFE;QACF,GACA;YAAEI,aAAaR,yBAAAA;QAAa;IAEhC;AACF,EAAE"}

node_modules/@fluentui/react-teaching-popover/lib-commonjs/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCardStyles.styles.js

@@ -0,0 +1,32 @@
+'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, {
+    teachingPopoverCarouselCardClassNames: function() {
+        return teachingPopoverCarouselCardClassNames;
+    },
+    useTeachingPopoverCarouselCardStyles_unstable: function() {
+        return useTeachingPopoverCarouselCardStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const teachingPopoverCarouselCardClassNames = {
+    root: 'fui-TeachingPopoverCarouselCard'
+};
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {}
+}, {});
+const useTeachingPopoverCarouselCardStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselCardClassNames.root, styles.root, state.root.className);
+    return state;
+};

node_modules/@fluentui/react-teaching-popover/lib-commonjs/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCardStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTeachingPopoverCarouselCardStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselCardClassNames = {\n    root: 'fui-TeachingPopoverCarouselCard'\n};\nconst useStyles = makeStyles({\n    root: {}\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselCardStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(teachingPopoverCarouselCardClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"names":["__styles","mergeClasses","teachingPopoverCarouselCardClassNames","root","useStyles","useTeachingPopoverCarouselCardStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;yCAEsC;;;iDAMiD;;;;uBAP1D,gBAAgB;AAClD,MAAME,wCAAwC;IACjDC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA,CAAA;AAAA,GAAA,CAAA,CAEjB,CAAC;AAC8C,MAAME,iDAAiDC,KAAK,IAAG;IAC3G,aAAa;IACb,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;IAC1BE,KAAK,CAACH,IAAI,CAACK,SAAS,OAAGP,mBAAY,EAACC,qCAAqC,CAACC,IAAI,EAAEI,MAAM,CAACJ,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;IAClH,OAAOF,KAAK;AAChB,CAAC"}

node_modules/@fluentui/react-teaching-popover/lib-commonjs/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCardStyles.styles.raw.js

@@ -0,0 +1,32 @@
+'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, {
+    teachingPopoverCarouselCardClassNames: function() {
+        return teachingPopoverCarouselCardClassNames;
+    },
+    useTeachingPopoverCarouselCardStyles_unstable: function() {
+        return useTeachingPopoverCarouselCardStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const teachingPopoverCarouselCardClassNames = {
+    root: 'fui-TeachingPopoverCarouselCard'
+};
+const useStyles = (0, _react.makeStyles)({
+    root: {}
+});
+const useTeachingPopoverCarouselCardStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselCardClassNames.root, styles.root, state.root.className);
+    return state;
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCardStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type {\n  TeachingPopoverCarouselCardSlots,\n  TeachingPopoverCarouselCardState,\n} from './TeachingPopoverCarouselCard.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const teachingPopoverCarouselCardClassNames: SlotClassNames<TeachingPopoverCarouselCardSlots> = {\n  root: 'fui-TeachingPopoverCarouselCard',\n};\n\nconst useStyles = makeStyles({\n  root: {},\n});\n\n/** Applies style classnames to slots */\nexport const useTeachingPopoverCarouselCardStyles_unstable = (\n  state: TeachingPopoverCarouselCardState,\n): TeachingPopoverCarouselCardState => {\n  'use no memo';\n\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(teachingPopoverCarouselCardClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","teachingPopoverCarouselCardClassNames","root","useStyles","useTeachingPopoverCarouselCardStyles_unstable","state","styles","className"],"mappings":"AAAA;;;;;;;;;;;;yCASaE;;;iDASAG;;;;uBAhB4B,iBAAiB;AAOnD,MAAMH,wCAA0F;IACrGC,MAAM;AACR,EAAE;AAEF,MAAMC,gBAAYJ,iBAAAA,EAAW;IAC3BG,MAAM,CAAC;AACT;AAGO,MAAME,gDAAgD,CAC3DC;IAEA;IAEA,MAAMC,SAASH;IAEfE,MAAMH,IAAI,CAACK,SAAS,OAAGP,mBAAAA,EAAaC,sCAAsCC,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IAEjH,OAAOF;AACT,EAAE"}