feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-message-bar/lib-commonjs/components/MessageBarBody/MessageBarBody.js

@@ -0,0 +1,26 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "MessageBarBody", {
+    enumerable: true,
+    get: function() {
+        return MessageBarBody;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _useMessageBarBody = require("./useMessageBarBody");
+const _renderMessageBarBody = require("./renderMessageBarBody");
+const _useMessageBarBodyStylesstyles = require("./useMessageBarBodyStyles.styles");
+const _useMessageBarBodyContextValues = require("./useMessageBarBodyContextValues");
+const MessageBarBody = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useMessageBarBody.useMessageBarBody_unstable)(props, ref);
+    const ctx = (0, _useMessageBarBodyContextValues.useMessageBarBodyContextValues_unstable)(state);
+    (0, _useMessageBarBodyStylesstyles.useMessageBarBodyStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useMessageBarBodyStyles_unstable')(state);
+    return (0, _renderMessageBarBody.renderMessageBarBody_unstable)(state, ctx);
+});
+MessageBarBody.displayName = 'MessageBarBody';

node_modules/@fluentui/react-message-bar/lib-commonjs/components/MessageBarBody/MessageBarBody.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MessageBarBody/MessageBarBody.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useMessageBarBody_unstable } from './useMessageBarBody';\nimport { renderMessageBarBody_unstable } from './renderMessageBarBody';\nimport { useMessageBarBodyStyles_unstable } from './useMessageBarBodyStyles.styles';\nimport { useMessageBarBodyContextValues_unstable } from './useMessageBarBodyContextValues';\nimport type { MessageBarBodyProps } from './MessageBarBody.types';\n\n/**\n * MessageBarBody component\n */\nexport const MessageBarBody: ForwardRefComponent<MessageBarBodyProps> = React.forwardRef((props, ref) => {\n  const state = useMessageBarBody_unstable(props, ref);\n  const ctx = useMessageBarBodyContextValues_unstable(state);\n\n  useMessageBarBodyStyles_unstable(state);\n  useCustomStyleHook_unstable('useMessageBarBodyStyles_unstable')(state);\n  return renderMessageBarBody_unstable(state, ctx);\n});\n\nMessageBarBody.displayName = 'MessageBarBody';\n"],"names":["React","useCustomStyleHook_unstable","useMessageBarBody_unstable","renderMessageBarBody_unstable","useMessageBarBodyStyles_unstable","useMessageBarBodyContextValues_unstable","MessageBarBody","forwardRef","props","ref","state","ctx","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;mCACnC,sBAAsB;sCACnB,yBAAyB;+CACtB,mCAAmC;gDAC5B,mCAAmC;AAMpF,MAAMM,iBAAAA,WAAAA,GAA2DN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,YAAQR,6CAAAA,EAA2BM,OAAOC;IAChD,MAAME,UAAMN,uEAAAA,EAAwCK;QAEpDN,+DAAAA,EAAiCM;QACjCT,gDAAAA,EAA4B,oCAAoCS;IAChE,WAAOP,mDAAAA,EAA8BO,OAAOC;AAC9C,GAAG;AAEHL,eAAeM,WAAW,GAAG"}

node_modules/@fluentui/react-message-bar/lib-commonjs/components/MessageBarBody/MessageBarBody.types.js

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

node_modules/@fluentui/react-message-bar/lib-commonjs/components/MessageBarBody/MessageBarBody.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MessageBarBody/MessageBarBody.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type MessageBarBodyContextValues = {\n  link: {\n    inline?: boolean;\n  };\n};\n\nexport type MessageBarBodySlots = {\n  root: Slot<'div'>;\n};\n\n/**\n * MessageBarBody Props\n */\nexport type MessageBarBodyProps = ComponentProps<MessageBarBodySlots>;\n\n/**\n * State used in rendering MessageBarBody\n */\nexport type MessageBarBodyState = ComponentState<MessageBarBodySlots>;\n"],"names":[],"mappings":"AAiBA;;CAEC,GACD,WAAsE"}

