@metamask-previews/design-system-shared 0.7.0-preview.dff9dce → 0.8.0-preview.a73a010
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.md +9 -1
- package/dist/index.cjs +9 -8
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +2 -1
- package/dist/index.d.cts.map +1 -1
- package/dist/index.d.mts +2 -1
- package/dist/index.d.mts.map +1 -1
- package/dist/index.mjs +2 -2
- package/dist/index.mjs.map +1 -1
- package/dist/types/Box/Box.types.cjs +176 -0
- package/dist/types/Box/Box.types.cjs.map +1 -0
- package/dist/types/Box/Box.types.d.cts +297 -0
- package/dist/types/Box/Box.types.d.cts.map +1 -0
- package/dist/types/Box/Box.types.d.mts +297 -0
- package/dist/types/Box/Box.types.d.mts.map +1 -0
- package/dist/types/Box/Box.types.mjs +173 -0
- package/dist/types/Box/Box.types.mjs.map +1 -0
- package/dist/types/Box/index.cjs +11 -0
- package/dist/types/Box/index.cjs.map +1 -0
- package/dist/types/Box/index.d.cts +2 -0
- package/dist/types/Box/index.d.cts.map +1 -0
- package/dist/types/Box/index.d.mts +2 -0
- package/dist/types/Box/index.d.mts.map +1 -0
- package/dist/types/Box/index.mjs +2 -0
- package/dist/types/Box/index.mjs.map +1 -0
- package/dist/types/KeyValueColumn/KeyValueColumn.types.cjs +3 -0
- package/dist/types/KeyValueColumn/KeyValueColumn.types.cjs.map +1 -0
- package/dist/types/KeyValueColumn/KeyValueColumn.types.d.cts +20 -0
- package/dist/types/KeyValueColumn/KeyValueColumn.types.d.cts.map +1 -0
- package/dist/types/KeyValueColumn/KeyValueColumn.types.d.mts +20 -0
- package/dist/types/KeyValueColumn/KeyValueColumn.types.d.mts.map +1 -0
- package/dist/types/KeyValueColumn/KeyValueColumn.types.mjs +2 -0
- package/dist/types/KeyValueColumn/KeyValueColumn.types.mjs.map +1 -0
- package/dist/types/KeyValueColumn/index.cjs +3 -0
- package/dist/types/KeyValueColumn/index.cjs.map +1 -0
- package/dist/types/KeyValueColumn/index.d.cts +2 -0
- package/dist/types/KeyValueColumn/index.d.cts.map +1 -0
- package/dist/types/KeyValueColumn/index.d.mts +2 -0
- package/dist/types/KeyValueColumn/index.d.mts.map +1 -0
- package/dist/types/KeyValueColumn/index.mjs +2 -0
- package/dist/types/KeyValueColumn/index.mjs.map +1 -0
- package/package.json +1 -1
- package/dist/types/Text/Text.types.cjs +0 -118
- package/dist/types/Text/Text.types.cjs.map +0 -1
- package/dist/types/Text/Text.types.d.cts +0 -140
- package/dist/types/Text/Text.types.d.cts.map +0 -1
- package/dist/types/Text/Text.types.d.mts +0 -140
- package/dist/types/Text/Text.types.d.mts.map +0 -1
- package/dist/types/Text/Text.types.mjs +0 -115
- package/dist/types/Text/Text.types.mjs.map +0 -1
- package/dist/types/Text/index.cjs +0 -10
- package/dist/types/Text/index.cjs.map +0 -1
- package/dist/types/Text/index.d.cts +0 -2
- package/dist/types/Text/index.d.cts.map +0 -1
- package/dist/types/Text/index.d.mts +0 -2
- package/dist/types/Text/index.d.mts.map +0 -1
- package/dist/types/Text/index.mjs +0 -2
- package/dist/types/Text/index.mjs.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Text.types.d.cts","sourceRoot":"","sources":["../../../src/types/Text/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc;AAEvC;;;GAGG;AACH,eAAO,MAAM,UAAU;IACrB,mBAAmB;;IAEnB,mBAAmB;;IAEnB,mBAAmB;;CAEX,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAEtE;;;GAGG;AACH,eAAO,MAAM,SAAS;;;CAGZ,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AAEnE;;;GAGG;AACH,eAAO,MAAM,UAAU;IACrB,qBAAqB;;IAErB,sBAAsB;;IAEtB,oBAAoB;;CAEZ,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAEtE;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;CAsBd,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAEzE;;;GAGG;AACH,eAAO,MAAM,SAAS;IACpB,gCAAgC;;IAEhC,uCAAuC;;IAEvC,6DAA6D;;IAE7D,qFAAqF;;IAErF,iGAAiG;;IAEjG,iFAAiF;;IAEjF,2CAA2C;;IAE3C,yCAAyC;;IAEzC,2CAA2C;;IAE3C,0FAA0F;;IAE1F,yDAAyD;;IAEzD,+EAA+E;;IAE/E,gDAAgD;;IAEhD,kDAAkD;;IAElD,oFAAoF;;IAEpF,iFAAiF;;IAEjF,0CAA0C;;IAE1C,4CAA4C;;IAE5C,yFAAyF;;IAEzF,iFAAiF;;IAEjF,yCAAyC;;IAEzC,2CAA2C;;IAE3C,sFAAsF;;IAEtF,8EAA8E;;IAE9E,sCAAsC;;IAEtC,8CAA8C;;CAEtC,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AAEnE;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC"}
|
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from "react";
|
|
2
|
-
/**
|
|
3
|
-
* Text - fontWeight (ADR-0003)
|
|
4
|
-
* Semantic values shared across React and React Native platforms.
|
|
5
|
-
*/
|
|
6
|
-
export declare const FontWeight: {
|
|
7
|
-
/** Weight - 600 */
|
|
8
|
-
readonly Bold: "bold";
|
|
9
|
-
/** Weight - 500 */
|
|
10
|
-
readonly Medium: "medium";
|
|
11
|
-
/** Weight - 400 */
|
|
12
|
-
readonly Regular: "regular";
|
|
13
|
-
};
|
|
14
|
-
export type FontWeight = (typeof FontWeight)[keyof typeof FontWeight];
|
|
15
|
-
/**
|
|
16
|
-
* Text - fontStyle (ADR-0003)
|
|
17
|
-
* Semantic values shared across React and React Native platforms.
|
|
18
|
-
*/
|
|
19
|
-
export declare const FontStyle: {
|
|
20
|
-
readonly Italic: "italic";
|
|
21
|
-
readonly Normal: "normal";
|
|
22
|
-
};
|
|
23
|
-
export type FontStyle = (typeof FontStyle)[keyof typeof FontStyle];
|
|
24
|
-
/**
|
|
25
|
-
* Text - fontFamily (ADR-0003)
|
|
26
|
-
* Semantic values shared across React and React Native platforms.
|
|
27
|
-
*/
|
|
28
|
-
export declare const FontFamily: {
|
|
29
|
-
/** Default: Geist */
|
|
30
|
-
readonly Default: "default";
|
|
31
|
-
/** Accent: MM Sans */
|
|
32
|
-
readonly Accent: "accent";
|
|
33
|
-
/** Hero: MM Poly */
|
|
34
|
-
readonly Hero: "hero";
|
|
35
|
-
};
|
|
36
|
-
export type FontFamily = (typeof FontFamily)[keyof typeof FontFamily];
|
|
37
|
-
/**
|
|
38
|
-
* Text - variant (ADR-0003)
|
|
39
|
-
* Identical values across React and React Native platforms.
|
|
40
|
-
*/
|
|
41
|
-
export declare const TextVariant: {
|
|
42
|
-
readonly DisplayLg: "display-lg";
|
|
43
|
-
readonly DisplayMd: "display-md";
|
|
44
|
-
readonly HeadingLg: "heading-lg";
|
|
45
|
-
readonly HeadingMd: "heading-md";
|
|
46
|
-
readonly HeadingSm: "heading-sm";
|
|
47
|
-
readonly BodyLg: "body-lg";
|
|
48
|
-
readonly BodyMd: "body-md";
|
|
49
|
-
readonly BodySm: "body-sm";
|
|
50
|
-
readonly BodyXs: "body-xs";
|
|
51
|
-
readonly PageHeading: "page-heading";
|
|
52
|
-
readonly SectionHeading: "section-heading";
|
|
53
|
-
readonly ButtonLabelMd: "button-label-md";
|
|
54
|
-
readonly ButtonLabelLg: "button-label-lg";
|
|
55
|
-
readonly AmountDisplayLg: "amount-display-lg";
|
|
56
|
-
};
|
|
57
|
-
export type TextVariant = (typeof TextVariant)[keyof typeof TextVariant];
|
|
58
|
-
/**
|
|
59
|
-
* Text - color (ADR-0003)
|
|
60
|
-
* All text color values shared across React and React Native platforms.
|
|
61
|
-
*/
|
|
62
|
-
export declare const TextColor: {
|
|
63
|
-
/** For default neutral text. */
|
|
64
|
-
readonly TextDefault: "text-default";
|
|
65
|
-
/** For softer contrast neutral text */
|
|
66
|
-
readonly TextAlternative: "text-alternative";
|
|
67
|
-
/** For the softest contrast neutral text (not accessible) */
|
|
68
|
-
readonly TextMuted: "text-muted";
|
|
69
|
-
/** For elements used on top of overlay/alternative. Used for text, icon or border */
|
|
70
|
-
readonly OverlayInverse: "text-overlay-inverse";
|
|
71
|
-
/** For interactive, active, and selected semantics. Used for text, background, icon or border */
|
|
72
|
-
readonly PrimaryDefault: "text-primary-default";
|
|
73
|
-
/** For elements used on top of primary/default. Used for text, icon or border */
|
|
74
|
-
readonly PrimaryInverse: "text-primary-inverse";
|
|
75
|
-
/** For softer variants of primary text. */
|
|
76
|
-
readonly PrimaryAlternative: "text-primary-alternative";
|
|
77
|
-
/** For primary text in a hover state. */
|
|
78
|
-
readonly PrimaryDefaultHover: "text-primary-default-hover";
|
|
79
|
-
/** For primary text in a pressed state. */
|
|
80
|
-
readonly PrimaryDefaultPressed: "text-primary-default-pressed";
|
|
81
|
-
/** For the critical alert semantic elements. Used for text, background, icon or border */
|
|
82
|
-
readonly ErrorDefault: "text-error-default";
|
|
83
|
-
/** For the stronger contrast error semantic elements. */
|
|
84
|
-
readonly ErrorAlternative: "text-error-alternative";
|
|
85
|
-
/** For elements used on top of error/default. Used for text, icon or border */
|
|
86
|
-
readonly ErrorInverse: "text-error-inverse";
|
|
87
|
-
/** For critical alert text in a hover state. */
|
|
88
|
-
readonly ErrorDefaultHover: "text-error-default-hover";
|
|
89
|
-
/** For critical alert text in a pressed state. */
|
|
90
|
-
readonly ErrorDefaultPressed: "text-error-default-pressed";
|
|
91
|
-
/** For the positive semantic elements. Used for text, background, icon or border */
|
|
92
|
-
readonly SuccessDefault: "text-success-default";
|
|
93
|
-
/** For elements used on top of success/default. Used for text, icon or border */
|
|
94
|
-
readonly SuccessInverse: "text-success-inverse";
|
|
95
|
-
/** For positive text in a hover state. */
|
|
96
|
-
readonly SuccessDefaultHover: "text-success-default-hover";
|
|
97
|
-
/** For positive text in a pressed state. */
|
|
98
|
-
readonly SuccessDefaultPressed: "text-success-default-pressed";
|
|
99
|
-
/** For the caution alert semantic elements. Used for text, background, icon or border */
|
|
100
|
-
readonly WarningDefault: "text-warning-default";
|
|
101
|
-
/** For elements used on top of warning/default. Used for text, icon or border */
|
|
102
|
-
readonly WarningInverse: "text-warning-inverse";
|
|
103
|
-
/** For caution text in a hover state. */
|
|
104
|
-
readonly WarningDefaultHover: "text-warning-default-hover";
|
|
105
|
-
/** For caution text in a pressed state. */
|
|
106
|
-
readonly WarningDefaultPressed: "text-warning-default-pressed";
|
|
107
|
-
/** For informational read-only elements. Used for text, background, icon or border */
|
|
108
|
-
readonly InfoDefault: "text-info-default";
|
|
109
|
-
/** For elements used on top of info/default. Used for text, icon or border */
|
|
110
|
-
readonly InfoInverse: "text-info-inverse";
|
|
111
|
-
/** Make the text color transparent */
|
|
112
|
-
readonly Transparent: "text-transparent";
|
|
113
|
-
/** Inherit the color of the parent element */
|
|
114
|
-
readonly Inherit: "text-inherit";
|
|
115
|
-
};
|
|
116
|
-
export type TextColor = (typeof TextColor)[keyof typeof TextColor];
|
|
117
|
-
/**
|
|
118
|
-
* Text component shared props (ADR-0004).
|
|
119
|
-
* Platform-independent props shared across React and React Native.
|
|
120
|
-
*/
|
|
121
|
-
export type TextPropsShared = {
|
|
122
|
-
/**
|
|
123
|
-
* Optional prop to change the font size of the component.
|
|
124
|
-
* Different variants map to specific HTML elements by default.
|
|
125
|
-
*
|
|
126
|
-
* @default TextVariant.BodyMd
|
|
127
|
-
*/
|
|
128
|
-
variant?: TextVariant;
|
|
129
|
-
/**
|
|
130
|
-
* The text content or elements to be rendered within the component.
|
|
131
|
-
*/
|
|
132
|
-
children: ReactNode;
|
|
133
|
-
/**
|
|
134
|
-
* Optional prop that sets the color of the text using predefined theme colors.
|
|
135
|
-
*
|
|
136
|
-
* @default TextColor.TextDefault
|
|
137
|
-
*/
|
|
138
|
-
color?: TextColor;
|
|
139
|
-
};
|
|
140
|
-
//# sourceMappingURL=Text.types.d.mts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Text.types.d.mts","sourceRoot":"","sources":["../../../src/types/Text/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc;AAEvC;;;GAGG;AACH,eAAO,MAAM,UAAU;IACrB,mBAAmB;;IAEnB,mBAAmB;;IAEnB,mBAAmB;;CAEX,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAEtE;;;GAGG;AACH,eAAO,MAAM,SAAS;;;CAGZ,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AAEnE;;;GAGG;AACH,eAAO,MAAM,UAAU;IACrB,qBAAqB;;IAErB,sBAAsB;;IAEtB,oBAAoB;;CAEZ,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAEtE;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;CAsBd,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAEzE;;;GAGG;AACH,eAAO,MAAM,SAAS;IACpB,gCAAgC;;IAEhC,uCAAuC;;IAEvC,6DAA6D;;IAE7D,qFAAqF;;IAErF,iGAAiG;;IAEjG,iFAAiF;;IAEjF,2CAA2C;;IAE3C,yCAAyC;;IAEzC,2CAA2C;;IAE3C,0FAA0F;;IAE1F,yDAAyD;;IAEzD,+EAA+E;;IAE/E,gDAAgD;;IAEhD,kDAAkD;;IAElD,oFAAoF;;IAEpF,iFAAiF;;IAEjF,0CAA0C;;IAE1C,4CAA4C;;IAE5C,yFAAyF;;IAEzF,iFAAiF;;IAEjF,yCAAyC;;IAEzC,2CAA2C;;IAE3C,sFAAsF;;IAEtF,8EAA8E;;IAE9E,sCAAsC;;IAEtC,8CAA8C;;CAEtC,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AAEnE;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC"}
|
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Text - fontWeight (ADR-0003)
|
|
3
|
-
* Semantic values shared across React and React Native platforms.
|
|
4
|
-
*/
|
|
5
|
-
export const FontWeight = {
|
|
6
|
-
/** Weight - 600 */
|
|
7
|
-
Bold: 'bold',
|
|
8
|
-
/** Weight - 500 */
|
|
9
|
-
Medium: 'medium',
|
|
10
|
-
/** Weight - 400 */
|
|
11
|
-
Regular: 'regular',
|
|
12
|
-
};
|
|
13
|
-
/**
|
|
14
|
-
* Text - fontStyle (ADR-0003)
|
|
15
|
-
* Semantic values shared across React and React Native platforms.
|
|
16
|
-
*/
|
|
17
|
-
export const FontStyle = {
|
|
18
|
-
Italic: 'italic',
|
|
19
|
-
Normal: 'normal',
|
|
20
|
-
};
|
|
21
|
-
/**
|
|
22
|
-
* Text - fontFamily (ADR-0003)
|
|
23
|
-
* Semantic values shared across React and React Native platforms.
|
|
24
|
-
*/
|
|
25
|
-
export const FontFamily = {
|
|
26
|
-
/** Default: Geist */
|
|
27
|
-
Default: 'default',
|
|
28
|
-
/** Accent: MM Sans */
|
|
29
|
-
Accent: 'accent',
|
|
30
|
-
/** Hero: MM Poly */
|
|
31
|
-
Hero: 'hero',
|
|
32
|
-
};
|
|
33
|
-
/**
|
|
34
|
-
* Text - variant (ADR-0003)
|
|
35
|
-
* Identical values across React and React Native platforms.
|
|
36
|
-
*/
|
|
37
|
-
export const TextVariant = {
|
|
38
|
-
// Display Sizes
|
|
39
|
-
DisplayLg: 'display-lg',
|
|
40
|
-
DisplayMd: 'display-md',
|
|
41
|
-
// Heading Sizes
|
|
42
|
-
HeadingLg: 'heading-lg',
|
|
43
|
-
HeadingMd: 'heading-md',
|
|
44
|
-
HeadingSm: 'heading-sm',
|
|
45
|
-
// Body Sizes
|
|
46
|
-
BodyLg: 'body-lg',
|
|
47
|
-
BodyMd: 'body-md',
|
|
48
|
-
BodySm: 'body-sm',
|
|
49
|
-
BodyXs: 'body-xs',
|
|
50
|
-
// Special Typography Variants
|
|
51
|
-
PageHeading: 'page-heading',
|
|
52
|
-
SectionHeading: 'section-heading',
|
|
53
|
-
ButtonLabelMd: 'button-label-md',
|
|
54
|
-
ButtonLabelLg: 'button-label-lg',
|
|
55
|
-
AmountDisplayLg: 'amount-display-lg',
|
|
56
|
-
};
|
|
57
|
-
/**
|
|
58
|
-
* Text - color (ADR-0003)
|
|
59
|
-
* All text color values shared across React and React Native platforms.
|
|
60
|
-
*/
|
|
61
|
-
export const TextColor = {
|
|
62
|
-
/** For default neutral text. */
|
|
63
|
-
TextDefault: 'text-default',
|
|
64
|
-
/** For softer contrast neutral text */
|
|
65
|
-
TextAlternative: 'text-alternative',
|
|
66
|
-
/** For the softest contrast neutral text (not accessible) */
|
|
67
|
-
TextMuted: 'text-muted',
|
|
68
|
-
/** For elements used on top of overlay/alternative. Used for text, icon or border */
|
|
69
|
-
OverlayInverse: 'text-overlay-inverse',
|
|
70
|
-
/** For interactive, active, and selected semantics. Used for text, background, icon or border */
|
|
71
|
-
PrimaryDefault: 'text-primary-default',
|
|
72
|
-
/** For elements used on top of primary/default. Used for text, icon or border */
|
|
73
|
-
PrimaryInverse: 'text-primary-inverse',
|
|
74
|
-
/** For softer variants of primary text. */
|
|
75
|
-
PrimaryAlternative: 'text-primary-alternative',
|
|
76
|
-
/** For primary text in a hover state. */
|
|
77
|
-
PrimaryDefaultHover: 'text-primary-default-hover',
|
|
78
|
-
/** For primary text in a pressed state. */
|
|
79
|
-
PrimaryDefaultPressed: 'text-primary-default-pressed',
|
|
80
|
-
/** For the critical alert semantic elements. Used for text, background, icon or border */
|
|
81
|
-
ErrorDefault: 'text-error-default',
|
|
82
|
-
/** For the stronger contrast error semantic elements. */
|
|
83
|
-
ErrorAlternative: 'text-error-alternative',
|
|
84
|
-
/** For elements used on top of error/default. Used for text, icon or border */
|
|
85
|
-
ErrorInverse: 'text-error-inverse',
|
|
86
|
-
/** For critical alert text in a hover state. */
|
|
87
|
-
ErrorDefaultHover: 'text-error-default-hover',
|
|
88
|
-
/** For critical alert text in a pressed state. */
|
|
89
|
-
ErrorDefaultPressed: 'text-error-default-pressed',
|
|
90
|
-
/** For the positive semantic elements. Used for text, background, icon or border */
|
|
91
|
-
SuccessDefault: 'text-success-default',
|
|
92
|
-
/** For elements used on top of success/default. Used for text, icon or border */
|
|
93
|
-
SuccessInverse: 'text-success-inverse',
|
|
94
|
-
/** For positive text in a hover state. */
|
|
95
|
-
SuccessDefaultHover: 'text-success-default-hover',
|
|
96
|
-
/** For positive text in a pressed state. */
|
|
97
|
-
SuccessDefaultPressed: 'text-success-default-pressed',
|
|
98
|
-
/** For the caution alert semantic elements. Used for text, background, icon or border */
|
|
99
|
-
WarningDefault: 'text-warning-default',
|
|
100
|
-
/** For elements used on top of warning/default. Used for text, icon or border */
|
|
101
|
-
WarningInverse: 'text-warning-inverse',
|
|
102
|
-
/** For caution text in a hover state. */
|
|
103
|
-
WarningDefaultHover: 'text-warning-default-hover',
|
|
104
|
-
/** For caution text in a pressed state. */
|
|
105
|
-
WarningDefaultPressed: 'text-warning-default-pressed',
|
|
106
|
-
/** For informational read-only elements. Used for text, background, icon or border */
|
|
107
|
-
InfoDefault: 'text-info-default',
|
|
108
|
-
/** For elements used on top of info/default. Used for text, icon or border */
|
|
109
|
-
InfoInverse: 'text-info-inverse',
|
|
110
|
-
/** Make the text color transparent */
|
|
111
|
-
Transparent: 'text-transparent',
|
|
112
|
-
/** Inherit the color of the parent element */
|
|
113
|
-
Inherit: 'text-inherit',
|
|
114
|
-
};
|
|
115
|
-
//# sourceMappingURL=Text.types.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Text.types.mjs","sourceRoot":"","sources":["../../../src/types/Text/Text.types.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,mBAAmB;IACnB,IAAI,EAAE,MAAM;IACZ,mBAAmB;IACnB,MAAM,EAAE,QAAQ;IAChB,mBAAmB;IACnB,OAAO,EAAE,SAAS;CACV,CAAC;AAIX;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;CACR,CAAC;AAIX;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,qBAAqB;IACrB,OAAO,EAAE,SAAS;IAClB,sBAAsB;IACtB,MAAM,EAAE,QAAQ;IAChB,oBAAoB;IACpB,IAAI,EAAE,MAAM;CACJ,CAAC;AAIX;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,gBAAgB;IAChB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,YAAY;IAEvB,gBAAgB;IAChB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,YAAY;IAEvB,aAAa;IACb,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IAEjB,8BAA8B;IAC9B,WAAW,EAAE,cAAc;IAC3B,cAAc,EAAE,iBAAiB;IACjC,aAAa,EAAE,iBAAiB;IAChC,aAAa,EAAE,iBAAiB;IAChC,eAAe,EAAE,mBAAmB;CAC5B,CAAC;AAIX;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,gCAAgC;IAChC,WAAW,EAAE,cAAc;IAC3B,uCAAuC;IACvC,eAAe,EAAE,kBAAkB;IACnC,6DAA6D;IAC7D,SAAS,EAAE,YAAY;IACvB,qFAAqF;IACrF,cAAc,EAAE,sBAAsB;IACtC,iGAAiG;IACjG,cAAc,EAAE,sBAAsB;IACtC,iFAAiF;IACjF,cAAc,EAAE,sBAAsB;IACtC,2CAA2C;IAC3C,kBAAkB,EAAE,0BAA0B;IAC9C,yCAAyC;IACzC,mBAAmB,EAAE,4BAA4B;IACjD,2CAA2C;IAC3C,qBAAqB,EAAE,8BAA8B;IACrD,0FAA0F;IAC1F,YAAY,EAAE,oBAAoB;IAClC,yDAAyD;IACzD,gBAAgB,EAAE,wBAAwB;IAC1C,+EAA+E;IAC/E,YAAY,EAAE,oBAAoB;IAClC,gDAAgD;IAChD,iBAAiB,EAAE,0BAA0B;IAC7C,kDAAkD;IAClD,mBAAmB,EAAE,4BAA4B;IACjD,oFAAoF;IACpF,cAAc,EAAE,sBAAsB;IACtC,iFAAiF;IACjF,cAAc,EAAE,sBAAsB;IACtC,0CAA0C;IAC1C,mBAAmB,EAAE,4BAA4B;IACjD,4CAA4C;IAC5C,qBAAqB,EAAE,8BAA8B;IACrD,yFAAyF;IACzF,cAAc,EAAE,sBAAsB;IACtC,iFAAiF;IACjF,cAAc,EAAE,sBAAsB;IACtC,yCAAyC;IACzC,mBAAmB,EAAE,4BAA4B;IACjD,2CAA2C;IAC3C,qBAAqB,EAAE,8BAA8B;IACrD,sFAAsF;IACtF,WAAW,EAAE,mBAAmB;IAChC,8EAA8E;IAC9E,WAAW,EAAE,mBAAmB;IAChC,sCAAsC;IACtC,WAAW,EAAE,kBAAkB;IAC/B,8CAA8C;IAC9C,OAAO,EAAE,cAAc;CACf,CAAC","sourcesContent":["import type { ReactNode } from 'react';\n\n/**\n * Text - fontWeight (ADR-0003)\n * Semantic values shared across React and React Native platforms.\n */\nexport const FontWeight = {\n /** Weight - 600 */\n Bold: 'bold',\n /** Weight - 500 */\n Medium: 'medium',\n /** Weight - 400 */\n Regular: 'regular',\n} as const;\n\nexport type FontWeight = (typeof FontWeight)[keyof typeof FontWeight];\n\n/**\n * Text - fontStyle (ADR-0003)\n * Semantic values shared across React and React Native platforms.\n */\nexport const FontStyle = {\n Italic: 'italic',\n Normal: 'normal',\n} as const;\n\nexport type FontStyle = (typeof FontStyle)[keyof typeof FontStyle];\n\n/**\n * Text - fontFamily (ADR-0003)\n * Semantic values shared across React and React Native platforms.\n */\nexport const FontFamily = {\n /** Default: Geist */\n Default: 'default',\n /** Accent: MM Sans */\n Accent: 'accent',\n /** Hero: MM Poly */\n Hero: 'hero',\n} as const;\n\nexport type FontFamily = (typeof FontFamily)[keyof typeof FontFamily];\n\n/**\n * Text - variant (ADR-0003)\n * Identical values across React and React Native platforms.\n */\nexport const TextVariant = {\n // Display Sizes\n DisplayLg: 'display-lg',\n DisplayMd: 'display-md',\n\n // Heading Sizes\n HeadingLg: 'heading-lg',\n HeadingMd: 'heading-md',\n HeadingSm: 'heading-sm',\n\n // Body Sizes\n BodyLg: 'body-lg',\n BodyMd: 'body-md',\n BodySm: 'body-sm',\n BodyXs: 'body-xs',\n\n // Special Typography Variants\n PageHeading: 'page-heading',\n SectionHeading: 'section-heading',\n ButtonLabelMd: 'button-label-md',\n ButtonLabelLg: 'button-label-lg',\n AmountDisplayLg: 'amount-display-lg',\n} as const;\n\nexport type TextVariant = (typeof TextVariant)[keyof typeof TextVariant];\n\n/**\n * Text - color (ADR-0003)\n * All text color values shared across React and React Native platforms.\n */\nexport const TextColor = {\n /** For default neutral text. */\n TextDefault: 'text-default',\n /** For softer contrast neutral text */\n TextAlternative: 'text-alternative',\n /** For the softest contrast neutral text (not accessible) */\n TextMuted: 'text-muted',\n /** For elements used on top of overlay/alternative. Used for text, icon or border */\n OverlayInverse: 'text-overlay-inverse',\n /** For interactive, active, and selected semantics. Used for text, background, icon or border */\n PrimaryDefault: 'text-primary-default',\n /** For elements used on top of primary/default. Used for text, icon or border */\n PrimaryInverse: 'text-primary-inverse',\n /** For softer variants of primary text. */\n PrimaryAlternative: 'text-primary-alternative',\n /** For primary text in a hover state. */\n PrimaryDefaultHover: 'text-primary-default-hover',\n /** For primary text in a pressed state. */\n PrimaryDefaultPressed: 'text-primary-default-pressed',\n /** For the critical alert semantic elements. Used for text, background, icon or border */\n ErrorDefault: 'text-error-default',\n /** For the stronger contrast error semantic elements. */\n ErrorAlternative: 'text-error-alternative',\n /** For elements used on top of error/default. Used for text, icon or border */\n ErrorInverse: 'text-error-inverse',\n /** For critical alert text in a hover state. */\n ErrorDefaultHover: 'text-error-default-hover',\n /** For critical alert text in a pressed state. */\n ErrorDefaultPressed: 'text-error-default-pressed',\n /** For the positive semantic elements. Used for text, background, icon or border */\n SuccessDefault: 'text-success-default',\n /** For elements used on top of success/default. Used for text, icon or border */\n SuccessInverse: 'text-success-inverse',\n /** For positive text in a hover state. */\n SuccessDefaultHover: 'text-success-default-hover',\n /** For positive text in a pressed state. */\n SuccessDefaultPressed: 'text-success-default-pressed',\n /** For the caution alert semantic elements. Used for text, background, icon or border */\n WarningDefault: 'text-warning-default',\n /** For elements used on top of warning/default. Used for text, icon or border */\n WarningInverse: 'text-warning-inverse',\n /** For caution text in a hover state. */\n WarningDefaultHover: 'text-warning-default-hover',\n /** For caution text in a pressed state. */\n WarningDefaultPressed: 'text-warning-default-pressed',\n /** For informational read-only elements. Used for text, background, icon or border */\n InfoDefault: 'text-info-default',\n /** For elements used on top of info/default. Used for text, icon or border */\n InfoInverse: 'text-info-inverse',\n /** Make the text color transparent */\n Transparent: 'text-transparent',\n /** Inherit the color of the parent element */\n Inherit: 'text-inherit',\n} as const;\n\nexport type TextColor = (typeof TextColor)[keyof typeof TextColor];\n\n/**\n * Text component shared props (ADR-0004).\n * Platform-independent props shared across React and React Native.\n */\nexport type TextPropsShared = {\n /**\n * Optional prop to change the font size of the component.\n * Different variants map to specific HTML elements by default.\n *\n * @default TextVariant.BodyMd\n */\n variant?: TextVariant;\n /**\n * The text content or elements to be rendered within the component.\n */\n children: ReactNode;\n /**\n * Optional prop that sets the color of the text using predefined theme colors.\n *\n * @default TextColor.TextDefault\n */\n color?: TextColor;\n};\n"]}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.TextVariant = exports.TextColor = exports.FontWeight = exports.FontStyle = exports.FontFamily = void 0;
|
|
4
|
-
var Text_types_1 = require("./Text.types.cjs");
|
|
5
|
-
Object.defineProperty(exports, "FontFamily", { enumerable: true, get: function () { return Text_types_1.FontFamily; } });
|
|
6
|
-
Object.defineProperty(exports, "FontStyle", { enumerable: true, get: function () { return Text_types_1.FontStyle; } });
|
|
7
|
-
Object.defineProperty(exports, "FontWeight", { enumerable: true, get: function () { return Text_types_1.FontWeight; } });
|
|
8
|
-
Object.defineProperty(exports, "TextColor", { enumerable: true, get: function () { return Text_types_1.TextColor; } });
|
|
9
|
-
Object.defineProperty(exports, "TextVariant", { enumerable: true, get: function () { return Text_types_1.TextVariant; } });
|
|
10
|
-
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/types/Text/index.ts"],"names":[],"mappings":";;;AAAA,+CAOsB;AANpB,wGAAA,UAAU,OAAA;AACV,uGAAA,SAAS,OAAA;AACT,wGAAA,UAAU,OAAA;AACV,uGAAA,SAAS,OAAA;AACT,yGAAA,WAAW,OAAA","sourcesContent":["export {\n FontFamily,\n FontStyle,\n FontWeight,\n TextColor,\n TextVariant,\n type TextPropsShared,\n} from './Text.types';\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/types/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,WAAW,EACX,KAAK,eAAe,GACrB,yBAAqB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/types/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,WAAW,EACX,KAAK,eAAe,GACrB,yBAAqB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/types/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,WAAW,EAEZ,yBAAqB","sourcesContent":["export {\n FontFamily,\n FontStyle,\n FontWeight,\n TextColor,\n TextVariant,\n type TextPropsShared,\n} from './Text.types';\n"]}
|