@fluentui/react-text 0.0.0-nightly-20220523-0424.1 → 0.0.0-nightly-20220530-0421.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 +63 -9
- package/CHANGELOG.md +29 -7
- package/README.md +4 -4
- package/dist/index.d.ts +37 -81
- package/lib/Body1.js +2 -0
- package/lib/Body1.js.map +1 -0
- package/lib/Caption1.js +2 -0
- package/lib/Caption1.js.map +1 -0
- package/lib/Caption2.js +2 -0
- package/lib/Caption2.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/components/{Body/Body.js → Body1/Body1.js} +7 -12
- package/lib/components/Body1/Body1.js.map +1 -0
- package/lib/components/Body1/index.js +2 -0
- package/lib/components/Body1/index.js.map +1 -0
- package/lib/components/{Caption/Caption.js → Caption1/Caption1.js} +7 -12
- package/lib/components/Caption1/Caption1.js.map +1 -0
- package/lib/components/Caption1/index.js +2 -0
- package/lib/components/Caption1/index.js.map +1 -0
- package/lib/components/Caption2/Caption2.js +31 -0
- package/lib/components/Caption2/Caption2.js.map +1 -0
- package/lib/components/Caption2/index.js +2 -0
- package/lib/components/Caption2/index.js.map +1 -0
- package/lib/components/Display/Display.js +0 -5
- package/lib/components/Display/Display.js.map +1 -1
- package/lib/components/LargeTitle/LargeTitle.js +0 -5
- package/lib/components/LargeTitle/LargeTitle.js.map +1 -1
- package/lib/components/{Headline/Headline.js → Subtitle1/Subtitle1.js} +7 -12
- package/lib/components/Subtitle1/Subtitle1.js.map +1 -0
- package/lib/components/Subtitle1/index.js +2 -0
- package/lib/components/Subtitle1/index.js.map +1 -0
- package/lib/components/{Subheadline/Subheadline.js → Subtitle2/Subtitle2.js} +7 -12
- package/lib/components/Subtitle2/Subtitle2.js.map +1 -0
- package/lib/components/Subtitle2/index.js +2 -0
- package/lib/components/Subtitle2/index.js.map +1 -0
- package/lib/components/Text/Text.types.js.map +1 -1
- package/lib/components/Text/useTextStyles.js +0 -5
- package/lib/components/Text/useTextStyles.js.map +1 -1
- package/lib/components/Title1/Title1.js +0 -5
- package/lib/components/Title1/Title1.js.map +1 -1
- package/lib/components/Title2/Title2.js +0 -5
- package/lib/components/Title2/Title2.js.map +1 -1
- package/lib/components/Title3/Title3.js +0 -5
- package/lib/components/Title3/Title3.js.map +1 -1
- package/lib/index.js +11 -11
- package/lib/index.js.map +1 -1
- package/lib-commonjs/{Body.js → Body1.js} +2 -2
- package/lib-commonjs/Body1.js.map +1 -0
- package/lib-commonjs/{Headline.js → Caption1.js} +2 -2
- package/lib-commonjs/Caption1.js.map +1 -0
- package/lib-commonjs/{Caption.js → Caption2.js} +2 -2
- package/lib-commonjs/Caption2.js.map +1 -0
- package/lib-commonjs/Subtitle1.js +10 -0
- package/lib-commonjs/Subtitle1.js.map +1 -0
- package/lib-commonjs/Subtitle2.js +10 -0
- package/lib-commonjs/Subtitle2.js.map +1 -0
- package/lib-commonjs/components/{Body/Body.js → Body1/Body1.js} +8 -13
- package/lib-commonjs/components/Body1/Body1.js.map +1 -0
- package/lib-commonjs/components/{Body → Body1}/index.js +1 -1
- package/lib-commonjs/components/Body1/index.js.map +1 -0
- package/lib-commonjs/components/{Caption/Caption.js → Caption1/Caption1.js} +8 -13
- package/lib-commonjs/components/Caption1/Caption1.js.map +1 -0
- package/lib-commonjs/components/{Caption → Caption1}/index.js +1 -1
- package/lib-commonjs/components/Caption1/index.js.map +1 -0
- package/lib-commonjs/components/Caption2/Caption2.js +41 -0
- package/lib-commonjs/components/Caption2/Caption2.js.map +1 -0
- package/lib-commonjs/components/{Headline → Caption2}/index.js +1 -1
- package/lib-commonjs/components/Caption2/index.js.map +1 -0
- package/lib-commonjs/components/Display/Display.js +1 -6
- package/lib-commonjs/components/Display/Display.js.map +1 -1
- package/lib-commonjs/components/LargeTitle/LargeTitle.js +1 -6
- package/lib-commonjs/components/LargeTitle/LargeTitle.js.map +1 -1
- package/lib-commonjs/components/{Headline/Headline.js → Subtitle1/Subtitle1.js} +8 -13
- package/lib-commonjs/components/Subtitle1/Subtitle1.js.map +1 -0
- package/lib-commonjs/components/{Subheadline → Subtitle1}/index.js +1 -1
- package/lib-commonjs/components/Subtitle1/index.js.map +1 -0
- package/lib-commonjs/components/{Subheadline/Subheadline.js → Subtitle2/Subtitle2.js} +8 -13
- package/lib-commonjs/components/Subtitle2/Subtitle2.js.map +1 -0
- package/lib-commonjs/components/Subtitle2/index.js +10 -0
- package/lib-commonjs/components/Subtitle2/index.js.map +1 -0
- package/lib-commonjs/components/Text/useTextStyles.js +1 -6
- package/lib-commonjs/components/Text/useTextStyles.js.map +1 -1
- package/lib-commonjs/components/Title1/Title1.js +1 -6
- package/lib-commonjs/components/Title1/Title1.js.map +1 -1
- package/lib-commonjs/components/Title2/Title2.js +1 -6
- package/lib-commonjs/components/Title2/Title2.js.map +1 -1
- package/lib-commonjs/components/Title3/Title3.js +1 -6
- package/lib-commonjs/components/Title3/Title3.js.map +1 -1
- package/lib-commonjs/index.js +30 -76
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +5 -5
- package/lib/Body.js +0 -2
- package/lib/Body.js.map +0 -1
- package/lib/Caption.js +0 -2
- package/lib/Caption.js.map +0 -1
- package/lib/Headline.js +0 -2
- package/lib/Headline.js.map +0 -1
- package/lib/Subheadline.js +0 -2
- package/lib/Subheadline.js.map +0 -1
- package/lib/components/Body/Body.js.map +0 -1
- package/lib/components/Body/index.js +0 -2
- package/lib/components/Body/index.js.map +0 -1
- package/lib/components/Caption/Caption.js.map +0 -1
- package/lib/components/Caption/index.js +0 -2
- package/lib/components/Caption/index.js.map +0 -1
- package/lib/components/Headline/Headline.js.map +0 -1
- package/lib/components/Headline/index.js +0 -2
- package/lib/components/Headline/index.js.map +0 -1
- package/lib/components/Subheadline/Subheadline.js.map +0 -1
- package/lib/components/Subheadline/index.js +0 -2
- package/lib/components/Subheadline/index.js.map +0 -1
- package/lib-commonjs/Body.js.map +0 -1
- package/lib-commonjs/Caption.js.map +0 -1
- package/lib-commonjs/Headline.js.map +0 -1
- package/lib-commonjs/Subheadline.js +0 -10
- package/lib-commonjs/Subheadline.js.map +0 -1
- package/lib-commonjs/components/Body/Body.js.map +0 -1
- package/lib-commonjs/components/Body/index.js.map +0 -1
- package/lib-commonjs/components/Caption/Caption.js.map +0 -1
- package/lib-commonjs/components/Caption/index.js.map +0 -1
- package/lib-commonjs/components/Headline/Headline.js.map +0 -1
- package/lib-commonjs/components/Headline/index.js.map +0 -1
- package/lib-commonjs/components/Subheadline/Subheadline.js.map +0 -1
- package/lib-commonjs/components/Subheadline/index.js.map +0 -1
@@ -1,13 +1,8 @@
|
|
1
1
|
import { __styles } from '@griffel/react';
|
2
2
|
import { createWrapper } from '../wrapper';
|
3
3
|
import { typographyStyles } from '@fluentui/react-theme';
|
4
|
-
|
5
|
-
|
6
|
-
*/
|
7
|
-
|
8
|
-
export const headlineClassName = 'fui-Headline';
|
9
|
-
export const headlineClassNames = {
|
10
|
-
root: 'fui-Headline'
|
4
|
+
export const subtitle1ClassNames = {
|
5
|
+
root: 'fui-Subtitle1'
|
11
6
|
};
|
12
7
|
/**
|
13
8
|
* Styles for the root slot
|
@@ -24,13 +19,13 @@ const useStyles = /*#__PURE__*/__styles({
|
|
24
19
|
"d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f106mvju{line-height:var(--lineHeightBase500);}"]
|
25
20
|
});
|
26
21
|
/**
|
27
|
-
* Text wrapper component for the
|
22
|
+
* Text wrapper component for the Subtitle1 typography variant
|
28
23
|
*/
|
29
24
|
|
30
25
|
|
31
|
-
export const
|
26
|
+
export const Subtitle1 = /*#__PURE__*/createWrapper({
|
32
27
|
useStyles,
|
33
|
-
className:
|
34
|
-
displayName: '
|
28
|
+
className: subtitle1ClassNames.root,
|
29
|
+
displayName: 'Subtitle1'
|
35
30
|
});
|
36
|
-
//# sourceMappingURL=
|
31
|
+
//# sourceMappingURL=Subtitle1.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["components/Subtitle1/Subtitle1.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA,OAAO,MAAM,mBAAmB,GAA8B;AAC5D,EAAA,IAAI,EAAE;AADsD,CAAvD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,SAAS,gBAAwC,aAAa,CAAC;AAC1E,EAAA,SAD0E;AAE1E,EAAA,SAAS,EAAE,mBAAmB,CAAC,IAF2C;AAG1E,EAAA,WAAW,EAAE;AAH6D,CAAD,CAApE","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { 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 */\nconst useStyles = makeStyles({\n root: typographyStyles.subtitle1,\n});\n\n/**\n * Text wrapper component for the Subtitle1 typography variant\n */\nexport const Subtitle1: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: subtitle1ClassNames.root,\n displayName: 'Subtitle1',\n});\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Subtitle1/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC","sourcesContent":["export * from './Subtitle1';\n"]}
|
@@ -1,13 +1,8 @@
|
|
1
1
|
import { __styles } from '@griffel/react';
|
2
2
|
import { createWrapper } from '../wrapper';
|
3
3
|
import { typographyStyles } from '@fluentui/react-theme';
|
4
|
-
|
5
|
-
|
6
|
-
*/
|
7
|
-
|
8
|
-
export const subheadlineClassName = 'fui-Subheadline';
|
9
|
-
export const subheadlineClassNames = {
|
10
|
-
root: 'fui-Subheadline'
|
4
|
+
export const subtitle2ClassNames = {
|
5
|
+
root: 'fui-Subtitle2'
|
11
6
|
};
|
12
7
|
/**
|
13
8
|
* Styles for the root slot
|
@@ -24,13 +19,13 @@ const useStyles = /*#__PURE__*/__styles({
|
|
24
19
|
"d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".faaz57k{line-height:var(--lineHeightBase400);}"]
|
25
20
|
});
|
26
21
|
/**
|
27
|
-
* Text wrapper component for the
|
22
|
+
* Text wrapper component for the Subtitle2 typography variant
|
28
23
|
*/
|
29
24
|
|
30
25
|
|
31
|
-
export const
|
26
|
+
export const Subtitle2 = /*#__PURE__*/createWrapper({
|
32
27
|
useStyles,
|
33
|
-
className:
|
34
|
-
displayName: '
|
28
|
+
className: subtitle2ClassNames.root,
|
29
|
+
displayName: 'Subtitle2'
|
35
30
|
});
|
36
|
-
//# sourceMappingURL=
|
31
|
+
//# sourceMappingURL=Subtitle2.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["components/Subtitle2/Subtitle2.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA,OAAO,MAAM,mBAAmB,GAA8B;AAC5D,EAAA,IAAI,EAAE;AADsD,CAAvD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,SAAS,gBAAwC,aAAa,CAAC;AAC1E,EAAA,SAD0E;AAE1E,EAAA,SAAS,EAAE,mBAAmB,CAAC,IAF2C;AAG1E,EAAA,WAAW,EAAE;AAH6D,CAAD,CAApE","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { 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 */\nconst useStyles = makeStyles({\n root: typographyStyles.subtitle2,\n});\n\n/**\n * Text wrapper component for the Subtitle2 typography variant\n */\nexport const Subtitle2: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: subtitle2ClassNames.root,\n displayName: 'Subtitle2',\n});\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Subtitle2/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC","sourcesContent":["export * from './Subtitle2';\n"]}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Text.types.js","sourceRoot":"../src/","sources":["components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\n/**\n * Text slots\n */\nexport type TextSlots = {\n root: Slot<'span', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'pre'>;\n};\n\n/**\n * Text Props\n */\nexport type TextProps = ComponentProps<TextSlots> & {\n /**\n *
|
1
|
+
{"version":3,"file":"Text.types.js","sourceRoot":"../src/","sources":["components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\n/**\n * Text slots\n */\nexport type TextSlots = {\n root: Slot<'span', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'pre'>;\n};\n\n/**\n * Text Props\n */\nexport type TextProps = ComponentProps<TextSlots> & {\n /**\n * Aligns text based on the parent container.\n *\n * @default start\n */\n align?: 'start' | 'center' | 'end' | 'justify';\n\n /**\n * Applies a block display for the content.\n *\n * @default false\n */\n block?: boolean;\n\n /**\n * Applies the font family to the content.\n *\n * @default base\n */\n font?: 'base' | 'monospace' | 'numeric';\n\n /**\n * Applies the italic font style to the content.\n *\n * @default false\n */\n italic?: boolean;\n\n /**\n * Applies font size and line height based on the theme tokens.\n *\n * @default 300\n */\n size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;\n\n /**\n * Applies the strikethrough text decoration to the content.\n *\n * @default false\n */\n strikethrough?: boolean;\n\n /**\n * Truncate overflowing text for block displays.\n *\n * @default false\n */\n\n truncate?: boolean;\n\n /**\n * Applies the underline text decoration to the content.\n *\n * @default false\n */\n underline?: boolean;\n\n /**\n * Applies font weight to the content.\n *\n * @default regular\n */\n weight?: 'regular' | 'medium' | 'semibold';\n\n /**\n * Wraps the text content on white spaces.\n *\n * @default true\n */\n wrap?: boolean;\n};\n\n/**\n * State used in rendering Text\n */\nexport type TextState = ComponentState<TextSlots> &\n Required<\n Pick<\n TextProps,\n 'align' | 'block' | 'font' | 'italic' | 'size' | 'strikethrough' | 'truncate' | 'underline' | 'weight' | 'wrap'\n >\n >;\n"]}
|
@@ -1,10 +1,5 @@
|
|
1
1
|
import { __styles, mergeClasses, shorthands } from '@griffel/react';
|
2
2
|
import { tokens } from '@fluentui/react-theme';
|
3
|
-
/**
|
4
|
-
* @deprecated Use `textClassNames.root` instead.
|
5
|
-
*/
|
6
|
-
|
7
|
-
export const textClassName = 'fui-Text';
|
8
3
|
export const textClassNames = {
|
9
4
|
root: 'fui-Text'
|
10
5
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["components/Text/useTextStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,EAAmC,UAAnC,QAAqD,gBAArD;AACA,SAAS,MAAT,QAAuB,uBAAvB;AAIA
|
1
|
+
{"version":3,"sources":["components/Text/useTextStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { TextSlots, TextState } from './Text.types';\nimport { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const textClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Text',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n lineHeight: tokens.lineHeightBase300,\n fontWeight: tokens.fontWeightRegular,\n textAlign: 'start',\n display: 'inline',\n whiteSpace: 'normal',\n ...shorthands.overflow('visible'),\n textOverflow: 'clip',\n },\n nowrap: {\n whiteSpace: 'nowrap',\n ...shorthands.overflow('hidden'),\n },\n truncate: {\n textOverflow: 'ellipsis',\n },\n block: {\n display: 'block',\n },\n italic: {\n fontStyle: 'italic',\n },\n underline: {\n textDecorationLine: 'underline',\n },\n strikethrough: {\n textDecorationLine: 'line-through',\n },\n strikethroughUnderline: {\n textDecorationLine: 'line-through underline',\n },\n base100: {\n fontSize: tokens.fontSizeBase100,\n lineHeight: tokens.lineHeightBase100,\n },\n base200: {\n fontSize: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200,\n },\n base400: {\n fontSize: tokens.fontSizeBase400,\n lineHeight: tokens.lineHeightBase400,\n },\n base500: {\n fontSize: tokens.fontSizeBase500,\n lineHeight: tokens.lineHeightBase500,\n },\n base600: {\n fontSize: tokens.fontSizeBase600,\n lineHeight: tokens.lineHeightBase600,\n },\n hero700: {\n fontSize: tokens.fontSizeHero700,\n lineHeight: tokens.lineHeightHero700,\n },\n hero800: {\n fontSize: tokens.fontSizeHero800,\n lineHeight: tokens.lineHeightHero800,\n },\n hero900: {\n fontSize: tokens.fontSizeHero900,\n lineHeight: tokens.lineHeightHero900,\n },\n hero1000: {\n fontSize: tokens.fontSizeHero1000,\n lineHeight: tokens.lineHeightHero1000,\n },\n monospace: {\n fontFamily: tokens.fontFamilyMonospace,\n },\n numeric: {\n fontFamily: tokens.fontFamilyNumeric,\n },\n weightMedium: {\n fontWeight: tokens.fontWeightMedium,\n },\n weightSemibold: {\n fontWeight: tokens.fontWeightSemibold,\n },\n alignCenter: {\n textAlign: 'center',\n },\n alignEnd: {\n textAlign: 'end',\n },\n alignJustify: {\n textAlign: 'justify',\n },\n});\n\n/**\n * Apply styling to the Text slots based on the state\n */\nexport const useTextStyles_unstable = (state: TextState): TextState => {\n const styles = useStyles();\n\n state.root.className = mergeClasses(\n textClassNames.root,\n styles.root,\n state.wrap === false && styles.nowrap,\n state.truncate && styles.truncate,\n state.block && styles.block,\n state.italic && styles.italic,\n state.underline && styles.underline,\n state.strikethrough && styles.strikethrough,\n state.underline && state.strikethrough && styles.strikethroughUnderline,\n state.size === 100 && styles.base100,\n state.size === 200 && styles.base200,\n state.size === 400 && styles.base400,\n state.size === 500 && styles.base500,\n state.size === 600 && styles.base600,\n state.size === 700 && styles.hero700,\n state.size === 800 && styles.hero800,\n state.size === 900 && styles.hero900,\n state.size === 1000 && styles.hero1000,\n state.font === 'monospace' && styles.monospace,\n state.font === 'numeric' && styles.numeric,\n state.weight === 'medium' && styles.weightMedium,\n state.weight === 'semibold' && styles.weightSemibold,\n state.align === 'center' && styles.alignCenter,\n state.align === 'end' && styles.alignEnd,\n state.align === 'justify' && styles.alignJustify,\n state.root.className,\n );\n\n return state;\n};\n"],"sourceRoot":"../src/"}
|
@@ -1,11 +1,6 @@
|
|
1
1
|
import { __styles } from '@griffel/react';
|
2
2
|
import { createWrapper } from '../wrapper';
|
3
3
|
import { typographyStyles } from '@fluentui/react-theme';
|
4
|
-
/**
|
5
|
-
* @deprecated Use `title1ClassNames.root` instead.
|
6
|
-
*/
|
7
|
-
|
8
|
-
export const title1ClassName = 'fui-Title1';
|
9
4
|
export const title1ClassNames = {
|
10
5
|
root: 'fui-Title1'
|
11
6
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["components/Title1/Title1.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA
|
1
|
+
{"version":3,"sources":["components/Title1/Title1.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA,OAAO,MAAM,gBAAgB,GAA8B;AACzD,EAAA,IAAI,EAAE;AADmD,CAApD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,MAAM,gBAAwC,aAAa,CAAC;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,gBAAgB,CAAC,IAF2C;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAD,CAAjE","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { 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 */\nconst useStyles = makeStyles({\n root: typographyStyles.title1,\n});\n\n/**\n * Text wrapper component for the Title 1 typography variant\n */\nexport const Title1: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: title1ClassNames.root,\n displayName: 'Title1',\n});\n"],"sourceRoot":"../src/"}
|
@@ -1,11 +1,6 @@
|
|
1
1
|
import { __styles } from '@griffel/react';
|
2
2
|
import { createWrapper } from '../wrapper';
|
3
3
|
import { typographyStyles } from '@fluentui/react-theme';
|
4
|
-
/**
|
5
|
-
* @deprecated Use `title2ClassNames.root` instead.
|
6
|
-
*/
|
7
|
-
|
8
|
-
export const title2ClassName = 'fui-Title2';
|
9
4
|
export const title2ClassNames = {
|
10
5
|
root: 'fui-Title2'
|
11
6
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["components/Title2/Title2.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA
|
1
|
+
{"version":3,"sources":["components/Title2/Title2.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA,OAAO,MAAM,gBAAgB,GAA8B;AACzD,EAAA,IAAI,EAAE;AADmD,CAApD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,MAAM,gBAAwC,aAAa,CAAC;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,gBAAgB,CAAC,IAF2C;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAD,CAAjE","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { 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 */\nconst useStyles = makeStyles({\n root: typographyStyles.title2,\n});\n\n/**\n * Text wrapper component for the Title 2 typography variant\n */\nexport const Title2: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: title2ClassNames.root,\n displayName: 'Title2',\n});\n"],"sourceRoot":"../src/"}
|
@@ -1,11 +1,6 @@
|
|
1
1
|
import { __styles } from '@griffel/react';
|
2
2
|
import { createWrapper } from '../wrapper';
|
3
3
|
import { typographyStyles } from '@fluentui/react-theme';
|
4
|
-
/**
|
5
|
-
* @deprecated Use `title3ClassNames.root` instead.
|
6
|
-
*/
|
7
|
-
|
8
|
-
export const title3ClassName = 'fui-Title3';
|
9
4
|
export const title3ClassNames = {
|
10
5
|
root: 'fui-Title3'
|
11
6
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["components/Title3/Title3.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA
|
1
|
+
{"version":3,"sources":["components/Title3/Title3.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA,OAAO,MAAM,gBAAgB,GAA8B;AACzD,EAAA,IAAI,EAAE;AADmD,CAApD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,MAAM,gBAAwC,aAAa,CAAC;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,gBAAgB,CAAC,IAF2C;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAD,CAAjE","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { 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 */\nconst useStyles = makeStyles({\n root: typographyStyles.title3,\n});\n\n/**\n * Text wrapper component for the Title 3 typography variant\n */\nexport const Title3: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: title3ClassNames.root,\n displayName: 'Title3',\n});\n"],"sourceRoot":"../src/"}
|
package/lib/index.js
CHANGED
@@ -1,12 +1,12 @@
|
|
1
|
-
|
2
|
-
export {
|
3
|
-
export {
|
4
|
-
export {
|
5
|
-
export {
|
6
|
-
export {
|
7
|
-
export {
|
8
|
-
export {
|
9
|
-
export {
|
10
|
-
export {
|
11
|
-
export {
|
1
|
+
export { Text, renderText_unstable, textClassNames, useTextStyles_unstable, useText_unstable } from './Text';
|
2
|
+
export { Display, displayClassNames } from './Display';
|
3
|
+
export { LargeTitle, largeTitleClassNames } from './LargeTitle';
|
4
|
+
export { Title1, title1ClassNames } from './Title1';
|
5
|
+
export { Title2, title2ClassNames } from './Title2';
|
6
|
+
export { Title3, title3ClassNames } from './Title3';
|
7
|
+
export { Subtitle1, subtitle1ClassNames } from './Subtitle1';
|
8
|
+
export { Subtitle2, subtitle2ClassNames } from './Subtitle2';
|
9
|
+
export { Body1, body1ClassNames } from './Body1';
|
10
|
+
export { Caption1, caption1ClassNames } from './Caption1';
|
11
|
+
export { Caption2, caption2ClassNames } from './Caption2';
|
12
12
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,mBAAmB,EAAE,cAAc,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE7G,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC","sourcesContent":["export { Text, renderText_unstable, textClassNames, useTextStyles_unstable, useText_unstable } from './Text';\nexport type { TextProps, TextSlots, TextState } from './Text';\nexport { Display, displayClassNames } from './Display';\nexport { LargeTitle, largeTitleClassNames } from './LargeTitle';\nexport { Title1, title1ClassNames } from './Title1';\nexport { Title2, title2ClassNames } from './Title2';\nexport { Title3, title3ClassNames } from './Title3';\nexport { Subtitle1, subtitle1ClassNames } from './Subtitle1';\nexport { Subtitle2, subtitle2ClassNames } from './Subtitle2';\nexport { Body1, body1ClassNames } from './Body1';\nexport { Caption1, caption1ClassNames } from './Caption1';\nexport { Caption2, caption2ClassNames } from './Caption2';\n"]}
|
@@ -6,5 +6,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
|
7
7
|
const tslib_1 = /*#__PURE__*/require("tslib");
|
8
8
|
|
9
|
-
tslib_1.__exportStar(require("./components/
|
10
|
-
//# sourceMappingURL=
|
9
|
+
tslib_1.__exportStar(require("./components/Body1/index"), exports);
|
10
|
+
//# sourceMappingURL=Body1.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["Body1.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,0BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Body1/index';\n"],"sourceRoot":"../src/"}
|
@@ -6,5 +6,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
|
7
7
|
const tslib_1 = /*#__PURE__*/require("tslib");
|
8
8
|
|
9
|
-
tslib_1.__exportStar(require("./components/
|
10
|
-
//# sourceMappingURL=
|
9
|
+
tslib_1.__exportStar(require("./components/Caption1/index"), exports);
|
10
|
+
//# sourceMappingURL=Caption1.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["Caption1.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Caption1/index';\n"],"sourceRoot":"../src/"}
|
@@ -6,5 +6,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
|
7
7
|
const tslib_1 = /*#__PURE__*/require("tslib");
|
8
8
|
|
9
|
-
tslib_1.__exportStar(require("./components/
|
10
|
-
//# sourceMappingURL=
|
9
|
+
tslib_1.__exportStar(require("./components/Caption2/index"), exports);
|
10
|
+
//# sourceMappingURL=Caption2.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["Caption2.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Caption2/index';\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["Subtitle1.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,8BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Subtitle1/index';\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["Subtitle2.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,8BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Subtitle2/index';\n"],"sourceRoot":"../src/"}
|
@@ -3,21 +3,16 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
exports.Body1 = exports.body1ClassNames = void 0;
|
7
7
|
|
8
8
|
const react_1 = /*#__PURE__*/require("@griffel/react");
|
9
9
|
|
10
10
|
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
11
11
|
|
12
12
|
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
13
|
-
/**
|
14
|
-
* @deprecated Use `bodyClassNames.root` instead.
|
15
|
-
*/
|
16
|
-
|
17
13
|
|
18
|
-
exports.
|
19
|
-
|
20
|
-
root: 'fui-Body'
|
14
|
+
exports.body1ClassNames = {
|
15
|
+
root: 'fui-Body1'
|
21
16
|
};
|
22
17
|
/**
|
23
18
|
* Styles for the root slot
|
@@ -34,13 +29,13 @@ const useStyles = /*#__PURE__*/react_1.__styles({
|
|
34
29
|
"d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}"]
|
35
30
|
});
|
36
31
|
/**
|
37
|
-
* Text wrapper component for the
|
32
|
+
* Text wrapper component for the Body1 typography variant
|
38
33
|
*/
|
39
34
|
|
40
35
|
|
41
|
-
exports.
|
36
|
+
exports.Body1 = /*#__PURE__*/wrapper_1.createWrapper({
|
42
37
|
useStyles,
|
43
|
-
className: exports.
|
44
|
-
displayName: '
|
38
|
+
className: exports.body1ClassNames.root,
|
39
|
+
displayName: 'Body1'
|
45
40
|
});
|
46
|
-
//# sourceMappingURL=
|
41
|
+
//# sourceMappingURL=Body1.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["components/Body1/Body1.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAEa,OAAA,CAAA,eAAA,GAA6C;AACxD,EAAA,IAAI,EAAE;AADkD,CAA7C;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,KAAA,gBAA6C,SAAA,CAAA,aAAA,CAAc;AACtE,EAAA,SADsE;AAEtE,EAAA,SAAS,EAAE,OAAA,CAAA,eAAA,CAAgB,IAF2C;AAGtE,EAAA,WAAW,EAAE;AAHyD,CAAd,CAA7C","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const body1ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Body1',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: typographyStyles.body1,\n});\n\n/**\n * Text wrapper component for the Body1 typography variant\n */\nexport const Body1: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: body1ClassNames.root,\n displayName: 'Body1',\n});\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["components/Body1/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Body1';\n"],"sourceRoot":"../src/"}
|
@@ -3,21 +3,16 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
exports.Caption1 = exports.caption1ClassNames = void 0;
|
7
7
|
|
8
8
|
const react_1 = /*#__PURE__*/require("@griffel/react");
|
9
9
|
|
10
10
|
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
11
11
|
|
12
12
|
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
13
|
-
/**
|
14
|
-
* @deprecated Use `captionClassNames.root` instead.
|
15
|
-
*/
|
16
|
-
|
17
13
|
|
18
|
-
exports.
|
19
|
-
|
20
|
-
root: 'fui-Caption'
|
14
|
+
exports.caption1ClassNames = {
|
15
|
+
root: 'fui-Caption1'
|
21
16
|
};
|
22
17
|
/**
|
23
18
|
* Styles for the root slot
|
@@ -34,13 +29,13 @@ const useStyles = /*#__PURE__*/react_1.__styles({
|
|
34
29
|
"d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}"]
|
35
30
|
});
|
36
31
|
/**
|
37
|
-
* Text wrapper component for the
|
32
|
+
* Text wrapper component for the Caption1 typography variant
|
38
33
|
*/
|
39
34
|
|
40
35
|
|
41
|
-
exports.
|
36
|
+
exports.Caption1 = /*#__PURE__*/wrapper_1.createWrapper({
|
42
37
|
useStyles,
|
43
|
-
className: exports.
|
44
|
-
displayName: '
|
38
|
+
className: exports.caption1ClassNames.root,
|
39
|
+
displayName: 'Caption1'
|
45
40
|
});
|
46
|
-
//# sourceMappingURL=
|
41
|
+
//# sourceMappingURL=Caption1.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["components/Caption1/Caption1.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAEa,OAAA,CAAA,kBAAA,GAAgD;AAC3D,EAAA,IAAI,EAAE;AADqD,CAAhD;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,QAAA,gBAAgD,SAAA,CAAA,aAAA,CAAc;AACzE,EAAA,SADyE;AAEzE,EAAA,SAAS,EAAE,OAAA,CAAA,kBAAA,CAAmB,IAF2C;AAGzE,EAAA,WAAW,EAAE;AAH4D,CAAd,CAAhD","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const caption1ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Caption1',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: typographyStyles.caption1,\n});\n\n/**\n * Text wrapper component for the Caption1 typography variant\n */\nexport const Caption1: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: caption1ClassNames.root,\n displayName: 'Caption1',\n});\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["components/Caption1/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Caption1';\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1,41 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.Caption2 = exports.caption2ClassNames = void 0;
|
7
|
+
|
8
|
+
const react_1 = /*#__PURE__*/require("@griffel/react");
|
9
|
+
|
10
|
+
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
11
|
+
|
12
|
+
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
13
|
+
|
14
|
+
exports.caption2ClassNames = {
|
15
|
+
root: 'fui-Caption2'
|
16
|
+
};
|
17
|
+
/**
|
18
|
+
* Styles for the root slot
|
19
|
+
*/
|
20
|
+
|
21
|
+
const useStyles = /*#__PURE__*/react_1.__styles({
|
22
|
+
"root": {
|
23
|
+
"Bahqtrf": "fk6fouc",
|
24
|
+
"Be2twd7": "f13mqy1h",
|
25
|
+
"Bhrd7zp": "figsok6",
|
26
|
+
"Bg96gwp": "fcpl73t"
|
27
|
+
}
|
28
|
+
}, {
|
29
|
+
"d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fcpl73t{line-height:var(--lineHeightBase100);}"]
|
30
|
+
});
|
31
|
+
/**
|
32
|
+
* Text wrapper component for the Caption2 typography variant
|
33
|
+
*/
|
34
|
+
|
35
|
+
|
36
|
+
exports.Caption2 = /*#__PURE__*/wrapper_1.createWrapper({
|
37
|
+
useStyles,
|
38
|
+
className: exports.caption2ClassNames.root,
|
39
|
+
displayName: 'Caption2'
|
40
|
+
});
|
41
|
+
//# sourceMappingURL=Caption2.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["components/Caption2/Caption2.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAEa,OAAA,CAAA,kBAAA,GAAgD;AAC3D,EAAA,IAAI,EAAE;AADqD,CAAhD;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,QAAA,gBAAgD,SAAA,CAAA,aAAA,CAAc;AACzE,EAAA,SADyE;AAEzE,EAAA,SAAS,EAAE,OAAA,CAAA,kBAAA,CAAmB,IAF2C;AAGzE,EAAA,WAAW,EAAE;AAH4D,CAAd,CAAhD","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const caption2ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Caption2',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: typographyStyles.caption2,\n});\n\n/**\n * Text wrapper component for the Caption2 typography variant\n */\nexport const Caption2: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: caption2ClassNames.root,\n displayName: 'Caption2',\n});\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["components/Caption2/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Caption2';\n"],"sourceRoot":"../src/"}
|
@@ -3,19 +3,14 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.Display = exports.displayClassNames =
|
6
|
+
exports.Display = exports.displayClassNames = void 0;
|
7
7
|
|
8
8
|
const react_1 = /*#__PURE__*/require("@griffel/react");
|
9
9
|
|
10
10
|
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
11
11
|
|
12
12
|
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
13
|
-
/**
|
14
|
-
* @deprecated Use `displayClassNames.root` instead.
|
15
|
-
*/
|
16
|
-
|
17
13
|
|
18
|
-
exports.displayClassName = 'fui-Display';
|
19
14
|
exports.displayClassNames = {
|
20
15
|
root: 'fui-Display'
|
21
16
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["components/Display/Display.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA
|
1
|
+
{"version":3,"sources":["components/Display/Display.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAEa,OAAA,CAAA,iBAAA,GAA+C;AAC1D,EAAA,IAAI,EAAE;AADoD,CAA/C;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,OAAA,gBAA+C,SAAA,CAAA,aAAA,CAAc;AACxE,EAAA,SADwE;AAExE,EAAA,SAAS,EAAE,OAAA,CAAA,iBAAA,CAAkB,IAF2C;AAGxE,EAAA,WAAW,EAAE;AAH2D,CAAd,CAA/C","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { 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 */\nconst useStyles = makeStyles({\n root: typographyStyles.display,\n});\n\n/**\n * Text wrapper component for the Display typography variant\n */\nexport const Display: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: displayClassNames.root,\n displayName: 'Display',\n});\n"],"sourceRoot":"../src/"}
|
@@ -3,19 +3,14 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.LargeTitle = exports.largeTitleClassNames =
|
6
|
+
exports.LargeTitle = exports.largeTitleClassNames = void 0;
|
7
7
|
|
8
8
|
const react_1 = /*#__PURE__*/require("@griffel/react");
|
9
9
|
|
10
10
|
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
11
11
|
|
12
12
|
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
13
|
-
/**
|
14
|
-
* @deprecated Use `largeTitleClassNames.root` instead.
|
15
|
-
*/
|
16
|
-
|
17
13
|
|
18
|
-
exports.largeTitleClassName = 'fui-LargeTitle';
|
19
14
|
exports.largeTitleClassNames = {
|
20
15
|
root: 'fui-LargeTitle'
|
21
16
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["components/LargeTitle/LargeTitle.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA
|
1
|
+
{"version":3,"sources":["components/LargeTitle/LargeTitle.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAEa,OAAA,CAAA,oBAAA,GAAkD;AAC7D,EAAA,IAAI,EAAE;AADuD,CAAlD;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,UAAA,gBAAkD,SAAA,CAAA,aAAA,CAAc;AAC3E,EAAA,SAD2E;AAE3E,EAAA,SAAS,EAAE,OAAA,CAAA,oBAAA,CAAqB,IAF2C;AAG3E,EAAA,WAAW,EAAE;AAH8D,CAAd,CAAlD","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { 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 */\nconst useStyles = makeStyles({\n root: typographyStyles.largeTitle,\n});\n\n/**\n * Text wrapper component for the Large Title typography variant\n */\nexport const LargeTitle: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: largeTitleClassNames.root,\n displayName: 'LargeTitle',\n});\n"],"sourceRoot":"../src/"}
|