@instructure/ui-text 10.9.1-snapshot-4 → 10.10.0
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +5 -2
- package/es/Text/__examples__/Text.examples.js +11 -5
- package/es/Text/index.js +20 -4
- package/es/Text/props.js +5 -4
- package/es/Text/styles.js +82 -9
- package/lib/Text/__examples__/Text.examples.js +11 -5
- package/lib/Text/index.js +20 -4
- package/lib/Text/props.js +5 -4
- package/lib/Text/styles.js +82 -9
- package/package.json +10 -10
- package/src/Text/README.md +59 -15
- package/src/Text/__examples__/Text.examples.ts +11 -15
- package/src/Text/index.tsx +20 -0
- package/src/Text/props.ts +66 -6
- package/src/Text/styles.ts +74 -9
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/Text/__examples__/Text.examples.d.ts.map +1 -1
- package/types/Text/index.d.ts +9 -6
- package/types/Text/index.d.ts.map +1 -1
- package/types/Text/props.d.ts +9 -3
- package/types/Text/props.d.ts.map +1 -1
- package/types/Text/styles.d.ts.map +1 -1
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Text.examples.d.ts","sourceRoot":"","sources":["../../../src/Text/__examples__/Text.examples.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;
|
1
|
+
{"version":3,"file":"Text.examples.d.ts","sourceRoot":"","sources":["../../../src/Text/__examples__/Text.examples.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;wBAwCpC,WAAW,CAAC,SAAS,CAAC;AAtC3B,wBAsC2B"}
|
package/types/Text/index.d.ts
CHANGED
@@ -15,10 +15,11 @@ declare class Text extends Component<TextProps> {
|
|
15
15
|
elementRef?: (element: Element | null) => void;
|
16
16
|
fontStyle?: "italic" | "normal";
|
17
17
|
letterSpacing?: "normal" | "condensed" | "expanded";
|
18
|
-
lineHeight?: "default" | "fit" | "condensed" | "double";
|
19
|
-
size?: "x-small" | "small" | "medium" | "large" | "x-large" | "xx-large";
|
18
|
+
lineHeight?: "default" | "fit" | "condensed" | "double" | "lineHeight100" | "lineHeight125" | "lineHeight150";
|
19
|
+
size?: "x-small" | "small" | "medium" | "large" | "x-large" | "xx-large" | "descriptionPage" | "descriptionSection" | "content" | "contentSmall" | "legend";
|
20
20
|
transform?: "none" | "capitalize" | "uppercase" | "lowercase";
|
21
|
-
|
21
|
+
variant?: "descriptionPage" | "descriptionSection" | "content" | "contentImportant" | "contentQuote" | "contentSmall" | "legend";
|
22
|
+
weight?: "normal" | "light" | "bold" | "weightRegular" | "weightImportant";
|
22
23
|
wrap?: "normal" | "break-word";
|
23
24
|
children?: React.ReactNode;
|
24
25
|
})[];
|
@@ -28,10 +29,11 @@ declare class Text extends Component<TextProps> {
|
|
28
29
|
elementRef?: (element: Element | null) => void;
|
29
30
|
fontStyle?: "italic" | "normal";
|
30
31
|
letterSpacing?: "normal" | "condensed" | "expanded";
|
31
|
-
lineHeight?: "default" | "fit" | "condensed" | "double";
|
32
|
-
size?: "x-small" | "small" | "medium" | "large" | "x-large" | "xx-large";
|
32
|
+
lineHeight?: "default" | "fit" | "condensed" | "double" | "lineHeight100" | "lineHeight125" | "lineHeight150";
|
33
|
+
size?: "x-small" | "small" | "medium" | "large" | "x-large" | "xx-large" | "descriptionPage" | "descriptionSection" | "content" | "contentSmall" | "legend";
|
33
34
|
transform?: "none" | "capitalize" | "uppercase" | "lowercase";
|
34
|
-
|
35
|
+
variant?: "descriptionPage" | "descriptionSection" | "content" | "contentImportant" | "contentQuote" | "contentSmall" | "legend";
|
36
|
+
weight?: "normal" | "light" | "bold" | "weightRegular" | "weightImportant";
|
35
37
|
wrap?: "normal" | "break-word";
|
36
38
|
children?: React.ReactNode;
|
37
39
|
}>;
|
@@ -42,6 +44,7 @@ declare class Text extends Component<TextProps> {
|
|
42
44
|
readonly letterSpacing: "normal";
|
43
45
|
readonly children: null;
|
44
46
|
};
|
47
|
+
checkProps(): void;
|
45
48
|
componentDidMount(): void;
|
46
49
|
componentDidUpdate(): void;
|
47
50
|
render(): jsx.JSX.Element;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Text/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAGrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGxC;;;;GAIG;AACH,cACM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,YAAY
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Text/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAGrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGxC;;;;GAIG;AACH,cACM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,YAAY;;;;;;;;;;;;mBA+CY,MACzB,SAAG;SAhDyB;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;mBA8Ce,MACzB,SAAG;OA/CmB;IAE5B,MAAM,CAAC,YAAY;;;;;;MAMT;IAEV,UAAU;IAkBV,iBAAiB;IAKjB,kBAAkB;IAKlB,MAAM;CAeP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
|
package/types/Text/props.d.ts
CHANGED
@@ -17,10 +17,16 @@ type TextOwnProps = {
|
|
17
17
|
elementRef?: (element: Element | null) => void;
|
18
18
|
fontStyle?: 'italic' | 'normal';
|
19
19
|
letterSpacing?: 'normal' | 'condensed' | 'expanded';
|
20
|
-
lineHeight?: 'default' | 'fit' | 'condensed' | 'double';
|
21
|
-
size?: 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
|
20
|
+
lineHeight?: 'default' | 'fit' | 'condensed' | 'double' | 'lineHeight100' | 'lineHeight125' | 'lineHeight150';
|
21
|
+
size?: 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'descriptionPage' | 'descriptionSection' | 'content' | 'contentSmall' | 'legend';
|
22
22
|
transform?: 'none' | 'capitalize' | 'uppercase' | 'lowercase';
|
23
|
-
|
23
|
+
/**
|
24
|
+
* Sets multiple props at once. (size, fontStyle, lineHeight, weight)
|
25
|
+
* If set, these props are not allowed.
|
26
|
+
* NOTE: this is the recommended way of setting these values
|
27
|
+
*/
|
28
|
+
variant?: 'descriptionPage' | 'descriptionSection' | 'content' | 'contentImportant' | 'contentQuote' | 'contentSmall' | 'legend';
|
29
|
+
weight?: 'normal' | 'light' | 'bold' | 'weightRegular' | 'weightImportant';
|
24
30
|
wrap?: 'normal' | 'break-word';
|
25
31
|
children?: React.ReactNode;
|
26
32
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Text/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,SAAS,EACT,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB;;;OAGG;IACH,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,OAAO,GACP,SAAS,GACT,QAAQ,GACR,OAAO,GACP,iBAAiB,GACjB,mBAAmB,CAAA;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC/B,aAAa,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,UAAU,CAAA;IACnD,UAAU,CAAC,
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Text/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,SAAS,EACT,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB;;;OAGG;IACH,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,OAAO,GACP,SAAS,GACT,QAAQ,GACR,OAAO,GACP,iBAAiB,GACjB,mBAAmB,CAAA;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC/B,aAAa,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,UAAU,CAAA;IACnD,UAAU,CAAC,EACP,SAAS,GACT,KAAK,GACL,WAAW,GACX,QAAQ,GACR,eAAe,GACf,eAAe,GACf,eAAe,CAAA;IACnB,IAAI,CAAC,EACD,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,GACV,iBAAiB,GACjB,oBAAoB,GACpB,SAAS,GACT,cAAc,GACd,QAAQ,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,WAAW,GAAG,WAAW,CAAA;IAC7D;;;;OAIG;IACH,OAAO,CAAC,EACJ,iBAAiB,GACjB,oBAAoB,GACpB,SAAS,GACT,kBAAkB,GAClB,cAAc,GACd,cAAc,GACd,QAAQ,CAAA;IACZ,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,eAAe,GAAG,iBAAiB,CAAA;IAC1E,IAAI,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAA;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,YAAY,CAAA;AAElC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,SAAS,GAAG,YAAY,GAC3B,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,GACpC,mBAAmB,CAAC,YAAY,CAAC,CAAA;AAEnC,KAAK,SAAS,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;AAEvC,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAwDvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAanB,CAAA;AAED,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Text/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnD;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,SAAS,SAClB,SAAS,KACf,
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Text/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnD;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,SAAS,SAClB,SAAS,KACf,SAkMF,CAAA;AAED,eAAe,aAAa,CAAA"}
|