feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-nav/lib-commonjs/components/NavDrawerHeader/NavDrawerHeader.js

@@ -0,0 +1,24 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "NavDrawerHeader", {
+    enumerable: true,
+    get: function() {
+        return NavDrawerHeader;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactdrawer = require("@fluentui/react-drawer");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _useNavDrawerHeaderStylesstyles = require("./useNavDrawerHeaderStyles.styles");
+const _useNavDrawerHeader = require("./useNavDrawerHeader");
+const NavDrawerHeader = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useNavDrawerHeader.useNavDrawerHeader_unstable)(props, ref);
+    (0, _useNavDrawerHeaderStylesstyles.useNavDrawerHeaderStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useNavDrawerHeaderStyles_unstable')(state);
+    return (0, _reactdrawer.renderDrawerHeader_unstable)(state);
+});
+NavDrawerHeader.displayName = 'NavDrawerHeader';

node_modules/@fluentui/react-nav/lib-commonjs/components/NavDrawerHeader/NavDrawerHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDrawerHeader/NavDrawerHeader.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { renderDrawerHeader_unstable } from '@fluentui/react-drawer';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\nimport { useNavDrawerHeaderStyles_unstable } from './useNavDrawerHeaderStyles.styles';\nimport { useNavDrawerHeader_unstable } from './useNavDrawerHeader';\nimport type { NavDrawerHeaderProps } from './NavDrawerHeader.types';\n\n/**\n * NavDrawerHeader component\n */\nexport const NavDrawerHeader: ForwardRefComponent<NavDrawerHeaderProps> = React.forwardRef((props, ref) => {\n  const state = useNavDrawerHeader_unstable(props, ref);\n\n  useNavDrawerHeaderStyles_unstable(state);\n  useCustomStyleHook_unstable('useNavDrawerHeaderStyles_unstable')(state);\n\n  return renderDrawerHeader_unstable(state);\n});\n\nNavDrawerHeader.displayName = 'NavDrawerHeader';\n"],"names":["React","renderDrawerHeader_unstable","useCustomStyleHook_unstable","useNavDrawerHeaderStyles_unstable","useNavDrawerHeader_unstable","NavDrawerHeader","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;6BACa,yBAAyB;qCACzB,kCAAkC;gDAG5B,oCAAoC;oCAC1C,uBAAuB;AAM5D,MAAMK,kBAAAA,WAAAA,GAA6DL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,YAAQL,+CAAAA,EAA4BG,OAAOC;QAEjDL,iEAAAA,EAAkCM;QAClCP,gDAAAA,EAA4B,qCAAqCO;IAEjE,WAAOR,wCAAAA,EAA4BQ;AACrC,GAAG;AAEHJ,gBAAgBK,WAAW,GAAG"}

node_modules/@fluentui/react-nav/lib-commonjs/components/NavDrawerHeader/NavDrawerHeader.types.js

@@ -0,0 +1,6 @@
+/**
+ * State used in rendering NavDrawerHeader
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

node_modules/@fluentui/react-nav/lib-commonjs/components/NavDrawerHeader/NavDrawerHeader.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDrawerHeader/NavDrawerHeader.types.ts"],"sourcesContent":["import type { DrawerHeaderProps, DrawerHeaderSlots, DrawerHeaderState } from '@fluentui/react-drawer';\n\nexport type NavDrawerHeaderSlots = DrawerHeaderSlots;\n\n/**\n * NavDrawerHeader Props\n */\nexport type NavDrawerHeaderProps = DrawerHeaderProps;\n\n/**\n * State used in rendering NavDrawerHeader\n */\nexport type NavDrawerHeaderState = DrawerHeaderState;\n"],"names":[],"mappings":"AASA;;CAEC,GACD,WAAqD"}

node_modules/@fluentui/react-nav/lib-commonjs/components/NavDrawerHeader/index.js

@@ -0,0 +1,27 @@
+"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, {
+    NavDrawerHeader: function() {
+        return _NavDrawerHeader.NavDrawerHeader;
+    },
+    navDrawerHeaderClassNames: function() {
+        return _useNavDrawerHeaderStylesstyles.navDrawerHeaderClassNames;
+    },
+    useNavDrawerHeaderStyles_unstable: function() {
+        return _useNavDrawerHeaderStylesstyles.useNavDrawerHeaderStyles_unstable;
+    },
+    useNavDrawerHeader_unstable: function() {
+        return _useNavDrawerHeader.useNavDrawerHeader_unstable;
+    }
+});
+const _NavDrawerHeader = require("./NavDrawerHeader");
+const _useNavDrawerHeader = require("./useNavDrawerHeader");
+const _useNavDrawerHeaderStylesstyles = require("./useNavDrawerHeaderStyles.styles");

