@fluentui/react-text 0.0.0-nightly-20230501-0418.1 → 0.0.0-nightly-20230503-0419.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +13 -13
- package/CHANGELOG.md +9 -9
- package/dist/index.d.ts +240 -0
- package/lib/Body1.js +2 -0
- package/lib/Body1.js.map +1 -0
- package/lib/Body1Strong.js +2 -0
- package/lib/Body1Strong.js.map +1 -0
- package/lib/Body1Stronger.js +2 -0
- package/lib/Body1Stronger.js.map +1 -0
- package/lib/Body2.js +2 -0
- package/lib/Body2.js.map +1 -0
- package/lib/Caption1.js +2 -0
- package/lib/Caption1.js.map +1 -0
- package/lib/Caption1Strong.js +2 -0
- package/lib/Caption1Strong.js.map +1 -0
- package/lib/Caption1Stronger.js +2 -0
- package/lib/Caption1Stronger.js.map +1 -0
- package/lib/Caption2.js +2 -0
- package/lib/Caption2.js.map +1 -0
- package/lib/Caption2Strong.js +2 -0
- package/lib/Caption2Strong.js.map +1 -0
- package/lib/Display.js +2 -0
- package/lib/Display.js.map +1 -0
- package/lib/LargeTitle.js +2 -0
- package/lib/LargeTitle.js.map +1 -0
- package/lib/Subtitle1.js +2 -0
- package/lib/Subtitle1.js.map +1 -0
- package/lib/Subtitle2.js +2 -0
- package/lib/Subtitle2.js.map +1 -0
- package/lib/Subtitle2Stronger.js +2 -0
- package/lib/Subtitle2Stronger.js.map +1 -0
- package/lib/Text.js +2 -0
- package/lib/Text.js.map +1 -0
- package/lib/Title1.js +2 -0
- package/lib/Title1.js.map +1 -0
- package/lib/Title2.js +2 -0
- package/lib/Title2.js.map +1 -0
- package/lib/Title3.js +2 -0
- package/lib/Title3.js.map +1 -0
- package/lib/components/Text/Text.js +18 -0
- package/lib/components/Text/Text.js.map +1 -0
- package/lib/components/Text/Text.types.js +2 -0
- package/lib/components/Text/Text.types.js.map +1 -0
- package/lib/components/Text/index.js +6 -0
- package/lib/components/Text/index.js.map +1 -0
- package/lib/components/Text/renderText.js +13 -0
- package/lib/components/Text/renderText.js.map +1 -0
- package/lib/components/Text/useText.js +49 -0
- package/lib/components/Text/useText.js.map +1 -0
- package/lib/components/Text/useTextStyles.styles.js +116 -0
- package/lib/components/Text/useTextStyles.styles.js.map +1 -0
- package/lib/components/presets/Body1/Body1.js +11 -0
- package/lib/components/presets/Body1/Body1.js.map +1 -0
- package/lib/components/presets/Body1/index.js +3 -0
- package/lib/components/presets/Body1/index.js.map +1 -0
- package/lib/components/presets/Body1/useBody1Styles.styles.js +19 -0
- package/lib/components/presets/Body1/useBody1Styles.styles.js.map +1 -0
- package/lib/components/presets/Body1Strong/Body1Strong.js +11 -0
- package/lib/components/presets/Body1Strong/Body1Strong.js.map +1 -0
- package/lib/components/presets/Body1Strong/index.js +3 -0
- package/lib/components/presets/Body1Strong/index.js.map +1 -0
- package/lib/components/presets/Body1Strong/useBody1StrongStyles.styles.js +19 -0
- package/lib/components/presets/Body1Strong/useBody1StrongStyles.styles.js.map +1 -0
- package/lib/components/presets/Body1Stronger/Body1Stronger.js +11 -0
- package/lib/components/presets/Body1Stronger/Body1Stronger.js.map +1 -0
- package/lib/components/presets/Body1Stronger/index.js +3 -0
- package/lib/components/presets/Body1Stronger/index.js.map +1 -0
- package/lib/components/presets/Body1Stronger/useBody1StrongerStyles.styles.js +19 -0
- package/lib/components/presets/Body1Stronger/useBody1StrongerStyles.styles.js.map +1 -0
- package/lib/components/presets/Body2/Body2.js +11 -0
- package/lib/components/presets/Body2/Body2.js.map +1 -0
- package/lib/components/presets/Body2/index.js +3 -0
- package/lib/components/presets/Body2/index.js.map +1 -0
- package/lib/components/presets/Body2/useBody2Styles.styles.js +19 -0
- package/lib/components/presets/Body2/useBody2Styles.styles.js.map +1 -0
- package/lib/components/presets/Caption1/Caption1.js +11 -0
- package/lib/components/presets/Caption1/Caption1.js.map +1 -0
- package/lib/components/presets/Caption1/index.js +3 -0
- package/lib/components/presets/Caption1/index.js.map +1 -0
- package/lib/components/presets/Caption1/useCaption1Styles.styles.js +19 -0
- package/lib/components/presets/Caption1/useCaption1Styles.styles.js.map +1 -0
- package/lib/components/presets/Caption1Strong/Caption1Strong.js +11 -0
- package/lib/components/presets/Caption1Strong/Caption1Strong.js.map +1 -0
- package/lib/components/presets/Caption1Strong/index.js +3 -0
- package/lib/components/presets/Caption1Strong/index.js.map +1 -0
- package/lib/components/presets/Caption1Strong/useCaption1StrongStyles.styles.js +19 -0
- package/lib/components/presets/Caption1Strong/useCaption1StrongStyles.styles.js.map +1 -0
- package/lib/components/presets/Caption1Stronger/Caption1Stronger.js +11 -0
- package/lib/components/presets/Caption1Stronger/Caption1Stronger.js.map +1 -0
- package/lib/components/presets/Caption1Stronger/index.js +3 -0
- package/lib/components/presets/Caption1Stronger/index.js.map +1 -0
- package/lib/components/presets/Caption1Stronger/useCaption1Stronger.styles.js +19 -0
- package/lib/components/presets/Caption1Stronger/useCaption1Stronger.styles.js.map +1 -0
- package/lib/components/presets/Caption2/Caption2.js +11 -0
- package/lib/components/presets/Caption2/Caption2.js.map +1 -0
- package/lib/components/presets/Caption2/index.js +3 -0
- package/lib/components/presets/Caption2/index.js.map +1 -0
- package/lib/components/presets/Caption2/useCaption2Styles.styles.js +19 -0
- package/lib/components/presets/Caption2/useCaption2Styles.styles.js.map +1 -0
- package/lib/components/presets/Caption2Strong/Caption2Strong.js +11 -0
- package/lib/components/presets/Caption2Strong/Caption2Strong.js.map +1 -0
- package/lib/components/presets/Caption2Strong/index.js +3 -0
- package/lib/components/presets/Caption2Strong/index.js.map +1 -0
- package/lib/components/presets/Caption2Strong/useCaption2StrongStyles.styles.js +19 -0
- package/lib/components/presets/Caption2Strong/useCaption2StrongStyles.styles.js.map +1 -0
- package/lib/components/presets/Display/Display.js +11 -0
- package/lib/components/presets/Display/Display.js.map +1 -0
- package/lib/components/presets/Display/index.js +3 -0
- package/lib/components/presets/Display/index.js.map +1 -0
- package/lib/components/presets/Display/useDisplayStyles.styles.js +19 -0
- package/lib/components/presets/Display/useDisplayStyles.styles.js.map +1 -0
- package/lib/components/presets/LargeTitle/LargeTitle.js +11 -0
- package/lib/components/presets/LargeTitle/LargeTitle.js.map +1 -0
- package/lib/components/presets/LargeTitle/index.js +3 -0
- package/lib/components/presets/LargeTitle/index.js.map +1 -0
- package/lib/components/presets/LargeTitle/useLargeTitleStyles.styles.js +19 -0
- package/lib/components/presets/LargeTitle/useLargeTitleStyles.styles.js.map +1 -0
- package/lib/components/presets/Subtitle1/Subtitle1.js +11 -0
- package/lib/components/presets/Subtitle1/Subtitle1.js.map +1 -0
- package/lib/components/presets/Subtitle1/index.js +3 -0
- package/lib/components/presets/Subtitle1/index.js.map +1 -0
- package/lib/components/presets/Subtitle1/useSubtitle1Styles.styles.js +19 -0
- package/lib/components/presets/Subtitle1/useSubtitle1Styles.styles.js.map +1 -0
- package/lib/components/presets/Subtitle2/Subtitle2.js +11 -0
- package/lib/components/presets/Subtitle2/Subtitle2.js.map +1 -0
- package/lib/components/presets/Subtitle2/index.js +3 -0
- package/lib/components/presets/Subtitle2/index.js.map +1 -0
- package/lib/components/presets/Subtitle2/useSubtitle2Styles.styles.js +19 -0
- package/lib/components/presets/Subtitle2/useSubtitle2Styles.styles.js.map +1 -0
- package/lib/components/presets/Subtitle2Stronger/Subtitle2Stronger.js +11 -0
- package/lib/components/presets/Subtitle2Stronger/Subtitle2Stronger.js.map +1 -0
- package/lib/components/presets/Subtitle2Stronger/index.js +3 -0
- package/lib/components/presets/Subtitle2Stronger/index.js.map +1 -0
- package/lib/components/presets/Subtitle2Stronger/useSubtitle2Stronger.styles.js +19 -0
- package/lib/components/presets/Subtitle2Stronger/useSubtitle2Stronger.styles.js.map +1 -0
- package/lib/components/presets/Title1/Title1.js +11 -0
- package/lib/components/presets/Title1/Title1.js.map +1 -0
- package/lib/components/presets/Title1/index.js +3 -0
- package/lib/components/presets/Title1/index.js.map +1 -0
- package/lib/components/presets/Title1/useTitle1Styles.styles.js +19 -0
- package/lib/components/presets/Title1/useTitle1Styles.styles.js.map +1 -0
- package/lib/components/presets/Title2/Title2.js +11 -0
- package/lib/components/presets/Title2/Title2.js.map +1 -0
- package/lib/components/presets/Title2/index.js +3 -0
- package/lib/components/presets/Title2/index.js.map +1 -0
- package/lib/components/presets/Title2/useTitle2Styles.styles.js +19 -0
- package/lib/components/presets/Title2/useTitle2Styles.styles.js.map +1 -0
- package/lib/components/presets/Title3/Title3.js +11 -0
- package/lib/components/presets/Title3/Title3.js.map +1 -0
- package/lib/components/presets/Title3/index.js +3 -0
- package/lib/components/presets/Title3/index.js.map +1 -0
- package/lib/components/presets/Title3/useTitle3Styles.styles.js +19 -0
- package/lib/components/presets/Title3/useTitle3Styles.styles.js.map +1 -0
- package/lib/components/presets/createPreset.js +20 -0
- package/lib/components/presets/createPreset.js.map +1 -0
- package/lib/index.js +19 -0
- package/lib/index.js.map +1 -0
- package/package.json +6 -6
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["__styles","typographyStyles","caption2StrongClassNames","root","useCaption2StrongStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["../../../../src/components/presets/Caption2Strong/useCaption2StrongStyles.styles.ts"],"sourcesContent":["import { 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 caption2StrongClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Caption2Strong',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useCaption2StrongStyles = makeStyles({\n root: typographyStyles.caption2Strong,\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAG3B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,wBAAA,GAAsD;EACjEC,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMC,uBAAA,gBAA0BJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAEvC"}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { createPreset } from '../createPreset';
|
2
|
+
import { displayClassNames, useDisplayStyles } from './useDisplayStyles.styles';
|
3
|
+
/**
|
4
|
+
* Text preset component for the Display typography variant
|
5
|
+
*/
|
6
|
+
export const Display = /*#__PURE__*/createPreset({
|
7
|
+
useStyles: useDisplayStyles,
|
8
|
+
className: displayClassNames.root,
|
9
|
+
displayName: 'Display'
|
10
|
+
});
|
11
|
+
//# sourceMappingURL=Display.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["createPreset","displayClassNames","useDisplayStyles","Display","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/Display/Display.tsx"],"sourcesContent":["import type { FunctionComponent } 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: FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useDisplayStyles,\n className: displayClassNames.root,\n displayName: 'Display',\n});\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAE7B,SAASC,iBAAiB,EAAEC,gBAAgB,QAAQ;AAEpD;;;AAGA,OAAO,MAAMC,OAAA,gBAA8CH,YAAA,CAAa;EACtEI,SAAA,EAAWF,gBAAA;EACXG,SAAA,EAAWJ,iBAAA,CAAkBK,IAAI;EACjCC,WAAA,EAAa;AACf"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["displayClassNames"],"sources":["../../../../src/components/presets/Display/index.ts"],"sourcesContent":["export * from './Display';\nexport { displayClassNames } from './useDisplayStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,SAASA,iBAAiB,QAAQ"}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { __styles } from '@griffel/react';
|
2
|
+
import { typographyStyles } from '@fluentui/react-theme';
|
3
|
+
export const displayClassNames = {
|
4
|
+
root: 'fui-Display'
|
5
|
+
};
|
6
|
+
/**
|
7
|
+
* Styles for the root slot
|
8
|
+
*/
|
9
|
+
export const useDisplayStyles = /*#__PURE__*/__styles({
|
10
|
+
root: {
|
11
|
+
Bahqtrf: "fk6fouc",
|
12
|
+
Be2twd7: "fpyltcb",
|
13
|
+
Bhrd7zp: "fl43uef",
|
14
|
+
Bg96gwp: "f1ivgwrt"
|
15
|
+
}
|
16
|
+
}, {
|
17
|
+
d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fpyltcb{font-size:var(--fontSizeHero1000);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1ivgwrt{line-height:var(--lineHeightHero1000);}"]
|
18
|
+
});
|
19
|
+
//# sourceMappingURL=useDisplayStyles.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["__styles","typographyStyles","displayClassNames","root","useDisplayStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["../../../../src/components/presets/Display/useDisplayStyles.styles.ts"],"sourcesContent":["import { 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"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAG3B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,iBAAA,GAA+C;EAC1DC,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMC,gBAAA,gBAAmBJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAEhC"}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { createPreset } from '../createPreset';
|
2
|
+
import { largeTitleClassNames, useLargeTitleStyles } from './useLargeTitleStyles.styles';
|
3
|
+
/**
|
4
|
+
* Text preset component for the Large Title typography variant
|
5
|
+
*/
|
6
|
+
export const LargeTitle = /*#__PURE__*/createPreset({
|
7
|
+
useStyles: useLargeTitleStyles,
|
8
|
+
className: largeTitleClassNames.root,
|
9
|
+
displayName: 'LargeTitle'
|
10
|
+
});
|
11
|
+
//# sourceMappingURL=LargeTitle.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["createPreset","largeTitleClassNames","useLargeTitleStyles","LargeTitle","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/LargeTitle/LargeTitle.tsx"],"sourcesContent":["import type { FunctionComponent } 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: FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useLargeTitleStyles,\n className: largeTitleClassNames.root,\n displayName: 'LargeTitle',\n});\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAE7B,SAASC,oBAAoB,EAAEC,mBAAmB,QAAQ;AAE1D;;;AAGA,OAAO,MAAMC,UAAA,gBAAiDH,YAAA,CAAa;EACzEI,SAAA,EAAWF,mBAAA;EACXG,SAAA,EAAWJ,oBAAA,CAAqBK,IAAI;EACpCC,WAAA,EAAa;AACf"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["largeTitleClassNames"],"sources":["../../../../src/components/presets/LargeTitle/index.ts"],"sourcesContent":["export * from './LargeTitle';\nexport { largeTitleClassNames } from './useLargeTitleStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,SAASA,oBAAoB,QAAQ"}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { __styles } from '@griffel/react';
|
2
|
+
import { typographyStyles } from '@fluentui/react-theme';
|
3
|
+
export const largeTitleClassNames = {
|
4
|
+
root: 'fui-LargeTitle'
|
5
|
+
};
|
6
|
+
/**
|
7
|
+
* Styles for the root slot
|
8
|
+
*/
|
9
|
+
export const useLargeTitleStyles = /*#__PURE__*/__styles({
|
10
|
+
root: {
|
11
|
+
Bahqtrf: "fk6fouc",
|
12
|
+
Be2twd7: "f15afnhw",
|
13
|
+
Bhrd7zp: "fl43uef",
|
14
|
+
Bg96gwp: "fr3w3wp"
|
15
|
+
}
|
16
|
+
}, {
|
17
|
+
d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f15afnhw{font-size:var(--fontSizeHero900);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fr3w3wp{line-height:var(--lineHeightHero900);}"]
|
18
|
+
});
|
19
|
+
//# sourceMappingURL=useLargeTitleStyles.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["__styles","typographyStyles","largeTitleClassNames","root","useLargeTitleStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["../../../../src/components/presets/LargeTitle/useLargeTitleStyles.styles.ts"],"sourcesContent":["import { 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"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAG3B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,oBAAA,GAAkD;EAC7DC,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMC,mBAAA,gBAAsBJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAEnC"}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { createPreset } from '../createPreset';
|
2
|
+
import { subtitle1ClassNames, useSubtitle1Styles } from './useSubtitle1Styles.styles';
|
3
|
+
/**
|
4
|
+
* Text preset component for the Subtitle1 typography variant
|
5
|
+
*/
|
6
|
+
export const Subtitle1 = /*#__PURE__*/createPreset({
|
7
|
+
useStyles: useSubtitle1Styles,
|
8
|
+
className: subtitle1ClassNames.root,
|
9
|
+
displayName: 'Subtitle1'
|
10
|
+
});
|
11
|
+
//# sourceMappingURL=Subtitle1.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["createPreset","subtitle1ClassNames","useSubtitle1Styles","Subtitle1","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/Subtitle1/Subtitle1.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { subtitle1ClassNames, useSubtitle1Styles } from './useSubtitle1Styles.styles';\n\n/**\n * Text preset component for the Subtitle1 typography variant\n */\nexport const Subtitle1: FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useSubtitle1Styles,\n className: subtitle1ClassNames.root,\n displayName: 'Subtitle1',\n});\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAE7B,SAASC,mBAAmB,EAAEC,kBAAkB,QAAQ;AAExD;;;AAGA,OAAO,MAAMC,SAAA,gBAAgDH,YAAA,CAAa;EACxEI,SAAA,EAAWF,kBAAA;EACXG,SAAA,EAAWJ,mBAAA,CAAoBK,IAAI;EACnCC,WAAA,EAAa;AACf"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["subtitle1ClassNames"],"sources":["../../../../src/components/presets/Subtitle1/index.ts"],"sourcesContent":["export * from './Subtitle1';\nexport { subtitle1ClassNames } from './useSubtitle1Styles.styles';\n"],"mappings":"AAAA,cAAc;AACd,SAASA,mBAAmB,QAAQ"}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { __styles } from '@griffel/react';
|
2
|
+
import { typographyStyles } from '@fluentui/react-theme';
|
3
|
+
export const subtitle1ClassNames = {
|
4
|
+
root: 'fui-Subtitle1'
|
5
|
+
};
|
6
|
+
/**
|
7
|
+
* Styles for the root slot
|
8
|
+
*/
|
9
|
+
export const useSubtitle1Styles = /*#__PURE__*/__styles({
|
10
|
+
root: {
|
11
|
+
Bahqtrf: "fk6fouc",
|
12
|
+
Be2twd7: "f1pp30po",
|
13
|
+
Bhrd7zp: "fl43uef",
|
14
|
+
Bg96gwp: "f106mvju"
|
15
|
+
}
|
16
|
+
}, {
|
17
|
+
d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f106mvju{line-height:var(--lineHeightBase500);}"]
|
18
|
+
});
|
19
|
+
//# sourceMappingURL=useSubtitle1Styles.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["__styles","typographyStyles","subtitle1ClassNames","root","useSubtitle1Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["../../../../src/components/presets/Subtitle1/useSubtitle1Styles.styles.ts"],"sourcesContent":["import { 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 subtitle1ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Subtitle1',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useSubtitle1Styles = makeStyles({\n root: typographyStyles.subtitle1,\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAG3B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,mBAAA,GAAiD;EAC5DC,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMC,kBAAA,gBAAqBJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAElC"}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { createPreset } from '../createPreset';
|
2
|
+
import { subtitle2ClassNames, useSubtitle2Styles } from './useSubtitle2Styles.styles';
|
3
|
+
/**
|
4
|
+
* Text preset component for the Subtitle2 typography variant
|
5
|
+
*/
|
6
|
+
export const Subtitle2 = /*#__PURE__*/createPreset({
|
7
|
+
useStyles: useSubtitle2Styles,
|
8
|
+
className: subtitle2ClassNames.root,
|
9
|
+
displayName: 'Subtitle2'
|
10
|
+
});
|
11
|
+
//# sourceMappingURL=Subtitle2.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["createPreset","subtitle2ClassNames","useSubtitle2Styles","Subtitle2","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/Subtitle2/Subtitle2.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { subtitle2ClassNames, useSubtitle2Styles } from './useSubtitle2Styles.styles';\n\n/**\n * Text preset component for the Subtitle2 typography variant\n */\nexport const Subtitle2: FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useSubtitle2Styles,\n className: subtitle2ClassNames.root,\n displayName: 'Subtitle2',\n});\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAE7B,SAASC,mBAAmB,EAAEC,kBAAkB,QAAQ;AAExD;;;AAGA,OAAO,MAAMC,SAAA,gBAAgDH,YAAA,CAAa;EACxEI,SAAA,EAAWF,kBAAA;EACXG,SAAA,EAAWJ,mBAAA,CAAoBK,IAAI;EACnCC,WAAA,EAAa;AACf"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["subtitle2ClassNames"],"sources":["../../../../src/components/presets/Subtitle2/index.ts"],"sourcesContent":["export * from './Subtitle2';\nexport { subtitle2ClassNames } from './useSubtitle2Styles.styles';\n"],"mappings":"AAAA,cAAc;AACd,SAASA,mBAAmB,QAAQ"}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { __styles } from '@griffel/react';
|
2
|
+
import { typographyStyles } from '@fluentui/react-theme';
|
3
|
+
export const subtitle2ClassNames = {
|
4
|
+
root: 'fui-Subtitle2'
|
5
|
+
};
|
6
|
+
/**
|
7
|
+
* Styles for the root slot
|
8
|
+
*/
|
9
|
+
export const useSubtitle2Styles = /*#__PURE__*/__styles({
|
10
|
+
root: {
|
11
|
+
Bahqtrf: "fk6fouc",
|
12
|
+
Be2twd7: "fod5ikn",
|
13
|
+
Bhrd7zp: "fl43uef",
|
14
|
+
Bg96gwp: "faaz57k"
|
15
|
+
}
|
16
|
+
}, {
|
17
|
+
d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".faaz57k{line-height:var(--lineHeightBase400);}"]
|
18
|
+
});
|
19
|
+
//# sourceMappingURL=useSubtitle2Styles.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["__styles","typographyStyles","subtitle2ClassNames","root","useSubtitle2Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["../../../../src/components/presets/Subtitle2/useSubtitle2Styles.styles.ts"],"sourcesContent":["import { 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 subtitle2ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Subtitle2',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useSubtitle2Styles = makeStyles({\n root: typographyStyles.subtitle2,\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAG3B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,mBAAA,GAAiD;EAC5DC,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMC,kBAAA,gBAAqBJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAElC"}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { createPreset } from '../createPreset';
|
2
|
+
import { subtitle2StrongerClassNames, useSubtitle2StrongerStyles } from './useSubtitle2Stronger.styles';
|
3
|
+
/**
|
4
|
+
* Text preset component for the Subtitle2Stronger typography variant
|
5
|
+
*/
|
6
|
+
export const Subtitle2Stronger = /*#__PURE__*/createPreset({
|
7
|
+
useStyles: useSubtitle2StrongerStyles,
|
8
|
+
className: subtitle2StrongerClassNames.root,
|
9
|
+
displayName: 'Subtitle2Stronger'
|
10
|
+
});
|
11
|
+
//# sourceMappingURL=Subtitle2Stronger.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["createPreset","subtitle2StrongerClassNames","useSubtitle2StrongerStyles","Subtitle2Stronger","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/Subtitle2Stronger/Subtitle2Stronger.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { subtitle2StrongerClassNames, useSubtitle2StrongerStyles } from './useSubtitle2Stronger.styles';\n\n/**\n * Text preset component for the Subtitle2Stronger typography variant\n */\nexport const Subtitle2Stronger: FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useSubtitle2StrongerStyles,\n className: subtitle2StrongerClassNames.root,\n displayName: 'Subtitle2Stronger',\n});\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAE7B,SAASC,2BAA2B,EAAEC,0BAA0B,QAAQ;AAExE;;;AAGA,OAAO,MAAMC,iBAAA,gBAAwDH,YAAA,CAAa;EAChFI,SAAA,EAAWF,0BAAA;EACXG,SAAA,EAAWJ,2BAAA,CAA4BK,IAAI;EAC3CC,WAAA,EAAa;AACf"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["subtitle2StrongerClassNames"],"sources":["../../../../src/components/presets/Subtitle2Stronger/index.ts"],"sourcesContent":["export * from './Subtitle2Stronger';\nexport { subtitle2StrongerClassNames } from './useSubtitle2Stronger.styles';\n"],"mappings":"AAAA,cAAc;AACd,SAASA,2BAA2B,QAAQ"}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { __styles } from '@griffel/react';
|
2
|
+
import { typographyStyles } from '@fluentui/react-theme';
|
3
|
+
export const subtitle2StrongerClassNames = {
|
4
|
+
root: 'fui-Subtitle2Stronger'
|
5
|
+
};
|
6
|
+
/**
|
7
|
+
* Styles for the root slot
|
8
|
+
*/
|
9
|
+
export const useSubtitle2StrongerStyles = /*#__PURE__*/__styles({
|
10
|
+
root: {
|
11
|
+
Bahqtrf: "fk6fouc",
|
12
|
+
Be2twd7: "fod5ikn",
|
13
|
+
Bhrd7zp: "flh3ekv",
|
14
|
+
Bg96gwp: "faaz57k"
|
15
|
+
}
|
16
|
+
}, {
|
17
|
+
d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".flh3ekv{font-weight:var(--fontWeightBold);}", ".faaz57k{line-height:var(--lineHeightBase400);}"]
|
18
|
+
});
|
19
|
+
//# sourceMappingURL=useSubtitle2Stronger.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["__styles","typographyStyles","subtitle2StrongerClassNames","root","useSubtitle2StrongerStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["../../../../src/components/presets/Subtitle2Stronger/useSubtitle2Stronger.styles.ts"],"sourcesContent":["import { 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 subtitle2StrongerClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Subtitle2Stronger',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useSubtitle2StrongerStyles = makeStyles({\n root: typographyStyles.subtitle2Stronger,\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAG3B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,2BAAA,GAAyD;EACpEC,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMC,0BAAA,gBAA6BJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAE1C"}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { createPreset } from '../createPreset';
|
2
|
+
import { title1ClassNames, useTitle1Styles } from './useTitle1Styles.styles';
|
3
|
+
/**
|
4
|
+
* Text preset component for the Title 1 typography variant
|
5
|
+
*/
|
6
|
+
export const Title1 = /*#__PURE__*/createPreset({
|
7
|
+
useStyles: useTitle1Styles,
|
8
|
+
className: title1ClassNames.root,
|
9
|
+
displayName: 'Title1'
|
10
|
+
});
|
11
|
+
//# sourceMappingURL=Title1.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["createPreset","title1ClassNames","useTitle1Styles","Title1","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/Title1/Title1.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { title1ClassNames, useTitle1Styles } from './useTitle1Styles.styles';\n\n/**\n * Text preset component for the Title 1 typography variant\n */\nexport const Title1: FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useTitle1Styles,\n className: title1ClassNames.root,\n displayName: 'Title1',\n});\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAE7B,SAASC,gBAAgB,EAAEC,eAAe,QAAQ;AAElD;;;AAGA,OAAO,MAAMC,MAAA,gBAA6CH,YAAA,CAAa;EACrEI,SAAA,EAAWF,eAAA;EACXG,SAAA,EAAWJ,gBAAA,CAAiBK,IAAI;EAChCC,WAAA,EAAa;AACf"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["title1ClassNames"],"sources":["../../../../src/components/presets/Title1/index.ts"],"sourcesContent":["export * from './Title1';\nexport { title1ClassNames } from './useTitle1Styles.styles';\n"],"mappings":"AAAA,cAAc;AACd,SAASA,gBAAgB,QAAQ"}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { __styles } from '@griffel/react';
|
2
|
+
import { typographyStyles } from '@fluentui/react-theme';
|
3
|
+
export const title1ClassNames = {
|
4
|
+
root: 'fui-Title1'
|
5
|
+
};
|
6
|
+
/**
|
7
|
+
* Styles for the root slot
|
8
|
+
*/
|
9
|
+
export const useTitle1Styles = /*#__PURE__*/__styles({
|
10
|
+
root: {
|
11
|
+
Bahqtrf: "fk6fouc",
|
12
|
+
Be2twd7: "fccw675",
|
13
|
+
Bhrd7zp: "fl43uef",
|
14
|
+
Bg96gwp: "f1ebx5kk"
|
15
|
+
}
|
16
|
+
}, {
|
17
|
+
d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fccw675{font-size:var(--fontSizeHero800);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1ebx5kk{line-height:var(--lineHeightHero800);}"]
|
18
|
+
});
|
19
|
+
//# sourceMappingURL=useTitle1Styles.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["__styles","typographyStyles","title1ClassNames","root","useTitle1Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["../../../../src/components/presets/Title1/useTitle1Styles.styles.ts"],"sourcesContent":["import { 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 title1ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Title1',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useTitle1Styles = makeStyles({\n root: typographyStyles.title1,\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAG3B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,gBAAA,GAA8C;EACzDC,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMC,eAAA,gBAAkBJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAE/B"}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { createPreset } from '../createPreset';
|
2
|
+
import { title2ClassNames, useTitle2Styles } from './useTitle2Styles.styles';
|
3
|
+
/**
|
4
|
+
* Text preset component for the Title 2 typography variant
|
5
|
+
*/
|
6
|
+
export const Title2 = /*#__PURE__*/createPreset({
|
7
|
+
useStyles: useTitle2Styles,
|
8
|
+
className: title2ClassNames.root,
|
9
|
+
displayName: 'Title2'
|
10
|
+
});
|
11
|
+
//# sourceMappingURL=Title2.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["createPreset","title2ClassNames","useTitle2Styles","Title2","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/Title2/Title2.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { title2ClassNames, useTitle2Styles } from './useTitle2Styles.styles';\n\n/**\n * Text preset component for the Title 2 typography variant\n */\nexport const Title2: FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useTitle2Styles,\n className: title2ClassNames.root,\n displayName: 'Title2',\n});\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAE7B,SAASC,gBAAgB,EAAEC,eAAe,QAAQ;AAElD;;;AAGA,OAAO,MAAMC,MAAA,gBAA6CH,YAAA,CAAa;EACrEI,SAAA,EAAWF,eAAA;EACXG,SAAA,EAAWJ,gBAAA,CAAiBK,IAAI;EAChCC,WAAA,EAAa;AACf"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["title2ClassNames"],"sources":["../../../../src/components/presets/Title2/index.ts"],"sourcesContent":["export * from './Title2';\nexport { title2ClassNames } from './useTitle2Styles.styles';\n"],"mappings":"AAAA,cAAc;AACd,SAASA,gBAAgB,QAAQ"}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { __styles } from '@griffel/react';
|
2
|
+
import { typographyStyles } from '@fluentui/react-theme';
|
3
|
+
export const title2ClassNames = {
|
4
|
+
root: 'fui-Title2'
|
5
|
+
};
|
6
|
+
/**
|
7
|
+
* Styles for the root slot
|
8
|
+
*/
|
9
|
+
export const useTitle2Styles = /*#__PURE__*/__styles({
|
10
|
+
root: {
|
11
|
+
Bahqtrf: "fk6fouc",
|
12
|
+
Be2twd7: "fojgt09",
|
13
|
+
Bhrd7zp: "fl43uef",
|
14
|
+
Bg96gwp: "fcen8rp"
|
15
|
+
}
|
16
|
+
}, {
|
17
|
+
d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fojgt09{font-size:var(--fontSizeHero700);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fcen8rp{line-height:var(--lineHeightHero700);}"]
|
18
|
+
});
|
19
|
+
//# sourceMappingURL=useTitle2Styles.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["__styles","typographyStyles","title2ClassNames","root","useTitle2Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["../../../../src/components/presets/Title2/useTitle2Styles.styles.ts"],"sourcesContent":["import { 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 title2ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Title2',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useTitle2Styles = makeStyles({\n root: typographyStyles.title2,\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAG3B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,gBAAA,GAA8C;EACzDC,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMC,eAAA,gBAAkBJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAE/B"}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { createPreset } from '../createPreset';
|
2
|
+
import { title3ClassNames, useTitle3Styles } from './useTitle3Styles.styles';
|
3
|
+
/**
|
4
|
+
* Text preset component for the Title 3 typography variant
|
5
|
+
*/
|
6
|
+
export const Title3 = /*#__PURE__*/createPreset({
|
7
|
+
useStyles: useTitle3Styles,
|
8
|
+
className: title3ClassNames.root,
|
9
|
+
displayName: 'Title3'
|
10
|
+
});
|
11
|
+
//# sourceMappingURL=Title3.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["createPreset","title3ClassNames","useTitle3Styles","Title3","useStyles","className","root","displayName"],"sources":["../../../../src/components/presets/Title3/Title3.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { title3ClassNames, useTitle3Styles } from './useTitle3Styles.styles';\n\n/**\n * Text preset component for the Title 3 typography variant\n */\nexport const Title3: FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useTitle3Styles,\n className: title3ClassNames.root,\n displayName: 'Title3',\n});\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAE7B,SAASC,gBAAgB,EAAEC,eAAe,QAAQ;AAElD;;;AAGA,OAAO,MAAMC,MAAA,gBAA6CH,YAAA,CAAa;EACrEI,SAAA,EAAWF,eAAA;EACXG,SAAA,EAAWJ,gBAAA,CAAiBK,IAAI;EAChCC,WAAA,EAAa;AACf"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["title3ClassNames"],"sources":["../../../../src/components/presets/Title3/index.ts"],"sourcesContent":["export * from './Title3';\nexport { title3ClassNames } from './useTitle3Styles.styles';\n"],"mappings":"AAAA,cAAc;AACd,SAASA,gBAAgB,QAAQ"}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { __styles } from '@griffel/react';
|
2
|
+
import { typographyStyles } from '@fluentui/react-theme';
|
3
|
+
export const title3ClassNames = {
|
4
|
+
root: 'fui-Title3'
|
5
|
+
};
|
6
|
+
/**
|
7
|
+
* Styles for the root slot
|
8
|
+
*/
|
9
|
+
export const useTitle3Styles = /*#__PURE__*/__styles({
|
10
|
+
root: {
|
11
|
+
Bahqtrf: "fk6fouc",
|
12
|
+
Be2twd7: "f1x0m3f5",
|
13
|
+
Bhrd7zp: "fl43uef",
|
14
|
+
Bg96gwp: "fb86gi6"
|
15
|
+
}
|
16
|
+
}, {
|
17
|
+
d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1x0m3f5{font-size:var(--fontSizeBase600);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fb86gi6{line-height:var(--lineHeightBase600);}"]
|
18
|
+
});
|
19
|
+
//# sourceMappingURL=useTitle3Styles.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["__styles","typographyStyles","title3ClassNames","root","useTitle3Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["../../../../src/components/presets/Title3/useTitle3Styles.styles.ts"],"sourcesContent":["import { 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 title3ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Title3',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useTitle3Styles = makeStyles({\n root: typographyStyles.title3,\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAG3B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,gBAAA,GAA8C;EACzDC,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMC,eAAA,gBAAkBJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAE/B"}
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
import { mergeClasses } from '@griffel/react';
|
3
|
+
import { renderText_unstable, useText_unstable, useTextStyles_unstable } from '../Text';
|
4
|
+
export function createPreset(options) {
|
5
|
+
const {
|
6
|
+
useStyles,
|
7
|
+
className,
|
8
|
+
displayName
|
9
|
+
} = options;
|
10
|
+
const Wrapper = /*#__PURE__*/React.forwardRef((props, ref) => {
|
11
|
+
const styles = useStyles();
|
12
|
+
const state = useText_unstable(props, ref);
|
13
|
+
useTextStyles_unstable(state);
|
14
|
+
state.root.className = mergeClasses(className, state.root.className, styles.root, props.className);
|
15
|
+
return renderText_unstable(state);
|
16
|
+
});
|
17
|
+
Wrapper.displayName = displayName;
|
18
|
+
return Wrapper;
|
19
|
+
}
|
20
|
+
//# sourceMappingURL=createPreset.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["React","mergeClasses","renderText_unstable","useText_unstable","useTextStyles_unstable","createPreset","options","useStyles","className","displayName","Wrapper","forwardRef","props","ref","styles","state","root"],"sources":["../../../src/components/presets/createPreset.ts"],"sourcesContent":["import * as React from 'react';\nimport { mergeClasses } from '@griffel/react';\nimport { renderText_unstable, useText_unstable, useTextStyles_unstable } from '../Text';\nimport type { TextProps, TextPresetProps } from '../Text';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\nexport function createPreset(options: {\n className: string;\n displayName: string;\n useStyles: () => Record<'root', string>;\n}): React.FunctionComponent<TextPresetProps> {\n const { useStyles, className, displayName } = options;\n const Wrapper: ForwardRefComponent<TextPresetProps> = React.forwardRef((props, ref) => {\n const styles = useStyles();\n const state = useText_unstable(props as TextProps, ref);\n\n useTextStyles_unstable(state);\n\n state.root.className = mergeClasses(className, state.root.className, styles.root, props.className);\n\n return renderText_unstable(state);\n });\n Wrapper.displayName = displayName;\n\n return Wrapper;\n}\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,YAAY,QAAQ;AAC7B,SAASC,mBAAmB,EAAEC,gBAAgB,EAAEC,sBAAsB,QAAQ;AAI9E,OAAO,SAASC,aAAaC,OAI5B,EAA4C;EAC3C,MAAM;IAAEC,SAAA;IAAWC,SAAA;IAAWC;EAAW,CAAE,GAAGH,OAAA;EAC9C,MAAMI,OAAA,gBAAgDV,KAAA,CAAMW,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;IACrF,MAAMC,MAAA,GAASP,SAAA;IACf,MAAMQ,KAAA,GAAQZ,gBAAA,CAAiBS,KAAA,EAAoBC,GAAA;IAEnDT,sBAAA,CAAuBW,KAAA;IAEvBA,KAAA,CAAMC,IAAI,CAACR,SAAS,GAAGP,YAAA,CAAaO,SAAA,EAAWO,KAAA,CAAMC,IAAI,CAACR,SAAS,EAAEM,MAAA,CAAOE,IAAI,EAAEJ,KAAA,CAAMJ,SAAS;IAEjG,OAAON,mBAAA,CAAoBa,KAAA;EAC7B;EACAL,OAAA,CAAQD,WAAW,GAAGA,WAAA;EAEtB,OAAOC,OAAA;AACT"}
|
package/lib/index.js
ADDED
@@ -0,0 +1,19 @@
|
|
1
|
+
export { Text, renderText_unstable, textClassNames, useTextStyles_unstable, useText_unstable } from './Text';
|
2
|
+
export { Body1, body1ClassNames } from './Body1';
|
3
|
+
export { Body1Strong, body1StrongClassNames } from './Body1Strong';
|
4
|
+
export { Body1Stronger, body1StrongerClassNames } from './Body1Stronger';
|
5
|
+
export { Body2, body2ClassNames } from './Body2';
|
6
|
+
export { Caption1, caption1ClassNames } from './Caption1';
|
7
|
+
export { Caption1Strong, caption1StrongClassNames } from './Caption1Strong';
|
8
|
+
export { Caption1Stronger, caption1StrongerClassNames } from './Caption1Stronger';
|
9
|
+
export { Caption2, caption2ClassNames } from './Caption2';
|
10
|
+
export { Caption2Strong, caption2StrongClassNames } from './Caption2Strong';
|
11
|
+
export { Display, displayClassNames } from './Display';
|
12
|
+
export { LargeTitle, largeTitleClassNames } from './LargeTitle';
|
13
|
+
export { Subtitle1, subtitle1ClassNames } from './Subtitle1';
|
14
|
+
export { Subtitle2, subtitle2ClassNames } from './Subtitle2';
|
15
|
+
export { Subtitle2Stronger, subtitle2StrongerClassNames } from './Subtitle2Stronger';
|
16
|
+
export { Title1, title1ClassNames } from './Title1';
|
17
|
+
export { Title2, title2ClassNames } from './Title2';
|
18
|
+
export { Title3, title3ClassNames } from './Title3';
|
19
|
+
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["Text","renderText_unstable","textClassNames","useTextStyles_unstable","useText_unstable","Body1","body1ClassNames","Body1Strong","body1StrongClassNames","Body1Stronger","body1StrongerClassNames","Body2","body2ClassNames","Caption1","caption1ClassNames","Caption1Strong","caption1StrongClassNames","Caption1Stronger","caption1StrongerClassNames","Caption2","caption2ClassNames","Caption2Strong","caption2StrongClassNames","Display","displayClassNames","LargeTitle","largeTitleClassNames","Subtitle1","subtitle1ClassNames","Subtitle2","subtitle2ClassNames","Subtitle2Stronger","subtitle2StrongerClassNames","Title1","title1ClassNames","Title2","title2ClassNames","Title3","title3ClassNames"],"sources":["../src/index.ts"],"sourcesContent":["export { Text, renderText_unstable, textClassNames, useTextStyles_unstable, useText_unstable } from './Text';\nexport type { TextProps, TextSlots, TextState, TextPresetProps } from './Text';\nexport { Body1, body1ClassNames } from './Body1';\nexport { Body1Strong, body1StrongClassNames } from './Body1Strong';\nexport { Body1Stronger, body1StrongerClassNames } from './Body1Stronger';\nexport { Body2, body2ClassNames } from './Body2';\nexport { Caption1, caption1ClassNames } from './Caption1';\nexport { Caption1Strong, caption1StrongClassNames } from './Caption1Strong';\nexport { Caption1Stronger, caption1StrongerClassNames } from './Caption1Stronger';\nexport { Caption2, caption2ClassNames } from './Caption2';\nexport { Caption2Strong, caption2StrongClassNames } from './Caption2Strong';\nexport { Display, displayClassNames } from './Display';\nexport { LargeTitle, largeTitleClassNames } from './LargeTitle';\nexport { Subtitle1, subtitle1ClassNames } from './Subtitle1';\nexport { Subtitle2, subtitle2ClassNames } from './Subtitle2';\nexport { Subtitle2Stronger, subtitle2StrongerClassNames } from './Subtitle2Stronger';\nexport { Title1, title1ClassNames } from './Title1';\nexport { Title2, title2ClassNames } from './Title2';\nexport { Title3, title3ClassNames } from './Title3';\n"],"mappings":"AAAA,SAASA,IAAI,EAAEC,mBAAmB,EAAEC,cAAc,EAAEC,sBAAsB,EAAEC,gBAAgB,QAAQ;AAEpG,SAASC,KAAK,EAAEC,eAAe,QAAQ;AACvC,SAASC,WAAW,EAAEC,qBAAqB,QAAQ;AACnD,SAASC,aAAa,EAAEC,uBAAuB,QAAQ;AACvD,SAASC,KAAK,EAAEC,eAAe,QAAQ;AACvC,SAASC,QAAQ,EAAEC,kBAAkB,QAAQ;AAC7C,SAASC,cAAc,EAAEC,wBAAwB,QAAQ;AACzD,SAASC,gBAAgB,EAAEC,0BAA0B,QAAQ;AAC7D,SAASC,QAAQ,EAAEC,kBAAkB,QAAQ;AAC7C,SAASC,cAAc,EAAEC,wBAAwB,QAAQ;AACzD,SAASC,OAAO,EAAEC,iBAAiB,QAAQ;AAC3C,SAASC,UAAU,EAAEC,oBAAoB,QAAQ;AACjD,SAASC,SAAS,EAAEC,mBAAmB,QAAQ;AAC/C,SAASC,SAAS,EAAEC,mBAAmB,QAAQ;AAC/C,SAASC,iBAAiB,EAAEC,2BAA2B,QAAQ;AAC/D,SAASC,MAAM,EAAEC,gBAAgB,QAAQ;AACzC,SAASC,MAAM,EAAEC,gBAAgB,QAAQ;AACzC,SAASC,MAAM,EAAEC,gBAAgB,QAAQ"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-text",
|
3
|
-
"version": "0.0.0-nightly-
|
3
|
+
"version": "0.0.0-nightly-20230503-0419.1",
|
4
4
|
"description": "Text is a typography and styling abstraction component that can be used to ensure the consistency of all text across your application.",
|
5
5
|
"main": "lib-commonjs/index.js",
|
6
6
|
"module": "lib/index.js",
|
@@ -27,16 +27,16 @@
|
|
27
27
|
"devDependencies": {
|
28
28
|
"@fluentui/eslint-plugin": "*",
|
29
29
|
"@fluentui/react-conformance": "*",
|
30
|
-
"@fluentui/react-conformance-griffel": "0.0.0-nightly-
|
30
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightly-20230503-0419.1",
|
31
31
|
"@fluentui/scripts-api-extractor": "*",
|
32
32
|
"@fluentui/scripts-tasks": "*"
|
33
33
|
},
|
34
34
|
"dependencies": {
|
35
|
-
"@fluentui/react-shared-contexts": "0.0.0-nightly-
|
36
|
-
"@fluentui/react-theme": "0.0.0-nightly-
|
35
|
+
"@fluentui/react-shared-contexts": "0.0.0-nightly-20230503-0419.1",
|
36
|
+
"@fluentui/react-theme": "0.0.0-nightly-20230503-0419.1",
|
37
37
|
"@griffel/react": "^1.5.2",
|
38
|
-
"@fluentui/react-utilities": "0.0.0-nightly-
|
39
|
-
"@fluentui/react-jsx-runtime": "0.0.0-nightly-
|
38
|
+
"@fluentui/react-utilities": "0.0.0-nightly-20230503-0419.1",
|
39
|
+
"@fluentui/react-jsx-runtime": "0.0.0-nightly-20230503-0419.1",
|
40
40
|
"@swc/helpers": "^0.4.14"
|
41
41
|
},
|
42
42
|
"peerDependencies": {
|