@salutejs/sdds-sbcom 0.343.0-next-insol.0 → 0.343.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/README.md +68 -87
- package/dist/css/cjs/components/Typography/Body.config.js +1 -1
- package/dist/css/cjs/components/Typography/Body.config.js.map +1 -1
- package/dist/css/cjs/components/Typography/Body.config_1it7iig.css +5 -0
- package/dist/css/cjs/components/Typography/Dspl.config.js +2 -24
- package/dist/css/cjs/components/Typography/Dspl.config.js.map +1 -1
- package/dist/css/cjs/components/Typography/Dspl.config_1j90nrb.css +1 -0
- package/dist/css/cjs/components/Typography/Heading.config.js +1 -23
- package/dist/css/cjs/components/Typography/Heading.config.js.map +1 -1
- package/dist/css/cjs/components/Typography/Heading.config_1lpaaqp.css +4 -0
- package/dist/css/cjs/components/Typography/Typography.css +10 -19
- package/dist/css/cjs/components/Typography/Typography.js +0 -33
- package/dist/css/cjs/components/Typography/Typography.js.map +1 -1
- package/dist/css/cjs/index.css +12 -21
- package/dist/css/cjs/index.js +0 -8
- package/dist/css/cjs/index.js.map +1 -1
- package/dist/css/es/components/Typography/Body.config.js +1 -1
- package/dist/css/es/components/Typography/Body.config.js.map +1 -1
- package/dist/css/es/components/Typography/Body.config_1it7iig.css +5 -0
- package/dist/css/es/components/Typography/Dspl.config.js +3 -23
- package/dist/css/es/components/Typography/Dspl.config.js.map +1 -1
- package/dist/css/es/components/Typography/Dspl.config_1j90nrb.css +1 -0
- package/dist/css/es/components/Typography/Heading.config.js +2 -22
- package/dist/css/es/components/Typography/Heading.config.js.map +1 -1
- package/dist/css/es/components/Typography/Heading.config_1lpaaqp.css +4 -0
- package/dist/css/es/components/Typography/Typography.css +10 -19
- package/dist/css/es/components/Typography/Typography.js +4 -29
- package/dist/css/es/components/Typography/Typography.js.map +1 -1
- package/dist/css/es/index.css +12 -21
- package/dist/css/es/index.js +1 -1
- package/package.json +8 -8
- package/types/components/Attach/Attach.d.ts +16 -16
- package/types/components/NumberInput/NumberInput.d.ts +4 -0
- package/types/components/Typography/Dspl.config.d.ts +0 -20
- package/types/components/Typography/Heading.config.d.ts +0 -20
- package/types/components/Typography/Typography.d.ts +74 -120
- package/types/components/Typography/index.d.ts +1 -1
- package/types/mixins/index.d.ts +1 -1
- package/types/tokens/index.d.ts +1 -1
- package/dist/css/cjs/components/Typography/Body.config_2pzxxt.css +0 -5
- package/dist/css/cjs/components/Typography/Dspl.config_1s5xnbu.css +0 -3
- package/dist/css/cjs/components/Typography/Heading.config_1s9pe02.css +0 -6
- package/dist/css/cjs/components/Typography/Text.config.js +0 -51
- package/dist/css/cjs/components/Typography/Text.config.js.map +0 -1
- package/dist/css/cjs/components/Typography/Text.config_15fbym1.css +0 -4
- package/dist/css/es/components/Typography/Body.config_2pzxxt.css +0 -5
- package/dist/css/es/components/Typography/Dspl.config_1s5xnbu.css +0 -3
- package/dist/css/es/components/Typography/Heading.config_1s9pe02.css +0 -6
- package/dist/css/es/components/Typography/Text.config.js +0 -44
- package/dist/css/es/components/Typography/Text.config.js.map +0 -1
- package/dist/css/es/components/Typography/Text.config_15fbym1.css +0 -4
- package/types/components/Typography/Text.config.d.ts +0 -40
package/README.md
CHANGED
|
@@ -7,7 +7,6 @@
|
|
|
7
7
|
Библиотека реализована с помощью:
|
|
8
8
|
|
|
9
9
|
- [typescript](https://www.typescriptlang.org/)
|
|
10
|
-
- [styled-components](https://styled-components.com/) (рекомендуем использовать версию `5.3.1`)
|
|
11
10
|
|
|
12
11
|
Однако их использование **необязательно**!
|
|
13
12
|
|
|
@@ -17,26 +16,14 @@
|
|
|
17
16
|
$ npm install --save @salutejs/sdds-sbcom @salutejs/sdds-themes
|
|
18
17
|
```
|
|
19
18
|
|
|
20
|
-
Для работы со `styled-components`, необходимо установить
|
|
21
|
-
|
|
22
|
-
```bash
|
|
23
|
-
$ npm install --save styled-components@5.3.1
|
|
24
|
-
```
|
|
25
|
-
|
|
26
19
|
### Использование компонентов
|
|
27
20
|
|
|
28
21
|
Все компоненты доступны напрямую из пакета
|
|
29
22
|
|
|
30
23
|
```jsx
|
|
31
|
-
import styled from 'styled-components';
|
|
32
24
|
import { Button } from '@salutejs/sdds-sbcom';
|
|
33
|
-
import { textAccent } from '@salutejs/sdds-themes/tokens';
|
|
34
25
|
|
|
35
26
|
export const App = () => {
|
|
36
|
-
const StyledP = styled.p`
|
|
37
|
-
color: ${textAccent};
|
|
38
|
-
`;
|
|
39
|
-
|
|
40
27
|
return (
|
|
41
28
|
<>
|
|
42
29
|
<Button>Hello, sbcom!</Button>
|
|
@@ -46,12 +33,6 @@ export const App = () => {
|
|
|
46
33
|
};
|
|
47
34
|
```
|
|
48
35
|
|
|
49
|
-
Так же библиотека поставляет компоненты собранные с помощью `styled-components`
|
|
50
|
-
|
|
51
|
-
```js
|
|
52
|
-
import { Button } from '@salutejs/sdds-sbcom/styled-components';
|
|
53
|
-
```
|
|
54
|
-
|
|
55
36
|
## Подключение шрифтов
|
|
56
37
|
|
|
57
38
|
Типографическая система основана на фирменных шрифтах.
|
|
@@ -65,14 +46,13 @@ import { Button } from '@salutejs/sdds-sbcom/styled-components';
|
|
|
65
46
|
Добавить внутрь тега `head`.
|
|
66
47
|
|
|
67
48
|
```html
|
|
68
|
-
<html>
|
|
49
|
+
<html lang="ru">
|
|
69
50
|
<head>
|
|
70
|
-
<link rel="stylesheet" href="https://cdn-app.sberdevices.ru/shared-static/0.0.0/styles/SBSansText.0.2.0.css" />
|
|
71
51
|
<link
|
|
52
|
+
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400..700;1,400..700&display=swap"
|
|
72
53
|
rel="stylesheet"
|
|
73
|
-
href="https://cdn-app.sberdevices.ru/shared-static/0.0.0/styles/SBSansDisplay.0.2.0.css"
|
|
74
54
|
/>
|
|
75
|
-
<title
|
|
55
|
+
<title>...</title>
|
|
76
56
|
</head>
|
|
77
57
|
<body>
|
|
78
58
|
...
|
|
@@ -91,14 +71,10 @@ export default function Home() {
|
|
|
91
71
|
return (
|
|
92
72
|
<>
|
|
93
73
|
<Head>
|
|
94
|
-
<title>
|
|
74
|
+
<title>Next App with sdds-sbcom components</title>
|
|
95
75
|
<link
|
|
76
|
+
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400..700;1,400..700&display=swap"
|
|
96
77
|
rel="stylesheet"
|
|
97
|
-
href="https://cdn-app.sberdevices.ru/shared-static/0.0.0/styles/SBSansText.0.2.0.css"
|
|
98
|
-
/>
|
|
99
|
-
<link
|
|
100
|
-
rel="stylesheet"
|
|
101
|
-
href="https://cdn-app.sberdevices.ru/shared-static/0.0.0/styles/SBSansDisplay.0.2.0.css"
|
|
102
78
|
/>
|
|
103
79
|
</Head>
|
|
104
80
|
<div>
|
|
@@ -121,23 +97,10 @@ export default function Home() {
|
|
|
121
97
|
- Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.
|
|
122
98
|
- Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.
|
|
123
99
|
|
|
124
|
-
### CSS
|
|
125
|
-
|
|
126
|
-
Возможные дополнительные настройки bundle tools для проекта:
|
|
127
|
-
|
|
128
|
-
<ul>
|
|
129
|
-
<li>
|
|
130
|
-
<a href="https://webpack.js.org/loaders/css-loader/">webpack + css</a>
|
|
131
|
-
</li>
|
|
132
|
-
<li>
|
|
133
|
-
<a href="https://vite.dev/guide/features.html#css-pre-processors">vite</a>
|
|
134
|
-
</li>
|
|
135
|
-
</ul>
|
|
136
|
-
|
|
137
100
|
В файле, где происходит подключение всех стилей, например `index.css`
|
|
138
101
|
|
|
139
|
-
```css
|
|
140
|
-
@import '@salutejs/sdss-themes/css/
|
|
102
|
+
```css index.css
|
|
103
|
+
@import '@salutejs/sdss-themes/css/sdds_sbcom__light.css';
|
|
141
104
|
```
|
|
142
105
|
|
|
143
106
|
```jsx
|
|
@@ -158,29 +121,78 @@ const App = () => {
|
|
|
158
121
|
export default App;
|
|
159
122
|
```
|
|
160
123
|
|
|
161
|
-
|
|
124
|
+
## Переключение темы
|
|
162
125
|
|
|
163
126
|
```jsx
|
|
164
|
-
import React from 'react';
|
|
165
|
-
import {
|
|
166
|
-
import { Button, BodyL } from '@salutejs/sdds-sbcom/styled-components';
|
|
167
|
-
import { sdds_sbcom__light } from '@salutejs/sdds-themes';
|
|
127
|
+
import React, { useLayoutEffect, useState } from 'react';
|
|
128
|
+
import { Switch } from '@salutejs/sdds-sbcom';
|
|
168
129
|
|
|
169
|
-
|
|
130
|
+
import './index.css';
|
|
170
131
|
|
|
171
132
|
const App = () => {
|
|
133
|
+
const [theme, setTheme] = useState('light');
|
|
134
|
+
|
|
135
|
+
useLayoutEffect(() => {
|
|
136
|
+
document.documentElement.className = theme;
|
|
137
|
+
}, [theme]);
|
|
138
|
+
|
|
172
139
|
return (
|
|
173
|
-
|
|
174
|
-
<
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
140
|
+
<div className="wrapper">
|
|
141
|
+
<Switch
|
|
142
|
+
label={`app theme: ${theme}`}
|
|
143
|
+
onChange={() => {
|
|
144
|
+
setTheme((theme) => (theme === 'light' ? 'dark' : 'light'));
|
|
145
|
+
}}
|
|
146
|
+
/>
|
|
147
|
+
</div>
|
|
178
148
|
);
|
|
179
149
|
};
|
|
180
150
|
|
|
181
151
|
export default App;
|
|
182
152
|
```
|
|
183
153
|
|
|
154
|
+
В файле, где происходит подключение всех стилей, например `index.css`
|
|
155
|
+
|
|
156
|
+
```css
|
|
157
|
+
@import '@salutejs/sdss-themes/css/sdds_sbcom__light.css';
|
|
158
|
+
```
|
|
159
|
+
|
|
160
|
+
### Возможные дополнительные настройки в проекте для работы с css:
|
|
161
|
+
|
|
162
|
+
Возможные дополнительные настройки bundle tools для проекта:
|
|
163
|
+
|
|
164
|
+
<ul>
|
|
165
|
+
<li>
|
|
166
|
+
<a href="https://webpack.js.org/loaders/css-loader/">webpack + css</a>
|
|
167
|
+
</li>
|
|
168
|
+
<li>
|
|
169
|
+
<a href="https://vite.dev/guide/features.html#css-pre-processors">vite</a>
|
|
170
|
+
</li>
|
|
171
|
+
</ul>
|
|
172
|
+
|
|
173
|
+
## Советы при работе с NextJS
|
|
174
|
+
|
|
175
|
+
Next не разрешает импорт CSS из сторонних модулей, поэтому важно не забыть добавить наши библиотеки в `next.config.js` следующим образом:
|
|
176
|
+
|
|
177
|
+
```js
|
|
178
|
+
const nextConfig = {
|
|
179
|
+
reactStrictMode: true,
|
|
180
|
+
transpilePackages: ['@salutejs/sdds-sbcom', '@salutejs/plasma-new-hope', '@salutejs/plasma-icons'],
|
|
181
|
+
};
|
|
182
|
+
```
|
|
183
|
+
|
|
184
|
+
**RSC - React Server Components (App router)**
|
|
185
|
+
|
|
186
|
+
Библиотека поддерживает работу с **RSC** только при **явном использовании** директивы **'use client'**.
|
|
187
|
+
|
|
188
|
+
```ts
|
|
189
|
+
'use client'
|
|
190
|
+
|
|
191
|
+
import { Button } from '@salutejs/sdds-sbcom';
|
|
192
|
+
|
|
193
|
+
...
|
|
194
|
+
```
|
|
195
|
+
|
|
184
196
|
## Токены
|
|
185
197
|
|
|
186
198
|
Все `css` токены завернуты в `js` переменные для более удобного доступа:
|
|
@@ -197,38 +209,7 @@ export const backgroundPrimary = 'var(--background-primary, #000000)';
|
|
|
197
209
|
Есть два пути импорта токенов:
|
|
198
210
|
|
|
199
211
|
- Из вертикали `@salutejs/sdds-themes/tokens` (подходит в большинстве случаев, т.к там лежит весь базовый набор токенов)
|
|
200
|
-
- Непосредственно из темы `@salutejs/sdds-themes/tokens/sdds-
|
|
201
|
-
|
|
202
|
-
### Использование
|
|
203
|
-
|
|
204
|
-
```jsx
|
|
205
|
-
import React from 'react';
|
|
206
|
-
import styled from 'styled-components';
|
|
207
|
-
import { textAccent, backgroundPrimary, textL } from '@salutejs/sdds-themes/tokens';
|
|
208
|
-
|
|
209
|
-
const AppStyled = styled.div`
|
|
210
|
-
padding: 2rem;
|
|
211
|
-
color: ${textAccent};
|
|
212
|
-
background-color: ${backgroundPrimary};
|
|
213
|
-
`;
|
|
214
|
-
|
|
215
|
-
const Container = styled.div`
|
|
216
|
-
${textL};
|
|
217
|
-
margin: 1rem;
|
|
218
|
-
`;
|
|
219
|
-
|
|
220
|
-
const App = () => {
|
|
221
|
-
return (
|
|
222
|
-
<AppStyled>
|
|
223
|
-
<Container>
|
|
224
|
-
<span>Hello world</span>
|
|
225
|
-
</Container>
|
|
226
|
-
</AppStyled>
|
|
227
|
-
);
|
|
228
|
-
};
|
|
229
|
-
|
|
230
|
-
export default App;
|
|
231
|
-
```
|
|
212
|
+
- Непосредственно из темы `@salutejs/sdds-themes/tokens/sdds-sbcom` (следует использовать, когда необходимо импортировать уникальные токены, которые используются только в этой теме)
|
|
232
213
|
|
|
233
214
|
## Типографика
|
|
234
215
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Body.config.js","sources":["../../../../../src-css/components/Typography/Body.config.ts"],"sourcesContent":["import { css, typographyTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const configL = {\n defaults: {\n size: 'l',\n },\n variations: {\n size: {\n l: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-l-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-body-l-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-l-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${typographyTokens.
|
|
1
|
+
{"version":3,"file":"Body.config.js","sources":["../../../../../src-css/components/Typography/Body.config.ts"],"sourcesContent":["import { css, typographyTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const configL = {\n defaults: {\n size: 'l',\n },\n variations: {\n size: {\n l: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-l-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-body-l-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-l-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-l-medium-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-l-bold-font-weight);\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n },\n },\n};\n\nexport const configM = {\n defaults: {\n size: 'm',\n },\n variations: {\n size: {\n m: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-m-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-body-m-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-m-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-m-medium-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-m-bold-font-weight);\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n },\n },\n};\n\nexport const configS = {\n defaults: {\n size: 's',\n },\n variations: {\n size: {\n s: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-s-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-body-s-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-s-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-s-medium-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-s-bold-font-weight);\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n },\n },\n};\n\nexport const configXS = {\n defaults: {\n size: 'xs',\n },\n variations: {\n size: {\n xs: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-body-xs-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-xs-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-xs-medium-font-weight);\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n },\n};\n\nexport const configXXS = {\n defaults: {\n size: 'xxs',\n },\n variations: {\n size: {\n xxs: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-xxs-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-xxs-medium-font-weight);\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n },\n },\n};\n"],"names":["configL","defaults","size","variations","l","configM","m","configS","s","configXS","xs","configXXS","xxs"],"mappings":";;;;AAEO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,CAAC,EAAA;AAWL;AACJ;AACJ;AAEO,IAAMC,OAAO,GAAG;AACnBJ,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAAA;AAWL;AACJ;AACJ;AAEO,IAAMC,OAAO,GAAG;AACnBN,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFM,MAAAA,CAAC,EAAA;AAWL;AACJ;AACJ;AAEO,IAAMC,QAAQ,GAAG;AACpBR,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFQ,MAAAA,EAAE,EAAA;AAWN;AACJ;AACJ;AAEO,IAAMC,SAAS,GAAG;AACrBV,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFU,MAAAA,GAAG,EAAA;AAWP;AACJ;AACJ;;;;;;;;"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
.l1s0gjg5{--typo-font-family:var(--plasma-typo-body-l-font-family);--typo-font-size:var(--plasma-typo-body-l-font-size);--typo-font-style:var(--plasma-typo-body-l-font-style);--typo-font-weight:var(--plasma-typo-body-l-font-weight);--typo-font-weight-medium:var(--plasma-typo-body-l-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-body-l-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--typo-font-line-height:var(--plasma-typo-body-l-line-height);}
|
|
2
|
+
.m1fmrqgu{--typo-font-family:var(--plasma-typo-body-m-font-family);--typo-font-size:var(--plasma-typo-body-m-font-size);--typo-font-style:var(--plasma-typo-body-m-font-style);--typo-font-weight:var(--plasma-typo-body-m-font-weight);--typo-font-weight-medium:var(--plasma-typo-body-m-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-body-m-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--typo-font-line-height:var(--plasma-typo-body-m-line-height);}
|
|
3
|
+
.sl5snt7{--typo-font-family:var(--plasma-typo-body-s-font-family);--typo-font-size:var(--plasma-typo-body-s-font-size);--typo-font-style:var(--plasma-typo-body-s-font-style);--typo-font-weight:var(--plasma-typo-body-s-font-weight);--typo-font-weight-medium:var(--plasma-typo-body-s-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-body-s-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--typo-font-line-height:var(--plasma-typo-body-s-line-height);}
|
|
4
|
+
.xgyoe1q{--typo-font-family:var(--plasma-typo-body-xs-font-family);--typo-font-size:var(--plasma-typo-body-xs-font-size);--typo-font-style:var(--plasma-typo-body-xs-font-style);--typo-font-weight:var(--plasma-typo-body-xs-font-weight);--typo-font-weight-bold:var(--plasma-typo-body-xs-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-body-xs-medium-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--typo-font-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
5
|
+
.x1xtzri3{--typo-font-family:var(--plasma-typo-body-xxs-font-family);--typo-font-size:var(--plasma-typo-body-xxs-font-size);--typo-font-style:var(--plasma-typo-body-xxs-font-style);--typo-font-weight:var(--plasma-typo-body-xxs-font-weight);--typo-font-weight-bold:var(--plasma-typo-body-xxs-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-body-xxs-medium-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--typo-font-line-height:var(--plasma-typo-body-xxs-line-height);}
|
|
@@ -1,40 +1,18 @@
|
|
|
1
|
-
require('./Dspl.
|
|
1
|
+
require('./Dspl.config_1j90nrb.css');
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
5
|
|
|
6
|
-
var configL = {
|
|
7
|
-
defaults: {
|
|
8
|
-
size: 'l'
|
|
9
|
-
},
|
|
10
|
-
variations: {
|
|
11
|
-
size: {
|
|
12
|
-
l: "lv5rc0u"
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
var configM = {
|
|
17
|
-
defaults: {
|
|
18
|
-
size: 'm'
|
|
19
|
-
},
|
|
20
|
-
variations: {
|
|
21
|
-
size: {
|
|
22
|
-
m: "m6auxx9"
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
6
|
var configS = {
|
|
27
7
|
defaults: {
|
|
28
8
|
size: 's'
|
|
29
9
|
},
|
|
30
10
|
variations: {
|
|
31
11
|
size: {
|
|
32
|
-
s: "
|
|
12
|
+
s: "sv5rc0u"
|
|
33
13
|
}
|
|
34
14
|
}
|
|
35
15
|
};
|
|
36
16
|
|
|
37
|
-
exports.configL = configL;
|
|
38
|
-
exports.configM = configM;
|
|
39
17
|
exports.configS = configS;
|
|
40
18
|
//# sourceMappingURL=Dspl.config.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dspl.config.js","sources":["../../../../../src-css/components/Typography/Dspl.config.ts"],"sourcesContent":["import { css, typographyTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const
|
|
1
|
+
{"version":3,"file":"Dspl.config.js","sources":["../../../../../src-css/components/Typography/Dspl.config.ts"],"sourcesContent":["import { css, typographyTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const configS = {\n defaults: {\n size: 's',\n },\n variations: {\n size: {\n s: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-dspl-s-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-dspl-s-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-dspl-s-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-dspl-s-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-dspl-s-medium-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-dspl-s-bold-font-weight);\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-dspl-s-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-dspl-s-line-height);\n `,\n },\n },\n};\n"],"names":["configS","defaults","size","variations","s"],"mappings":";;;;AAEO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,CAAC,EAAA;AAWL;AACJ;AACJ;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sv5rc0u{--typo-font-family:var(--plasma-typo-dspl-s-font-family);--typo-font-size:var(--plasma-typo-dspl-s-font-size);--typo-font-style:var(--plasma-typo-dspl-s-font-style);--typo-font-weight:var(--plasma-typo-dspl-s-font-weight);--typo-font-weight-medium:var(--plasma-typo-dspl-s-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-dspl-s-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-dspl-s-letter-spacing);--typo-font-line-height:var(--plasma-typo-dspl-s-line-height);}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require('./Heading.
|
|
1
|
+
require('./Heading.config_1lpaaqp.css');
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
@@ -43,31 +43,9 @@ var configH4 = {
|
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
};
|
|
46
|
-
var configH5 = {
|
|
47
|
-
defaults: {
|
|
48
|
-
size: 'h5'
|
|
49
|
-
},
|
|
50
|
-
variations: {
|
|
51
|
-
size: {
|
|
52
|
-
h5: "hn3yd2b"
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
};
|
|
56
|
-
var configH6 = {
|
|
57
|
-
defaults: {
|
|
58
|
-
size: 'h6'
|
|
59
|
-
},
|
|
60
|
-
variations: {
|
|
61
|
-
size: {
|
|
62
|
-
h6: "h18ax1mt"
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
};
|
|
66
46
|
|
|
67
47
|
exports.configH1 = configH1;
|
|
68
48
|
exports.configH2 = configH2;
|
|
69
49
|
exports.configH3 = configH3;
|
|
70
50
|
exports.configH4 = configH4;
|
|
71
|
-
exports.configH5 = configH5;
|
|
72
|
-
exports.configH6 = configH6;
|
|
73
51
|
//# sourceMappingURL=Heading.config.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Heading.config.js","sources":["../../../../../src-css/components/Typography/Heading.config.ts"],"sourcesContent":["import { css, typographyTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const configH1 = {\n defaults: {\n size: 'h1',\n },\n variations: {\n size: {\n h1: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-h1-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-h1-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-h1-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-h1-font-weight);\n ${typographyTokens.
|
|
1
|
+
{"version":3,"file":"Heading.config.js","sources":["../../../../../src-css/components/Typography/Heading.config.ts"],"sourcesContent":["import { css, typographyTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const configH1 = {\n defaults: {\n size: 'h1',\n },\n variations: {\n size: {\n h1: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-h1-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-h1-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-h1-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-h1-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h1-medium-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h1-bold-font-weight);\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h1-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h1-line-height);\n `,\n },\n },\n};\nexport const configH2 = {\n defaults: {\n size: 'h2',\n },\n variations: {\n size: {\n h2: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-h2-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-h2-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-h2-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-h2-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h2-medium-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h2-bold-font-weight);\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h2-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h2-line-height);\n `,\n },\n },\n};\nexport const configH3 = {\n defaults: {\n size: 'h3',\n },\n variations: {\n size: {\n h3: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-h3-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-h3-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-h3-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-h3-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h3-medium-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h3-bold-font-weight);\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h3-line-height);\n `,\n },\n },\n};\nexport const configH4 = {\n defaults: {\n size: 'h4',\n },\n variations: {\n size: {\n h4: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-h4-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-h4-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-h4-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-h4-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h4-medium-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h4-bold-font-weight);\n ${typographyTokens.typoFontWeightExtraBold}: 700;\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h4-line-height);\n `,\n },\n },\n};\n"],"names":["configH1","defaults","size","variations","h1","configH2","h2","configH3","h3","configH4","h4"],"mappings":";;;;AAEO,IAAMA,QAAQ,GAAG;AACpBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,EAAE,EAAA;AAWN;AACJ;AACJ;AACO,IAAMC,QAAQ,GAAG;AACpBJ,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFI,MAAAA,EAAE,EAAA;AAWN;AACJ;AACJ;AACO,IAAMC,QAAQ,GAAG;AACpBN,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAAA;AAWN;AACJ;AACJ;AACO,IAAMC,QAAQ,GAAG;AACpBR,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFQ,MAAAA,EAAE,EAAA;AAWN;AACJ;AACJ;;;;;;;"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
.h199g3gy{--typo-font-family:var(--plasma-typo-h1-font-family);--typo-font-size:var(--plasma-typo-h1-font-size);--typo-font-style:var(--plasma-typo-h1-font-style);--typo-font-weight:var(--plasma-typo-h1-font-weight);--typo-font-weight-medium:var(--plasma-typo-h1-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h1-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h1-letter-spacing);--typo-font-line-height:var(--plasma-typo-h1-line-height);}
|
|
2
|
+
.h1qgxfog{--typo-font-family:var(--plasma-typo-h2-font-family);--typo-font-size:var(--plasma-typo-h2-font-size);--typo-font-style:var(--plasma-typo-h2-font-style);--typo-font-weight:var(--plasma-typo-h2-font-weight);--typo-font-weight-medium:var(--plasma-typo-h2-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h2-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h2-letter-spacing);--typo-font-line-height:var(--plasma-typo-h2-line-height);}
|
|
3
|
+
.h1panbry{--typo-font-family:var(--plasma-typo-h3-font-family);--typo-font-size:var(--plasma-typo-h3-font-size);--typo-font-style:var(--plasma-typo-h3-font-style);--typo-font-weight:var(--plasma-typo-h3-font-weight);--typo-font-weight-medium:var(--plasma-typo-h3-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h3-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h3-letter-spacing);--typo-font-line-height:var(--plasma-typo-h3-line-height);}
|
|
4
|
+
.hyba5hs{--typo-font-family:var(--plasma-typo-h4-font-family);--typo-font-size:var(--plasma-typo-h4-font-size);--typo-font-style:var(--plasma-typo-h4-font-style);--typo-font-weight:var(--plasma-typo-h4-font-weight);--typo-font-weight-medium:var(--plasma-typo-h4-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h4-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h4-letter-spacing);--typo-font-line-height:var(--plasma-typo-h4-line-height);}
|
|
@@ -1,21 +1,12 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
1
|
+
.Body_config_1it7iig_l1s0gjg5__9dca20b5{--typo-font-family:var(--plasma-typo-body-l-font-family);--typo-font-size:var(--plasma-typo-body-l-font-size);--typo-font-style:var(--plasma-typo-body-l-font-style);--typo-font-weight:var(--plasma-typo-body-l-font-weight);--typo-font-weight-medium:var(--plasma-typo-body-l-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-body-l-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--typo-font-line-height:var(--plasma-typo-body-l-line-height);}
|
|
2
|
+
.Body_config_1it7iig_m1fmrqgu__9dca20b5{--typo-font-family:var(--plasma-typo-body-m-font-family);--typo-font-size:var(--plasma-typo-body-m-font-size);--typo-font-style:var(--plasma-typo-body-m-font-style);--typo-font-weight:var(--plasma-typo-body-m-font-weight);--typo-font-weight-medium:var(--plasma-typo-body-m-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-body-m-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--typo-font-line-height:var(--plasma-typo-body-m-line-height);}
|
|
3
|
+
.Body_config_1it7iig_sl5snt7__9dca20b5{--typo-font-family:var(--plasma-typo-body-s-font-family);--typo-font-size:var(--plasma-typo-body-s-font-size);--typo-font-style:var(--plasma-typo-body-s-font-style);--typo-font-weight:var(--plasma-typo-body-s-font-weight);--typo-font-weight-medium:var(--plasma-typo-body-s-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-body-s-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--typo-font-line-height:var(--plasma-typo-body-s-line-height);}
|
|
4
|
+
.Body_config_1it7iig_xgyoe1q__9dca20b5{--typo-font-family:var(--plasma-typo-body-xs-font-family);--typo-font-size:var(--plasma-typo-body-xs-font-size);--typo-font-style:var(--plasma-typo-body-xs-font-style);--typo-font-weight:var(--plasma-typo-body-xs-font-weight);--typo-font-weight-bold:var(--plasma-typo-body-xs-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-body-xs-medium-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--typo-font-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
5
|
+
.Body_config_1it7iig_x1xtzri3__9dca20b5{--typo-font-family:var(--plasma-typo-body-xxs-font-family);--typo-font-size:var(--plasma-typo-body-xxs-font-size);--typo-font-style:var(--plasma-typo-body-xxs-font-style);--typo-font-weight:var(--plasma-typo-body-xxs-font-weight);--typo-font-weight-bold:var(--plasma-typo-body-xxs-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-body-xxs-medium-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--typo-font-line-height:var(--plasma-typo-body-xxs-line-height);}
|
|
6
6
|
|
|
7
|
-
.
|
|
8
|
-
.Dspl_config_1s5xnbu_m6auxx9__2a5c557a{--typo-font-family:var(--plasma-typo-dspl-m-font-family);--typo-font-size:var(--plasma-typo-dspl-m-font-size);--typo-font-style:var(--plasma-typo-dspl-m-font-style);--typo-font-weight:var(--plasma-typo-dspl-m-font-weight);--typo-font-weight-bold:var(--plasma-typo-dspl-m-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-dspl-m-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-dspl-m-letter-spacing);--typo-font-line-height:var(--plasma-typo-dspl-m-line-height);}
|
|
9
|
-
.Dspl_config_1s5xnbu_sasz1t2__2a5c557a{--typo-font-family:var(--plasma-typo-dspl-s-font-family);--typo-font-size:var(--plasma-typo-dspl-s-font-size);--typo-font-style:var(--plasma-typo-dspl-s-font-style);--typo-font-weight:var(--plasma-typo-dspl-s-font-weight);--typo-font-weight-bold:var(--plasma-typo-dspl-s-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-dspl-s-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-dspl-s-letter-spacing);--typo-font-line-height:var(--plasma-typo-dspl-s-line-height);}
|
|
7
|
+
.Dspl_config_1j90nrb_sv5rc0u__c4713c3a{--typo-font-family:var(--plasma-typo-dspl-s-font-family);--typo-font-size:var(--plasma-typo-dspl-s-font-size);--typo-font-style:var(--plasma-typo-dspl-s-font-style);--typo-font-weight:var(--plasma-typo-dspl-s-font-weight);--typo-font-weight-medium:var(--plasma-typo-dspl-s-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-dspl-s-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-dspl-s-letter-spacing);--typo-font-line-height:var(--plasma-typo-dspl-s-line-height);}
|
|
10
8
|
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.Heading_config_1s9pe02_hn3yd2b__d15c1463{--typo-font-family:var(--plasma-typo-h5-font-family);--typo-font-size:var(--plasma-typo-h5-font-size);--typo-font-style:var(--plasma-typo-h5-font-style);--typo-font-weight:var(--plasma-typo-h5-font-weight);--typo-font-weight-bold:var(--plasma-typo-h5-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h5-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h5-letter-spacing);--typo-font-line-height:var(--plasma-typo-h5-line-height);}
|
|
16
|
-
.Heading_config_1s9pe02_h18ax1mt__d15c1463{--typo-font-family:var(--plasma-typo-h6-font-family);--typo-font-size:var(--plasma-typo-h6-font-size);--typo-font-style:var(--plasma-typo-h6-font-style);--typo-font-weight:var(--plasma-typo-h6-font-weight);--typo-font-weight-bold:var(--plasma-typo-h6-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-h6-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-h6-letter-spacing);--typo-font-line-height:var(--plasma-typo-h6-line-height);}
|
|
17
|
-
|
|
18
|
-
.Text_config_15fbym1_l14umme2__97d9367d{--typo-font-family:var(--plasma-typo-text-l-font-family);--typo-font-size:var(--plasma-typo-text-l-font-size);--typo-font-style:var(--plasma-typo-text-l-font-style);--typo-font-weight:var(--plasma-typo-text-l-font-weight);--typo-font-weight-bold:var(--plasma-typo-text-l-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-text-l-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-text-l-letter-spacing);--typo-font-line-height:var(--plasma-typo-text-l-line-height);}
|
|
19
|
-
.Text_config_15fbym1_m1e84h64__97d9367d{--typo-font-family:var(--plasma-typo-text-m-font-family);--typo-font-size:var(--plasma-typo-text-m-font-size);--typo-font-style:var(--plasma-typo-text-m-font-style);--typo-font-weight:var(--plasma-typo-text-m-font-weight);--typo-font-weight-bold:var(--plasma-typo-text-m-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-text-m-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-text-m-letter-spacing);--typo-font-line-height:var(--plasma-typo-text-m-line-height);}
|
|
20
|
-
.Text_config_15fbym1_s1gefnaz__97d9367d{--typo-font-family:var(--plasma-typo-text-s-font-family);--typo-font-size:var(--plasma-typo-text-s-font-size);--typo-font-style:var(--plasma-typo-text-s-font-style);--typo-font-weight:var(--plasma-typo-text-s-font-weight);--typo-font-weight-bold:var(--plasma-typo-text-s-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-text-s-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-text-s-letter-spacing);--typo-font-line-height:var(--plasma-typo-text-s-line-height);}
|
|
21
|
-
.Text_config_15fbym1_x1e05f1a__97d9367d{--typo-font-family:var(--plasma-typo-text-xs-font-family);--typo-font-size:var(--plasma-typo-text-xs-font-size);--typo-font-style:var(--plasma-typo-text-xs-font-style);--typo-font-weight:var(--plasma-typo-text-xs-font-weight);--typo-font-weight-bold:var(--plasma-typo-text-xs-bold-font-weight);--typo-font-weight-medium:var(--plasma-typo-text-xs-medium-font-weight);--typo-font-letter-spacing:var(--plasma-typo-text-xs-letter-spacing);--typo-font-line-height:var(--plasma-typo-text-xs-line-height);}
|
|
9
|
+
.Heading_config_1lpaaqp_h199g3gy__916b6aa7{--typo-font-family:var(--plasma-typo-h1-font-family);--typo-font-size:var(--plasma-typo-h1-font-size);--typo-font-style:var(--plasma-typo-h1-font-style);--typo-font-weight:var(--plasma-typo-h1-font-weight);--typo-font-weight-medium:var(--plasma-typo-h1-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h1-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h1-letter-spacing);--typo-font-line-height:var(--plasma-typo-h1-line-height);}
|
|
10
|
+
.Heading_config_1lpaaqp_h1qgxfog__916b6aa7{--typo-font-family:var(--plasma-typo-h2-font-family);--typo-font-size:var(--plasma-typo-h2-font-size);--typo-font-style:var(--plasma-typo-h2-font-style);--typo-font-weight:var(--plasma-typo-h2-font-weight);--typo-font-weight-medium:var(--plasma-typo-h2-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h2-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h2-letter-spacing);--typo-font-line-height:var(--plasma-typo-h2-line-height);}
|
|
11
|
+
.Heading_config_1lpaaqp_h1panbry__916b6aa7{--typo-font-family:var(--plasma-typo-h3-font-family);--typo-font-size:var(--plasma-typo-h3-font-size);--typo-font-style:var(--plasma-typo-h3-font-style);--typo-font-weight:var(--plasma-typo-h3-font-weight);--typo-font-weight-medium:var(--plasma-typo-h3-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h3-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h3-letter-spacing);--typo-font-line-height:var(--plasma-typo-h3-line-height);}
|
|
12
|
+
.Heading_config_1lpaaqp_hyba5hs__916b6aa7{--typo-font-family:var(--plasma-typo-h4-font-family);--typo-font-size:var(--plasma-typo-h4-font-size);--typo-font-style:var(--plasma-typo-h4-font-style);--typo-font-weight:var(--plasma-typo-h4-font-weight);--typo-font-weight-medium:var(--plasma-typo-h4-medium-font-weight);--typo-font-weight-bold:var(--plasma-typo-h4-bold-font-weight);--typo-font-weight-extra-bold:700;--typo-font-letter-spacing:var(--plasma-typo-h4-letter-spacing);--typo-font-line-height:var(--plasma-typo-h4-line-height);}
|
|
@@ -6,7 +6,6 @@ var css = require('@salutejs/plasma-new-hope/css');
|
|
|
6
6
|
var Body_config = require('./Body.config.js');
|
|
7
7
|
var Dspl_config = require('./Dspl.config.js');
|
|
8
8
|
var Heading_config = require('./Heading.config.js');
|
|
9
|
-
var Text_config = require('./Text.config.js');
|
|
10
9
|
|
|
11
10
|
var bodyMConfig = /*#__PURE__*/css.mergeConfig(css.bodyConfig, Body_config.configM);
|
|
12
11
|
var BodyMComponent = /*#__PURE__*/css.component(bodyMConfig);
|
|
@@ -18,10 +17,6 @@ var bodyXSConfig = /*#__PURE__*/css.mergeConfig(css.bodyConfig, Body_config.conf
|
|
|
18
17
|
var BodyXSComponent = /*#__PURE__*/css.component(bodyXSConfig);
|
|
19
18
|
var bodyXXSConfig = /*#__PURE__*/css.mergeConfig(css.bodyConfig, Body_config.configXXS);
|
|
20
19
|
var BodyXXSComponent = /*#__PURE__*/css.component(bodyXXSConfig);
|
|
21
|
-
var dsplMConfig = /*#__PURE__*/css.mergeConfig(css.dsplConfig, Dspl_config.configM);
|
|
22
|
-
var DsplMComponent = /*#__PURE__*/css.component(dsplMConfig);
|
|
23
|
-
var dsplLConfig = /*#__PURE__*/css.mergeConfig(css.dsplConfig, Dspl_config.configL);
|
|
24
|
-
var DsplLComponent = /*#__PURE__*/css.component(dsplLConfig);
|
|
25
20
|
var dsplSConfig = /*#__PURE__*/css.mergeConfig(css.dsplConfig, Dspl_config.configS);
|
|
26
21
|
var DsplSComponent = /*#__PURE__*/css.component(dsplSConfig);
|
|
27
22
|
var heading1Config = /*#__PURE__*/css.mergeConfig(css.headingConfig, Heading_config.configH1);
|
|
@@ -32,53 +27,25 @@ var heading3Config = /*#__PURE__*/css.mergeConfig(css.headingConfig, Heading_con
|
|
|
32
27
|
var Heading3Component = /*#__PURE__*/css.component(heading3Config);
|
|
33
28
|
var heading4Config = /*#__PURE__*/css.mergeConfig(css.headingConfig, Heading_config.configH4);
|
|
34
29
|
var Heading4Component = /*#__PURE__*/css.component(heading4Config);
|
|
35
|
-
var heading5Config = /*#__PURE__*/css.mergeConfig(css.headingConfig, Heading_config.configH5);
|
|
36
|
-
var Heading5Component = /*#__PURE__*/css.component(heading5Config);
|
|
37
|
-
var heading6Config = /*#__PURE__*/css.mergeConfig(css.headingConfig, Heading_config.configH6);
|
|
38
|
-
var Heading6Component = /*#__PURE__*/css.component(heading6Config);
|
|
39
|
-
var textMConfig = /*#__PURE__*/css.mergeConfig(css.textConfig, Text_config.configM);
|
|
40
|
-
var TextMComponent = /*#__PURE__*/css.component(textMConfig);
|
|
41
|
-
var textLConfig = /*#__PURE__*/css.mergeConfig(css.textConfig, Text_config.configL);
|
|
42
|
-
var TextLComponent = /*#__PURE__*/css.component(textLConfig);
|
|
43
|
-
var textSConfig = /*#__PURE__*/css.mergeConfig(css.textConfig, Text_config.configS);
|
|
44
|
-
var TextSComponent = /*#__PURE__*/css.component(textSConfig);
|
|
45
|
-
var textXSConfig = /*#__PURE__*/css.mergeConfig(css.textConfig, Text_config.configXS);
|
|
46
|
-
var TextXSComponent = /*#__PURE__*/css.component(textXSConfig);
|
|
47
30
|
var BodyM = BodyMComponent;
|
|
48
31
|
var BodyL = BodyLComponent;
|
|
49
32
|
var BodyS = BodySComponent;
|
|
50
33
|
var BodyXS = BodyXSComponent;
|
|
51
34
|
var BodyXXS = BodyXXSComponent;
|
|
52
|
-
var DsplM = DsplMComponent;
|
|
53
|
-
var DsplL = DsplLComponent;
|
|
54
35
|
var DsplS = DsplSComponent;
|
|
55
36
|
var H1 = Heading1Component;
|
|
56
37
|
var H2 = Heading2Component;
|
|
57
38
|
var H3 = Heading3Component;
|
|
58
39
|
var H4 = Heading4Component;
|
|
59
|
-
var H5 = Heading5Component;
|
|
60
|
-
var H6 = Heading6Component;
|
|
61
|
-
var TextM = TextMComponent;
|
|
62
|
-
var TextL = TextLComponent;
|
|
63
|
-
var TextS = TextSComponent;
|
|
64
|
-
var TextXS = TextXSComponent;
|
|
65
40
|
|
|
66
41
|
exports.BodyL = BodyL;
|
|
67
42
|
exports.BodyM = BodyM;
|
|
68
43
|
exports.BodyS = BodyS;
|
|
69
44
|
exports.BodyXS = BodyXS;
|
|
70
45
|
exports.BodyXXS = BodyXXS;
|
|
71
|
-
exports.DsplL = DsplL;
|
|
72
|
-
exports.DsplM = DsplM;
|
|
73
46
|
exports.DsplS = DsplS;
|
|
74
47
|
exports.H1 = H1;
|
|
75
48
|
exports.H2 = H2;
|
|
76
49
|
exports.H3 = H3;
|
|
77
50
|
exports.H4 = H4;
|
|
78
|
-
exports.H5 = H5;
|
|
79
|
-
exports.H6 = H6;
|
|
80
|
-
exports.TextL = TextL;
|
|
81
|
-
exports.TextM = TextM;
|
|
82
|
-
exports.TextS = TextS;
|
|
83
|
-
exports.TextXS = TextXS;
|
|
84
51
|
//# sourceMappingURL=Typography.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.js","sources":["../../../../../src-css/components/Typography/Typography.tsx"],"sourcesContent":["import {\n bodyConfig,\n dsplConfig,\n headingConfig,\n
|
|
1
|
+
{"version":3,"file":"Typography.js","sources":["../../../../../src-css/components/Typography/Typography.tsx"],"sourcesContent":["import {\n bodyConfig,\n dsplConfig,\n headingConfig,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope/css';\n\nimport {\n configL as bodyConfigLCustom,\n configM as bodyConfigMCustom,\n configS as bodyConfigSCustom,\n configXS as bodyConfigXSCustom,\n configXXS as bodyConfigXXSCustom,\n} from './Body.config';\nimport { configS as dsplConfigSCustom } from './Dspl.config';\nimport {\n configH1 as headingConfigH1Custom,\n configH2 as headingConfigH2Custom,\n configH3 as headingConfigH3Custom,\n configH4 as headingConfigH4Custom,\n} from './Heading.config';\n\nconst bodyMConfig = mergeConfig(bodyConfig, bodyConfigMCustom);\nconst BodyMComponent = component(bodyMConfig);\n\nconst bodyLConfig = mergeConfig(bodyConfig, bodyConfigLCustom);\nconst BodyLComponent = component(bodyLConfig);\n\nconst bodySConfig = mergeConfig(bodyConfig, bodyConfigSCustom);\nconst BodySComponent = component(bodySConfig);\n\nconst bodyXSConfig = mergeConfig(bodyConfig, bodyConfigXSCustom);\nconst BodyXSComponent = component(bodyXSConfig);\n\nconst bodyXXSConfig = mergeConfig(bodyConfig, bodyConfigXXSCustom);\nconst BodyXXSComponent = component(bodyXXSConfig);\n\nconst dsplSConfig = mergeConfig(dsplConfig, dsplConfigSCustom);\nconst DsplSComponent = component(dsplSConfig);\n\nconst heading1Config = mergeConfig(headingConfig, headingConfigH1Custom);\nconst Heading1Component = component(heading1Config);\n\nconst heading2Config = mergeConfig(headingConfig, headingConfigH2Custom);\nconst Heading2Component = component(heading2Config);\n\nconst heading3Config = mergeConfig(headingConfig, headingConfigH3Custom);\nconst Heading3Component = component(heading3Config);\n\nconst heading4Config = mergeConfig(headingConfig, headingConfigH4Custom);\nconst Heading4Component = component(heading4Config);\n\nexport const BodyM = BodyMComponent;\nexport const BodyL = BodyLComponent;\nexport const BodyS = BodySComponent;\nexport const BodyXS = BodyXSComponent;\nexport const BodyXXS = BodyXXSComponent;\n\nexport const DsplS = DsplSComponent;\n\nexport const H1 = Heading1Component;\nexport const H2 = Heading2Component;\nexport const H3 = Heading3Component;\nexport const H4 = Heading4Component;\n"],"names":["bodyMConfig","mergeConfig","bodyConfig","bodyConfigMCustom","BodyMComponent","component","bodyLConfig","bodyConfigLCustom","BodyLComponent","bodySConfig","bodyConfigSCustom","BodySComponent","bodyXSConfig","bodyConfigXSCustom","BodyXSComponent","bodyXXSConfig","bodyConfigXXSCustom","BodyXXSComponent","dsplSConfig","dsplConfig","dsplConfigSCustom","DsplSComponent","heading1Config","headingConfig","headingConfigH1Custom","Heading1Component","heading2Config","headingConfigH2Custom","Heading2Component","heading3Config","headingConfigH3Custom","Heading3Component","heading4Config","headingConfigH4Custom","Heading4Component","BodyM","BodyL","BodyS","BodyXS","BodyXXS","DsplS","H1","H2","H3","H4"],"mappings":";;;;;;;;;AAuBA,IAAMA,WAAW,gBAAGC,eAAW,CAACC,cAAU,EAAEC,mBAAiB,CAAC;AAC9D,IAAMC,cAAc,gBAAGC,aAAS,CAACL,WAAW,CAAC;AAE7C,IAAMM,WAAW,gBAAGL,eAAW,CAACC,cAAU,EAAEK,mBAAiB,CAAC;AAC9D,IAAMC,cAAc,gBAAGH,aAAS,CAACC,WAAW,CAAC;AAE7C,IAAMG,WAAW,gBAAGR,eAAW,CAACC,cAAU,EAAEQ,mBAAiB,CAAC;AAC9D,IAAMC,cAAc,gBAAGN,aAAS,CAACI,WAAW,CAAC;AAE7C,IAAMG,YAAY,gBAAGX,eAAW,CAACC,cAAU,EAAEW,oBAAkB,CAAC;AAChE,IAAMC,eAAe,gBAAGT,aAAS,CAACO,YAAY,CAAC;AAE/C,IAAMG,aAAa,gBAAGd,eAAW,CAACC,cAAU,EAAEc,qBAAmB,CAAC;AAClE,IAAMC,gBAAgB,gBAAGZ,aAAS,CAACU,aAAa,CAAC;AAEjD,IAAMG,WAAW,gBAAGjB,eAAW,CAACkB,cAAU,EAAEC,mBAAiB,CAAC;AAC9D,IAAMC,cAAc,gBAAGhB,aAAS,CAACa,WAAW,CAAC;AAE7C,IAAMI,cAAc,gBAAGrB,eAAW,CAACsB,iBAAa,EAAEC,uBAAqB,CAAC;AACxE,IAAMC,iBAAiB,gBAAGpB,aAAS,CAACiB,cAAc,CAAC;AAEnD,IAAMI,cAAc,gBAAGzB,eAAW,CAACsB,iBAAa,EAAEI,uBAAqB,CAAC;AACxE,IAAMC,iBAAiB,gBAAGvB,aAAS,CAACqB,cAAc,CAAC;AAEnD,IAAMG,cAAc,gBAAG5B,eAAW,CAACsB,iBAAa,EAAEO,uBAAqB,CAAC;AACxE,IAAMC,iBAAiB,gBAAG1B,aAAS,CAACwB,cAAc,CAAC;AAEnD,IAAMG,cAAc,gBAAG/B,eAAW,CAACsB,iBAAa,EAAEU,uBAAqB,CAAC;AACxE,IAAMC,iBAAiB,gBAAG7B,aAAS,CAAC2B,cAAc,CAAC;AAE5C,IAAMG,KAAK,GAAG/B;AACd,IAAMgC,KAAK,GAAG5B;AACd,IAAM6B,KAAK,GAAG1B;AACd,IAAM2B,MAAM,GAAGxB;AACf,IAAMyB,OAAO,GAAGtB;AAEhB,IAAMuB,KAAK,GAAGnB;AAEd,IAAMoB,EAAE,GAAGhB;AACX,IAAMiB,EAAE,GAAGd;AACX,IAAMe,EAAE,GAAGZ;AACX,IAAMa,EAAE,GAAGV;;;;;;;;;;;;;"}
|