@fluentui/react-text 9.0.0-rc.1 → 9.0.0-rc.10
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 +289 -1
- package/CHANGELOG.md +142 -48
- package/README.md +4 -4
- package/dist/{react-text.d.ts → index.d.ts} +61 -56
- package/{lib → dist}/tsdoc-metadata.json +0 -0
- 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/Display.js.map +1 -1
- package/lib/LargeTitle.js.map +1 -1
- 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/Text.js.map +1 -1
- package/lib/Title1.js.map +1 -1
- package/lib/Title2.js.map +1 -1
- package/lib/Title3.js.map +1 -1
- package/lib/components/Body1/Body1.js +31 -0
- 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/Caption1/Caption1.js +31 -0
- 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 +8 -6
- package/lib/components/Display/Display.js.map +1 -1
- package/lib/components/Display/index.js.map +1 -1
- package/lib/components/LargeTitle/LargeTitle.js +8 -6
- package/lib/components/LargeTitle/LargeTitle.js.map +1 -1
- package/lib/components/LargeTitle/index.js.map +1 -1
- package/lib/components/Subtitle1/Subtitle1.js +31 -0
- 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/Subtitle2/Subtitle2.js +31 -0
- 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.js.map +1 -1
- package/lib/components/Text/Text.types.js.map +1 -1
- package/lib/components/Text/index.js.map +1 -1
- package/lib/components/Text/renderText.js.map +1 -1
- package/lib/components/Text/useText.js +6 -6
- package/lib/components/Text/useText.js.map +1 -1
- package/lib/components/Text/useTextStyles.js +4 -2
- package/lib/components/Text/useTextStyles.js.map +1 -1
- package/lib/components/Title1/Title1.js +8 -6
- package/lib/components/Title1/Title1.js.map +1 -1
- package/lib/components/Title1/index.js.map +1 -1
- package/lib/components/Title2/Title2.js +8 -6
- package/lib/components/Title2/Title2.js.map +1 -1
- package/lib/components/Title2/index.js.map +1 -1
- package/lib/components/Title3/Title3.js +8 -6
- package/lib/components/Title3/Title3.js.map +1 -1
- package/lib/components/Title3/index.js.map +1 -1
- package/lib/components/wrapper.js.map +1 -1
- package/lib/index.js +11 -10
- 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/Display.js.map +1 -1
- package/lib-commonjs/LargeTitle.js.map +1 -1
- 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/Text.js.map +1 -1
- package/lib-commonjs/Title1.js.map +1 -1
- package/lib-commonjs/Title2.js.map +1 -1
- package/lib-commonjs/Title3.js.map +1 -1
- package/lib-commonjs/components/Body1/Body1.js +41 -0
- 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/Caption1/Caption1.js +41 -0
- package/lib-commonjs/components/Caption1/Caption1.js.map +1 -0
- package/lib-commonjs/components/{Headline → 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/{Caption → Caption2}/index.js +1 -1
- package/lib-commonjs/components/Caption2/index.js.map +1 -0
- package/lib-commonjs/components/Display/Display.js +17 -6
- package/lib-commonjs/components/Display/Display.js.map +1 -1
- package/lib-commonjs/components/Display/index.js.map +1 -1
- package/lib-commonjs/components/LargeTitle/LargeTitle.js +17 -6
- package/lib-commonjs/components/LargeTitle/LargeTitle.js.map +1 -1
- package/lib-commonjs/components/LargeTitle/index.js.map +1 -1
- package/lib-commonjs/components/Subtitle1/Subtitle1.js +41 -0
- 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/Subtitle2/Subtitle2.js +41 -0
- 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/Text.js.map +1 -1
- package/lib-commonjs/components/Text/Text.types.js.map +1 -1
- package/lib-commonjs/components/Text/index.js.map +1 -1
- package/lib-commonjs/components/Text/renderText.js.map +1 -1
- package/lib-commonjs/components/Text/useText.js +6 -6
- package/lib-commonjs/components/Text/useText.js.map +1 -1
- package/lib-commonjs/components/Text/useTextStyles.js +5 -3
- package/lib-commonjs/components/Text/useTextStyles.js.map +1 -1
- package/lib-commonjs/components/Title1/Title1.js +17 -6
- package/lib-commonjs/components/Title1/Title1.js.map +1 -1
- package/lib-commonjs/components/Title1/index.js.map +1 -1
- package/lib-commonjs/components/Title2/Title2.js +17 -6
- package/lib-commonjs/components/Title2/Title2.js.map +1 -1
- package/lib-commonjs/components/Title2/index.js.map +1 -1
- package/lib-commonjs/components/Title3/Title3.js +17 -6
- package/lib-commonjs/components/Title3/Title3.js.map +1 -1
- package/lib-commonjs/components/Title3/index.js.map +1 -1
- package/lib-commonjs/components/wrapper.js.map +1 -1
- package/lib-commonjs/index.js +173 -11
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +16 -18
- package/lib/Body.d.ts +0 -1
- package/lib/Body.js +0 -2
- package/lib/Body.js.map +0 -1
- package/lib/Caption.d.ts +0 -1
- package/lib/Caption.js +0 -2
- package/lib/Caption.js.map +0 -1
- package/lib/Display.d.ts +0 -1
- package/lib/Headline.d.ts +0 -1
- package/lib/Headline.js +0 -2
- package/lib/Headline.js.map +0 -1
- package/lib/LargeTitle.d.ts +0 -1
- package/lib/Subheadline.d.ts +0 -1
- package/lib/Subheadline.js +0 -2
- package/lib/Subheadline.js.map +0 -1
- package/lib/Text.d.ts +0 -1
- package/lib/Title1.d.ts +0 -1
- package/lib/Title2.d.ts +0 -1
- package/lib/Title3.d.ts +0 -1
- package/lib/components/Body/Body.d.ts +0 -7
- package/lib/components/Body/Body.js +0 -29
- package/lib/components/Body/Body.js.map +0 -1
- package/lib/components/Body/index.d.ts +0 -1
- package/lib/components/Body/index.js +0 -2
- package/lib/components/Body/index.js.map +0 -1
- package/lib/components/Caption/Caption.d.ts +0 -7
- package/lib/components/Caption/Caption.js +0 -29
- package/lib/components/Caption/Caption.js.map +0 -1
- package/lib/components/Caption/index.d.ts +0 -1
- package/lib/components/Caption/index.js +0 -2
- package/lib/components/Caption/index.js.map +0 -1
- package/lib/components/Display/Display.d.ts +0 -7
- package/lib/components/Display/index.d.ts +0 -1
- package/lib/components/Headline/Headline.d.ts +0 -7
- package/lib/components/Headline/Headline.js +0 -29
- package/lib/components/Headline/Headline.js.map +0 -1
- package/lib/components/Headline/index.d.ts +0 -1
- package/lib/components/Headline/index.js +0 -2
- package/lib/components/Headline/index.js.map +0 -1
- package/lib/components/LargeTitle/LargeTitle.d.ts +0 -7
- package/lib/components/LargeTitle/index.d.ts +0 -1
- package/lib/components/Subheadline/Subheadline.d.ts +0 -7
- package/lib/components/Subheadline/Subheadline.js +0 -29
- package/lib/components/Subheadline/Subheadline.js.map +0 -1
- package/lib/components/Subheadline/index.d.ts +0 -1
- package/lib/components/Subheadline/index.js +0 -2
- package/lib/components/Subheadline/index.js.map +0 -1
- package/lib/components/Text/Text.d.ts +0 -6
- package/lib/components/Text/Text.types.d.ts +0 -78
- package/lib/components/Text/index.d.ts +0 -5
- package/lib/components/Text/renderText.d.ts +0 -5
- package/lib/components/Text/useText.d.ts +0 -12
- package/lib/components/Text/useTextStyles.d.ts +0 -6
- package/lib/components/Title1/Title1.d.ts +0 -7
- package/lib/components/Title1/index.d.ts +0 -1
- package/lib/components/Title2/Title2.d.ts +0 -7
- package/lib/components/Title2/index.d.ts +0 -1
- package/lib/components/Title3/Title3.d.ts +0 -7
- package/lib/components/Title3/index.d.ts +0 -1
- package/lib/components/wrapper.d.ts +0 -8
- package/lib/index.d.ts +0 -10
- package/lib/typographyStyles/index.d.ts +0 -2
- package/lib/typographyStyles/index.js +0 -3
- package/lib/typographyStyles/index.js.map +0 -1
- package/lib/typographyStyles/typographyStyles.d.ts +0 -13
- package/lib/typographyStyles/typographyStyles.js +0 -60
- package/lib/typographyStyles/typographyStyles.js.map +0 -1
- package/lib-commonjs/Body.d.ts +0 -1
- package/lib-commonjs/Body.js.map +0 -1
- package/lib-commonjs/Caption.d.ts +0 -1
- package/lib-commonjs/Caption.js.map +0 -1
- package/lib-commonjs/Display.d.ts +0 -1
- package/lib-commonjs/Headline.d.ts +0 -1
- package/lib-commonjs/Headline.js.map +0 -1
- package/lib-commonjs/LargeTitle.d.ts +0 -1
- package/lib-commonjs/Subheadline.d.ts +0 -1
- package/lib-commonjs/Subheadline.js +0 -10
- package/lib-commonjs/Subheadline.js.map +0 -1
- package/lib-commonjs/Text.d.ts +0 -1
- package/lib-commonjs/Title1.d.ts +0 -1
- package/lib-commonjs/Title2.d.ts +0 -1
- package/lib-commonjs/Title3.d.ts +0 -1
- package/lib-commonjs/components/Body/Body.d.ts +0 -7
- package/lib-commonjs/components/Body/Body.js +0 -30
- package/lib-commonjs/components/Body/Body.js.map +0 -1
- package/lib-commonjs/components/Body/index.d.ts +0 -1
- package/lib-commonjs/components/Body/index.js.map +0 -1
- package/lib-commonjs/components/Caption/Caption.d.ts +0 -7
- package/lib-commonjs/components/Caption/Caption.js +0 -30
- package/lib-commonjs/components/Caption/Caption.js.map +0 -1
- package/lib-commonjs/components/Caption/index.d.ts +0 -1
- package/lib-commonjs/components/Caption/index.js.map +0 -1
- package/lib-commonjs/components/Display/Display.d.ts +0 -7
- package/lib-commonjs/components/Display/index.d.ts +0 -1
- package/lib-commonjs/components/Headline/Headline.d.ts +0 -7
- package/lib-commonjs/components/Headline/Headline.js +0 -30
- package/lib-commonjs/components/Headline/Headline.js.map +0 -1
- package/lib-commonjs/components/Headline/index.d.ts +0 -1
- package/lib-commonjs/components/Headline/index.js.map +0 -1
- package/lib-commonjs/components/LargeTitle/LargeTitle.d.ts +0 -7
- package/lib-commonjs/components/LargeTitle/index.d.ts +0 -1
- package/lib-commonjs/components/Subheadline/Subheadline.d.ts +0 -7
- package/lib-commonjs/components/Subheadline/Subheadline.js +0 -30
- package/lib-commonjs/components/Subheadline/Subheadline.js.map +0 -1
- package/lib-commonjs/components/Subheadline/index.d.ts +0 -1
- package/lib-commonjs/components/Subheadline/index.js.map +0 -1
- package/lib-commonjs/components/Text/Text.d.ts +0 -6
- package/lib-commonjs/components/Text/Text.types.d.ts +0 -78
- package/lib-commonjs/components/Text/index.d.ts +0 -5
- package/lib-commonjs/components/Text/renderText.d.ts +0 -5
- package/lib-commonjs/components/Text/useText.d.ts +0 -12
- package/lib-commonjs/components/Text/useTextStyles.d.ts +0 -6
- package/lib-commonjs/components/Title1/Title1.d.ts +0 -7
- package/lib-commonjs/components/Title1/index.d.ts +0 -1
- package/lib-commonjs/components/Title2/Title2.d.ts +0 -7
- package/lib-commonjs/components/Title2/index.d.ts +0 -1
- package/lib-commonjs/components/Title3/Title3.d.ts +0 -7
- package/lib-commonjs/components/Title3/index.d.ts +0 -1
- package/lib-commonjs/components/wrapper.d.ts +0 -8
- package/lib-commonjs/index.d.ts +0 -10
- package/lib-commonjs/typographyStyles/index.d.ts +0 -2
- package/lib-commonjs/typographyStyles/index.js +0 -11
- package/lib-commonjs/typographyStyles/index.js.map +0 -1
- package/lib-commonjs/typographyStyles/typographyStyles.d.ts +0 -13
- package/lib-commonjs/typographyStyles/typographyStyles.js +0 -68
- package/lib-commonjs/typographyStyles/typographyStyles.js.map +0 -1
@@ -1,78 +0,0 @@
|
|
1
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
2
|
-
/**
|
3
|
-
* Text slots
|
4
|
-
*/
|
5
|
-
export declare type TextSlots = {
|
6
|
-
root: Slot<'span', 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'pre'>;
|
7
|
-
};
|
8
|
-
declare type TextCommons = {
|
9
|
-
/**
|
10
|
-
* Wraps the text content on white spaces.
|
11
|
-
*
|
12
|
-
* @defaultValue true
|
13
|
-
*/
|
14
|
-
wrap: boolean;
|
15
|
-
/**
|
16
|
-
* Truncate overflowing text for block displays.
|
17
|
-
*
|
18
|
-
* @defaultValue false
|
19
|
-
*/
|
20
|
-
truncate: boolean;
|
21
|
-
/**
|
22
|
-
* Applies a block display for the content.
|
23
|
-
*
|
24
|
-
* @defaultValue false
|
25
|
-
*/
|
26
|
-
block: boolean;
|
27
|
-
/**
|
28
|
-
* Applies the italic font style to the content.
|
29
|
-
*
|
30
|
-
* @defaultValue false
|
31
|
-
*/
|
32
|
-
italic: boolean;
|
33
|
-
/**
|
34
|
-
* Applies the underline text decoration to the content.
|
35
|
-
*
|
36
|
-
* @defaultValue false
|
37
|
-
*/
|
38
|
-
underline: boolean;
|
39
|
-
/**
|
40
|
-
* Applies the strikethrough text decoration to the content.
|
41
|
-
*
|
42
|
-
* @defaultValue false
|
43
|
-
*/
|
44
|
-
strikethrough: boolean;
|
45
|
-
/**
|
46
|
-
* Applies font size and line height based on the theme tokens.
|
47
|
-
*
|
48
|
-
* @defaultValue 300
|
49
|
-
*/
|
50
|
-
size: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
|
51
|
-
/**
|
52
|
-
* Applies the font family to the content.
|
53
|
-
*
|
54
|
-
* @defaultValue base
|
55
|
-
*/
|
56
|
-
font: 'base' | 'monospace' | 'numeric';
|
57
|
-
/**
|
58
|
-
* Applies font weight to the content.
|
59
|
-
*
|
60
|
-
* @defaultValue regular
|
61
|
-
*/
|
62
|
-
weight: 'regular' | 'medium' | 'semibold';
|
63
|
-
/**
|
64
|
-
* Aligns text based on the parent container.
|
65
|
-
*
|
66
|
-
* @defaultValue start
|
67
|
-
*/
|
68
|
-
align: 'start' | 'center' | 'end' | 'justify';
|
69
|
-
};
|
70
|
-
/**
|
71
|
-
* Text Props
|
72
|
-
*/
|
73
|
-
export declare type TextProps = ComponentProps<TextSlots> & Partial<TextCommons>;
|
74
|
-
/**
|
75
|
-
* State used in rendering Text
|
76
|
-
*/
|
77
|
-
export declare type TextState = ComponentState<TextSlots> & TextCommons;
|
78
|
-
export {};
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import type { TextProps, TextState } from './Text.types';
|
3
|
-
/**
|
4
|
-
* Create the state required to render Text.
|
5
|
-
*
|
6
|
-
* The returned state can be modified with hooks such as useTextStyles_unstable,
|
7
|
-
* before being passed to renderText_unstable.
|
8
|
-
*
|
9
|
-
* @param props - props from this instance of Text
|
10
|
-
* @param ref - reference to root HTMLElement of Text
|
11
|
-
*/
|
12
|
-
export declare const useText_unstable: (props: TextProps, ref: React.Ref<HTMLElement>) => TextState;
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import type { FunctionComponent } from 'react';
|
2
|
-
import { TextWrapperProps } from '../wrapper';
|
3
|
-
export declare const title1ClassName = "fui-Title1";
|
4
|
-
/**
|
5
|
-
* Text wrapper component for the Title 1 typography variant
|
6
|
-
*/
|
7
|
-
export declare const Title1: FunctionComponent<TextWrapperProps>;
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Title1';
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import type { FunctionComponent } from 'react';
|
2
|
-
import { TextWrapperProps } from '../wrapper';
|
3
|
-
export declare const title2ClassName = "fui-Title2";
|
4
|
-
/**
|
5
|
-
* Text wrapper component for the Title 2 typography variant
|
6
|
-
*/
|
7
|
-
export declare const Title2: FunctionComponent<TextWrapperProps>;
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Title2';
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import type { FunctionComponent } from 'react';
|
2
|
-
import { TextWrapperProps } from '../wrapper';
|
3
|
-
export declare const title3ClassName = "fui-Title3";
|
4
|
-
/**
|
5
|
-
* Text wrapper component for the Title 3 typography variant
|
6
|
-
*/
|
7
|
-
export declare const Title3: FunctionComponent<TextWrapperProps>;
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Title3';
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import type { TextProps } from '../Text';
|
3
|
-
export declare type TextWrapperProps = Omit<TextProps, 'font' | 'size'>;
|
4
|
-
export declare function createWrapper(options: {
|
5
|
-
className: string;
|
6
|
-
displayName: string;
|
7
|
-
useStyles: () => Record<'root', string>;
|
8
|
-
}): React.FunctionComponent<TextWrapperProps>;
|
package/lib/index.d.ts
DELETED
@@ -1,10 +0,0 @@
|
|
1
|
-
export * from './Text';
|
2
|
-
export * from './Display';
|
3
|
-
export * from './LargeTitle';
|
4
|
-
export * from './Title1';
|
5
|
-
export * from './Title2';
|
6
|
-
export * from './Title3';
|
7
|
-
export * from './Headline';
|
8
|
-
export * from './Subheadline';
|
9
|
-
export * from './Body';
|
10
|
-
export * from './Caption';
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/typographyStyles/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import type { GriffelStyle } from '@griffel/react';
|
2
|
-
/**
|
3
|
-
* Make-styles rules for the typography variants
|
4
|
-
*/
|
5
|
-
export declare const caption: GriffelStyle;
|
6
|
-
export declare const body: GriffelStyle;
|
7
|
-
export declare const subheadline: GriffelStyle;
|
8
|
-
export declare const headline: GriffelStyle;
|
9
|
-
export declare const title3: GriffelStyle;
|
10
|
-
export declare const title2: GriffelStyle;
|
11
|
-
export declare const title1: GriffelStyle;
|
12
|
-
export declare const largeTitle: GriffelStyle;
|
13
|
-
export declare const display: GriffelStyle;
|
@@ -1,60 +0,0 @@
|
|
1
|
-
import { tokens } from '@fluentui/react-theme';
|
2
|
-
/**
|
3
|
-
* Make-styles rules for the typography variants
|
4
|
-
*/
|
5
|
-
|
6
|
-
export const caption = {
|
7
|
-
fontFamily: tokens.fontFamilyBase,
|
8
|
-
fontSize: tokens.fontSizeBase200,
|
9
|
-
lineHeight: tokens.lineHeightBase200,
|
10
|
-
fontWeight: tokens.fontWeightRegular
|
11
|
-
};
|
12
|
-
export const body = {
|
13
|
-
fontFamily: tokens.fontFamilyBase,
|
14
|
-
fontSize: tokens.fontSizeBase300,
|
15
|
-
lineHeight: tokens.lineHeightBase300,
|
16
|
-
fontWeight: tokens.fontWeightRegular
|
17
|
-
};
|
18
|
-
export const subheadline = {
|
19
|
-
fontFamily: tokens.fontFamilyBase,
|
20
|
-
fontSize: tokens.fontSizeBase400,
|
21
|
-
lineHeight: tokens.lineHeightBase400,
|
22
|
-
fontWeight: tokens.fontWeightSemibold
|
23
|
-
};
|
24
|
-
export const headline = {
|
25
|
-
fontFamily: tokens.fontFamilyBase,
|
26
|
-
fontSize: tokens.fontSizeBase500,
|
27
|
-
lineHeight: tokens.lineHeightBase500,
|
28
|
-
fontWeight: tokens.fontWeightSemibold
|
29
|
-
};
|
30
|
-
export const title3 = {
|
31
|
-
fontFamily: tokens.fontFamilyBase,
|
32
|
-
fontSize: tokens.fontSizeBase600,
|
33
|
-
lineHeight: tokens.lineHeightBase600,
|
34
|
-
fontWeight: tokens.fontWeightSemibold
|
35
|
-
};
|
36
|
-
export const title2 = {
|
37
|
-
fontFamily: tokens.fontFamilyBase,
|
38
|
-
fontSize: tokens.fontSizeHero700,
|
39
|
-
lineHeight: tokens.lineHeightHero700,
|
40
|
-
fontWeight: tokens.fontWeightSemibold
|
41
|
-
};
|
42
|
-
export const title1 = {
|
43
|
-
fontFamily: tokens.fontFamilyBase,
|
44
|
-
fontSize: tokens.fontSizeHero800,
|
45
|
-
lineHeight: tokens.lineHeightHero800,
|
46
|
-
fontWeight: tokens.fontWeightSemibold
|
47
|
-
};
|
48
|
-
export const largeTitle = {
|
49
|
-
fontFamily: tokens.fontFamilyBase,
|
50
|
-
fontSize: tokens.fontSizeHero900,
|
51
|
-
lineHeight: tokens.lineHeightHero900,
|
52
|
-
fontWeight: tokens.fontWeightSemibold
|
53
|
-
};
|
54
|
-
export const display = {
|
55
|
-
fontFamily: tokens.fontFamilyBase,
|
56
|
-
fontSize: tokens.fontSizeHero1000,
|
57
|
-
lineHeight: tokens.lineHeightHero1000,
|
58
|
-
fontWeight: tokens.fontWeightSemibold
|
59
|
-
};
|
60
|
-
//# sourceMappingURL=typographyStyles.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../src/typographyStyles/typographyStyles.ts"],"names":[],"mappings":"AAAA,SAAS,MAAT,QAAuB,uBAAvB;AAGA;;AAEG;;AACH,OAAO,MAAM,OAAO,GAAiB;AACnC,EAAA,UAAU,EAAE,MAAM,CAAC,cADgB;AAEnC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFkB;AAGnC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHgB;AAInC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJgB,CAA9B;AAMP,OAAO,MAAM,IAAI,GAAiB;AAChC,EAAA,UAAU,EAAE,MAAM,CAAC,cADa;AAEhC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFe;AAGhC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHa;AAIhC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJa,CAA3B;AAMP,OAAO,MAAM,WAAW,GAAiB;AACvC,EAAA,UAAU,EAAE,MAAM,CAAC,cADoB;AAEvC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFsB;AAGvC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHoB;AAIvC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJoB,CAAlC;AAMP,OAAO,MAAM,QAAQ,GAAiB;AACpC,EAAA,UAAU,EAAE,MAAM,CAAC,cADiB;AAEpC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFmB;AAGpC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHiB;AAIpC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJiB,CAA/B;AAMP,OAAO,MAAM,MAAM,GAAiB;AAClC,EAAA,UAAU,EAAE,MAAM,CAAC,cADe;AAElC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFiB;AAGlC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHe;AAIlC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJe,CAA7B;AAMP,OAAO,MAAM,MAAM,GAAiB;AAClC,EAAA,UAAU,EAAE,MAAM,CAAC,cADe;AAElC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFiB;AAGlC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHe;AAIlC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJe,CAA7B;AAMP,OAAO,MAAM,MAAM,GAAiB;AAClC,EAAA,UAAU,EAAE,MAAM,CAAC,cADe;AAElC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFiB;AAGlC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHe;AAIlC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJe,CAA7B;AAMP,OAAO,MAAM,UAAU,GAAiB;AACtC,EAAA,UAAU,EAAE,MAAM,CAAC,cADmB;AAEtC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFqB;AAGtC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHmB;AAItC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJmB,CAAjC;AAMP,OAAO,MAAM,OAAO,GAAiB;AACnC,EAAA,UAAU,EAAE,MAAM,CAAC,cADgB;AAEnC,EAAA,QAAQ,EAAE,MAAM,CAAC,gBAFkB;AAGnC,EAAA,UAAU,EAAE,MAAM,CAAC,kBAHgB;AAInC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJgB,CAA9B","sourceRoot":""}
|
package/lib-commonjs/Body.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Body/index';
|
package/lib-commonjs/Body.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../src/Body.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,yBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Caption/index';
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../src/Caption.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,4BAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Display/index';
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Headline/index';
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../src/Headline.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/LargeTitle/index';
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Subheadline/index';
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../src/Subheadline.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gCAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
package/lib-commonjs/Text.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Text/index';
|
package/lib-commonjs/Title1.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Title1/index';
|
package/lib-commonjs/Title2.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Title2/index';
|
package/lib-commonjs/Title3.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Title3/index';
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import type { FunctionComponent } from 'react';
|
2
|
-
import { TextWrapperProps } from '../wrapper';
|
3
|
-
export declare const bodyClassName = "fui-Body";
|
4
|
-
/**
|
5
|
-
* Text wrapper component for the Body typography variant
|
6
|
-
*/
|
7
|
-
export declare const Body: FunctionComponent<TextWrapperProps>;
|
@@ -1,30 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.Body = exports.bodyClassName = void 0;
|
7
|
-
|
8
|
-
const react_1 = /*#__PURE__*/require("@griffel/react");
|
9
|
-
|
10
|
-
const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
|
11
|
-
|
12
|
-
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
13
|
-
|
14
|
-
exports.bodyClassName = 'fui-Body';
|
15
|
-
/**
|
16
|
-
* Styles for the root slot
|
17
|
-
*/
|
18
|
-
|
19
|
-
const useStyles = /*#__PURE__*/react_1.__styles({}, {});
|
20
|
-
/**
|
21
|
-
* Text wrapper component for the Body typography variant
|
22
|
-
*/
|
23
|
-
|
24
|
-
|
25
|
-
exports.Body = /*#__PURE__*/wrapper_1.createWrapper({
|
26
|
-
useStyles,
|
27
|
-
className: exports.bodyClassName,
|
28
|
-
displayName: 'Body'
|
29
|
-
});
|
30
|
-
//# sourceMappingURL=Body.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Body/Body.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,aAAA,GAAgB,UAAhB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA,QAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,IAAA,gBAA4C,SAAA,CAAA,aAAA,CAAc;AACrE,EAAA,SADqE;AAErE,EAAA,SAAS,EAAE,OAAA,CAAA,aAF0D;AAGrE,EAAA,WAAW,EAAE;AAHwD,CAAd,CAA5C","sourceRoot":""}
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Body';
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Body/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import type { FunctionComponent } from 'react';
|
2
|
-
import { TextWrapperProps } from '../wrapper';
|
3
|
-
export declare const captionClassName = "fui-Caption";
|
4
|
-
/**
|
5
|
-
* Text wrapper component for the Caption typography variant
|
6
|
-
*/
|
7
|
-
export declare const Caption: FunctionComponent<TextWrapperProps>;
|
@@ -1,30 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.Caption = exports.captionClassName = void 0;
|
7
|
-
|
8
|
-
const react_1 = /*#__PURE__*/require("@griffel/react");
|
9
|
-
|
10
|
-
const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
|
11
|
-
|
12
|
-
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
13
|
-
|
14
|
-
exports.captionClassName = 'fui-Caption';
|
15
|
-
/**
|
16
|
-
* Styles for the root slot
|
17
|
-
*/
|
18
|
-
|
19
|
-
const useStyles = /*#__PURE__*/react_1.__styles({}, {});
|
20
|
-
/**
|
21
|
-
* Text wrapper component for the Caption typography variant
|
22
|
-
*/
|
23
|
-
|
24
|
-
|
25
|
-
exports.Caption = /*#__PURE__*/wrapper_1.createWrapper({
|
26
|
-
useStyles,
|
27
|
-
className: exports.captionClassName,
|
28
|
-
displayName: 'Caption'
|
29
|
-
});
|
30
|
-
//# sourceMappingURL=Caption.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Caption/Caption.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,gBAAA,GAAmB,aAAnB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA,QAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,OAAA,gBAA+C,SAAA,CAAA,aAAA,CAAc;AACxE,EAAA,SADwE;AAExE,EAAA,SAAS,EAAE,OAAA,CAAA,gBAF6D;AAGxE,EAAA,WAAW,EAAE;AAH2D,CAAd,CAA/C","sourceRoot":""}
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Caption';
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Caption/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,WAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import type { FunctionComponent } from 'react';
|
2
|
-
import { TextWrapperProps } from '../wrapper';
|
3
|
-
export declare const displayClassName = "fui-Display";
|
4
|
-
/**
|
5
|
-
* Text wrapper component for the Display typography variant
|
6
|
-
*/
|
7
|
-
export declare const Display: FunctionComponent<TextWrapperProps>;
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Display';
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import type { FunctionComponent } from 'react';
|
2
|
-
import { TextWrapperProps } from '../wrapper';
|
3
|
-
export declare const headlineClassName = "fui-Headline";
|
4
|
-
/**
|
5
|
-
* Text wrapper component for the Headline typography variant
|
6
|
-
*/
|
7
|
-
export declare const Headline: FunctionComponent<TextWrapperProps>;
|
@@ -1,30 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.Headline = exports.headlineClassName = void 0;
|
7
|
-
|
8
|
-
const react_1 = /*#__PURE__*/require("@griffel/react");
|
9
|
-
|
10
|
-
const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
|
11
|
-
|
12
|
-
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
13
|
-
|
14
|
-
exports.headlineClassName = 'fui-Headline';
|
15
|
-
/**
|
16
|
-
* Styles for the root slot
|
17
|
-
*/
|
18
|
-
|
19
|
-
const useStyles = /*#__PURE__*/react_1.__styles({}, {});
|
20
|
-
/**
|
21
|
-
* Text wrapper component for the Headline typography variant
|
22
|
-
*/
|
23
|
-
|
24
|
-
|
25
|
-
exports.Headline = /*#__PURE__*/wrapper_1.createWrapper({
|
26
|
-
useStyles,
|
27
|
-
className: exports.headlineClassName,
|
28
|
-
displayName: 'Headline'
|
29
|
-
});
|
30
|
-
//# sourceMappingURL=Headline.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Headline/Headline.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,iBAAA,GAAoB,cAApB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA,QAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,QAAA,gBAAgD,SAAA,CAAA,aAAA,CAAc;AACzE,EAAA,SADyE;AAEzE,EAAA,SAAS,EAAE,OAAA,CAAA,iBAF8D;AAGzE,EAAA,WAAW,EAAE;AAH4D,CAAd,CAAhD","sourceRoot":""}
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Headline';
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Headline/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import type { FunctionComponent } from 'react';
|
2
|
-
import { TextWrapperProps } from '../wrapper';
|
3
|
-
export declare const largeTitleClassName = "fui-LargeTitle";
|
4
|
-
/**
|
5
|
-
* Text wrapper component for the Large Title typography variant
|
6
|
-
*/
|
7
|
-
export declare const LargeTitle: FunctionComponent<TextWrapperProps>;
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './LargeTitle';
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import type { FunctionComponent } from 'react';
|
2
|
-
import { TextWrapperProps } from '../wrapper';
|
3
|
-
export declare const subheadlineClassName = "fui-Subheadline";
|
4
|
-
/**
|
5
|
-
* Text wrapper component for the Subheadline typography variant
|
6
|
-
*/
|
7
|
-
export declare const Subheadline: FunctionComponent<TextWrapperProps>;
|
@@ -1,30 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.Subheadline = exports.subheadlineClassName = void 0;
|
7
|
-
|
8
|
-
const react_1 = /*#__PURE__*/require("@griffel/react");
|
9
|
-
|
10
|
-
const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
|
11
|
-
|
12
|
-
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
13
|
-
|
14
|
-
exports.subheadlineClassName = 'fui-Subheadline';
|
15
|
-
/**
|
16
|
-
* Styles for the root slot
|
17
|
-
*/
|
18
|
-
|
19
|
-
const useStyles = /*#__PURE__*/react_1.__styles({}, {});
|
20
|
-
/**
|
21
|
-
* Text wrapper component for the Subheadline typography variant
|
22
|
-
*/
|
23
|
-
|
24
|
-
|
25
|
-
exports.Subheadline = /*#__PURE__*/wrapper_1.createWrapper({
|
26
|
-
useStyles,
|
27
|
-
className: exports.subheadlineClassName,
|
28
|
-
displayName: 'Subheadline'
|
29
|
-
});
|
30
|
-
//# sourceMappingURL=Subheadline.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Subheadline/Subheadline.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,oBAAA,GAAuB,iBAAvB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA,QAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,WAAA,gBAAmD,SAAA,CAAA,aAAA,CAAc;AAC5E,EAAA,SAD4E;AAE5E,EAAA,SAAS,EAAE,OAAA,CAAA,oBAFiE;AAG5E,EAAA,WAAW,EAAE;AAH+D,CAAd,CAAnD","sourceRoot":""}
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Subheadline';
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Subheadline/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import type { TextProps } from './Text.types';
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
3
|
-
/**
|
4
|
-
* Typography and styling abstraction component used to ensure consistency of text.
|
5
|
-
*/
|
6
|
-
export declare const Text: ForwardRefComponent<TextProps>;
|
@@ -1,78 +0,0 @@
|
|
1
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
2
|
-
/**
|
3
|
-
* Text slots
|
4
|
-
*/
|
5
|
-
export declare type TextSlots = {
|
6
|
-
root: Slot<'span', 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'pre'>;
|
7
|
-
};
|
8
|
-
declare type TextCommons = {
|
9
|
-
/**
|
10
|
-
* Wraps the text content on white spaces.
|
11
|
-
*
|
12
|
-
* @defaultValue true
|
13
|
-
*/
|
14
|
-
wrap: boolean;
|
15
|
-
/**
|
16
|
-
* Truncate overflowing text for block displays.
|
17
|
-
*
|
18
|
-
* @defaultValue false
|
19
|
-
*/
|
20
|
-
truncate: boolean;
|
21
|
-
/**
|
22
|
-
* Applies a block display for the content.
|
23
|
-
*
|
24
|
-
* @defaultValue false
|
25
|
-
*/
|
26
|
-
block: boolean;
|
27
|
-
/**
|
28
|
-
* Applies the italic font style to the content.
|
29
|
-
*
|
30
|
-
* @defaultValue false
|
31
|
-
*/
|
32
|
-
italic: boolean;
|
33
|
-
/**
|
34
|
-
* Applies the underline text decoration to the content.
|
35
|
-
*
|
36
|
-
* @defaultValue false
|
37
|
-
*/
|
38
|
-
underline: boolean;
|
39
|
-
/**
|
40
|
-
* Applies the strikethrough text decoration to the content.
|
41
|
-
*
|
42
|
-
* @defaultValue false
|
43
|
-
*/
|
44
|
-
strikethrough: boolean;
|
45
|
-
/**
|
46
|
-
* Applies font size and line height based on the theme tokens.
|
47
|
-
*
|
48
|
-
* @defaultValue 300
|
49
|
-
*/
|
50
|
-
size: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
|
51
|
-
/**
|
52
|
-
* Applies the font family to the content.
|
53
|
-
*
|
54
|
-
* @defaultValue base
|
55
|
-
*/
|
56
|
-
font: 'base' | 'monospace' | 'numeric';
|
57
|
-
/**
|
58
|
-
* Applies font weight to the content.
|
59
|
-
*
|
60
|
-
* @defaultValue regular
|
61
|
-
*/
|
62
|
-
weight: 'regular' | 'medium' | 'semibold';
|
63
|
-
/**
|
64
|
-
* Aligns text based on the parent container.
|
65
|
-
*
|
66
|
-
* @defaultValue start
|
67
|
-
*/
|
68
|
-
align: 'start' | 'center' | 'end' | 'justify';
|
69
|
-
};
|
70
|
-
/**
|
71
|
-
* Text Props
|
72
|
-
*/
|
73
|
-
export declare type TextProps = ComponentProps<TextSlots> & Partial<TextCommons>;
|
74
|
-
/**
|
75
|
-
* State used in rendering Text
|
76
|
-
*/
|
77
|
-
export declare type TextState = ComponentState<TextSlots> & TextCommons;
|
78
|
-
export {};
|