feat: Fluent UI Outlook Lite + connections mockup

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

@@ -0,0 +1,11 @@
+'use client';
+import * as React from 'react';
+import { createPreset } from '../createPreset';
+import { largeTitleClassNames, useLargeTitleStyles } from './useLargeTitleStyles.styles';
+/**
+ * Text preset component for the Large Title typography variant
+ */ export const LargeTitle = createPreset({
+    useStyles: useLargeTitleStyles,
+    className: largeTitleClassNames.root,
+    displayName: 'LargeTitle'
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/presets/LargeTitle/LargeTitle.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { largeTitleClassNames, useLargeTitleStyles } from './useLargeTitleStyles.styles';\n\n/**\n * Text preset component for the Large Title typography variant\n */\nexport const LargeTitle: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useLargeTitleStyles,\n  className: largeTitleClassNames.root,\n  displayName: 'LargeTitle',\n});\n"],"names":["React","createPreset","largeTitleClassNames","useLargeTitleStyles","LargeTitle","useStyles","className","root","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,oBAAoB,EAAEC,mBAAmB,QAAQ,+BAA+B;AAEzF;;CAEC,GACD,OAAO,MAAMC,aAAuDH,aAAa;IAC/EI,WAAWF;IACXG,WAAWJ,qBAAqBK,IAAI;IACpCC,aAAa;AACf,GAAG"}

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

@@ -0,0 +1,2 @@
+export { LargeTitle } from './LargeTitle';
+export { largeTitleClassNames } from './useLargeTitleStyles.styles';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/presets/LargeTitle/index.ts"],"sourcesContent":["export { LargeTitle } from './LargeTitle';\nexport { largeTitleClassNames } from './useLargeTitleStyles.styles';\n"],"names":["LargeTitle","largeTitleClassNames"],"mappings":"AAAA,SAASA,UAAU,QAAQ,eAAe;AAC1C,SAASC,oBAAoB,QAAQ,+BAA+B"}

node_modules/@fluentui/react-text/lib/components/presets/LargeTitle/useLargeTitleStyles.styles.js

@@ -0,0 +1,20 @@
+'use client';
+
+import { __styles } from '@griffel/react';
+import { typographyStyles } from '@fluentui/react-theme';
+export const largeTitleClassNames = {
+  root: 'fui-LargeTitle'
+};
+/**
+ * Styles for the root slot
+ */
+export const useLargeTitleStyles = /*#__PURE__*/__styles({
+  root: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "f15afnhw",
+    Bhrd7zp: "fl43uef",
+    Bg96gwp: "fr3w3wp"
+  }
+}, {
+  d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f15afnhw{font-size:var(--fontSizeHero900);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fr3w3wp{line-height:var(--lineHeightHero900);}"]
+});

node_modules/@fluentui/react-text/lib/components/presets/LargeTitle/useLargeTitleStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","typographyStyles","largeTitleClassNames","root","useLargeTitleStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["useLargeTitleStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const largeTitleClassNames = {\n    root: 'fui-LargeTitle'\n};\n/**\n * Styles for the root slot\n */ export const useLargeTitleStyles = makeStyles({\n    root: typographyStyles.largeTitle\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,oBAAoB,GAAG;EAChCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,mBAAmB,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAEtC,CAAC","ignoreList":[]}

node_modules/@fluentui/react-text/lib/components/presets/LargeTitle/useLargeTitleStyles.styles.raw.js

@@ -0,0 +1,11 @@
+'use client';
+import { makeStyles } from '@griffel/react';
+import { typographyStyles } from '@fluentui/react-theme';
+export const largeTitleClassNames = {
+    root: 'fui-LargeTitle'
+};
+/**
+ * Styles for the root slot
+ */ export const useLargeTitleStyles = makeStyles({
+    root: typographyStyles.largeTitle
+});

node_modules/@fluentui/react-text/lib/components/presets/LargeTitle/useLargeTitleStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/presets/LargeTitle/useLargeTitleStyles.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 largeTitleClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-LargeTitle',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useLargeTitleStyles = makeStyles({\n  root: typographyStyles.largeTitle,\n});\n"],"names":["makeStyles","typographyStyles","largeTitleClassNames","root","useLargeTitleStyles","largeTitle"],"mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,uBAAkD;IAC7DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,sBAAsBJ,WAAW;IAC5CG,MAAMF,iBAAiBI,UAAU;AACnC,GAAG"}