node_modules/@fluentui/react-nav/lib-commonjs/components/NavDrawerHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDrawerHeader/index.ts"],"sourcesContent":["export { NavDrawerHeader } from './NavDrawerHeader';\nexport type { NavDrawerHeaderProps, NavDrawerHeaderSlots, NavDrawerHeaderState } from './NavDrawerHeader.types';\nexport { useNavDrawerHeader_unstable } from './useNavDrawerHeader';\nexport { navDrawerHeaderClassNames, useNavDrawerHeaderStyles_unstable } from './useNavDrawerHeaderStyles.styles';\n"],"names":["NavDrawerHeader","useNavDrawerHeader_unstable","navDrawerHeaderClassNames","useNavDrawerHeaderStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,gCAAe;;;eAGfE,yDAAyB;;;eAAEC,iEAAiC;;;eAD5DF,+CAA2B;;;iCAFJ,oBAAoB;oCAER,uBAAuB;gDACU,oCAAoC"}

node_modules/@fluentui/react-nav/lib-commonjs/components/NavDrawerHeader/useNavDrawerHeader.js

@@ -0,0 +1,17 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useNavDrawerHeader_unstable", {
+    enumerable: true,
+    get: function() {
+        return useNavDrawerHeader_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactdrawer = require("@fluentui/react-drawer");
+const useNavDrawerHeader_unstable = (props, ref)=>{
+    return (0, _reactdrawer.useDrawerHeader_unstable)(props, ref);
+};

node_modules/@fluentui/react-nav/lib-commonjs/components/NavDrawerHeader/useNavDrawerHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDrawerHeader/useNavDrawerHeader.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useDrawerHeader_unstable } from '@fluentui/react-drawer';\n\nimport type { NavDrawerHeaderProps, NavDrawerHeaderState } from './NavDrawerHeader.types';\n\n/**\n * Create the state required to render NavDrawerHeader.\n *\n * The returned state can be modified with hooks such as useNavDrawerHeaderStyles_unstable,\n * before being passed to renderNavDrawerHeader_unstable.\n *\n * @param props - props from this instance of NavDrawerHeader\n * @param ref - reference to root HTMLDivElement of NavDrawerHeader\n */\nexport const useNavDrawerHeader_unstable = (\n  props: NavDrawerHeaderProps,\n  ref: React.Ref<HTMLElement>,\n): NavDrawerHeaderState => {\n  return useDrawerHeader_unstable(props, ref);\n};\n"],"names":["React","useDrawerHeader_unstable","useNavDrawerHeader_unstable","props","ref"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;6BACU,yBAAyB;AAa3D,MAAME,8BAA8B,CACzCC,OACAC;IAEA,WAAOH,qCAAAA,EAAyBE,OAAOC;AACzC,EAAE"}

node_modules/@fluentui/react-nav/lib-commonjs/components/NavDrawerHeader/useNavDrawerHeaderStyles.styles.js

@@ -0,0 +1,62 @@
+'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, {
+    navDrawerHeaderClassNames: function() {
+        return navDrawerHeaderClassNames;
+    },
+    useNavDrawerHeaderStyles_unstable: function() {
+        return useNavDrawerHeaderStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reactdrawer = require("@fluentui/react-drawer");
+const navDrawerHeaderClassNames = {
+    root: 'fui-NavDrawerHeader'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        jrapky: 0,
+        Frg6f3: 0,
+        t21cq0: 0,
+        B6of3ja: 0,
+        B74szlk: "f1r2n0t9",
+        B1hrpyx: "f80d8h0",
+        Dbcxam: 0,
+        rjzwhg: 0,
+        Bblux5w: "fesrmp8"
+    }
+}, {
+    d: [
+        [
+            ".f1r2n0t9{margin:unset;}",
+            {
+                p: -1
+            }
+        ],
+        ".f80d8h0{-webkit-padding-start:14px;padding-inline-start:14px;}",
+        [
+            ".fesrmp8{padding-block:5px;}",
+            {
+                p: -1
+            }
+        ]
+    ]
+});
+const useNavDrawerHeaderStyles_unstable = (state)=>{
+    'use no memo';
+    (0, _reactdrawer.useDrawerHeaderStyles_unstable)(state);
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(navDrawerHeaderClassNames.root, styles.root, state.root.className);
+    return state;
+};