node_modules/@fluentui/react-message-bar/lib-commonjs/components/MessageBarBody/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, {
+    MessageBarBody: function() {
+        return _MessageBarBody.MessageBarBody;
+    },
+    messageBarBodyClassNames: function() {
+        return _useMessageBarBodyStylesstyles.messageBarBodyClassNames;
+    },
+    renderMessageBarBody_unstable: function() {
+        return _renderMessageBarBody.renderMessageBarBody_unstable;
+    },
+    useMessageBarBodyStyles_unstable: function() {
+        return _useMessageBarBodyStylesstyles.useMessageBarBodyStyles_unstable;
+    },
+    useMessageBarBody_unstable: function() {
+        return _useMessageBarBody.useMessageBarBody_unstable;
+    }
+});
+const _MessageBarBody = require("./MessageBarBody");
+const _renderMessageBarBody = require("./renderMessageBarBody");
+const _useMessageBarBody = require("./useMessageBarBody");
+const _useMessageBarBodyStylesstyles = require("./useMessageBarBodyStyles.styles");

node_modules/@fluentui/react-message-bar/lib-commonjs/components/MessageBarBody/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MessageBarBody/index.ts"],"sourcesContent":["export { MessageBarBody } from './MessageBarBody';\nexport type {\n  MessageBarBodyContextValues,\n  MessageBarBodyProps,\n  MessageBarBodySlots,\n  MessageBarBodyState,\n} from './MessageBarBody.types';\nexport { renderMessageBarBody_unstable } from './renderMessageBarBody';\nexport { useMessageBarBody_unstable } from './useMessageBarBody';\nexport { messageBarBodyClassNames, useMessageBarBodyStyles_unstable } from './useMessageBarBodyStyles.styles';\n"],"names":["MessageBarBody","renderMessageBarBody_unstable","useMessageBarBody_unstable","messageBarBodyClassNames","useMessageBarBodyStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,8BAAc;;;eASdG,uDAAwB;;;eAFxBF,mDAA6B;;;eAEHG,+DAAgC;;;eAD1DF,6CAA0B;;;gCARJ,mBAAmB;sCAOJ,yBAAyB;mCAC5B,sBAAsB;+CACU,mCAAmC"}

node_modules/@fluentui/react-message-bar/lib-commonjs/components/MessageBarBody/renderMessageBarBody.js

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

node_modules/@fluentui/react-message-bar/lib-commonjs/components/MessageBarBody/renderMessageBarBody.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MessageBarBody/renderMessageBarBody.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { MessageBarBodyState, MessageBarBodySlots, MessageBarBodyContextValues } from './MessageBarBody.types';\nimport { LinkContextProvider } from '@fluentui/react-link';\n\n/**\n * Render the final JSX of MessageBarBody\n */\nexport const renderMessageBarBody_unstable = (\n  state: MessageBarBodyState,\n  contextValues: MessageBarBodyContextValues,\n): JSXElement => {\n  assertSlots<MessageBarBodySlots>(state);\n\n  return (\n    <LinkContextProvider value={contextValues.link}>\n      <state.root />\n    </LinkContextProvider>\n  );\n};\n"],"names":["assertSlots","LinkContextProvider","renderMessageBarBody_unstable","state","contextValues","value","link","root"],"mappings":";;;;+BAWaE;;;;;;4BAVb,gDAAiD;gCAErB,4BAA4B;2BAGpB,uBAAuB;AAKpD,sCAAsC,CAC3CC,OACAC;QAEAJ,2BAAAA,EAAiCG;IAEjC,OAAA,WAAA,OACE,eAAA,EAACF,8BAAAA,EAAAA;QAAoBI,OAAOD,cAAcE,IAAI;kBAC5C,WAAA,OAAA,eAAA,EAACH,MAAMI,IAAI,EAAA,CAAA;;AAGjB,EAAE"}

node_modules/@fluentui/react-message-bar/lib-commonjs/components/MessageBarBody/useMessageBarBody.js

@@ -0,0 +1,29 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useMessageBarBody_unstable", {
+    enumerable: true,
+    get: function() {
+        return useMessageBarBody_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 _messageBarContext = require("../../contexts/messageBarContext");
+const useMessageBarBody_unstable = (props, ref)=>{
+    const { bodyRef } = (0, _messageBarContext.useMessageBarContext)();
+    return {
+        components: {
+            root: 'div'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            ref: (0, _reactutilities.useMergedRefs)(ref, bodyRef),
+            ...props
+        }), {
+            elementType: 'div'
+        })
+    };
+};

