@preply/ds-web-lib 0.32.0 → 0.33.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/dist/components/Heading/Heading.d.ts +3 -1
- package/dist/components/Heading/Heading.js +7 -4
- package/dist/components/Heading/style/index.module.less.js +1 -1
- package/dist/components/Icon/Icon.d.ts +3 -2
- package/dist/components/Icon/Icon.js +7 -4
- package/dist/components/Text/Text.d.ts +3 -1
- package/dist/components/Text/Text.js +8 -4
- package/dist/components/Text/style/index.module.less.js +1 -1
- package/dist/components/TextInline/TextInline.d.ts +2 -1
- package/dist/components/TextInline/TextInline.js +8 -5
- package/dist/components/TextInline/style/index.module.less.js +1 -1
- package/dist/components/private/ButtonBase/style/index.module.less +1 -0
- package/package.json +12 -12
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
import type { HeadingLevel, HeadingTag, Responsive } from '@preply/ds-core';
|
|
1
|
+
import type { ColorName, HeadingLevel, HeadingTag, Responsive } from '@preply/ds-core';
|
|
2
2
|
import { FC } from 'react';
|
|
3
3
|
export interface Props {
|
|
4
4
|
level: HeadingLevel;
|
|
5
5
|
large?: Responsive<boolean>;
|
|
6
6
|
strong?: boolean;
|
|
7
7
|
tag?: HeadingTag;
|
|
8
|
+
color?: ColorName;
|
|
9
|
+
centered: Responsive<boolean>;
|
|
8
10
|
}
|
|
9
11
|
export declare const Heading: FC<Props>;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { useInstrument, useStyleExtract, moduleClassNames, booleanClassNames } from '@preply/ds-web-core';
|
|
1
|
+
import { useInstrument, useStyleExtract, moduleClassNames, booleanClassNames, useTextCenteredClassname, useColorClassName } from '@preply/ds-web-core';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import styles from './style/index.module.less.js';
|
|
4
4
|
|
|
5
5
|
const HEADING = 'Heading';
|
|
6
|
-
const Heading = ({ children, level, large = false, strong, tag }) => {
|
|
6
|
+
const Heading = ({ children, level, large = false, strong, tag, color, centered, }) => {
|
|
7
7
|
useInstrument('render', {
|
|
8
8
|
component: HEADING,
|
|
9
9
|
props: { level, strong },
|
|
@@ -13,8 +13,11 @@ const Heading = ({ children, level, large = false, strong, tag }) => {
|
|
|
13
13
|
const classNames = moduleClassNames(styles, HEADING, [
|
|
14
14
|
booleanClassNames(`level-${level}-large`, `level-${level}-normal`, large),
|
|
15
15
|
]);
|
|
16
|
-
|
|
16
|
+
const centeredClassNames = useTextCenteredClassname(centered);
|
|
17
|
+
const colorClassNames = useColorClassName(color);
|
|
18
|
+
const allClassNames = [...classNames, ...centeredClassNames, ...colorClassNames];
|
|
19
|
+
return React__default.createElement(Tag, { className: allClassNames.join(' ') }, children);
|
|
17
20
|
};
|
|
18
21
|
|
|
19
22
|
export { Heading };
|
|
20
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVhZGluZy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSGVhZGluZy9IZWFkaW5nLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yTmFtZSwgSGVhZGluZ0xldmVsLCBIZWFkaW5nVGFnLCBSZXNwb25zaXZlIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICB1c2VDb2xvckNsYXNzTmFtZSxcbiAgICB1c2VJbnN0cnVtZW50LFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbiAgICB1c2VUZXh0Q2VudGVyZWRDbGFzc25hbWUsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFByb3BzIHtcbiAgICBsZXZlbDogSGVhZGluZ0xldmVsO1xuICAgIGxhcmdlPzogUmVzcG9uc2l2ZTxib29sZWFuPjtcbiAgICBzdHJvbmc/OiBib29sZWFuO1xuICAgIHRhZz86IEhlYWRpbmdUYWc7XG4gICAgY29sb3I/OiBDb2xvck5hbWU7XG4gICAgY2VudGVyZWQ6IFJlc3BvbnNpdmU8Ym9vbGVhbj47XG59XG5cbmNvbnN0IEhFQURJTkcgPSAnSGVhZGluZyc7XG5cbmV4cG9ydCBjb25zdCBIZWFkaW5nOiBGQzxQcm9wcz4gPSAoe1xuICAgIGNoaWxkcmVuLFxuICAgIGxldmVsLFxuICAgIGxhcmdlID0gZmFsc2UsXG4gICAgc3Ryb25nLFxuICAgIHRhZyxcbiAgICBjb2xvcixcbiAgICBjZW50ZXJlZCxcbn0pID0+IHtcbiAgICB1c2VJbnN0cnVtZW50KCdyZW5kZXInLCB7XG4gICAgICAgIGNvbXBvbmVudDogSEVBRElORyxcbiAgICAgICAgcHJvcHM6IHsgbGV2ZWwsIHN0cm9uZyB9LFxuICAgIH0pO1xuXG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBUYWcgPSAodGFnIHx8IGxldmVsKSBhcyBIZWFkaW5nVGFnO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBIRUFESU5HLCBbXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKGBsZXZlbC0ke2xldmVsfS1sYXJnZWAsIGBsZXZlbC0ke2xldmVsfS1ub3JtYWxgLCBsYXJnZSksXG4gICAgXSk7XG4gICAgY29uc3QgY2VudGVyZWRDbGFzc05hbWVzID0gdXNlVGV4dENlbnRlcmVkQ2xhc3NuYW1lKGNlbnRlcmVkKTtcbiAgICBjb25zdCBjb2xvckNsYXNzTmFtZXMgPSB1c2VDb2xvckNsYXNzTmFtZShjb2xvcik7XG5cbiAgICBjb25zdCBhbGxDbGFzc05hbWVzID0gWy4uLmNsYXNzTmFtZXMsIC4uLmNlbnRlcmVkQ2xhc3NOYW1lcywgLi4uY29sb3JDbGFzc05hbWVzXTtcblxuICAgIHJldHVybiA8VGFnIGNsYXNzTmFtZT17YWxsQ2xhc3NOYW1lcy5qb2luKCcgJyl9PntjaGlsZHJlbn08L1RhZz47XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7O0FBc0JBLE1BQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQztNQUViLE9BQU8sR0FBYyxDQUFDLEVBQy9CLFFBQVEsRUFDUixLQUFLLEVBQ0wsS0FBSyxHQUFHLEtBQUssRUFDYixNQUFNLEVBQ04sR0FBRyxFQUNILEtBQUssRUFDTCxRQUFRLEdBQ1g7SUFDRyxhQUFhLENBQUMsUUFBUSxFQUFFO1FBQ3BCLFNBQVMsRUFBRSxPQUFPO1FBQ2xCLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUU7S0FDM0IsQ0FBQyxDQUFDO0lBRUgsZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE1BQU0sR0FBRyxJQUFJLEdBQUcsSUFBSSxLQUFLLENBQWUsQ0FBQztJQUV6QyxNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsT0FBTyxFQUFFO1FBQ2pELGlCQUFpQixDQUFDLFNBQVMsS0FBSyxRQUFRLEVBQUUsU0FBUyxLQUFLLFNBQVMsRUFBRSxLQUFLLENBQUM7S0FDNUUsQ0FBQyxDQUFDO0lBQ0gsTUFBTSxrQkFBa0IsR0FBRyx3QkFBd0IsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUM5RCxNQUFNLGVBQWUsR0FBRyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUVqRCxNQUFNLGFBQWEsR0FBRyxDQUFDLEdBQUcsVUFBVSxFQUFFLEdBQUcsa0JBQWtCLEVBQUUsR0FBRyxlQUFlLENBQUMsQ0FBQztJQUVqRixPQUFPQSw2QkFBQyxHQUFHLElBQUMsU0FBUyxFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUcsUUFBUSxDQUFPLENBQUM7QUFDckU7Ozs7In0=
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "._3DJ88_{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
|
|
3
|
+
var css_248z = "._3DJ88_{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:var(--0e309);font-size:var(--8d63e);line-height:var(--d4313);margin:0}.KRqGO8{font-size:var(--d04d4);font-weight:var(--d41fd);letter-spacing:var(--08c11);line-height:var(--263a0)}._1DfM20{font-size:var(--da58b);font-weight:var(--32576);letter-spacing:var(--921c8);line-height:var(--a165a)}._2ZyrVK{font-size:var(--2bd50);font-weight:var(--a8a52);letter-spacing:var(--ac8be);line-height:var(--74d17)}._2oXWAc{font-size:var(--8a757);font-weight:var(--000cc);letter-spacing:var(--56bc0);line-height:var(--65785)}._3Jkqr7{font-size:var(--28917);font-weight:var(--f6b07);letter-spacing:var(--02dfa);line-height:var(--33f70)}._24Ynde{font-size:var(--42200);font-weight:var(--80998);letter-spacing:var(--2f0fc);line-height:var(--8c79b)}._1BdvHU{font-size:var(--63dde);font-weight:var(--aea9a);letter-spacing:var(--b5659);line-height:var(--2059e)}._3CicyB{font-size:var(--abc50);font-weight:var(--0e9c4);letter-spacing:var(--45a27);line-height:var(--95bce)}._1AqbEl{font-size:var(--4dbf8);font-weight:var(--51bd6);letter-spacing:var(--918f0);line-height:var(--4f103)}._15gt0G{font-size:var(--3b191);font-weight:var(--99df3);letter-spacing:var(--4400a);line-height:var(--759bb)}@media (min-width:400px){._19gGSl{font-size:var(--d04d4);font-weight:var(--d41fd);letter-spacing:var(--08c11);line-height:var(--263a0)}._11fz9f{font-size:var(--da58b);font-weight:var(--32576);letter-spacing:var(--921c8);line-height:var(--a165a)}._1yx-KZ{font-size:var(--2bd50);font-weight:var(--a8a52);letter-spacing:var(--ac8be);line-height:var(--74d17)}._3qjSen{font-size:var(--8a757);font-weight:var(--000cc);letter-spacing:var(--56bc0);line-height:var(--65785)}._2FbPMy{font-size:var(--28917);font-weight:var(--f6b07);letter-spacing:var(--02dfa);line-height:var(--33f70)}.dvphw4{font-size:var(--42200);font-weight:var(--80998);letter-spacing:var(--2f0fc);line-height:var(--8c79b)}._2-enPT{font-size:var(--63dde);font-weight:var(--aea9a);letter-spacing:var(--b5659);line-height:var(--2059e)}._3lGbz4{font-size:var(--abc50);font-weight:var(--0e9c4);letter-spacing:var(--45a27);line-height:var(--95bce)}._1KyG6r{font-size:var(--4dbf8);font-weight:var(--51bd6);letter-spacing:var(--918f0);line-height:var(--4f103)}.v473Xi{font-size:var(--3b191);font-weight:var(--99df3);letter-spacing:var(--4400a);line-height:var(--759bb)}}@media (min-width:700px){.K46Or0{font-size:var(--d04d4);font-weight:var(--d41fd);letter-spacing:var(--08c11);line-height:var(--263a0)}._6ua9yc{font-size:var(--da58b);font-weight:var(--32576);letter-spacing:var(--921c8);line-height:var(--a165a)}._18kEwH{font-size:var(--2bd50);font-weight:var(--a8a52);letter-spacing:var(--ac8be);line-height:var(--74d17)}.qkOiNP{font-size:var(--8a757);font-weight:var(--000cc);letter-spacing:var(--56bc0);line-height:var(--65785)}._1Nw-5o{font-size:var(--28917);font-weight:var(--f6b07);letter-spacing:var(--02dfa);line-height:var(--33f70)}._27pnU1{font-size:var(--42200);font-weight:var(--80998);letter-spacing:var(--2f0fc);line-height:var(--8c79b)}._3Sdq-_{font-size:var(--63dde);font-weight:var(--aea9a);letter-spacing:var(--b5659);line-height:var(--2059e)}._3ksRaA{font-size:var(--abc50);font-weight:var(--0e9c4);letter-spacing:var(--45a27);line-height:var(--95bce)}._17ER0j{font-size:var(--4dbf8);font-weight:var(--51bd6);letter-spacing:var(--918f0);line-height:var(--4f103)}._1QVwNM{font-size:var(--3b191);font-weight:var(--99df3);letter-spacing:var(--4400a);line-height:var(--759bb)}}@media (min-width:880px){._1rptX8{font-size:var(--d04d4);font-weight:var(--d41fd);letter-spacing:var(--08c11);line-height:var(--263a0)}._3kt4GS{font-size:var(--da58b);font-weight:var(--32576);letter-spacing:var(--921c8);line-height:var(--a165a)}.qssgaB{font-size:var(--2bd50);font-weight:var(--a8a52);letter-spacing:var(--ac8be);line-height:var(--74d17)}._1MBGnH{font-size:var(--8a757);font-weight:var(--000cc);letter-spacing:var(--56bc0);line-height:var(--65785)}.ckVF8t{font-size:var(--28917);font-weight:var(--f6b07);letter-spacing:var(--02dfa);line-height:var(--33f70)}._33MPYp{font-size:var(--42200);font-weight:var(--80998);letter-spacing:var(--2f0fc);line-height:var(--8c79b)}._2PgSHW{font-size:var(--63dde);font-weight:var(--aea9a);letter-spacing:var(--b5659);line-height:var(--2059e)}._3Qd3OX{font-size:var(--abc50);font-weight:var(--0e9c4);letter-spacing:var(--45a27);line-height:var(--95bce)}._1yVLpr{font-size:var(--4dbf8);font-weight:var(--51bd6);letter-spacing:var(--918f0);line-height:var(--4f103)}._29Py3m{font-size:var(--3b191);font-weight:var(--99df3);letter-spacing:var(--4400a);line-height:var(--759bb)}}@media (min-width:1200px){._4R_anY{font-size:var(--d04d4);font-weight:var(--d41fd);letter-spacing:var(--08c11);line-height:var(--263a0)}.imYmhc{font-size:var(--da58b);font-weight:var(--32576);letter-spacing:var(--921c8);line-height:var(--a165a)}._28hBfm{font-size:var(--2bd50);font-weight:var(--a8a52);letter-spacing:var(--ac8be);line-height:var(--74d17)}._3dOmgZ{font-size:var(--8a757);font-weight:var(--000cc);letter-spacing:var(--56bc0);line-height:var(--65785)}.fTgANg{font-size:var(--28917);font-weight:var(--f6b07);letter-spacing:var(--02dfa);line-height:var(--33f70)}._2JOd86{font-size:var(--42200);font-weight:var(--80998);letter-spacing:var(--2f0fc);line-height:var(--8c79b)}._31RWb5{font-size:var(--63dde);font-weight:var(--aea9a);letter-spacing:var(--b5659);line-height:var(--2059e)}.uSFsqD{font-size:var(--abc50);font-weight:var(--0e9c4);letter-spacing:var(--45a27);line-height:var(--95bce)}.tfNbs6{font-size:var(--4dbf8);font-weight:var(--51bd6);letter-spacing:var(--918f0);line-height:var(--4f103)}._21p_I4{font-size:var(--3b191);font-weight:var(--99df3);letter-spacing:var(--4400a);line-height:var(--759bb)}}@media (min-width:1900px){._3g7upB{font-size:var(--d04d4);font-weight:var(--d41fd);letter-spacing:var(--08c11);line-height:var(--263a0)}._26JTlJ{font-size:var(--da58b);font-weight:var(--32576);letter-spacing:var(--921c8);line-height:var(--a165a)}._1f22es{font-size:var(--2bd50);font-weight:var(--a8a52);letter-spacing:var(--ac8be);line-height:var(--74d17)}._3nRirL{font-size:var(--8a757);font-weight:var(--000cc);letter-spacing:var(--56bc0);line-height:var(--65785)}._3c18tZ{font-size:var(--28917);font-weight:var(--f6b07);letter-spacing:var(--02dfa);line-height:var(--33f70)}._3jnW8y{font-size:var(--42200);font-weight:var(--80998);letter-spacing:var(--2f0fc);line-height:var(--8c79b)}._1UuwsP{font-size:var(--63dde);font-weight:var(--aea9a);letter-spacing:var(--b5659);line-height:var(--2059e)}._334muV{font-size:var(--abc50);font-weight:var(--0e9c4);letter-spacing:var(--45a27);line-height:var(--95bce)}._1IPWU_{font-size:var(--4dbf8);font-weight:var(--51bd6);letter-spacing:var(--918f0);line-height:var(--4f103)}.j_j5Mt{font-size:var(--3b191);font-weight:var(--99df3);letter-spacing:var(--4400a);line-height:var(--759bb)}}";
|
|
4
4
|
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Heading/style/index.module.less",__css:css_248z,"Heading":"_3DJ88_","Heading--level-h1-normal":"KRqGO8","Heading--level-h1-large":"_1DfM20","Heading--level-h2-normal":"_2ZyrVK","Heading--level-h2-large":"_2oXWAc","Heading--level-h3-normal":"_3Jkqr7","Heading--level-h3-large":"_24Ynde","Heading--level-h4-normal":"_1BdvHU","Heading--level-h4-large":"_3CicyB","Heading--level-h5-normal":"_1AqbEl","Heading--level-h5-large":"_15gt0G","Heading--narrow-l--level-h1-normal":"_19gGSl","Heading--narrow-l--level-h1-large":"_11fz9f","Heading--narrow-l--level-h2-normal":"_1yx-KZ","Heading--narrow-l--level-h2-large":"_3qjSen","Heading--narrow-l--level-h3-normal":"_2FbPMy","Heading--narrow-l--level-h3-large":"dvphw4","Heading--narrow-l--level-h4-normal":"_2-enPT","Heading--narrow-l--level-h4-large":"_3lGbz4","Heading--narrow-l--level-h5-normal":"_1KyG6r","Heading--narrow-l--level-h5-large":"v473Xi","Heading--medium-s--level-h1-normal":"K46Or0","Heading--medium-s--level-h1-large":"_6ua9yc","Heading--medium-s--level-h2-normal":"_18kEwH","Heading--medium-s--level-h2-large":"qkOiNP","Heading--medium-s--level-h3-normal":"_1Nw-5o","Heading--medium-s--level-h3-large":"_27pnU1","Heading--medium-s--level-h4-normal":"_3Sdq-_","Heading--medium-s--level-h4-large":"_3ksRaA","Heading--medium-s--level-h5-normal":"_17ER0j","Heading--medium-s--level-h5-large":"_1QVwNM","Heading--medium-l--level-h1-normal":"_1rptX8","Heading--medium-l--level-h1-large":"_3kt4GS","Heading--medium-l--level-h2-normal":"qssgaB","Heading--medium-l--level-h2-large":"_1MBGnH","Heading--medium-l--level-h3-normal":"ckVF8t","Heading--medium-l--level-h3-large":"_33MPYp","Heading--medium-l--level-h4-normal":"_2PgSHW","Heading--medium-l--level-h4-large":"_3Qd3OX","Heading--medium-l--level-h5-normal":"_1yVLpr","Heading--medium-l--level-h5-large":"_29Py3m","Heading--wide-s--level-h1-normal":"_4R_anY","Heading--wide-s--level-h1-large":"imYmhc","Heading--wide-s--level-h2-normal":"_28hBfm","Heading--wide-s--level-h2-large":"_3dOmgZ","Heading--wide-s--level-h3-normal":"fTgANg","Heading--wide-s--level-h3-large":"_2JOd86","Heading--wide-s--level-h4-normal":"_31RWb5","Heading--wide-s--level-h4-large":"uSFsqD","Heading--wide-s--level-h5-normal":"tfNbs6","Heading--wide-s--level-h5-large":"_21p_I4","Heading--wide-l--level-h1-normal":"_3g7upB","Heading--wide-l--level-h1-large":"_26JTlJ","Heading--wide-l--level-h2-normal":"_1f22es","Heading--wide-l--level-h2-large":"_3nRirL","Heading--wide-l--level-h3-normal":"_3c18tZ","Heading--wide-l--level-h3-large":"_3jnW8y","Heading--wide-l--level-h4-normal":"_1UuwsP","Heading--wide-l--level-h4-large":"_334muV","Heading--wide-l--level-h5-normal":"_1IPWU_","Heading--wide-l--level-h5-large":"j_j5Mt"};
|
|
5
5
|
var stylesheet=css_248z;
|
|
6
6
|
styleInject(css_248z);
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import type { IconAccent, IconSize } from '@preply/ds-core';
|
|
1
|
+
import type { ColorName, IconAccent, IconSize } from '@preply/ds-core';
|
|
2
2
|
import React, { FC, SVGAttributes } from 'react';
|
|
3
3
|
export declare type ReactSVGComponentType = React.ComponentType<SVGAttributes<SVGElement>>;
|
|
4
4
|
export interface Props {
|
|
5
5
|
svg: ReactSVGComponentType;
|
|
6
|
-
accent?: IconAccent;
|
|
7
6
|
size?: IconSize;
|
|
7
|
+
accent?: IconAccent;
|
|
8
|
+
color?: ColorName;
|
|
8
9
|
label?: string;
|
|
9
10
|
}
|
|
10
11
|
export declare const Icon: FC<Props>;
|
|
@@ -1,23 +1,26 @@
|
|
|
1
1
|
import { ICON_SIZE_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import { useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames } from '@preply/ds-web-core';
|
|
2
|
+
import { useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames, useColorClassName } from '@preply/ds-web-core';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import styles from './style/index.module.less.js';
|
|
5
5
|
|
|
6
6
|
const ICON = 'Icon';
|
|
7
|
-
const Icon = ({ svg: Svg, size = ICON_SIZE_DEFAULT, accent, label }) => {
|
|
7
|
+
const Icon = ({ svg: Svg, size = ICON_SIZE_DEFAULT, accent, color, label }) => {
|
|
8
8
|
useStyleExtract(styles);
|
|
9
9
|
const useNumericSize = !Number.isNaN(Number(size));
|
|
10
10
|
const style = useNumericSize ? { width: `${size}px`, height: `${size}px` } : {};
|
|
11
|
+
const actualColor = accent ? undefined : color;
|
|
11
12
|
const classNames = moduleClassNames(styles, ICON, [
|
|
12
13
|
stringClassNames('accent', accent),
|
|
13
14
|
booleanClassNames(`size-${size}`, undefined, !useNumericSize),
|
|
14
15
|
]);
|
|
16
|
+
const colorClassNames = useColorClassName(actualColor, true);
|
|
17
|
+
const allClassNames = [...classNames, ...colorClassNames];
|
|
15
18
|
if (!Svg) {
|
|
16
19
|
throw new Error('Icon prop svg is mandatory');
|
|
17
20
|
}
|
|
18
|
-
return (React__default.createElement("span", { className:
|
|
21
|
+
return (React__default.createElement("span", { className: allClassNames.join(' '), style: style, "aria-hidden": !label, "aria-label": label },
|
|
19
22
|
React__default.createElement(Svg, { "aria-hidden": "true", focusable: "false" })));
|
|
20
23
|
};
|
|
21
24
|
|
|
22
25
|
export { Icon };
|
|
23
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSWNvbi9JY29uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yTmFtZSwgSWNvbkFjY2VudCwgSWNvblNpemUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgSUNPTl9TSVpFX0RFRkFVTFQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBib29sZWFuQ2xhc3NOYW1lcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHN0cmluZ0NsYXNzTmFtZXMsXG4gICAgdXNlQ29sb3JDbGFzc05hbWUsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgU1ZHQXR0cmlidXRlcyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IHR5cGUgUmVhY3RTVkdDb21wb25lbnRUeXBlID0gUmVhY3QuQ29tcG9uZW50VHlwZTxTVkdBdHRyaWJ1dGVzPFNWR0VsZW1lbnQ+PjtcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gICAgc3ZnOiBSZWFjdFNWR0NvbXBvbmVudFR5cGU7XG4gICAgc2l6ZT86IEljb25TaXplO1xuICAgIGFjY2VudD86IEljb25BY2NlbnQ7XG4gICAgY29sb3I/OiBDb2xvck5hbWU7XG4gICAgbGFiZWw/OiBzdHJpbmc7XG59XG5cbmNvbnN0IElDT04gPSAnSWNvbic7XG5cbmV4cG9ydCBjb25zdCBJY29uOiBGQzxQcm9wcz4gPSAoeyBzdmc6IFN2Zywgc2l6ZSA9IElDT05fU0laRV9ERUZBVUxULCBhY2NlbnQsIGNvbG9yLCBsYWJlbCB9KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCB1c2VOdW1lcmljU2l6ZSA9ICFOdW1iZXIuaXNOYU4oTnVtYmVyKHNpemUpKTtcblxuICAgIGNvbnN0IHN0eWxlID0gdXNlTnVtZXJpY1NpemUgPyB7IHdpZHRoOiBgJHtzaXplfXB4YCwgaGVpZ2h0OiBgJHtzaXplfXB4YCB9IDoge307XG5cbiAgICBjb25zdCBhY3R1YWxDb2xvciA9IGFjY2VudCA/IHVuZGVmaW5lZCA6IGNvbG9yO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBJQ09OLCBbXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ2FjY2VudCcsIGFjY2VudCksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKGBzaXplLSR7c2l6ZSBhcyBzdHJpbmd9YCwgdW5kZWZpbmVkLCAhdXNlTnVtZXJpY1NpemUpLFxuICAgIF0pO1xuXG4gICAgY29uc3QgY29sb3JDbGFzc05hbWVzID0gdXNlQ29sb3JDbGFzc05hbWUoYWN0dWFsQ29sb3IsIHRydWUpO1xuXG4gICAgY29uc3QgYWxsQ2xhc3NOYW1lcyA9IFsuLi5jbGFzc05hbWVzLCAuLi5jb2xvckNsYXNzTmFtZXNdO1xuXG4gICAgaWYgKCFTdmcpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdJY29uIHByb3Agc3ZnIGlzIG1hbmRhdG9yeScpO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjbGFzc05hbWU9e2FsbENsYXNzTmFtZXMuam9pbignICcpfVxuICAgICAgICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgICAgICAgYXJpYS1oaWRkZW49eyFsYWJlbH1cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e2xhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgICA8U3ZnIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIGZvY3VzYWJsZT1cImZhbHNlXCIgLz5cbiAgICAgICAgPC9zcGFuPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQXVCQSxNQUFNLElBQUksR0FBRyxNQUFNLENBQUM7TUFFUCxJQUFJLEdBQWMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsSUFBSSxHQUFHLGlCQUFpQixFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFO0lBQ3hGLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLGNBQWMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7SUFFbkQsTUFBTSxLQUFLLEdBQUcsY0FBYyxHQUFHLEVBQUUsS0FBSyxFQUFFLEdBQUcsSUFBSSxJQUFJLEVBQUUsTUFBTSxFQUFFLEdBQUcsSUFBSSxJQUFJLEVBQUUsR0FBRyxFQUFFLENBQUM7SUFFaEYsTUFBTSxXQUFXLEdBQUcsTUFBTSxHQUFHLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFFL0MsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksRUFBRTtRQUM5QyxnQkFBZ0IsQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDO1FBQ2xDLGlCQUFpQixDQUFDLFFBQVEsSUFBYyxFQUFFLEVBQUUsU0FBUyxFQUFFLENBQUMsY0FBYyxDQUFDO0tBQzFFLENBQUMsQ0FBQztJQUVILE1BQU0sZUFBZSxHQUFHLGlCQUFpQixDQUFDLFdBQVcsRUFBRSxJQUFJLENBQUMsQ0FBQztJQUU3RCxNQUFNLGFBQWEsR0FBRyxDQUFDLEdBQUcsVUFBVSxFQUFFLEdBQUcsZUFBZSxDQUFDLENBQUM7SUFFMUQsSUFBSSxDQUFDLEdBQUcsRUFBRTtRQUNOLE1BQU0sSUFBSSxLQUFLLENBQUMsNEJBQTRCLENBQUMsQ0FBQztLQUNqRDtJQUVELFFBQ0lBLHVDQUNJLFNBQVMsRUFBRSxhQUFhLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUNsQyxLQUFLLEVBQUUsS0FBSyxpQkFDQyxDQUFDLEtBQUssZ0JBQ1AsS0FBSztRQUVqQkEsNkJBQUMsR0FBRyxtQkFBYSxNQUFNLEVBQUMsU0FBUyxFQUFDLE9BQU8sR0FBRyxDQUN6QyxFQUNUO0FBQ047Ozs7In0=
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { Responsive, TextAccent, TextSize, TextTag, TextVariant } from '@preply/ds-core';
|
|
1
|
+
import { ColorName, Responsive, TextAccent, TextSize, TextTag, TextVariant } from '@preply/ds-core';
|
|
2
2
|
import { FC } from 'react';
|
|
3
3
|
export interface Props {
|
|
4
4
|
variant?: Responsive<TextVariant>;
|
|
5
5
|
size?: TextSize;
|
|
6
6
|
accent?: TextAccent;
|
|
7
|
+
color?: ColorName;
|
|
7
8
|
strong?: boolean;
|
|
9
|
+
centered: Responsive<boolean>;
|
|
8
10
|
tag?: TextTag;
|
|
9
11
|
}
|
|
10
12
|
export declare const Text: FC<Props>;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { TEXT_TAG_DEFAULT, TEXT_VARIANT_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import { useInstrument, useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames } from '@preply/ds-web-core';
|
|
2
|
+
import { useInstrument, useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames, useColorClassName, useTextCenteredClassname } from '@preply/ds-web-core';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import styles from './style/index.module.less.js';
|
|
5
5
|
|
|
6
6
|
const TEXT = 'Text';
|
|
7
|
-
const Text = ({ children, variant, size, accent, strong, tag: Tag = TEXT_TAG_DEFAULT, }) => {
|
|
7
|
+
const Text = ({ children, variant, size, accent, color, strong, centered, tag: Tag = TEXT_TAG_DEFAULT, }) => {
|
|
8
8
|
useInstrument('render', {
|
|
9
9
|
component: TEXT,
|
|
10
10
|
props: { size, strong },
|
|
@@ -13,14 +13,18 @@ const Text = ({ children, variant, size, accent, strong, tag: Tag = TEXT_TAG_DEF
|
|
|
13
13
|
const actualSize = variant ? undefined : size;
|
|
14
14
|
const actualStrong = variant ? undefined : strong;
|
|
15
15
|
const actualVariant = variant || (size ? undefined : TEXT_VARIANT_DEFAULT);
|
|
16
|
+
const actualColor = accent ? undefined : color;
|
|
16
17
|
const classNames = moduleClassNames(styles, TEXT, [
|
|
17
18
|
stringClassNames('variant', actualVariant),
|
|
18
19
|
stringClassNames('size', actualSize),
|
|
19
20
|
stringClassNames('accent', accent),
|
|
20
21
|
booleanClassNames('strong', undefined, actualStrong),
|
|
21
22
|
]);
|
|
22
|
-
|
|
23
|
+
const colorClassNames = useColorClassName(actualColor);
|
|
24
|
+
const centeredClassNames = useTextCenteredClassname(centered);
|
|
25
|
+
const allClassNames = [...classNames, ...colorClassNames, ...centeredClassNames];
|
|
26
|
+
return React__default.createElement(Tag, { className: allClassNames.join(' ') }, children);
|
|
23
27
|
};
|
|
24
28
|
|
|
25
29
|
export { Text };
|
|
26
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dC9UZXh0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENvbG9yTmFtZSxcbiAgICBSZXNwb25zaXZlLFxuICAgIFRFWFRfVEFHX0RFRkFVTFQsXG4gICAgVEVYVF9WQVJJQU5UX0RFRkFVTFQsXG4gICAgVGV4dEFjY2VudCxcbiAgICBUZXh0U2l6ZSxcbiAgICBUZXh0VGFnLFxuICAgIFRleHRWYXJpYW50LFxufSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBib29sZWFuQ2xhc3NOYW1lcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHN0cmluZ0NsYXNzTmFtZXMsXG4gICAgdXNlQ29sb3JDbGFzc05hbWUsXG4gICAgdXNlSW5zdHJ1bWVudCxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG4gICAgdXNlVGV4dENlbnRlcmVkQ2xhc3NuYW1lLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gICAgdmFyaWFudD86IFJlc3BvbnNpdmU8VGV4dFZhcmlhbnQ+O1xuICAgIHNpemU/OiBUZXh0U2l6ZTtcbiAgICBhY2NlbnQ/OiBUZXh0QWNjZW50O1xuICAgIGNvbG9yPzogQ29sb3JOYW1lO1xuICAgIHN0cm9uZz86IGJvb2xlYW47XG4gICAgY2VudGVyZWQ6IFJlc3BvbnNpdmU8Ym9vbGVhbj47XG4gICAgdGFnPzogVGV4dFRhZztcbn1cblxuY29uc3QgVEVYVCA9ICdUZXh0JztcblxuZXhwb3J0IGNvbnN0IFRleHQ6IEZDPFByb3BzPiA9ICh7XG4gICAgY2hpbGRyZW4sXG4gICAgdmFyaWFudCxcbiAgICBzaXplLFxuICAgIGFjY2VudCxcbiAgICBjb2xvcixcbiAgICBzdHJvbmcsXG4gICAgY2VudGVyZWQsXG4gICAgdGFnOiBUYWcgPSBURVhUX1RBR19ERUZBVUxULFxufSkgPT4ge1xuICAgIHVzZUluc3RydW1lbnQoJ3JlbmRlcicsIHtcbiAgICAgICAgY29tcG9uZW50OiBURVhULFxuICAgICAgICBwcm9wczogeyBzaXplLCBzdHJvbmcgfSxcbiAgICB9KTtcblxuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgYWN0dWFsU2l6ZSA9IHZhcmlhbnQgPyB1bmRlZmluZWQgOiBzaXplO1xuICAgIGNvbnN0IGFjdHVhbFN0cm9uZyA9IHZhcmlhbnQgPyB1bmRlZmluZWQgOiBzdHJvbmc7XG4gICAgY29uc3QgYWN0dWFsVmFyaWFudCA9IHZhcmlhbnQgfHwgKHNpemUgPyB1bmRlZmluZWQgOiBURVhUX1ZBUklBTlRfREVGQVVMVCk7XG4gICAgY29uc3QgYWN0dWFsQ29sb3IgPSBhY2NlbnQgPyB1bmRlZmluZWQgOiBjb2xvcjtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgVEVYVCwgW1xuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCd2YXJpYW50JywgYWN0dWFsVmFyaWFudCksXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3NpemUnLCBhY3R1YWxTaXplKSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnYWNjZW50JywgYWNjZW50KSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ3N0cm9uZycsIHVuZGVmaW5lZCwgYWN0dWFsU3Ryb25nKSxcbiAgICBdKTtcblxuICAgIGNvbnN0IGNvbG9yQ2xhc3NOYW1lcyA9IHVzZUNvbG9yQ2xhc3NOYW1lKGFjdHVhbENvbG9yKTtcbiAgICBjb25zdCBjZW50ZXJlZENsYXNzTmFtZXMgPSB1c2VUZXh0Q2VudGVyZWRDbGFzc25hbWUoY2VudGVyZWQpO1xuXG4gICAgY29uc3QgYWxsQ2xhc3NOYW1lcyA9IFsuLi5jbGFzc05hbWVzLCAuLi5jb2xvckNsYXNzTmFtZXMsIC4uLmNlbnRlcmVkQ2xhc3NOYW1lc107XG5cbiAgICByZXR1cm4gPFRhZyBjbGFzc05hbWU9e2FsbENsYXNzTmFtZXMuam9pbignICcpfT57Y2hpbGRyZW59PC9UYWc+O1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFpQ0EsTUFBTSxJQUFJLEdBQUcsTUFBTSxDQUFDO01BRVAsSUFBSSxHQUFjLENBQUMsRUFDNUIsUUFBUSxFQUNSLE9BQU8sRUFDUCxJQUFJLEVBQ0osTUFBTSxFQUNOLEtBQUssRUFDTCxNQUFNLEVBQ04sUUFBUSxFQUNSLEdBQUcsRUFBRSxHQUFHLEdBQUcsZ0JBQWdCLEdBQzlCO0lBQ0csYUFBYSxDQUFDLFFBQVEsRUFBRTtRQUNwQixTQUFTLEVBQUUsSUFBSTtRQUNmLEtBQUssRUFBRSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUU7S0FDMUIsQ0FBQyxDQUFDO0lBRUgsZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE1BQU0sVUFBVSxHQUFHLE9BQU8sR0FBRyxTQUFTLEdBQUcsSUFBSSxDQUFDO0lBQzlDLE1BQU0sWUFBWSxHQUFHLE9BQU8sR0FBRyxTQUFTLEdBQUcsTUFBTSxDQUFDO0lBQ2xELE1BQU0sYUFBYSxHQUFHLE9BQU8sS0FBSyxJQUFJLEdBQUcsU0FBUyxHQUFHLG9CQUFvQixDQUFDLENBQUM7SUFDM0UsTUFBTSxXQUFXLEdBQUcsTUFBTSxHQUFHLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFFL0MsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksRUFBRTtRQUM5QyxnQkFBZ0IsQ0FBQyxTQUFTLEVBQUUsYUFBYSxDQUFDO1FBQzFDLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxVQUFVLENBQUM7UUFDcEMsZ0JBQWdCLENBQUMsUUFBUSxFQUFFLE1BQU0sQ0FBQztRQUNsQyxpQkFBaUIsQ0FBQyxRQUFRLEVBQUUsU0FBUyxFQUFFLFlBQVksQ0FBQztLQUN2RCxDQUFDLENBQUM7SUFFSCxNQUFNLGVBQWUsR0FBRyxpQkFBaUIsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUN2RCxNQUFNLGtCQUFrQixHQUFHLHdCQUF3QixDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBRTlELE1BQU0sYUFBYSxHQUFHLENBQUMsR0FBRyxVQUFVLEVBQUUsR0FBRyxlQUFlLEVBQUUsR0FBRyxrQkFBa0IsQ0FBQyxDQUFDO0lBRWpGLE9BQU9BLDZCQUFDLEdBQUcsSUFBQyxTQUFTLEVBQUUsYUFBYSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBRyxRQUFRLENBQU8sQ0FBQztBQUNyRTs7OzsifQ==
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".khPkeq{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:var(--aface);font-family:var(--0e309);font-size:var(--8d63e);font-weight:var(--73984);line-height:var(--d4313);margin:0}._3oi7MN{font-size:var(--4c9f6);font-style:var(--647b4);font-weight:var(--71d69);letter-spacing:var(--29af8);line-height:var(--54357)}._2B2g-a{font-size:var(--a7cfd);font-style:var(--b8dd4);font-weight:var(--dc8b9);letter-spacing:var(--4d1d5);line-height:var(--c552e)}._3J96VV{font-size:var(--79c03);font-style:var(--c89e0);font-weight:var(--5127d);letter-spacing:var(--a50d8);line-height:var(--aeb64)}._2cZbUW{font-size:var(--28e99);font-style:var(--e1d91);font-weight:var(--ca04c);letter-spacing:var(--015e8);line-height:var(--af784)}._1-U0bq{font-size:var(--0e0e6);font-style:var(--38a14);font-weight:var(--f9d4c);letter-spacing:var(--bc7f3);line-height:var(--88c2d)}._2pwGnZ{font-size:var(--69b27);font-style:var(--07031);font-weight:var(--a9bc9);letter-spacing:var(--c2692);line-height:var(--42f89)}._1uB1FT{font-size:var(--0afa8);font-style:var(--36d92);font-weight:var(--363b4);letter-spacing:var(--10dc5);line-height:var(--49446)}._1jP5ux{font-size:var(--0c62d);font-style:var(--a833d);font-weight:var(--cb99b);letter-spacing:var(--03511);line-height:var(--829b1)}._2arEvj{font-size:var(--aa6f0);font-style:var(--b8b43);font-weight:var(--fb483);letter-spacing:var(--8330d);line-height:var(--33548)}._1WpHZG{font-size:var(--a5b1e);font-style:var(--b079f);font-weight:var(--749dc);letter-spacing:var(--2a382);line-height:var(--76f1e)}._1bYJYx{font-size:var(--a9ad4);font-style:var(--a19ae);font-weight:var(--faf5f);letter-spacing:var(--fe4b2);line-height:var(--3bd2e)}._1U1mdF{font-size:var(--29e81);font-style:var(--f02b4);font-weight:var(--18f8e);letter-spacing:var(--6e9f2);line-height:var(--3d432)}._1jxka_{font-size:var(--741af);font-style:var(--8c577);font-weight:var(--c521d);letter-spacing:var(--2e489);line-height:var(--c47e7)}.WomFka{font-size:var(--8d5be);font-style:var(--af51c);font-weight:var(--0776b);letter-spacing:var(--b5b33);line-height:var(--1cd7a)}._3Mf0zT{font-size:var(--feec7);font-style:var(--2adf6);font-weight:var(--6e450);letter-spacing:var(--421c2);line-height:var(--1056e)}._1d3AcK{font-size:var(--0bcae);font-style:var(--03e30);font-weight:var(--149f7);letter-spacing:var(--11ba2);line-height:var(--02fee)}._3RQkIt{font-size:var(--007ce);font-style:var(--56d3f);font-weight:var(--fa919);letter-spacing:var(--9705f);line-height:var(--2c996)}._3EjhIK{font-size:var(--c338f);font-style:var(--a93d9);font-weight:var(--f8f48);letter-spacing:var(--4aff4);line-height:var(--2503f)}._2FsccD{font-size:var(--734b0);font-style:var(--0b0b0);font-weight:var(--0baf2);letter-spacing:var(--c9c19);line-height:var(--e8423)}.N2Yr83{font-size:var(--19e13);font-style:var(--0a5e6);font-weight:var(--6455e);letter-spacing:var(--e7696);line-height:var(--85e4a)}._2XMSq8{font-size:var(--88dc1);font-style:var(--6fc94);font-weight:var(--cc6f6);letter-spacing:var(--cf0e2);line-height:var(--904c1)}@media (min-width:400px){._2XvR-U{font-size:var(--4c9f6);font-style:var(--647b4);font-weight:var(--71d69);letter-spacing:var(--29af8);line-height:var(--54357)}._2QylDw{font-size:var(--a7cfd);font-style:var(--b8dd4);font-weight:var(--dc8b9);letter-spacing:var(--4d1d5);line-height:var(--c552e)}._2ugIkI{font-size:var(--79c03);font-style:var(--c89e0);font-weight:var(--5127d);letter-spacing:var(--a50d8);line-height:var(--aeb64)}._2-fYu7{font-size:var(--28e99);font-style:var(--e1d91);font-weight:var(--ca04c);letter-spacing:var(--015e8);line-height:var(--af784)}._4gkKyP{font-size:var(--0e0e6);font-style:var(--38a14);font-weight:var(--f9d4c);letter-spacing:var(--bc7f3);line-height:var(--88c2d)}.dooZ7c{font-size:var(--69b27);font-style:var(--07031);font-weight:var(--a9bc9);letter-spacing:var(--c2692);line-height:var(--42f89)}._2Cgfyq{font-size:var(--0afa8);font-style:var(--36d92);font-weight:var(--363b4);letter-spacing:var(--10dc5);line-height:var(--49446)}._1gBBA_{font-size:var(--0c62d);font-style:var(--a833d);font-weight:var(--cb99b);letter-spacing:var(--03511);line-height:var(--829b1)}._3q9jDC{font-size:var(--aa6f0);font-style:var(--b8b43);font-weight:var(--fb483);letter-spacing:var(--8330d);line-height:var(--33548)}._2b4IDD{font-size:var(--a5b1e);font-style:var(--b079f);font-weight:var(--749dc);letter-spacing:var(--2a382);line-height:var(--76f1e)}._28Jyn5{font-size:var(--a9ad4);font-style:var(--a19ae);font-weight:var(--faf5f);letter-spacing:var(--fe4b2);line-height:var(--3bd2e)}._1tgX65{font-size:var(--29e81);font-style:var(--f02b4);font-weight:var(--18f8e);letter-spacing:var(--6e9f2);line-height:var(--3d432)}._1ZactN{font-size:var(--741af);font-style:var(--8c577);font-weight:var(--c521d);letter-spacing:var(--2e489);line-height:var(--c47e7)}._1ZUd91{font-size:var(--8d5be);font-style:var(--af51c);font-weight:var(--0776b);letter-spacing:var(--b5b33);line-height:var(--1cd7a)}.eEnYiH{font-size:var(--feec7);font-style:var(--2adf6);font-weight:var(--6e450);letter-spacing:var(--421c2);line-height:var(--1056e)}.YEyqiA{font-size:var(--0bcae);font-style:var(--03e30);font-weight:var(--149f7);letter-spacing:var(--11ba2);line-height:var(--02fee)}._1MfOKh{font-size:var(--007ce);font-style:var(--56d3f);font-weight:var(--fa919);letter-spacing:var(--9705f);line-height:var(--2c996)}.m0L7OZ{font-size:var(--c338f);font-style:var(--a93d9);font-weight:var(--f8f48);letter-spacing:var(--4aff4);line-height:var(--2503f)}._28GEOG{font-size:var(--734b0);font-style:var(--0b0b0);font-weight:var(--0baf2);letter-spacing:var(--c9c19);line-height:var(--e8423)}._2csLtT{font-size:var(--19e13);font-style:var(--0a5e6);font-weight:var(--6455e);letter-spacing:var(--e7696);line-height:var(--85e4a)}._3f0Ypb{font-size:var(--88dc1);font-style:var(--6fc94);font-weight:var(--cc6f6);letter-spacing:var(--cf0e2);line-height:var(--904c1)}}@media (min-width:700px){.gyRVWo{font-size:var(--4c9f6);font-style:var(--647b4);font-weight:var(--71d69);letter-spacing:var(--29af8);line-height:var(--54357)}._2D9wAL{font-size:var(--a7cfd);font-style:var(--b8dd4);font-weight:var(--dc8b9);letter-spacing:var(--4d1d5);line-height:var(--c552e)}._1tjEyk{font-size:var(--79c03);font-style:var(--c89e0);font-weight:var(--5127d);letter-spacing:var(--a50d8);line-height:var(--aeb64)}._1QuHA8{font-size:var(--28e99);font-style:var(--e1d91);font-weight:var(--ca04c);letter-spacing:var(--015e8);line-height:var(--af784)}.oP5Cs3{font-size:var(--0e0e6);font-style:var(--38a14);font-weight:var(--f9d4c);letter-spacing:var(--bc7f3);line-height:var(--88c2d)}._2At1C-{font-size:var(--69b27);font-style:var(--07031);font-weight:var(--a9bc9);letter-spacing:var(--c2692);line-height:var(--42f89)}._3ZO0n8{font-size:var(--0afa8);font-style:var(--36d92);font-weight:var(--363b4);letter-spacing:var(--10dc5);line-height:var(--49446)}._3mFg4h{font-size:var(--0c62d);font-style:var(--a833d);font-weight:var(--cb99b);letter-spacing:var(--03511);line-height:var(--829b1)}._2NO6Co{font-size:var(--aa6f0);font-style:var(--b8b43);font-weight:var(--fb483);letter-spacing:var(--8330d);line-height:var(--33548)}.rxUwLG{font-size:var(--a5b1e);font-style:var(--b079f);font-weight:var(--749dc);letter-spacing:var(--2a382);line-height:var(--76f1e)}._2njCJW{font-size:var(--a9ad4);font-style:var(--a19ae);font-weight:var(--faf5f);letter-spacing:var(--fe4b2);line-height:var(--3bd2e)}._2WKScT{font-size:var(--29e81);font-style:var(--f02b4);font-weight:var(--18f8e);letter-spacing:var(--6e9f2);line-height:var(--3d432)}._3ijJ6l{font-size:var(--741af);font-style:var(--8c577);font-weight:var(--c521d);letter-spacing:var(--2e489);line-height:var(--c47e7)}._1zGvkG{font-size:var(--8d5be);font-style:var(--af51c);font-weight:var(--0776b);letter-spacing:var(--b5b33);line-height:var(--1cd7a)}._1LaGa9{font-size:var(--feec7);font-style:var(--2adf6);font-weight:var(--6e450);letter-spacing:var(--421c2);line-height:var(--1056e)}._3CRfYM{font-size:var(--0bcae);font-style:var(--03e30);font-weight:var(--149f7);letter-spacing:var(--11ba2);line-height:var(--02fee)}._2uYf0g{font-size:var(--007ce);font-style:var(--56d3f);font-weight:var(--fa919);letter-spacing:var(--9705f);line-height:var(--2c996)}.vc5IXM{font-size:var(--c338f);font-style:var(--a93d9);font-weight:var(--f8f48);letter-spacing:var(--4aff4);line-height:var(--2503f)}._39rPRd{font-size:var(--734b0);font-style:var(--0b0b0);font-weight:var(--0baf2);letter-spacing:var(--c9c19);line-height:var(--e8423)}.D0Q2fW{font-size:var(--19e13);font-style:var(--0a5e6);font-weight:var(--6455e);letter-spacing:var(--e7696);line-height:var(--85e4a)}._3hsY5O{font-size:var(--88dc1);font-style:var(--6fc94);font-weight:var(--cc6f6);letter-spacing:var(--cf0e2);line-height:var(--904c1)}}@media (min-width:880px){._102ZVH{font-size:var(--4c9f6);font-style:var(--647b4);font-weight:var(--71d69);letter-spacing:var(--29af8);line-height:var(--54357)}.q8EjDW{font-size:var(--a7cfd);font-style:var(--b8dd4);font-weight:var(--dc8b9);letter-spacing:var(--4d1d5);line-height:var(--c552e)}._2lLybv{font-size:var(--79c03);font-style:var(--c89e0);font-weight:var(--5127d);letter-spacing:var(--a50d8);line-height:var(--aeb64)}._27McmK{font-size:var(--28e99);font-style:var(--e1d91);font-weight:var(--ca04c);letter-spacing:var(--015e8);line-height:var(--af784)}._3iuMi1{font-size:var(--0e0e6);font-style:var(--38a14);font-weight:var(--f9d4c);letter-spacing:var(--bc7f3);line-height:var(--88c2d)}._2wMKhp{font-size:var(--69b27);font-style:var(--07031);font-weight:var(--a9bc9);letter-spacing:var(--c2692);line-height:var(--42f89)}._3lQVuY{font-size:var(--0afa8);font-style:var(--36d92);font-weight:var(--363b4);letter-spacing:var(--10dc5);line-height:var(--49446)}._2Kuekv{font-size:var(--0c62d);font-style:var(--a833d);font-weight:var(--cb99b);letter-spacing:var(--03511);line-height:var(--829b1)}.d2enwo{font-size:var(--aa6f0);font-style:var(--b8b43);font-weight:var(--fb483);letter-spacing:var(--8330d);line-height:var(--33548)}._2h6VBo{font-size:var(--a5b1e);font-style:var(--b079f);font-weight:var(--749dc);letter-spacing:var(--2a382);line-height:var(--76f1e)}._9mwhtq{font-size:var(--a9ad4);font-style:var(--a19ae);font-weight:var(--faf5f);letter-spacing:var(--fe4b2);line-height:var(--3bd2e)}._1qLV7P{font-size:var(--29e81);font-style:var(--f02b4);font-weight:var(--18f8e);letter-spacing:var(--6e9f2);line-height:var(--3d432)}.-_kzIo{font-size:var(--741af);font-style:var(--8c577);font-weight:var(--c521d);letter-spacing:var(--2e489);line-height:var(--c47e7)}.yFJ4Py{font-size:var(--8d5be);font-style:var(--af51c);font-weight:var(--0776b);letter-spacing:var(--b5b33);line-height:var(--1cd7a)}._294sHt{font-size:var(--feec7);font-style:var(--2adf6);font-weight:var(--6e450);letter-spacing:var(--421c2);line-height:var(--1056e)}._3pO-c1{font-size:var(--0bcae);font-style:var(--03e30);font-weight:var(--149f7);letter-spacing:var(--11ba2);line-height:var(--02fee)}._3w9qAK{font-size:var(--007ce);font-style:var(--56d3f);font-weight:var(--fa919);letter-spacing:var(--9705f);line-height:var(--2c996)}.S6Kje4{font-size:var(--c338f);font-style:var(--a93d9);font-weight:var(--f8f48);letter-spacing:var(--4aff4);line-height:var(--2503f)}.Tw-ZHl{font-size:var(--734b0);font-style:var(--0b0b0);font-weight:var(--0baf2);letter-spacing:var(--c9c19);line-height:var(--e8423)}._2z96lm{font-size:var(--19e13);font-style:var(--0a5e6);font-weight:var(--6455e);letter-spacing:var(--e7696);line-height:var(--85e4a)}.s3rTvV{font-size:var(--88dc1);font-style:var(--6fc94);font-weight:var(--cc6f6);letter-spacing:var(--cf0e2);line-height:var(--904c1)}}@media (min-width:1200px){._2wPjuN{font-size:var(--4c9f6);font-style:var(--647b4);font-weight:var(--71d69);letter-spacing:var(--29af8);line-height:var(--54357)}.yVALKh{font-size:var(--a7cfd);font-style:var(--b8dd4);font-weight:var(--dc8b9);letter-spacing:var(--4d1d5);line-height:var(--c552e)}._3nbJGs{font-size:var(--79c03);font-style:var(--c89e0);font-weight:var(--5127d);letter-spacing:var(--a50d8);line-height:var(--aeb64)}.wWKdXu{font-size:var(--28e99);font-style:var(--e1d91);font-weight:var(--ca04c);letter-spacing:var(--015e8);line-height:var(--af784)}._22V8Ot{font-size:var(--0e0e6);font-style:var(--38a14);font-weight:var(--f9d4c);letter-spacing:var(--bc7f3);line-height:var(--88c2d)}.EusyEy{font-size:var(--69b27);font-style:var(--07031);font-weight:var(--a9bc9);letter-spacing:var(--c2692);line-height:var(--42f89)}.jvErrT{font-size:var(--0afa8);font-style:var(--36d92);font-weight:var(--363b4);letter-spacing:var(--10dc5);line-height:var(--49446)}._3j3QFh{font-size:var(--0c62d);font-style:var(--a833d);font-weight:var(--cb99b);letter-spacing:var(--03511);line-height:var(--829b1)}._3vS0yL{font-size:var(--aa6f0);font-style:var(--b8b43);font-weight:var(--fb483);letter-spacing:var(--8330d);line-height:var(--33548)}._1GArnu{font-size:var(--a5b1e);font-style:var(--b079f);font-weight:var(--749dc);letter-spacing:var(--2a382);line-height:var(--76f1e)}._21_WUA{font-size:var(--a9ad4);font-style:var(--a19ae);font-weight:var(--faf5f);letter-spacing:var(--fe4b2);line-height:var(--3bd2e)}._2E0TbE{font-size:var(--29e81);font-style:var(--f02b4);font-weight:var(--18f8e);letter-spacing:var(--6e9f2);line-height:var(--3d432)}._3FDxY7{font-size:var(--741af);font-style:var(--8c577);font-weight:var(--c521d);letter-spacing:var(--2e489);line-height:var(--c47e7)}._2p2AAn{font-size:var(--8d5be);font-style:var(--af51c);font-weight:var(--0776b);letter-spacing:var(--b5b33);line-height:var(--1cd7a)}.V7ST-S{font-size:var(--feec7);font-style:var(--2adf6);font-weight:var(--6e450);letter-spacing:var(--421c2);line-height:var(--1056e)}._1u-3H9{font-size:var(--0bcae);font-style:var(--03e30);font-weight:var(--149f7);letter-spacing:var(--11ba2);line-height:var(--02fee)}._2vcCHn{font-size:var(--007ce);font-style:var(--56d3f);font-weight:var(--fa919);letter-spacing:var(--9705f);line-height:var(--2c996)}._21vFnu{font-size:var(--c338f);font-style:var(--a93d9);font-weight:var(--f8f48);letter-spacing:var(--4aff4);line-height:var(--2503f)}._3baaSO{font-size:var(--734b0);font-style:var(--0b0b0);font-weight:var(--0baf2);letter-spacing:var(--c9c19);line-height:var(--e8423)}._27Q3D_{font-size:var(--19e13);font-style:var(--0a5e6);font-weight:var(--6455e);letter-spacing:var(--e7696);line-height:var(--85e4a)}._2E5_Zd{font-size:var(--88dc1);font-style:var(--6fc94);font-weight:var(--cc6f6);letter-spacing:var(--cf0e2);line-height:var(--904c1)}}@media (min-width:1900px){._9E-yS9{font-size:var(--4c9f6);font-style:var(--647b4);font-weight:var(--71d69);letter-spacing:var(--29af8);line-height:var(--54357)}._2CdeiM{font-size:var(--a7cfd);font-style:var(--b8dd4);font-weight:var(--dc8b9);letter-spacing:var(--4d1d5);line-height:var(--c552e)}._1RFgVJ{font-size:var(--79c03);font-style:var(--c89e0);font-weight:var(--5127d);letter-spacing:var(--a50d8);line-height:var(--aeb64)}._1GK1q6{font-size:var(--28e99);font-style:var(--e1d91);font-weight:var(--ca04c);letter-spacing:var(--015e8);line-height:var(--af784)}._31ILKj{font-size:var(--0e0e6);font-style:var(--38a14);font-weight:var(--f9d4c);letter-spacing:var(--bc7f3);line-height:var(--88c2d)}._3-ZEKq{font-size:var(--69b27);font-style:var(--07031);font-weight:var(--a9bc9);letter-spacing:var(--c2692);line-height:var(--42f89)}._1Xi3K9{font-size:var(--0afa8);font-style:var(--36d92);font-weight:var(--363b4);letter-spacing:var(--10dc5);line-height:var(--49446)}._34lAWh{font-size:var(--0c62d);font-style:var(--a833d);font-weight:var(--cb99b);letter-spacing:var(--03511);line-height:var(--829b1)}._259Lde{font-size:var(--aa6f0);font-style:var(--b8b43);font-weight:var(--fb483);letter-spacing:var(--8330d);line-height:var(--33548)}.bzn5er{font-size:var(--a5b1e);font-style:var(--b079f);font-weight:var(--749dc);letter-spacing:var(--2a382);line-height:var(--76f1e)}._1A4w7s{font-size:var(--a9ad4);font-style:var(--a19ae);font-weight:var(--faf5f);letter-spacing:var(--fe4b2);line-height:var(--3bd2e)}._3ZV7xg{font-size:var(--29e81);font-style:var(--f02b4);font-weight:var(--18f8e);letter-spacing:var(--6e9f2);line-height:var(--3d432)}._17KnOh{font-size:var(--741af);font-style:var(--8c577);font-weight:var(--c521d);letter-spacing:var(--2e489);line-height:var(--c47e7)}._13_DCm{font-size:var(--8d5be);font-style:var(--af51c);font-weight:var(--0776b);letter-spacing:var(--b5b33);line-height:var(--1cd7a)}._2diXMC{font-size:var(--feec7);font-style:var(--2adf6);font-weight:var(--6e450);letter-spacing:var(--421c2);line-height:var(--1056e)}._1ew3dn{font-size:var(--0bcae);font-style:var(--03e30);font-weight:var(--149f7);letter-spacing:var(--11ba2);line-height:var(--02fee)}._1Gs9PJ{font-size:var(--007ce);font-style:var(--56d3f);font-weight:var(--fa919);letter-spacing:var(--9705f);line-height:var(--2c996)}._2pquab{font-size:var(--c338f);font-style:var(--a93d9);font-weight:var(--f8f48);letter-spacing:var(--4aff4);line-height:var(--2503f)}._2eBK30{font-size:var(--734b0);font-style:var(--0b0b0);font-weight:var(--0baf2);letter-spacing:var(--c9c19);line-height:var(--e8423)}._2nDmr0{font-size:var(--19e13);font-style:var(--0a5e6);font-weight:var(--6455e);letter-spacing:var(--e7696);line-height:var(--85e4a)}._2rJ3hX{font-size:var(--88dc1);font-style:var(--6fc94);font-weight:var(--cc6f6);letter-spacing:var(--cf0e2);line-height:var(--904c1)}}._3mi36Z{font-weight:var(--6e979)}._3M1Ie_{color:var(--e4113)}._2-o_RJ{color:var(--3d280)}.d9ts2q{color:var(--4dadf)}._3OF4Qh{color:var(--31874)}._2RfMiY{font-size:var(--45133)}.gaw4M4{font-size:var(--619ce)}._36gqA-{font-size:var(--9f728)}._1nWKi2{font-size:var(--08192)}._1zStZk{font-size:var(--da41a)}._3Zhulg{font-size:var(--698b6)}";
|
|
3
|
+
var css_248z = ".khPkeq{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:var(--0e309);font-size:var(--8d63e);font-weight:var(--73984);line-height:var(--d4313);margin:0}._3oi7MN{font-size:var(--4c9f6);font-style:var(--647b4);font-weight:var(--71d69);letter-spacing:var(--29af8);line-height:var(--54357)}._2B2g-a{font-size:var(--a7cfd);font-style:var(--b8dd4);font-weight:var(--dc8b9);letter-spacing:var(--4d1d5);line-height:var(--c552e)}._3J96VV{font-size:var(--79c03);font-style:var(--c89e0);font-weight:var(--5127d);letter-spacing:var(--a50d8);line-height:var(--aeb64)}._2cZbUW{font-size:var(--28e99);font-style:var(--e1d91);font-weight:var(--ca04c);letter-spacing:var(--015e8);line-height:var(--af784)}._1-U0bq{font-size:var(--0e0e6);font-style:var(--38a14);font-weight:var(--f9d4c);letter-spacing:var(--bc7f3);line-height:var(--88c2d)}._2pwGnZ{font-size:var(--69b27);font-style:var(--07031);font-weight:var(--a9bc9);letter-spacing:var(--c2692);line-height:var(--42f89)}._1uB1FT{font-size:var(--0afa8);font-style:var(--36d92);font-weight:var(--363b4);letter-spacing:var(--10dc5);line-height:var(--49446)}._1jP5ux{font-size:var(--0c62d);font-style:var(--a833d);font-weight:var(--cb99b);letter-spacing:var(--03511);line-height:var(--829b1)}._2arEvj{font-size:var(--aa6f0);font-style:var(--b8b43);font-weight:var(--fb483);letter-spacing:var(--8330d);line-height:var(--33548)}._1WpHZG{font-size:var(--a5b1e);font-style:var(--b079f);font-weight:var(--749dc);letter-spacing:var(--2a382);line-height:var(--76f1e)}._1bYJYx{font-size:var(--a9ad4);font-style:var(--a19ae);font-weight:var(--faf5f);letter-spacing:var(--fe4b2);line-height:var(--3bd2e)}._1U1mdF{font-size:var(--29e81);font-style:var(--f02b4);font-weight:var(--18f8e);letter-spacing:var(--6e9f2);line-height:var(--3d432)}._1jxka_{font-size:var(--741af);font-style:var(--8c577);font-weight:var(--c521d);letter-spacing:var(--2e489);line-height:var(--c47e7)}.WomFka{font-size:var(--8d5be);font-style:var(--af51c);font-weight:var(--0776b);letter-spacing:var(--b5b33);line-height:var(--1cd7a)}._3Mf0zT{font-size:var(--feec7);font-style:var(--2adf6);font-weight:var(--6e450);letter-spacing:var(--421c2);line-height:var(--1056e)}._1d3AcK{font-size:var(--0bcae);font-style:var(--03e30);font-weight:var(--149f7);letter-spacing:var(--11ba2);line-height:var(--02fee)}._3RQkIt{font-size:var(--007ce);font-style:var(--56d3f);font-weight:var(--fa919);letter-spacing:var(--9705f);line-height:var(--2c996)}._3EjhIK{font-size:var(--c338f);font-style:var(--a93d9);font-weight:var(--f8f48);letter-spacing:var(--4aff4);line-height:var(--2503f)}._2FsccD{font-size:var(--734b0);font-style:var(--0b0b0);font-weight:var(--0baf2);letter-spacing:var(--c9c19);line-height:var(--e8423)}.N2Yr83{font-size:var(--19e13);font-style:var(--0a5e6);font-weight:var(--6455e);letter-spacing:var(--e7696);line-height:var(--85e4a)}._2XMSq8{font-size:var(--88dc1);font-style:var(--6fc94);font-weight:var(--cc6f6);letter-spacing:var(--cf0e2);line-height:var(--904c1)}@media (min-width:400px){._2XvR-U{font-size:var(--4c9f6);font-style:var(--647b4);font-weight:var(--71d69);letter-spacing:var(--29af8);line-height:var(--54357)}._2QylDw{font-size:var(--a7cfd);font-style:var(--b8dd4);font-weight:var(--dc8b9);letter-spacing:var(--4d1d5);line-height:var(--c552e)}._2ugIkI{font-size:var(--79c03);font-style:var(--c89e0);font-weight:var(--5127d);letter-spacing:var(--a50d8);line-height:var(--aeb64)}._2-fYu7{font-size:var(--28e99);font-style:var(--e1d91);font-weight:var(--ca04c);letter-spacing:var(--015e8);line-height:var(--af784)}._4gkKyP{font-size:var(--0e0e6);font-style:var(--38a14);font-weight:var(--f9d4c);letter-spacing:var(--bc7f3);line-height:var(--88c2d)}.dooZ7c{font-size:var(--69b27);font-style:var(--07031);font-weight:var(--a9bc9);letter-spacing:var(--c2692);line-height:var(--42f89)}._2Cgfyq{font-size:var(--0afa8);font-style:var(--36d92);font-weight:var(--363b4);letter-spacing:var(--10dc5);line-height:var(--49446)}._1gBBA_{font-size:var(--0c62d);font-style:var(--a833d);font-weight:var(--cb99b);letter-spacing:var(--03511);line-height:var(--829b1)}._3q9jDC{font-size:var(--aa6f0);font-style:var(--b8b43);font-weight:var(--fb483);letter-spacing:var(--8330d);line-height:var(--33548)}._2b4IDD{font-size:var(--a5b1e);font-style:var(--b079f);font-weight:var(--749dc);letter-spacing:var(--2a382);line-height:var(--76f1e)}._28Jyn5{font-size:var(--a9ad4);font-style:var(--a19ae);font-weight:var(--faf5f);letter-spacing:var(--fe4b2);line-height:var(--3bd2e)}._1tgX65{font-size:var(--29e81);font-style:var(--f02b4);font-weight:var(--18f8e);letter-spacing:var(--6e9f2);line-height:var(--3d432)}._1ZactN{font-size:var(--741af);font-style:var(--8c577);font-weight:var(--c521d);letter-spacing:var(--2e489);line-height:var(--c47e7)}._1ZUd91{font-size:var(--8d5be);font-style:var(--af51c);font-weight:var(--0776b);letter-spacing:var(--b5b33);line-height:var(--1cd7a)}.eEnYiH{font-size:var(--feec7);font-style:var(--2adf6);font-weight:var(--6e450);letter-spacing:var(--421c2);line-height:var(--1056e)}.YEyqiA{font-size:var(--0bcae);font-style:var(--03e30);font-weight:var(--149f7);letter-spacing:var(--11ba2);line-height:var(--02fee)}._1MfOKh{font-size:var(--007ce);font-style:var(--56d3f);font-weight:var(--fa919);letter-spacing:var(--9705f);line-height:var(--2c996)}.m0L7OZ{font-size:var(--c338f);font-style:var(--a93d9);font-weight:var(--f8f48);letter-spacing:var(--4aff4);line-height:var(--2503f)}._28GEOG{font-size:var(--734b0);font-style:var(--0b0b0);font-weight:var(--0baf2);letter-spacing:var(--c9c19);line-height:var(--e8423)}._2csLtT{font-size:var(--19e13);font-style:var(--0a5e6);font-weight:var(--6455e);letter-spacing:var(--e7696);line-height:var(--85e4a)}._3f0Ypb{font-size:var(--88dc1);font-style:var(--6fc94);font-weight:var(--cc6f6);letter-spacing:var(--cf0e2);line-height:var(--904c1)}}@media (min-width:700px){.gyRVWo{font-size:var(--4c9f6);font-style:var(--647b4);font-weight:var(--71d69);letter-spacing:var(--29af8);line-height:var(--54357)}._2D9wAL{font-size:var(--a7cfd);font-style:var(--b8dd4);font-weight:var(--dc8b9);letter-spacing:var(--4d1d5);line-height:var(--c552e)}._1tjEyk{font-size:var(--79c03);font-style:var(--c89e0);font-weight:var(--5127d);letter-spacing:var(--a50d8);line-height:var(--aeb64)}._1QuHA8{font-size:var(--28e99);font-style:var(--e1d91);font-weight:var(--ca04c);letter-spacing:var(--015e8);line-height:var(--af784)}.oP5Cs3{font-size:var(--0e0e6);font-style:var(--38a14);font-weight:var(--f9d4c);letter-spacing:var(--bc7f3);line-height:var(--88c2d)}._2At1C-{font-size:var(--69b27);font-style:var(--07031);font-weight:var(--a9bc9);letter-spacing:var(--c2692);line-height:var(--42f89)}._3ZO0n8{font-size:var(--0afa8);font-style:var(--36d92);font-weight:var(--363b4);letter-spacing:var(--10dc5);line-height:var(--49446)}._3mFg4h{font-size:var(--0c62d);font-style:var(--a833d);font-weight:var(--cb99b);letter-spacing:var(--03511);line-height:var(--829b1)}._2NO6Co{font-size:var(--aa6f0);font-style:var(--b8b43);font-weight:var(--fb483);letter-spacing:var(--8330d);line-height:var(--33548)}.rxUwLG{font-size:var(--a5b1e);font-style:var(--b079f);font-weight:var(--749dc);letter-spacing:var(--2a382);line-height:var(--76f1e)}._2njCJW{font-size:var(--a9ad4);font-style:var(--a19ae);font-weight:var(--faf5f);letter-spacing:var(--fe4b2);line-height:var(--3bd2e)}._2WKScT{font-size:var(--29e81);font-style:var(--f02b4);font-weight:var(--18f8e);letter-spacing:var(--6e9f2);line-height:var(--3d432)}._3ijJ6l{font-size:var(--741af);font-style:var(--8c577);font-weight:var(--c521d);letter-spacing:var(--2e489);line-height:var(--c47e7)}._1zGvkG{font-size:var(--8d5be);font-style:var(--af51c);font-weight:var(--0776b);letter-spacing:var(--b5b33);line-height:var(--1cd7a)}._1LaGa9{font-size:var(--feec7);font-style:var(--2adf6);font-weight:var(--6e450);letter-spacing:var(--421c2);line-height:var(--1056e)}._3CRfYM{font-size:var(--0bcae);font-style:var(--03e30);font-weight:var(--149f7);letter-spacing:var(--11ba2);line-height:var(--02fee)}._2uYf0g{font-size:var(--007ce);font-style:var(--56d3f);font-weight:var(--fa919);letter-spacing:var(--9705f);line-height:var(--2c996)}.vc5IXM{font-size:var(--c338f);font-style:var(--a93d9);font-weight:var(--f8f48);letter-spacing:var(--4aff4);line-height:var(--2503f)}._39rPRd{font-size:var(--734b0);font-style:var(--0b0b0);font-weight:var(--0baf2);letter-spacing:var(--c9c19);line-height:var(--e8423)}.D0Q2fW{font-size:var(--19e13);font-style:var(--0a5e6);font-weight:var(--6455e);letter-spacing:var(--e7696);line-height:var(--85e4a)}._3hsY5O{font-size:var(--88dc1);font-style:var(--6fc94);font-weight:var(--cc6f6);letter-spacing:var(--cf0e2);line-height:var(--904c1)}}@media (min-width:880px){._102ZVH{font-size:var(--4c9f6);font-style:var(--647b4);font-weight:var(--71d69);letter-spacing:var(--29af8);line-height:var(--54357)}.q8EjDW{font-size:var(--a7cfd);font-style:var(--b8dd4);font-weight:var(--dc8b9);letter-spacing:var(--4d1d5);line-height:var(--c552e)}._2lLybv{font-size:var(--79c03);font-style:var(--c89e0);font-weight:var(--5127d);letter-spacing:var(--a50d8);line-height:var(--aeb64)}._27McmK{font-size:var(--28e99);font-style:var(--e1d91);font-weight:var(--ca04c);letter-spacing:var(--015e8);line-height:var(--af784)}._3iuMi1{font-size:var(--0e0e6);font-style:var(--38a14);font-weight:var(--f9d4c);letter-spacing:var(--bc7f3);line-height:var(--88c2d)}._2wMKhp{font-size:var(--69b27);font-style:var(--07031);font-weight:var(--a9bc9);letter-spacing:var(--c2692);line-height:var(--42f89)}._3lQVuY{font-size:var(--0afa8);font-style:var(--36d92);font-weight:var(--363b4);letter-spacing:var(--10dc5);line-height:var(--49446)}._2Kuekv{font-size:var(--0c62d);font-style:var(--a833d);font-weight:var(--cb99b);letter-spacing:var(--03511);line-height:var(--829b1)}.d2enwo{font-size:var(--aa6f0);font-style:var(--b8b43);font-weight:var(--fb483);letter-spacing:var(--8330d);line-height:var(--33548)}._2h6VBo{font-size:var(--a5b1e);font-style:var(--b079f);font-weight:var(--749dc);letter-spacing:var(--2a382);line-height:var(--76f1e)}._9mwhtq{font-size:var(--a9ad4);font-style:var(--a19ae);font-weight:var(--faf5f);letter-spacing:var(--fe4b2);line-height:var(--3bd2e)}._1qLV7P{font-size:var(--29e81);font-style:var(--f02b4);font-weight:var(--18f8e);letter-spacing:var(--6e9f2);line-height:var(--3d432)}.-_kzIo{font-size:var(--741af);font-style:var(--8c577);font-weight:var(--c521d);letter-spacing:var(--2e489);line-height:var(--c47e7)}.yFJ4Py{font-size:var(--8d5be);font-style:var(--af51c);font-weight:var(--0776b);letter-spacing:var(--b5b33);line-height:var(--1cd7a)}._294sHt{font-size:var(--feec7);font-style:var(--2adf6);font-weight:var(--6e450);letter-spacing:var(--421c2);line-height:var(--1056e)}._3pO-c1{font-size:var(--0bcae);font-style:var(--03e30);font-weight:var(--149f7);letter-spacing:var(--11ba2);line-height:var(--02fee)}._3w9qAK{font-size:var(--007ce);font-style:var(--56d3f);font-weight:var(--fa919);letter-spacing:var(--9705f);line-height:var(--2c996)}.S6Kje4{font-size:var(--c338f);font-style:var(--a93d9);font-weight:var(--f8f48);letter-spacing:var(--4aff4);line-height:var(--2503f)}.Tw-ZHl{font-size:var(--734b0);font-style:var(--0b0b0);font-weight:var(--0baf2);letter-spacing:var(--c9c19);line-height:var(--e8423)}._2z96lm{font-size:var(--19e13);font-style:var(--0a5e6);font-weight:var(--6455e);letter-spacing:var(--e7696);line-height:var(--85e4a)}.s3rTvV{font-size:var(--88dc1);font-style:var(--6fc94);font-weight:var(--cc6f6);letter-spacing:var(--cf0e2);line-height:var(--904c1)}}@media (min-width:1200px){._2wPjuN{font-size:var(--4c9f6);font-style:var(--647b4);font-weight:var(--71d69);letter-spacing:var(--29af8);line-height:var(--54357)}.yVALKh{font-size:var(--a7cfd);font-style:var(--b8dd4);font-weight:var(--dc8b9);letter-spacing:var(--4d1d5);line-height:var(--c552e)}._3nbJGs{font-size:var(--79c03);font-style:var(--c89e0);font-weight:var(--5127d);letter-spacing:var(--a50d8);line-height:var(--aeb64)}.wWKdXu{font-size:var(--28e99);font-style:var(--e1d91);font-weight:var(--ca04c);letter-spacing:var(--015e8);line-height:var(--af784)}._22V8Ot{font-size:var(--0e0e6);font-style:var(--38a14);font-weight:var(--f9d4c);letter-spacing:var(--bc7f3);line-height:var(--88c2d)}.EusyEy{font-size:var(--69b27);font-style:var(--07031);font-weight:var(--a9bc9);letter-spacing:var(--c2692);line-height:var(--42f89)}.jvErrT{font-size:var(--0afa8);font-style:var(--36d92);font-weight:var(--363b4);letter-spacing:var(--10dc5);line-height:var(--49446)}._3j3QFh{font-size:var(--0c62d);font-style:var(--a833d);font-weight:var(--cb99b);letter-spacing:var(--03511);line-height:var(--829b1)}._3vS0yL{font-size:var(--aa6f0);font-style:var(--b8b43);font-weight:var(--fb483);letter-spacing:var(--8330d);line-height:var(--33548)}._1GArnu{font-size:var(--a5b1e);font-style:var(--b079f);font-weight:var(--749dc);letter-spacing:var(--2a382);line-height:var(--76f1e)}._21_WUA{font-size:var(--a9ad4);font-style:var(--a19ae);font-weight:var(--faf5f);letter-spacing:var(--fe4b2);line-height:var(--3bd2e)}._2E0TbE{font-size:var(--29e81);font-style:var(--f02b4);font-weight:var(--18f8e);letter-spacing:var(--6e9f2);line-height:var(--3d432)}._3FDxY7{font-size:var(--741af);font-style:var(--8c577);font-weight:var(--c521d);letter-spacing:var(--2e489);line-height:var(--c47e7)}._2p2AAn{font-size:var(--8d5be);font-style:var(--af51c);font-weight:var(--0776b);letter-spacing:var(--b5b33);line-height:var(--1cd7a)}.V7ST-S{font-size:var(--feec7);font-style:var(--2adf6);font-weight:var(--6e450);letter-spacing:var(--421c2);line-height:var(--1056e)}._1u-3H9{font-size:var(--0bcae);font-style:var(--03e30);font-weight:var(--149f7);letter-spacing:var(--11ba2);line-height:var(--02fee)}._2vcCHn{font-size:var(--007ce);font-style:var(--56d3f);font-weight:var(--fa919);letter-spacing:var(--9705f);line-height:var(--2c996)}._21vFnu{font-size:var(--c338f);font-style:var(--a93d9);font-weight:var(--f8f48);letter-spacing:var(--4aff4);line-height:var(--2503f)}._3baaSO{font-size:var(--734b0);font-style:var(--0b0b0);font-weight:var(--0baf2);letter-spacing:var(--c9c19);line-height:var(--e8423)}._27Q3D_{font-size:var(--19e13);font-style:var(--0a5e6);font-weight:var(--6455e);letter-spacing:var(--e7696);line-height:var(--85e4a)}._2E5_Zd{font-size:var(--88dc1);font-style:var(--6fc94);font-weight:var(--cc6f6);letter-spacing:var(--cf0e2);line-height:var(--904c1)}}@media (min-width:1900px){._9E-yS9{font-size:var(--4c9f6);font-style:var(--647b4);font-weight:var(--71d69);letter-spacing:var(--29af8);line-height:var(--54357)}._2CdeiM{font-size:var(--a7cfd);font-style:var(--b8dd4);font-weight:var(--dc8b9);letter-spacing:var(--4d1d5);line-height:var(--c552e)}._1RFgVJ{font-size:var(--79c03);font-style:var(--c89e0);font-weight:var(--5127d);letter-spacing:var(--a50d8);line-height:var(--aeb64)}._1GK1q6{font-size:var(--28e99);font-style:var(--e1d91);font-weight:var(--ca04c);letter-spacing:var(--015e8);line-height:var(--af784)}._31ILKj{font-size:var(--0e0e6);font-style:var(--38a14);font-weight:var(--f9d4c);letter-spacing:var(--bc7f3);line-height:var(--88c2d)}._3-ZEKq{font-size:var(--69b27);font-style:var(--07031);font-weight:var(--a9bc9);letter-spacing:var(--c2692);line-height:var(--42f89)}._1Xi3K9{font-size:var(--0afa8);font-style:var(--36d92);font-weight:var(--363b4);letter-spacing:var(--10dc5);line-height:var(--49446)}._34lAWh{font-size:var(--0c62d);font-style:var(--a833d);font-weight:var(--cb99b);letter-spacing:var(--03511);line-height:var(--829b1)}._259Lde{font-size:var(--aa6f0);font-style:var(--b8b43);font-weight:var(--fb483);letter-spacing:var(--8330d);line-height:var(--33548)}.bzn5er{font-size:var(--a5b1e);font-style:var(--b079f);font-weight:var(--749dc);letter-spacing:var(--2a382);line-height:var(--76f1e)}._1A4w7s{font-size:var(--a9ad4);font-style:var(--a19ae);font-weight:var(--faf5f);letter-spacing:var(--fe4b2);line-height:var(--3bd2e)}._3ZV7xg{font-size:var(--29e81);font-style:var(--f02b4);font-weight:var(--18f8e);letter-spacing:var(--6e9f2);line-height:var(--3d432)}._17KnOh{font-size:var(--741af);font-style:var(--8c577);font-weight:var(--c521d);letter-spacing:var(--2e489);line-height:var(--c47e7)}._13_DCm{font-size:var(--8d5be);font-style:var(--af51c);font-weight:var(--0776b);letter-spacing:var(--b5b33);line-height:var(--1cd7a)}._2diXMC{font-size:var(--feec7);font-style:var(--2adf6);font-weight:var(--6e450);letter-spacing:var(--421c2);line-height:var(--1056e)}._1ew3dn{font-size:var(--0bcae);font-style:var(--03e30);font-weight:var(--149f7);letter-spacing:var(--11ba2);line-height:var(--02fee)}._1Gs9PJ{font-size:var(--007ce);font-style:var(--56d3f);font-weight:var(--fa919);letter-spacing:var(--9705f);line-height:var(--2c996)}._2pquab{font-size:var(--c338f);font-style:var(--a93d9);font-weight:var(--f8f48);letter-spacing:var(--4aff4);line-height:var(--2503f)}._2eBK30{font-size:var(--734b0);font-style:var(--0b0b0);font-weight:var(--0baf2);letter-spacing:var(--c9c19);line-height:var(--e8423)}._2nDmr0{font-size:var(--19e13);font-style:var(--0a5e6);font-weight:var(--6455e);letter-spacing:var(--e7696);line-height:var(--85e4a)}._2rJ3hX{font-size:var(--88dc1);font-style:var(--6fc94);font-weight:var(--cc6f6);letter-spacing:var(--cf0e2);line-height:var(--904c1)}}._3mi36Z{font-weight:var(--6e979)}._3M1Ie_{color:var(--e4113)}._2-o_RJ{color:var(--3d280)}.d9ts2q{color:var(--4dadf)}._3OF4Qh{color:var(--31874)}._2RfMiY{font-size:var(--45133)}.gaw4M4{font-size:var(--619ce)}._36gqA-{font-size:var(--9f728)}._1nWKi2{font-size:var(--08192)}._1zStZk{font-size:var(--da41a)}._3Zhulg{font-size:var(--698b6)}";
|
|
4
4
|
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Text/style/index.module.less",__css:css_248z,"Text":"khPkeq","Text--variant-xs":"_3oi7MN","Text--variant-s":"_2B2g-a","Text--variant-s-italic":"_3J96VV","Text--variant-s-medium":"_2cZbUW","Text--variant-s-medium-italic":"_1-U0bq","Text--variant-s-bold":"_2pwGnZ","Text--variant-s-bold-italic":"_1uB1FT","Text--variant-m":"_1jP5ux","Text--variant-m-italic":"_2arEvj","Text--variant-m-medium":"_1WpHZG","Text--variant-m-medium-italic":"_1bYJYx","Text--variant-m-bold":"_1U1mdF","Text--variant-m-bold-italic":"_1jxka_","Text--variant-l":"WomFka","Text--variant-l-italic":"_3Mf0zT","Text--variant-l-medium":"_1d3AcK","Text--variant-l-medium-italic":"_3RQkIt","Text--variant-xl":"_3EjhIK","Text--variant-xl-italic":"_2FsccD","Text--variant-xl-medium":"N2Yr83","Text--variant-xl-medium-italic":"_2XMSq8","Text--narrow-l--variant-xs":"_2XvR-U","Text--narrow-l--variant-s":"_2QylDw","Text--narrow-l--variant-s-italic":"_2ugIkI","Text--narrow-l--variant-s-medium":"_2-fYu7","Text--narrow-l--variant-s-medium-italic":"_4gkKyP","Text--narrow-l--variant-s-bold":"dooZ7c","Text--narrow-l--variant-s-bold-italic":"_2Cgfyq","Text--narrow-l--variant-m":"_1gBBA_","Text--narrow-l--variant-m-italic":"_3q9jDC","Text--narrow-l--variant-m-medium":"_2b4IDD","Text--narrow-l--variant-m-medium-italic":"_28Jyn5","Text--narrow-l--variant-m-bold":"_1tgX65","Text--narrow-l--variant-m-bold-italic":"_1ZactN","Text--narrow-l--variant-l":"_1ZUd91","Text--narrow-l--variant-l-italic":"eEnYiH","Text--narrow-l--variant-l-medium":"YEyqiA","Text--narrow-l--variant-l-medium-italic":"_1MfOKh","Text--narrow-l--variant-xl":"m0L7OZ","Text--narrow-l--variant-xl-italic":"_28GEOG","Text--narrow-l--variant-xl-medium":"_2csLtT","Text--narrow-l--variant-xl-medium-italic":"_3f0Ypb","Text--medium-s--variant-xs":"gyRVWo","Text--medium-s--variant-s":"_2D9wAL","Text--medium-s--variant-s-italic":"_1tjEyk","Text--medium-s--variant-s-medium":"_1QuHA8","Text--medium-s--variant-s-medium-italic":"oP5Cs3","Text--medium-s--variant-s-bold":"_2At1C-","Text--medium-s--variant-s-bold-italic":"_3ZO0n8","Text--medium-s--variant-m":"_3mFg4h","Text--medium-s--variant-m-italic":"_2NO6Co","Text--medium-s--variant-m-medium":"rxUwLG","Text--medium-s--variant-m-medium-italic":"_2njCJW","Text--medium-s--variant-m-bold":"_2WKScT","Text--medium-s--variant-m-bold-italic":"_3ijJ6l","Text--medium-s--variant-l":"_1zGvkG","Text--medium-s--variant-l-italic":"_1LaGa9","Text--medium-s--variant-l-medium":"_3CRfYM","Text--medium-s--variant-l-medium-italic":"_2uYf0g","Text--medium-s--variant-xl":"vc5IXM","Text--medium-s--variant-xl-italic":"_39rPRd","Text--medium-s--variant-xl-medium":"D0Q2fW","Text--medium-s--variant-xl-medium-italic":"_3hsY5O","Text--medium-l--variant-xs":"_102ZVH","Text--medium-l--variant-s":"q8EjDW","Text--medium-l--variant-s-italic":"_2lLybv","Text--medium-l--variant-s-medium":"_27McmK","Text--medium-l--variant-s-medium-italic":"_3iuMi1","Text--medium-l--variant-s-bold":"_2wMKhp","Text--medium-l--variant-s-bold-italic":"_3lQVuY","Text--medium-l--variant-m":"_2Kuekv","Text--medium-l--variant-m-italic":"d2enwo","Text--medium-l--variant-m-medium":"_2h6VBo","Text--medium-l--variant-m-medium-italic":"_9mwhtq","Text--medium-l--variant-m-bold":"_1qLV7P","Text--medium-l--variant-m-bold-italic":"-_kzIo","Text--medium-l--variant-l":"yFJ4Py","Text--medium-l--variant-l-italic":"_294sHt","Text--medium-l--variant-l-medium":"_3pO-c1","Text--medium-l--variant-l-medium-italic":"_3w9qAK","Text--medium-l--variant-xl":"S6Kje4","Text--medium-l--variant-xl-italic":"Tw-ZHl","Text--medium-l--variant-xl-medium":"_2z96lm","Text--medium-l--variant-xl-medium-italic":"s3rTvV","Text--wide-s--variant-xs":"_2wPjuN","Text--wide-s--variant-s":"yVALKh","Text--wide-s--variant-s-italic":"_3nbJGs","Text--wide-s--variant-s-medium":"wWKdXu","Text--wide-s--variant-s-medium-italic":"_22V8Ot","Text--wide-s--variant-s-bold":"EusyEy","Text--wide-s--variant-s-bold-italic":"jvErrT","Text--wide-s--variant-m":"_3j3QFh","Text--wide-s--variant-m-italic":"_3vS0yL","Text--wide-s--variant-m-medium":"_1GArnu","Text--wide-s--variant-m-medium-italic":"_21_WUA","Text--wide-s--variant-m-bold":"_2E0TbE","Text--wide-s--variant-m-bold-italic":"_3FDxY7","Text--wide-s--variant-l":"_2p2AAn","Text--wide-s--variant-l-italic":"V7ST-S","Text--wide-s--variant-l-medium":"_1u-3H9","Text--wide-s--variant-l-medium-italic":"_2vcCHn","Text--wide-s--variant-xl":"_21vFnu","Text--wide-s--variant-xl-italic":"_3baaSO","Text--wide-s--variant-xl-medium":"_27Q3D_","Text--wide-s--variant-xl-medium-italic":"_2E5_Zd","Text--wide-l--variant-xs":"_9E-yS9","Text--wide-l--variant-s":"_2CdeiM","Text--wide-l--variant-s-italic":"_1RFgVJ","Text--wide-l--variant-s-medium":"_1GK1q6","Text--wide-l--variant-s-medium-italic":"_31ILKj","Text--wide-l--variant-s-bold":"_3-ZEKq","Text--wide-l--variant-s-bold-italic":"_1Xi3K9","Text--wide-l--variant-m":"_34lAWh","Text--wide-l--variant-m-italic":"_259Lde","Text--wide-l--variant-m-medium":"bzn5er","Text--wide-l--variant-m-medium-italic":"_1A4w7s","Text--wide-l--variant-m-bold":"_3ZV7xg","Text--wide-l--variant-m-bold-italic":"_17KnOh","Text--wide-l--variant-l":"_13_DCm","Text--wide-l--variant-l-italic":"_2diXMC","Text--wide-l--variant-l-medium":"_1ew3dn","Text--wide-l--variant-l-medium-italic":"_1Gs9PJ","Text--wide-l--variant-xl":"_2pquab","Text--wide-l--variant-xl-italic":"_2eBK30","Text--wide-l--variant-xl-medium":"_2nDmr0","Text--wide-l--variant-xl-medium-italic":"_2rJ3hX","Text--strong":"_3mi36Z","Text--accent-primary":"_3M1Ie_","Text--accent-secondary":"_2-o_RJ","Text--accent-branded":"d9ts2q","Text--accent-positive":"_3OF4Qh","Text--size-2xs":"_2RfMiY","Text--size-xs":"gaw4M4","Text--size-s":"_36gqA-","Text--size-m":"_1nWKi2","Text--size-l":"_1zStZk","Text--size-xl":"_3Zhulg"};
|
|
5
5
|
var stylesheet=css_248z;
|
|
6
6
|
styleInject(css_248z);
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import type { TextAccent, TextInlineTag } from '@preply/ds-core';
|
|
1
|
+
import type { ColorName, TextAccent, TextInlineTag } from '@preply/ds-core';
|
|
2
2
|
import { FC } from 'react';
|
|
3
3
|
export interface Props {
|
|
4
4
|
accent?: TextAccent;
|
|
5
|
+
color?: ColorName;
|
|
5
6
|
strong?: boolean;
|
|
6
7
|
tag?: TextInlineTag;
|
|
7
8
|
}
|
|
@@ -1,17 +1,20 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames } from '@preply/ds-web-core';
|
|
1
|
+
import { TEXT_INLINE_TAG_DEFAULT } from '@preply/ds-core';
|
|
2
|
+
import { useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames, useColorClassName } from '@preply/ds-web-core';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import styles from './style/index.module.less.js';
|
|
5
5
|
|
|
6
6
|
const TEXT_INLINE = 'TextInline';
|
|
7
|
-
const TextInline = ({ children, accent
|
|
7
|
+
const TextInline = ({ children, accent, color, strong, tag: Tag = TEXT_INLINE_TAG_DEFAULT, }) => {
|
|
8
8
|
useStyleExtract(styles);
|
|
9
|
+
const actualColor = accent ? undefined : color;
|
|
9
10
|
const classNames = moduleClassNames(styles, TEXT_INLINE, [
|
|
10
11
|
stringClassNames('accent', accent),
|
|
11
12
|
booleanClassNames('strong', undefined, strong),
|
|
12
13
|
]);
|
|
13
|
-
|
|
14
|
+
const colorClassNames = useColorClassName(actualColor);
|
|
15
|
+
const allClassNames = [...classNames, ...colorClassNames];
|
|
16
|
+
return React__default.createElement(Tag, { className: allClassNames.join(' ') }, children);
|
|
14
17
|
};
|
|
15
18
|
|
|
16
19
|
export { TextInline };
|
|
17
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dElubGluZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dElubGluZS9UZXh0SW5saW5lLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yTmFtZSwgVGV4dEFjY2VudCwgVGV4dElubGluZVRhZyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBURVhUX0lOTElORV9UQUdfREVGQVVMVCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VDb2xvckNsYXNzTmFtZSxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFByb3BzIHtcbiAgICBhY2NlbnQ/OiBUZXh0QWNjZW50O1xuICAgIGNvbG9yPzogQ29sb3JOYW1lO1xuICAgIHN0cm9uZz86IGJvb2xlYW47XG4gICAgdGFnPzogVGV4dElubGluZVRhZztcbn1cblxuY29uc3QgVEVYVF9JTkxJTkUgPSAnVGV4dElubGluZSc7XG5cbmV4cG9ydCBjb25zdCBUZXh0SW5saW5lOiBGQzxQcm9wcz4gPSAoe1xuICAgIGNoaWxkcmVuLFxuICAgIGFjY2VudCxcbiAgICBjb2xvcixcbiAgICBzdHJvbmcsXG4gICAgdGFnOiBUYWcgPSBURVhUX0lOTElORV9UQUdfREVGQVVMVCxcbn0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGFjdHVhbENvbG9yID0gYWNjZW50ID8gdW5kZWZpbmVkIDogY29sb3I7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIFRFWFRfSU5MSU5FLCBbXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ2FjY2VudCcsIGFjY2VudCksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdzdHJvbmcnLCB1bmRlZmluZWQsIHN0cm9uZyksXG4gICAgXSk7XG5cbiAgICBjb25zdCBjb2xvckNsYXNzTmFtZXMgPSB1c2VDb2xvckNsYXNzTmFtZShhY3R1YWxDb2xvcik7XG5cbiAgICBjb25zdCBhbGxDbGFzc05hbWVzID0gWy4uLmNsYXNzTmFtZXMsIC4uLmNvbG9yQ2xhc3NOYW1lc107XG5cbiAgICByZXR1cm4gPFRhZyBjbGFzc05hbWU9e2FsbENsYXNzTmFtZXMuam9pbignICcpfT57Y2hpbGRyZW59PC9UYWc+O1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFvQkEsTUFBTSxXQUFXLEdBQUcsWUFBWSxDQUFDO01BRXBCLFVBQVUsR0FBYyxDQUFDLEVBQ2xDLFFBQVEsRUFDUixNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sRUFDTixHQUFHLEVBQUUsR0FBRyxHQUFHLHVCQUF1QixHQUNyQztJQUNHLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLFdBQVcsR0FBRyxNQUFNLEdBQUcsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUUvQyxNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFO1FBQ3JELGdCQUFnQixDQUFDLFFBQVEsRUFBRSxNQUFNLENBQUM7UUFDbEMsaUJBQWlCLENBQUMsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUM7S0FDakQsQ0FBQyxDQUFDO0lBRUgsTUFBTSxlQUFlLEdBQUcsaUJBQWlCLENBQUMsV0FBVyxDQUFDLENBQUM7SUFFdkQsTUFBTSxhQUFhLEdBQUcsQ0FBQyxHQUFHLFVBQVUsRUFBRSxHQUFHLGVBQWUsQ0FBQyxDQUFDO0lBRTFELE9BQU9BLDZCQUFDLEdBQUcsSUFBQyxTQUFTLEVBQUUsYUFBYSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBRyxRQUFRLENBQU8sQ0FBQztBQUNyRTs7OzsifQ==
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "._2iIfiT{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
|
|
3
|
+
var css_248z = "._2iIfiT{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:var(--0e309);font-size:var(--8d63e);font-style:normal;font-weight:var(--73984);line-height:var(--d4313);margin:0}._2qHWNi{font-weight:var(--6e979)}.pnCrBT{color:var(--e4113)}._30sU_g{color:var(--3d280)}._3NFgCG{color:var(--4dadf)}._2C_Wto{color:var(--31874)}";
|
|
4
4
|
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/TextInline/style/index.module.less",__css:css_248z,"TextInline":"_2iIfiT","TextInline--strong":"_2qHWNi","TextInline--accent-primary":"pnCrBT","TextInline--accent-secondary":"_30sU_g","TextInline--accent-branded":"_3NFgCG","TextInline--accent-positive":"_2C_Wto"};
|
|
5
5
|
var stylesheet=css_248z;
|
|
6
6
|
styleInject(css_248z);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-web-lib",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.33.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -19,25 +19,25 @@
|
|
|
19
19
|
"dev": "run build:rollup -w"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@preply/ds-core": "0.
|
|
23
|
-
"@preply/ds-media-icons": "0.
|
|
24
|
-
"@preply/ds-web-core": "0.
|
|
25
|
-
"@preply/ds-web-root": "0.
|
|
22
|
+
"@preply/ds-core": "0.33.0",
|
|
23
|
+
"@preply/ds-media-icons": "0.33.0",
|
|
24
|
+
"@preply/ds-web-core": "0.33.0",
|
|
25
|
+
"@preply/ds-web-root": "0.33.0"
|
|
26
26
|
},
|
|
27
27
|
"peerDependencies": {
|
|
28
|
-
"@preply/ds-core": "0.
|
|
29
|
-
"@preply/ds-media-icons": "0.
|
|
30
|
-
"@preply/ds-web-core": "0.
|
|
31
|
-
"@preply/ds-web-root": "0.
|
|
28
|
+
"@preply/ds-core": "0.33.0",
|
|
29
|
+
"@preply/ds-media-icons": "0.33.0",
|
|
30
|
+
"@preply/ds-web-core": "0.33.0",
|
|
31
|
+
"@preply/ds-web-root": "0.33.0",
|
|
32
32
|
"react": "^16.8.3",
|
|
33
33
|
"react-dom": "^16.8.3"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@preply/ds-docs-toolkit": "0.
|
|
37
|
-
"@preply/ds-theme-base-ui": "0.
|
|
36
|
+
"@preply/ds-docs-toolkit": "0.33.0",
|
|
37
|
+
"@preply/ds-theme-base-ui": "0.33.0",
|
|
38
38
|
"@storybook/addon-docs": "6.4.18",
|
|
39
39
|
"@storybook/react": "6.4.18",
|
|
40
40
|
"@testing-library/react": "11.2.7"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "11e687f0dfad46a6e85c6faab20b9c96232a90e6"
|
|
43
43
|
}
|