feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-text/lib-commonjs/components/presets/Display/Display.js

@@ -0,0 +1,20 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Display", {
+    enumerable: true,
+    get: function() {
+        return Display;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _createPreset = require("../createPreset");
+const _useDisplayStylesstyles = require("./useDisplayStyles.styles");
+const Display = (0, _createPreset.createPreset)({
+    useStyles: _useDisplayStylesstyles.useDisplayStyles,
+    className: _useDisplayStylesstyles.displayClassNames.root,
+    displayName: 'Display'
+});

node_modules/@fluentui/react-text/lib-commonjs/components/presets/Display/Display.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/presets/Display/Display.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { displayClassNames, useDisplayStyles } from './useDisplayStyles.styles';\n\n/**\n * Text preset component for the Display typography variant\n */\nexport const Display: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useDisplayStyles,\n  className: displayClassNames.root,\n  displayName: 'Display',\n});\n"],"names":["React","createPreset","displayClassNames","useDisplayStyles","Display","useStyles","className","root","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8BACF,kBAAkB;wCAEK,4BAA4B;AAKzE,MAAMI,cAAoDH,0BAAAA,EAAa;IAC5EI,WAAWF,wCAAAA;IACXG,WAAWJ,yCAAAA,CAAkBK,IAAI;IACjCC,aAAa;AACf,GAAG"}

node_modules/@fluentui/react-text/lib-commonjs/components/presets/Display/index.js

@@ -0,0 +1,20 @@
+"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, {
+    Display: function() {
+        return _Display.Display;
+    },
+    displayClassNames: function() {
+        return _useDisplayStylesstyles.displayClassNames;
+    }
+});
+const _Display = require("./Display");
+const _useDisplayStylesstyles = require("./useDisplayStyles.styles");

node_modules/@fluentui/react-text/lib-commonjs/components/presets/Display/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/presets/Display/index.ts"],"sourcesContent":["export { Display } from './Display';\nexport { displayClassNames } from './useDisplayStyles.styles';\n"],"names":["Display","displayClassNames"],"mappings":";;;;;;;;;;;;eAASA,gBAAO;;;eACPC,yCAAiB;;;yBADF,YAAY;wCACF,4BAA4B"}

node_modules/@fluentui/react-text/lib-commonjs/components/presets/Display/useDisplayStyles.styles.js

@@ -0,0 +1,38 @@
+'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, {
+    displayClassNames: function() {
+        return displayClassNames;
+    },
+    useDisplayStyles: function() {
+        return useDisplayStyles;
+    }
+});
+const _react = require("@griffel/react");
+const displayClassNames = {
+    root: 'fui-Display'
+};
+const useDisplayStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fpyltcb",
+        Bhrd7zp: "fl43uef",
+        Bg96gwp: "f1ivgwrt"
+    }
+}, {
+    d: [
+        ".fk6fouc{font-family:var(--fontFamilyBase);}",
+        ".fpyltcb{font-size:var(--fontSizeHero1000);}",
+        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
+        ".f1ivgwrt{line-height:var(--lineHeightHero1000);}"
+    ]
+});

node_modules/@fluentui/react-text/lib-commonjs/components/presets/Display/useDisplayStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useDisplayStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const displayClassNames = {\n    root: 'fui-Display'\n};\n/**\n * Styles for the root slot\n */ export const useDisplayStyles = makeStyles({\n    root: typographyStyles.display\n});\n"],"names":["__styles","typographyStyles","displayClassNames","root","useDisplayStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":"AAAA,YAAY;;;;;;;;;;;;qBAGkB;;;oBAKG;;;;uBAPN,gBAAgB;AAEpC,MAAME,oBAAoB;IAC7BC,IAAI,EAAE;AACV,CAAC;AAGU,MAAMC,mBAAgB,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAEnC,CAAC"}

node_modules/@fluentui/react-text/lib-commonjs/components/presets/Display/useDisplayStyles.styles.raw.js

@@ -0,0 +1,27 @@
+'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, {
+    displayClassNames: function() {
+        return displayClassNames;
+    },
+    useDisplayStyles: function() {
+        return useDisplayStyles;
+    }
+});
+const _react = require("@griffel/react");
+const _reacttheme = require("@fluentui/react-theme");
+const displayClassNames = {
+    root: 'fui-Display'
+};
+const useDisplayStyles = (0, _react.makeStyles)({
+    root: _reacttheme.typographyStyles.display
+});

node_modules/@fluentui/react-text/lib-commonjs/components/presets/Display/useDisplayStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/presets/Display/useDisplayStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const displayClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Display',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useDisplayStyles = makeStyles({\n  root: typographyStyles.display,\n});\n"],"names":["makeStyles","typographyStyles","displayClassNames","root","useDisplayStyles","display"],"mappings":"AAAA;;;;;;;;;;;;qBAOaE;;;oBAOAE;;;;uBAZc,iBAAiB;4BAGX,wBAAwB;AAElD,MAAMF,oBAA+C;IAC1DC,MAAM;AACR,EAAE;AAKK,MAAMC,uBAAmBJ,iBAAAA,EAAW;IACzCG,MAAMF,4BAAAA,CAAiBI,OAAO;AAChC,GAAG"}