Private
Public Access
1
0

feat: Fluent UI Outlook Lite + connections mockup

This commit is contained in:
2026-04-14 18:52:25 +00:00
parent 1199eff6c3
commit dfa4010406
34820 changed files with 1003813 additions and 205 deletions

View File

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

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Caption1Stronger/Caption1Stronger.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { caption1StrongerClassNames, useCaption1StrongerStyles } from './useCaption1Stronger.styles';\n\n/**\n * Text preset component for the Caption1Stronger typography variant\n */\nexport const Caption1Stronger: React.FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useCaption1StrongerStyles,\n className: caption1StrongerClassNames.root,\n displayName: 'Caption1Stronger',\n});\n"],"names":["React","createPreset","caption1StrongerClassNames","useCaption1StrongerStyles","Caption1Stronger","useStyles","className","root","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,0BAA0B,EAAEC,yBAAyB,QAAQ,+BAA+B;AAErG;;CAEC,GACD,OAAO,MAAMC,mBAA6DH,aAAa;IACrFI,WAAWF;IACXG,WAAWJ,2BAA2BK,IAAI;IAC1CC,aAAa;AACf,GAAG"}

View File

@@ -0,0 +1,2 @@
export { Caption1Stronger } from './Caption1Stronger';
export { caption1StrongerClassNames } from './useCaption1Stronger.styles';

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Caption1Stronger/index.ts"],"sourcesContent":["export { Caption1Stronger } from './Caption1Stronger';\nexport { caption1StrongerClassNames } from './useCaption1Stronger.styles';\n"],"names":["Caption1Stronger","caption1StrongerClassNames"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,0BAA0B,QAAQ,+BAA+B"}

View File

@@ -0,0 +1,20 @@
'use client';
import { __styles } from '@griffel/react';
import { typographyStyles } from '@fluentui/react-theme';
export const caption1StrongerClassNames = {
root: 'fui-Caption1Stronger'
};
/**
* Styles for the root slot
*/
export const useCaption1StrongerStyles = /*#__PURE__*/__styles({
root: {
Bahqtrf: "fk6fouc",
Be2twd7: "fy9rknc",
Bhrd7zp: "flh3ekv",
Bg96gwp: "fwrc4pm"
}
}, {
d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".flh3ekv{font-weight:var(--fontWeightBold);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}"]
});

View File

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

View File

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

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Caption1Stronger/useCaption1Stronger.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 caption1StrongerClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Caption1Stronger',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useCaption1StrongerStyles = makeStyles({\n root: typographyStyles.caption1Stronger,\n});\n"],"names":["makeStyles","typographyStyles","caption1StrongerClassNames","root","useCaption1StrongerStyles","caption1Stronger"],"mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,6BAAwD;IACnEC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,4BAA4BJ,WAAW;IAClDG,MAAMF,iBAAiBI,gBAAgB;AACzC,GAAG"}