@salutejs/plasma-new-hope 0.319.0-dev.0 → 0.321.0-canary.1889.14220074657.0
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/cjs/components/Typography/Body/Body.css +1 -1
- package/cjs/components/Typography/Typography.js +4 -4
- package/cjs/components/Typography/Typography.js.map +1 -1
- package/cjs/components/Typography/Typography.styles.js +1 -1
- package/cjs/components/Typography/Typography.styles.js.map +1 -1
- package/cjs/components/Typography/{Typography.styles_fa07dt.css → Typography.styles_c0qunc.css} +1 -1
- package/cjs/components/Typography/tokens.js +3 -1
- package/cjs/components/Typography/tokens.js.map +1 -1
- package/cjs/index.css +1 -1
- package/emotion/cjs/components/Typography/Typography.js +4 -4
- package/emotion/cjs/components/Typography/Typography.styles.js +1 -1
- package/emotion/cjs/components/Typography/Typography.template-doc.mdx +26 -9
- package/emotion/cjs/components/Typography/tokens.js +3 -1
- package/emotion/cjs/examples/typography/components/Body/Body.config.js +5 -5
- package/emotion/cjs/examples/typography/components/Body/Body.stories.tsx +13 -0
- package/emotion/cjs/examples/typography/components/Dspl/Dspl.config.js +3 -3
- package/emotion/cjs/examples/typography/components/Dspl/Dspl.stories.tsx +13 -0
- package/emotion/cjs/examples/typography/components/Heading/Heading.config.js +5 -5
- package/emotion/cjs/examples/typography/components/Heading/Heading.stories.tsx +13 -0
- package/emotion/cjs/examples/typography/components/Text/Text.config.js +4 -4
- package/emotion/cjs/examples/typography/components/Text/Text.stories.tsx +13 -0
- package/emotion/es/components/Typography/Typography.js +4 -4
- package/emotion/es/components/Typography/Typography.styles.js +1 -1
- package/emotion/es/components/Typography/Typography.template-doc.mdx +26 -9
- package/emotion/es/components/Typography/tokens.js +3 -1
- package/emotion/es/examples/typography/components/Body/Body.config.js +5 -5
- package/emotion/es/examples/typography/components/Body/Body.stories.tsx +13 -0
- package/emotion/es/examples/typography/components/Dspl/Dspl.config.js +3 -3
- package/emotion/es/examples/typography/components/Dspl/Dspl.stories.tsx +13 -0
- package/emotion/es/examples/typography/components/Heading/Heading.config.js +5 -5
- package/emotion/es/examples/typography/components/Heading/Heading.stories.tsx +13 -0
- package/emotion/es/examples/typography/components/Text/Text.config.js +4 -4
- package/emotion/es/examples/typography/components/Text/Text.stories.tsx +13 -0
- package/es/components/Typography/Body/Body.css +1 -1
- package/es/components/Typography/Typography.js +4 -4
- package/es/components/Typography/Typography.js.map +1 -1
- package/es/components/Typography/Typography.styles.js +1 -1
- package/es/components/Typography/Typography.styles.js.map +1 -1
- package/es/components/Typography/{Typography.styles_fa07dt.css → Typography.styles_c0qunc.css} +1 -1
- package/es/components/Typography/tokens.js +3 -1
- package/es/components/Typography/tokens.js.map +1 -1
- package/es/index.css +1 -1
- package/package.json +5 -5
- package/styled-components/cjs/components/Typography/Typography.js +4 -4
- package/styled-components/cjs/components/Typography/Typography.styles.js +1 -1
- package/styled-components/cjs/components/Typography/Typography.template-doc.mdx +26 -9
- package/styled-components/cjs/components/Typography/tokens.js +3 -1
- package/styled-components/cjs/examples/typography/components/Body/Body.config.js +5 -5
- package/styled-components/cjs/examples/typography/components/Body/Body.stories.tsx +13 -0
- package/styled-components/cjs/examples/typography/components/Dspl/Dspl.config.js +3 -3
- package/styled-components/cjs/examples/typography/components/Dspl/Dspl.stories.tsx +13 -0
- package/styled-components/cjs/examples/typography/components/Heading/Heading.config.js +5 -5
- package/styled-components/cjs/examples/typography/components/Heading/Heading.stories.tsx +13 -0
- package/styled-components/cjs/examples/typography/components/Text/Text.config.js +4 -4
- package/styled-components/cjs/examples/typography/components/Text/Text.stories.tsx +13 -0
- package/styled-components/es/components/Typography/Typography.js +4 -4
- package/styled-components/es/components/Typography/Typography.styles.js +1 -1
- package/styled-components/es/components/Typography/Typography.template-doc.mdx +26 -9
- package/styled-components/es/components/Typography/tokens.js +3 -1
- package/styled-components/es/examples/typography/components/Body/Body.config.js +5 -5
- package/styled-components/es/examples/typography/components/Body/Body.stories.tsx +13 -0
- package/styled-components/es/examples/typography/components/Dspl/Dspl.config.js +3 -3
- package/styled-components/es/examples/typography/components/Dspl/Dspl.stories.tsx +13 -0
- package/styled-components/es/examples/typography/components/Heading/Heading.config.js +5 -5
- package/styled-components/es/examples/typography/components/Heading/Heading.stories.tsx +13 -0
- package/styled-components/es/examples/typography/components/Text/Text.config.js +4 -4
- package/styled-components/es/examples/typography/components/Text/Text.stories.tsx +13 -0
- package/types/components/Typography/Body/Body.d.ts +2 -10
- package/types/components/Typography/Body/Body.d.ts.map +1 -1
- package/types/components/Typography/Dspl/Dspl.d.ts +2 -10
- package/types/components/Typography/Dspl/Dspl.d.ts.map +1 -1
- package/types/components/Typography/Heading/Heading.d.ts +2 -10
- package/types/components/Typography/Heading/Heading.d.ts.map +1 -1
- package/types/components/Typography/Text/Text.d.ts +2 -10
- package/types/components/Typography/Text/Text.d.ts.map +1 -1
- package/types/components/Typography/Typography.d.ts +1 -5
- package/types/components/Typography/Typography.d.ts.map +1 -1
- package/types/components/Typography/Typography.styles.d.ts.map +1 -1
- package/types/components/Typography/Typography.types.d.ts +22 -5
- package/types/components/Typography/Typography.types.d.ts.map +1 -1
- package/types/components/Typography/tokens.d.ts +2 -0
- package/types/components/Typography/tokens.d.ts.map +1 -1
@@ -52,12 +52,15 @@ export function App() {
|
|
52
52
|
<div style=\{{ display: 'block' }}>
|
53
53
|
<DsplL bold={false}>DsplL</DsplL>
|
54
54
|
<DsplL>DsplL Bold</DsplL>
|
55
|
+
<DsplL medium>DsplL Medium</DsplL>
|
55
56
|
|
56
57
|
<DsplM bold={false}>DsplM</DsplM>
|
57
58
|
<DsplM>DsplM Bold</DsplM>
|
59
|
+
<DsplM medium>DsplM Medium</DsplM>
|
58
60
|
|
59
61
|
<DsplS bold={false}>DsplS</DsplS>
|
60
62
|
<DsplS>DsplS Bold</DsplS>
|
63
|
+
<DsplS medium>DsplS Medium</DsplS>
|
61
64
|
</div>
|
62
65
|
);
|
63
66
|
}
|
@@ -74,18 +77,23 @@ export function App() {
|
|
74
77
|
<div style=\{{ display: 'block' }}>
|
75
78
|
<H1 bold={false}>H1</H1>
|
76
79
|
<H1>H1 Bold</H1>
|
80
|
+
<H1 medium>H1 Medium</H1>
|
77
81
|
|
78
82
|
<H2 bold={false}>H2</H2>
|
79
83
|
<H2>H2 Bold</H2>
|
84
|
+
<H2 medium>H2 Medium</H2>
|
80
85
|
|
81
86
|
<H3 bold={false}>H3</H3>
|
82
87
|
<H3>H3 Bold</H3>
|
88
|
+
<H3 medium>H3 Medium</H3>
|
83
89
|
|
84
90
|
<H4 bold={false}>H4</H4>
|
85
91
|
<H4>H4 Bold</H4>
|
92
|
+
<H4 medium>H4 Medium</H4>
|
86
93
|
|
87
94
|
<H5 bold={false}>H5</H5>
|
88
95
|
<H5>H5 Bold</H5>
|
96
|
+
<H5 medium>H5 Medium</H5>
|
89
97
|
</div>
|
90
98
|
);
|
91
99
|
}
|
@@ -102,19 +110,24 @@ export function App() {
|
|
102
110
|
return (
|
103
111
|
<div style=\{{ display: 'block' }}>
|
104
112
|
<BodyL>BodyL</BodyL>
|
105
|
-
<BodyL bold>BodyL
|
113
|
+
<BodyL bold>BodyL Bold</BodyL>
|
114
|
+
<BodyL medium>BodyL Medium</BodyL>
|
106
115
|
|
107
116
|
<BodyM>BodyM</BodyM>
|
108
|
-
<BodyM bold>BodyM
|
117
|
+
<BodyM bold>BodyM Bold</BodyM>
|
118
|
+
<BodyM medium>BodyM Medium</BodyM>
|
109
119
|
|
110
120
|
<BodyS>BodyS</BodyS>
|
111
|
-
<BodyS bold>BodyS
|
121
|
+
<BodyS bold>BodyS Bold</BodyS>
|
122
|
+
<BodyS medium>BodyS Medium</BodyS>
|
112
123
|
|
113
124
|
<BodyXS>BodyXS</BodyXS>
|
114
|
-
<BodyXS bold>BodyXS
|
125
|
+
<BodyXS bold>BodyXS Bold</BodyXS>
|
126
|
+
<BodyXS medium>BodyXS Medium</BodyXS>
|
115
127
|
|
116
128
|
<BodyXXS>BodyXXS</BodyXXS>
|
117
|
-
<BodyXXS bold>BodyXXS
|
129
|
+
<BodyXXS bold>BodyXXS Bold</BodyXXS>
|
130
|
+
<BodyXXS medium>BodyXXS Medium</BodyXXS>
|
118
131
|
</div>
|
119
132
|
);
|
120
133
|
}
|
@@ -131,16 +144,20 @@ export function App() {
|
|
131
144
|
return (
|
132
145
|
<div style=\{{ display: 'block' }}>
|
133
146
|
<TextL>TextL</TextL>
|
134
|
-
<TextL bold>TextL
|
147
|
+
<TextL bold>TextL Bold</TextL>
|
148
|
+
<TextL medium>TextL Medium</TextL>
|
135
149
|
|
136
150
|
<TextM>TextM</TextM>
|
137
|
-
<TextM bold>TextM
|
151
|
+
<TextM bold>TextM Bold</TextM>
|
152
|
+
<TextM medium>TextM Medium</TextM>
|
138
153
|
|
139
154
|
<TextS>TextS</TextS>
|
140
|
-
<TextS bold>TextS
|
155
|
+
<TextS bold>TextS Bold</TextS>
|
156
|
+
<TextS medium>TextS Medium</TextS>
|
141
157
|
|
142
158
|
<TextXS>TextXS</TextXS>
|
143
|
-
<TextXS bold>TextXS
|
159
|
+
<TextXS bold>TextXS Bold</TextXS>
|
160
|
+
<TextXS medium>TextXS Medium</TextXS>
|
144
161
|
</div>
|
145
162
|
);
|
146
163
|
}
|
@@ -1,7 +1,8 @@
|
|
1
1
|
export var classes = {
|
2
2
|
typoWithNoWrap: 'with-no-wrap',
|
3
3
|
typoWithBreakWord: 'with-break-word',
|
4
|
-
typoBold: 'typography-bold'
|
4
|
+
typoBold: 'typography-bold',
|
5
|
+
typoMedium: 'typography-medium'
|
5
6
|
};
|
6
7
|
export var tokens = {
|
7
8
|
typoFontFamily: '--typo-font-family',
|
@@ -9,6 +10,7 @@ export var tokens = {
|
|
9
10
|
typoFontStyle: '--typo-font-style',
|
10
11
|
typoFontWeight: '--typo-font-weight',
|
11
12
|
typoFontWeightBold: '--typo-font-weight-bold',
|
13
|
+
typoFontWeightMedium: '--typo-font-weight-medium',
|
12
14
|
typoFontLetterSpacing: '--typo-font-letter-spacing',
|
13
15
|
typoFontLineHeight: '--typo-font-line-height'
|
14
16
|
};
|
@@ -6,11 +6,11 @@ export var config = {
|
|
6
6
|
},
|
7
7
|
variations: {
|
8
8
|
size: {
|
9
|
-
l: /*#__PURE__*/css(["", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
|
10
|
-
m: /*#__PURE__*/css(["", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
|
11
|
-
s: /*#__PURE__*/css(["", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
|
12
|
-
xs: /*#__PURE__*/css(["", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
|
13
|
-
xxs: /*#__PURE__*/css(["", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-bold-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight)
|
9
|
+
l: /*#__PURE__*/css(["", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-medium-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontWeightMedium, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
|
10
|
+
m: /*#__PURE__*/css(["", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-medium-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontWeightMedium, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
|
11
|
+
s: /*#__PURE__*/css(["", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-medium-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontWeightMedium, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
|
12
|
+
xs: /*#__PURE__*/css(["", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-medium-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontWeightMedium, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
|
13
|
+
xxs: /*#__PURE__*/css(["", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-bold-font-weight);", ":var(--plasma-typo-body-xxs-medium-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontWeightMedium, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight)
|
14
14
|
}
|
15
15
|
}
|
16
16
|
};
|
@@ -22,11 +22,24 @@ const meta: Meta<typeof Body> = {
|
|
22
22
|
as: {
|
23
23
|
control: 'text',
|
24
24
|
},
|
25
|
+
bold: {
|
26
|
+
control: {
|
27
|
+
type: 'boolean',
|
28
|
+
},
|
29
|
+
if: { arg: 'medium', truthy: false },
|
30
|
+
},
|
31
|
+
medium: {
|
32
|
+
control: {
|
33
|
+
type: 'boolean',
|
34
|
+
},
|
35
|
+
if: { arg: 'bold', truthy: false },
|
36
|
+
},
|
25
37
|
},
|
26
38
|
args: {
|
27
39
|
noWrap: false,
|
28
40
|
breakWord: true,
|
29
41
|
bold: false,
|
42
|
+
medium: false,
|
30
43
|
},
|
31
44
|
};
|
32
45
|
|
@@ -6,9 +6,9 @@ export var config = {
|
|
6
6
|
},
|
7
7
|
variations: {
|
8
8
|
size: {
|
9
|
-
l: /*#__PURE__*/css(["", ":var(--plasma-typo-dspl-l-font-family);", ":var(--plasma-typo-dspl-l-font-size);", ":var(--plasma-typo-dspl-l-font-style);", ":var(--plasma-typo-dspl-l-font-weight);", ":var(--plasma-typo-dspl-l-bold-font-weight);", ":var(--plasma-typo-dspl-l-letter-spacing);", ":var(--plasma-typo-dspl-l-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
|
10
|
-
m: /*#__PURE__*/css(["", ":var(--plasma-typo-dspl-m-font-family);", ":var(--plasma-typo-dspl-m-font-size);", ":var(--plasma-typo-dspl-m-font-style);", ":var(--plasma-typo-dspl-m-font-weight);", ":var(--plasma-typo-dspl-m-bold-font-weight);", ":var(--plasma-typo-dspl-m-letter-spacing);", ":var(--plasma-typo-dspl-m-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
|
11
|
-
s: /*#__PURE__*/css(["", ":var(--plasma-typo-dspl-s-font-family);", ":var(--plasma-typo-dspl-s-font-size);", ":var(--plasma-typo-dspl-s-font-style);", ":var(--plasma-typo-dspl-s-font-weight);", ":var(--plasma-typo-dspl-s-bold-font-weight);", ":var(--plasma-typo-dspl-s-letter-spacing);", ":var(--plasma-typo-dspl-s-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight)
|
9
|
+
l: /*#__PURE__*/css(["", ":var(--plasma-typo-dspl-l-font-family);", ":var(--plasma-typo-dspl-l-font-size);", ":var(--plasma-typo-dspl-l-font-style);", ":var(--plasma-typo-dspl-l-font-weight);", ":var(--plasma-typo-dspl-l-bold-font-weight);", ":var(--plasma-typo-dspl-l-medium-font-weight);", ":var(--plasma-typo-dspl-l-letter-spacing);", ":var(--plasma-typo-dspl-l-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontWeightMedium, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
|
10
|
+
m: /*#__PURE__*/css(["", ":var(--plasma-typo-dspl-m-font-family);", ":var(--plasma-typo-dspl-m-font-size);", ":var(--plasma-typo-dspl-m-font-style);", ":var(--plasma-typo-dspl-m-font-weight);", ":var(--plasma-typo-dspl-m-bold-font-weight);", ":var(--plasma-typo-dspl-m-medium-font-weight);", ":var(--plasma-typo-dspl-m-letter-spacing);", ":var(--plasma-typo-dspl-m-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontWeightMedium, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
|
11
|
+
s: /*#__PURE__*/css(["", ":var(--plasma-typo-dspl-s-font-family);", ":var(--plasma-typo-dspl-s-font-size);", ":var(--plasma-typo-dspl-s-font-style);", ":var(--plasma-typo-dspl-s-font-weight);", ":var(--plasma-typo-dspl-s-bold-font-weight);", ":var(--plasma-typo-dspl-s-medium-font-weight);", ":var(--plasma-typo-dspl-s-letter-spacing);", ":var(--plasma-typo-dspl-s-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontWeightMedium, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight)
|
12
12
|
}
|
13
13
|
}
|
14
14
|
};
|
@@ -22,11 +22,24 @@ const meta: Meta<typeof Dspl> = {
|
|
22
22
|
as: {
|
23
23
|
control: 'text',
|
24
24
|
},
|
25
|
+
bold: {
|
26
|
+
control: {
|
27
|
+
type: 'boolean',
|
28
|
+
},
|
29
|
+
if: { arg: 'medium', truthy: false },
|
30
|
+
},
|
31
|
+
medium: {
|
32
|
+
control: {
|
33
|
+
type: 'boolean',
|
34
|
+
},
|
35
|
+
if: { arg: 'bold', truthy: false },
|
36
|
+
},
|
25
37
|
},
|
26
38
|
args: {
|
27
39
|
noWrap: false,
|
28
40
|
breakWord: true,
|
29
41
|
bold: false,
|
42
|
+
medium: false,
|
30
43
|
},
|
31
44
|
};
|
32
45
|
|
@@ -6,11 +6,11 @@ export var config = {
|
|
6
6
|
},
|
7
7
|
variations: {
|
8
8
|
size: {
|
9
|
-
h1: /*#__PURE__*/css(["", ":var(--plasma-typo-h1-font-family);", ":var(--plasma-typo-h1-font-size);", ":var(--plasma-typo-h1-font-style);", ":var(--plasma-typo-h1-font-weight);", ":var(--plasma-typo-h1-bold-font-weight);", ":var(--plasma-typo-h1-letter-spacing);", ":var(--plasma-typo-h1-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
|
10
|
-
h2: /*#__PURE__*/css(["", ":var(--plasma-typo-h2-font-family);", ":var(--plasma-typo-h2-font-size);", ":var(--plasma-typo-h2-font-style);", ":var(--plasma-typo-h2-font-weight);", ":var(--plasma-typo-h2-bold-font-weight);", ":var(--plasma-typo-h2-letter-spacing);", ":var(--plasma-typo-h2-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
|
11
|
-
h3: /*#__PURE__*/css(["", ":var(--plasma-typo-h3-font-family);", ":var(--plasma-typo-h3-font-size);", ":var(--plasma-typo-h3-font-style);", ":var(--plasma-typo-h3-font-weight);", ":var(--plasma-typo-h3-bold-font-weight);", ":var(--plasma-typo-h3-letter-spacing);", ":var(--plasma-typo-h3-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
|
12
|
-
h4: /*#__PURE__*/css(["", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
|
13
|
-
h5: /*#__PURE__*/css(["", ":var(--plasma-typo-h5-font-family);", ":var(--plasma-typo-h5-font-size);", ":var(--plasma-typo-h5-font-style);", ":var(--plasma-typo-h5-font-weight);", ":var(--plasma-typo-h5-bold-font-weight);", ":var(--plasma-typo-h5-letter-spacing);", ":var(--plasma-typo-h5-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight)
|
9
|
+
h1: /*#__PURE__*/css(["", ":var(--plasma-typo-h1-font-family);", ":var(--plasma-typo-h1-font-size);", ":var(--plasma-typo-h1-font-style);", ":var(--plasma-typo-h1-font-weight);", ":var(--plasma-typo-h1-bold-font-weight);", ":var(--plasma-typo-h1-medium-font-weight);", ":var(--plasma-typo-h1-letter-spacing);", ":var(--plasma-typo-h1-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontWeightMedium, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
|
10
|
+
h2: /*#__PURE__*/css(["", ":var(--plasma-typo-h2-font-family);", ":var(--plasma-typo-h2-font-size);", ":var(--plasma-typo-h2-font-style);", ":var(--plasma-typo-h2-font-weight);", ":var(--plasma-typo-h2-bold-font-weight);", ":var(--plasma-typo-h2-medium-font-weight);", ":var(--plasma-typo-h2-letter-spacing);", ":var(--plasma-typo-h2-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontWeightMedium, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
|
11
|
+
h3: /*#__PURE__*/css(["", ":var(--plasma-typo-h3-font-family);", ":var(--plasma-typo-h3-font-size);", ":var(--plasma-typo-h3-font-style);", ":var(--plasma-typo-h3-font-weight);", ":var(--plasma-typo-h3-bold-font-weight);", ":var(--plasma-typo-h3-medium-font-weight);", ":var(--plasma-typo-h3-letter-spacing);", ":var(--plasma-typo-h3-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontWeightMedium, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
|
12
|
+
h4: /*#__PURE__*/css(["", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":var(--plasma-typo-h4-medium-font-weight);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontWeightMedium, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
|
13
|
+
h5: /*#__PURE__*/css(["", ":var(--plasma-typo-h5-font-family);", ":var(--plasma-typo-h5-font-size);", ":var(--plasma-typo-h5-font-style);", ":var(--plasma-typo-h5-font-weight);", ":var(--plasma-typo-h5-bold-font-weight);", ":var(--plasma-typo-h5-medium-font-weight);", ":var(--plasma-typo-h5-letter-spacing);", ":var(--plasma-typo-h5-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontWeightMedium, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight)
|
14
14
|
}
|
15
15
|
}
|
16
16
|
};
|
@@ -22,11 +22,24 @@ const meta: Meta<typeof Heading> = {
|
|
22
22
|
as: {
|
23
23
|
control: 'text',
|
24
24
|
},
|
25
|
+
bold: {
|
26
|
+
control: {
|
27
|
+
type: 'boolean',
|
28
|
+
},
|
29
|
+
if: { arg: 'medium', truthy: false },
|
30
|
+
},
|
31
|
+
medium: {
|
32
|
+
control: {
|
33
|
+
type: 'boolean',
|
34
|
+
},
|
35
|
+
if: { arg: 'bold', truthy: false },
|
36
|
+
},
|
25
37
|
},
|
26
38
|
args: {
|
27
39
|
noWrap: false,
|
28
40
|
breakWord: true,
|
29
41
|
bold: false,
|
42
|
+
medium: false,
|
30
43
|
},
|
31
44
|
};
|
32
45
|
|
@@ -6,10 +6,10 @@ export var config = {
|
|
6
6
|
},
|
7
7
|
variations: {
|
8
8
|
size: {
|
9
|
-
l: /*#__PURE__*/css(["", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-font-weight);", ":var(--plasma-typo-text-l-bold-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
|
10
|
-
m: /*#__PURE__*/css(["", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-font-weight);", ":var(--plasma-typo-text-m-bold-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
|
11
|
-
s: /*#__PURE__*/css(["", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-font-weight);", ":var(--plasma-typo-text-s-bold-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
|
12
|
-
xs: /*#__PURE__*/css(["", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-bold-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight)
|
9
|
+
l: /*#__PURE__*/css(["", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-font-weight);", ":var(--plasma-typo-text-l-bold-font-weight);", ":var(--plasma-typo-text-l-medium-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontWeightMedium, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
|
10
|
+
m: /*#__PURE__*/css(["", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-font-weight);", ":var(--plasma-typo-text-m-bold-font-weight);", ":var(--plasma-typo-text-m-medium-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontWeightMedium, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
|
11
|
+
s: /*#__PURE__*/css(["", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-font-weight);", ":var(--plasma-typo-text-s-bold-font-weight);", ":var(--plasma-typo-text-s-medium-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontWeightMedium, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
|
12
|
+
xs: /*#__PURE__*/css(["", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-bold-font-weight);", ":var(--plasma-typo-text-xs-medium-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontWeightBold, tokens.typoFontWeightMedium, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight)
|
13
13
|
}
|
14
14
|
}
|
15
15
|
};
|
@@ -22,11 +22,24 @@ const meta: Meta<typeof Text> = {
|
|
22
22
|
as: {
|
23
23
|
control: 'text',
|
24
24
|
},
|
25
|
+
bold: {
|
26
|
+
control: {
|
27
|
+
type: 'boolean',
|
28
|
+
},
|
29
|
+
if: { arg: 'medium', truthy: false },
|
30
|
+
},
|
31
|
+
medium: {
|
32
|
+
control: {
|
33
|
+
type: 'boolean',
|
34
|
+
},
|
35
|
+
if: { arg: 'bold', truthy: false },
|
36
|
+
},
|
25
37
|
},
|
26
38
|
args: {
|
27
39
|
noWrap: false,
|
28
40
|
breakWord: true,
|
29
41
|
bold: false,
|
42
|
+
medium: false,
|
30
43
|
},
|
31
44
|
};
|
32
45
|
|
@@ -1,19 +1,11 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import type { FontProps } from '../Typography.types';
|
3
3
|
export declare type BodyProps = FontProps;
|
4
|
-
export declare const bodyRoot: (Root: import("../../..").RootProps<HTMLDivElement, FontProps>) => import("react").ForwardRefExoticComponent<
|
5
|
-
noWrap?: boolean | undefined;
|
6
|
-
breakWord?: boolean | undefined;
|
7
|
-
color?: string | undefined;
|
8
|
-
} & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("../../..").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
4
|
+
export declare const bodyRoot: (Root: import("../../..").RootProps<HTMLDivElement, FontProps>) => import("react").ForwardRefExoticComponent<FontProps & import("react").RefAttributes<HTMLDivElement>>;
|
9
5
|
export declare const bodyConfig: {
|
10
6
|
name: string;
|
11
7
|
tag: string;
|
12
|
-
layout: (Root: import("../../..").RootProps<HTMLDivElement, FontProps>) => import("react").ForwardRefExoticComponent<
|
13
|
-
noWrap?: boolean | undefined;
|
14
|
-
breakWord?: boolean | undefined;
|
15
|
-
color?: string | undefined;
|
16
|
-
} & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("../../..").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
8
|
+
layout: (Root: import("../../..").RootProps<HTMLDivElement, FontProps>) => import("react").ForwardRefExoticComponent<FontProps & import("react").RefAttributes<HTMLDivElement>>;
|
17
9
|
base: import("@linaria/core").LinariaClassName;
|
18
10
|
variations: {
|
19
11
|
size: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Body/Body.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,oBAAY,SAAS,GAAG,SAAS,CAAC;AAElC,eAAO,MAAM,QAAQ
|
1
|
+
{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Body/Body.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,oBAAY,SAAS,GAAG,SAAS,CAAC;AAElC,eAAO,MAAM,QAAQ,yKAA0B,CAAC;AAEhD,eAAO,MAAM,UAAU;;;;;;;;;;;;;CAatB,CAAC"}
|
@@ -1,19 +1,11 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import type { FontProps } from '../Typography.types';
|
3
3
|
export declare type DsplProps = FontProps;
|
4
|
-
export declare const dsplRoot: (Root: import("../../..").RootProps<HTMLDivElement, FontProps>) => import("react").ForwardRefExoticComponent<
|
5
|
-
noWrap?: boolean | undefined;
|
6
|
-
breakWord?: boolean | undefined;
|
7
|
-
color?: string | undefined;
|
8
|
-
} & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("../../..").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
4
|
+
export declare const dsplRoot: (Root: import("../../..").RootProps<HTMLDivElement, FontProps>) => import("react").ForwardRefExoticComponent<FontProps & import("react").RefAttributes<HTMLDivElement>>;
|
9
5
|
export declare const dsplConfig: {
|
10
6
|
name: string;
|
11
7
|
tag: string;
|
12
|
-
layout: (Root: import("../../..").RootProps<HTMLDivElement, FontProps>) => import("react").ForwardRefExoticComponent<
|
13
|
-
noWrap?: boolean | undefined;
|
14
|
-
breakWord?: boolean | undefined;
|
15
|
-
color?: string | undefined;
|
16
|
-
} & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("../../..").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
8
|
+
layout: (Root: import("../../..").RootProps<HTMLDivElement, FontProps>) => import("react").ForwardRefExoticComponent<FontProps & import("react").RefAttributes<HTMLDivElement>>;
|
17
9
|
base: import("@linaria/core").LinariaClassName;
|
18
10
|
variations: {
|
19
11
|
size: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Dspl.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Dspl/Dspl.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,oBAAY,SAAS,GAAG,SAAS,CAAC;AAElC,eAAO,MAAM,QAAQ
|
1
|
+
{"version":3,"file":"Dspl.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Dspl/Dspl.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,oBAAY,SAAS,GAAG,SAAS,CAAC;AAElC,eAAO,MAAM,QAAQ,yKAA+C,CAAC;AAErE,eAAO,MAAM,UAAU;;;;;;;;;;;;;CAatB,CAAC"}
|
@@ -1,19 +1,11 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import type { FontProps } from '../Typography.types';
|
3
3
|
export declare type HeadingProps = FontProps;
|
4
|
-
export declare const headingRoot: (Root: import("../../..").RootProps<HTMLDivElement, FontProps>) => import("react").ForwardRefExoticComponent<
|
5
|
-
noWrap?: boolean | undefined;
|
6
|
-
breakWord?: boolean | undefined;
|
7
|
-
color?: string | undefined;
|
8
|
-
} & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("../../..").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
4
|
+
export declare const headingRoot: (Root: import("../../..").RootProps<HTMLDivElement, FontProps>) => import("react").ForwardRefExoticComponent<FontProps & import("react").RefAttributes<HTMLDivElement>>;
|
9
5
|
export declare const headingConfig: {
|
10
6
|
name: string;
|
11
7
|
tag: string;
|
12
|
-
layout: (Root: import("../../..").RootProps<HTMLDivElement, FontProps>) => import("react").ForwardRefExoticComponent<
|
13
|
-
noWrap?: boolean | undefined;
|
14
|
-
breakWord?: boolean | undefined;
|
15
|
-
color?: string | undefined;
|
16
|
-
} & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("../../..").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
8
|
+
layout: (Root: import("../../..").RootProps<HTMLDivElement, FontProps>) => import("react").ForwardRefExoticComponent<FontProps & import("react").RefAttributes<HTMLDivElement>>;
|
17
9
|
base: import("@linaria/core").LinariaClassName;
|
18
10
|
variations: {
|
19
11
|
size: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Heading/Heading.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,oBAAY,YAAY,GAAG,SAAS,CAAC;AAErC,eAAO,MAAM,WAAW
|
1
|
+
{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Heading/Heading.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,oBAAY,YAAY,GAAG,SAAS,CAAC;AAErC,eAAO,MAAM,WAAW,yKAA+C,CAAC;AAExE,eAAO,MAAM,aAAa;;;;;;;;;;;;;CAazB,CAAC"}
|
@@ -1,19 +1,11 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import type { FontProps } from '../Typography.types';
|
3
3
|
export declare type TextProps = FontProps;
|
4
|
-
export declare const textRoot: (Root: import("../../..").RootProps<HTMLDivElement, FontProps>) => import("react").ForwardRefExoticComponent<
|
5
|
-
noWrap?: boolean | undefined;
|
6
|
-
breakWord?: boolean | undefined;
|
7
|
-
color?: string | undefined;
|
8
|
-
} & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("../../..").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
4
|
+
export declare const textRoot: (Root: import("../../..").RootProps<HTMLDivElement, FontProps>) => import("react").ForwardRefExoticComponent<FontProps & import("react").RefAttributes<HTMLDivElement>>;
|
9
5
|
export declare const textConfig: {
|
10
6
|
name: string;
|
11
7
|
tag: string;
|
12
|
-
layout: (Root: import("../../..").RootProps<HTMLDivElement, FontProps>) => import("react").ForwardRefExoticComponent<
|
13
|
-
noWrap?: boolean | undefined;
|
14
|
-
breakWord?: boolean | undefined;
|
15
|
-
color?: string | undefined;
|
16
|
-
} & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("../../..").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
8
|
+
layout: (Root: import("../../..").RootProps<HTMLDivElement, FontProps>) => import("react").ForwardRefExoticComponent<FontProps & import("react").RefAttributes<HTMLDivElement>>;
|
17
9
|
base: import("@linaria/core").LinariaClassName;
|
18
10
|
variations: {
|
19
11
|
size: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Text/Text.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,oBAAY,SAAS,GAAG,SAAS,CAAC;AAElC,eAAO,MAAM,QAAQ
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Text/Text.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,oBAAY,SAAS,GAAG,SAAS,CAAC;AAElC,eAAO,MAAM,QAAQ,yKAA0B,CAAC;AAEhD,eAAO,MAAM,UAAU;;;;;;;;;;;;;CAatB,CAAC"}
|
@@ -3,9 +3,5 @@ import type { RootProps } from '../../engines';
|
|
3
3
|
import { FontProps } from './Typography.types';
|
4
4
|
export declare const typographyRootCompose: (defaultArgs?: {
|
5
5
|
defaultBold?: boolean | undefined;
|
6
|
-
} | undefined) => (Root: RootProps<HTMLDivElement, FontProps>) => React.ForwardRefExoticComponent<
|
7
|
-
noWrap?: boolean | undefined;
|
8
|
-
breakWord?: boolean | undefined;
|
9
|
-
color?: string | undefined;
|
10
|
-
} & import("../../mixins/applySpacing").SpacingProps & import("./Typography.types").BoldProps & import("../..").AsProps<any> & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
6
|
+
} | undefined) => (Root: RootProps<HTMLDivElement, FontProps>) => React.ForwardRefExoticComponent<FontProps & React.RefAttributes<HTMLDivElement>>;
|
11
7
|
//# sourceMappingURL=Typography.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI/C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,eAAO,MAAM,qBAAqB;;yBACxB,UAAU,cAAc,EAAE,SAAS,CAAC
|
1
|
+
{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI/C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,eAAO,MAAM,qBAAqB;;yBACxB,UAAU,cAAc,EAAE,SAAS,CAAC,qFAiCxC,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Typography.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI,
|
1
|
+
{"version":3,"file":"Typography.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI,0CAyBhB,CAAC"}
|
@@ -1,19 +1,36 @@
|
|
1
1
|
import type { HTMLAttributes } from 'react';
|
2
2
|
import { AsProps } from '../..';
|
3
3
|
import type { SpacingProps } from '../../mixins/applySpacing';
|
4
|
-
export
|
4
|
+
export interface BoldProps {
|
5
5
|
/**
|
6
6
|
* Полужирное начертание.
|
7
7
|
*/
|
8
8
|
bold?: boolean;
|
9
|
+
medium?: never | false;
|
10
|
+
}
|
11
|
+
export interface MediumProps {
|
9
12
|
/**
|
10
|
-
*
|
13
|
+
* Среднее начертание.
|
11
14
|
*/
|
12
|
-
|
13
|
-
|
15
|
+
medium?: boolean;
|
16
|
+
bold?: never | false;
|
17
|
+
}
|
14
18
|
export declare type FontProps = {
|
19
|
+
/**
|
20
|
+
* Не переносить строки.
|
21
|
+
*/
|
15
22
|
noWrap?: boolean;
|
23
|
+
/**
|
24
|
+
* Переносить слова.
|
25
|
+
*/
|
16
26
|
breakWord?: boolean;
|
27
|
+
/**
|
28
|
+
* Кастомный цвет текста.
|
29
|
+
*/
|
17
30
|
color?: string;
|
18
|
-
|
31
|
+
/**
|
32
|
+
* Размер текста.
|
33
|
+
*/
|
34
|
+
size?: string;
|
35
|
+
} & SpacingProps & (BoldProps | MediumProps) & AsProps & HTMLAttributes<HTMLDivElement>;
|
19
36
|
//# sourceMappingURL=Typography.types.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Typography.types.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,
|
1
|
+
{"version":3,"file":"Typography.types.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,MAAM,WAAW,SAAS;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CAC1B;AAED,MAAM,WAAW,WAAW;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CACxB;AAED,oBAAY,SAAS,GAAG;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,YAAY,GACZ,CAAC,SAAS,GAAG,WAAW,CAAC,GACzB,OAAO,GACP,cAAc,CAAC,cAAc,CAAC,CAAC"}
|
@@ -2,6 +2,7 @@ export declare const classes: {
|
|
2
2
|
typoWithNoWrap: string;
|
3
3
|
typoWithBreakWord: string;
|
4
4
|
typoBold: string;
|
5
|
+
typoMedium: string;
|
5
6
|
};
|
6
7
|
export declare const tokens: {
|
7
8
|
typoFontFamily: string;
|
@@ -9,6 +10,7 @@ export declare const tokens: {
|
|
9
10
|
typoFontStyle: string;
|
10
11
|
typoFontWeight: string;
|
11
12
|
typoFontWeightBold: string;
|
13
|
+
typoFontWeightMedium: string;
|
12
14
|
typoFontLetterSpacing: string;
|
13
15
|
typoFontLineHeight: string;
|
14
16
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO
|
1
|
+
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;CASlB,CAAC"}
|