node_modules/@fluentui/react-nav/lib-commonjs/components/NavDrawerHeader/useNavDrawerHeaderStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useNavDrawerHeaderStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useDrawerHeaderStyles_unstable } from '@fluentui/react-drawer';\nexport const navDrawerHeaderClassNames = {\n    root: 'fui-NavDrawerHeader'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        margin: 'unset',\n        paddingInlineStart: '14px',\n        paddingBlock: '5px'\n    }\n});\n/**\n * Apply styling to the NavDrawerHeader slots based on the state\n */ export const useNavDrawerHeaderStyles_unstable = (state)=>{\n    'use no memo';\n    useDrawerHeaderStyles_unstable(state);\n    const styles = useStyles();\n    state.root.className = mergeClasses(navDrawerHeaderClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"names":["__styles","mergeClasses","useDrawerHeaderStyles_unstable","navDrawerHeaderClassNames","root","useStyles","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","B1hrpyx","Dbcxam","rjzwhg","Bblux5w","d","p","useNavDrawerHeaderStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAGCG,yBAAyB;;;qCAcY;;;;uBAhBT,gBAAgB;6BACV,wBAAwB;AAChE,kCAAkC;IACrCC,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGL,eAAA,EAAA;IAAAI,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;KAAA;AAAA,CAMrB,CAAC;AAGS,MAAMC,qCAAqCC,KAAK,IAAG;IAC1D,aAAa;QACbhB,2CAA8B,EAACgB,KAAK,CAAC;IACrC,MAAMC,MAAM,GAAGd,SAAS,CAAC,CAAC;IAC1Ba,KAAK,CAACd,IAAI,CAACgB,SAAS,OAAGnB,mBAAY,EAACE,yBAAyB,CAACC,IAAI,EAAEe,MAAM,CAACf,IAAI,EAAEc,KAAK,CAACd,IAAI,CAACgB,SAAS,CAAC;IACtG,OAAOF,KAAK;AAChB,CAAC"}

node_modules/@fluentui/react-nav/lib-commonjs/components/NavDrawerHeader/useNavDrawerHeaderStyles.styles.raw.js

@@ -0,0 +1,40 @@
+'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, {
+    navDrawerHeaderClassNames: function() {
+        return navDrawerHeaderClassNames;
+    },
+    useNavDrawerHeaderStyles_unstable: function() {
+        return useNavDrawerHeaderStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reactdrawer = require("@fluentui/react-drawer");
+const navDrawerHeaderClassNames = {
+    root: 'fui-NavDrawerHeader'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = (0, _react.makeStyles)({
+    root: {
+        margin: 'unset',
+        paddingInlineStart: '14px',
+        paddingBlock: '5px'
+    }
+});
+const useNavDrawerHeaderStyles_unstable = (state)=>{
+    'use no memo';
+    (0, _reactdrawer.useDrawerHeaderStyles_unstable)(state);
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(navDrawerHeaderClassNames.root, styles.root, state.root.className);
+    return state;
+};

node_modules/@fluentui/react-nav/lib-commonjs/components/NavDrawerHeader/useNavDrawerHeaderStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDrawerHeader/useNavDrawerHeaderStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useDrawerHeaderStyles_unstable } from '@fluentui/react-drawer';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { NavDrawerHeaderSlots, NavDrawerHeaderState } from './NavDrawerHeader.types';\n\nexport const navDrawerHeaderClassNames: SlotClassNames<NavDrawerHeaderSlots> = {\n  root: 'fui-NavDrawerHeader',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    margin: 'unset',\n    paddingInlineStart: '14px',\n    paddingBlock: '5px',\n  },\n});\n\n/**\n * Apply styling to the NavDrawerHeader slots based on the state\n */\nexport const useNavDrawerHeaderStyles_unstable = (state: NavDrawerHeaderState): NavDrawerHeaderState => {\n  'use no memo';\n\n  useDrawerHeaderStyles_unstable(state);\n  const styles = useStyles();\n  state.root.className = mergeClasses(navDrawerHeaderClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","useDrawerHeaderStyles_unstable","navDrawerHeaderClassNames","root","useStyles","margin","paddingInlineStart","paddingBlock","useNavDrawerHeaderStyles_unstable","state","styles","className"],"mappings":"AAAA;;;;;;;;;;;;IAQaG,yBAAAA;;;qCAkBAM;eAAAA;;;uBAxB4B,iBAAiB;6BACX,yBAAyB;AAKjE,kCAAwE;IAC7EL,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYL,iBAAAA,EAAW;IAC3BI,MAAM;QACJE,QAAQ;QACRC,oBAAoB;QACpBC,cAAc;IAChB;AACF;AAKO,0CAA0C,CAACE;IAChD;QAEAR,2CAAAA,EAA+BQ;IAC/B,MAAMC,SAASN;IACfK,MAAMN,IAAI,CAACQ,SAAS,OAAGX,mBAAAA,EAAaE,0BAA0BC,IAAI,EAAEO,OAAOP,IAAI,EAAEM,MAAMN,IAAI,CAACQ,SAAS;IAErG,OAAOF;AACT,EAAE"}