node_modules/@fluentui/react-message-bar/lib-commonjs/components/MessageBarBody/useMessageBarBody.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MessageBarBody/useMessageBarBody.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot, useMergedRefs } from '@fluentui/react-utilities';\nimport type { MessageBarBodyProps, MessageBarBodyState } from './MessageBarBody.types';\nimport { useMessageBarContext } from '../../contexts/messageBarContext';\n\n/**\n * Create the state required to render MessageBarBody.\n *\n * The returned state can be modified with hooks such as useMessageBarBodyStyles_unstable,\n * before being passed to renderMessageBarBody_unstable.\n *\n * @param props - props from this instance of MessageBarBody\n * @param ref - reference to root HTMLElement of MessageBarBody\n */\nexport const useMessageBarBody_unstable = (\n  props: MessageBarBodyProps,\n  ref: React.Ref<HTMLDivElement>,\n): MessageBarBodyState => {\n  const { bodyRef } = useMessageBarContext();\n  return {\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref: useMergedRefs(ref, bodyRef),\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useMergedRefs","useMessageBarContext","useMessageBarBody_unstable","props","ref","bodyRef","components","root","always","elementType"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;gCAC+B,4BAA4B;mCAErD,mCAAmC;AAWjE,MAAMK,6BAA6B,CACxCC,OACAC;IAEA,MAAM,EAAEC,OAAO,EAAE,OAAGJ,uCAAAA;IACpB,OAAO;QACLK,YAAY;YACVC,MAAM;QACR;QACAA,MAAMR,oBAAAA,CAAKS,MAAM,KACfV,wCAAAA,EAAyB,OAAO;YAC9BM,SAAKJ,6BAAAA,EAAcI,KAAKC;YACxB,GAAGF,KAAK;QACV,IACA;YAAEM,aAAa;QAAM;IAEzB;AACF,EAAE"}

node_modules/@fluentui/react-message-bar/lib-commonjs/components/MessageBarBody/useMessageBarBodyContextValues.js

@@ -0,0 +1,21 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useMessageBarBodyContextValues_unstable", {
+    enumerable: true,
+    get: function() {
+        return useMessageBarBodyContextValues_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+function useMessageBarBodyContextValues_unstable(state) {
+    const link = _react.useMemo(()=>({
+            inline: true
+        }), []);
+    return {
+        link
+    };
+}

node_modules/@fluentui/react-message-bar/lib-commonjs/components/MessageBarBody/useMessageBarBodyContextValues.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MessageBarBody/useMessageBarBodyContextValues.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { MessageBarBodyState, MessageBarBodyContextValues } from './MessageBarBody.types';\n\nexport function useMessageBarBodyContextValues_unstable(state: MessageBarBodyState): MessageBarBodyContextValues {\n  const link = React.useMemo(\n    () => ({\n      inline: true,\n    }),\n    [],\n  );\n\n  return {\n    link,\n  };\n}\n"],"names":["React","useMessageBarBodyContextValues_unstable","state","link","useMemo","inline"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;AAGxB,SAASC,wCAAwCC,KAA0B;IAChF,MAAMC,OAAOH,OAAMI,OAAO,CACxB,IAAO,CAAA;YACLC,QAAQ;SACV,CAAA,EACA,EAAE;IAGJ,OAAO;QACLF;IACF;AACF"}

node_modules/@fluentui/react-message-bar/lib-commonjs/components/MessageBarBody/useMessageBarBodyStyles.styles.js

@@ -0,0 +1,33 @@
+'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, {
+    messageBarBodyClassNames: function() {
+        return messageBarBodyClassNames;
+    },
+    useMessageBarBodyStyles_unstable: function() {
+        return useMessageBarBodyStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const messageBarBodyClassNames = {
+    root: 'fui-MessageBarBody'
+};
+const useRootBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("rtatq2b", "re2rary", [
+    ".rtatq2b{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);grid-area:body;padding-right:var(--spacingHorizontalM);}",
+    ".re2rary{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);grid-area:body;padding-left:var(--spacingHorizontalM);}"
+]);
+const useMessageBarBodyStyles_unstable = (state)=>{
+    'use no memo';
+    const rootBaseStyles = useRootBaseStyles();
+    state.root.className = (0, _react.mergeClasses)(messageBarBodyClassNames.root, rootBaseStyles, state.root.className);
+    return state;
+};

node_modules/@fluentui/react-message-bar/lib-commonjs/components/MessageBarBody/useMessageBarBodyStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useMessageBarBodyStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const messageBarBodyClassNames = {\n    root: 'fui-MessageBarBody'\n};\nconst useRootBaseStyles = makeResetStyles({\n    ...typographyStyles.body1,\n    gridArea: 'body',\n    paddingRight: tokens.spacingHorizontalM\n});\n/**\n * Apply styling to the MessageBarBody slots based on the state\n */ export const useMessageBarBodyStyles_unstable = (state)=>{\n    'use no memo';\n    const rootBaseStyles = useRootBaseStyles();\n    state.root.className = mergeClasses(messageBarBodyClassNames.root, rootBaseStyles, state.root.className);\n    return state;\n};\n"],"names":["__resetStyles","mergeClasses","tokens","typographyStyles","messageBarBodyClassNames","root","useRootBaseStyles","useMessageBarBodyStyles_unstable","state","rootBaseStyles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;4BAGyB;;;IAUpBO,gCAAgC;;;;uBAZH,gBAAgB;AAEvD,MAAMH,2BAA2B;IACpCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,iBAAiB,GAAA,WAAA,OAAGN,oBAAA,EAAA,WAAA,WAAA;IAAA;IAAA;CAIzB,CAAC;AAGS,0CAA0CQ,KAAK,IAAG;IACzD,aAAa;IACb,MAAMC,cAAc,GAAGH,iBAAiB,CAAC,CAAC;IAC1CE,KAAK,CAACH,IAAI,CAACK,SAAS,OAAGT,mBAAY,EAACG,wBAAwB,CAACC,IAAI,EAAEI,cAAc,EAAED,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;IACxG,OAAOF,KAAK;AAChB,CAAC"}

node_modules/@fluentui/react-message-bar/lib-commonjs/components/MessageBarBody/useMessageBarBodyStyles.styles.raw.js

@@ -0,0 +1,35 @@
+'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, {
+    messageBarBodyClassNames: function() {
+        return messageBarBodyClassNames;
+    },
+    useMessageBarBodyStyles_unstable: function() {
+        return useMessageBarBodyStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reacttheme = require("@fluentui/react-theme");
+const messageBarBodyClassNames = {
+    root: 'fui-MessageBarBody'
+};
+const useRootBaseStyles = (0, _react.makeResetStyles)({
+    ..._reacttheme.typographyStyles.body1,
+    gridArea: 'body',
+    paddingRight: _reacttheme.tokens.spacingHorizontalM
+});
+const useMessageBarBodyStyles_unstable = (state)=>{
+    'use no memo';
+    const rootBaseStyles = useRootBaseStyles();
+    state.root.className = (0, _react.mergeClasses)(messageBarBodyClassNames.root, rootBaseStyles, state.root.className);
+    return state;
+};

node_modules/@fluentui/react-message-bar/lib-commonjs/components/MessageBarBody/useMessageBarBodyStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MessageBarBody/useMessageBarBodyStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarBodySlots, MessageBarBodyState } from './MessageBarBody.types';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n\nexport const messageBarBodyClassNames: SlotClassNames<MessageBarBodySlots> = {\n  root: 'fui-MessageBarBody',\n};\n\nconst useRootBaseStyles = makeResetStyles({\n  ...typographyStyles.body1,\n  gridArea: 'body',\n  paddingRight: tokens.spacingHorizontalM,\n});\n\n/**\n * Apply styling to the MessageBarBody slots based on the state\n */\nexport const useMessageBarBodyStyles_unstable = (state: MessageBarBodyState): MessageBarBodyState => {\n  'use no memo';\n\n  const rootBaseStyles = useRootBaseStyles();\n  state.root.className = mergeClasses(messageBarBodyClassNames.root, rootBaseStyles, state.root.className);\n\n  return state;\n};\n"],"names":["makeResetStyles","mergeClasses","tokens","typographyStyles","messageBarBodyClassNames","root","useRootBaseStyles","body1","gridArea","paddingRight","spacingHorizontalM","useMessageBarBodyStyles_unstable","state","rootBaseStyles","className"],"mappings":"AAAA;;;;;;;;;;;;4BAOaI;;;oCAaAO;;;;uBAlBiC,iBAAiB;4BAGtB,wBAAwB;AAE1D,MAAMP,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF,MAAMC,wBAAoBN,sBAAAA,EAAgB;IACxC,GAAGG,4BAAAA,CAAiBI,KAAK;IACzBC,UAAU;IACVC,cAAcP,kBAAAA,CAAOQ,kBAAkB;AACzC;AAKO,MAAMC,mCAAmC,CAACC;IAC/C;IAEA,MAAMC,iBAAiBP;IACvBM,MAAMP,IAAI,CAACS,SAAS,OAAGb,mBAAAA,EAAaG,yBAAyBC,IAAI,EAAEQ,gBAAgBD,MAAMP,IAAI,CAACS,SAAS;IAEvG,OAAOF;AACT,EAAE"}