@preply/ds-web-lib 0.33.0 → 0.36.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/Avatar/Avatar.js +9 -4
- package/dist/components/AvatarWithStatus/AvatarWithStatus.d.ts +11 -0
- package/dist/components/AvatarWithStatus/AvatarWithStatus.js +23 -0
- package/dist/components/AvatarWithStatus/style/index.module.less +7 -0
- package/dist/components/AvatarWithStatus/style/index.module.less.js +9 -0
- package/dist/components/AvatarWithStatus/style/mixins.less +67 -0
- package/dist/components/AvatarWithStatus/style/mixins.less.js +8 -0
- package/dist/components/Heading/Heading.d.ts +1 -1
- package/dist/components/Heading/Heading.js +4 -4
- package/dist/components/Icon/Icon.d.ts +2 -2
- package/dist/components/Icon/Icon.js +6 -6
- package/dist/components/Icon/style/index.module.less +0 -1
- package/dist/components/Icon/style/index.module.less.js +2 -2
- package/dist/components/Icon/style/mixins.less +0 -11
- package/dist/components/Text/Text.d.ts +1 -1
- package/dist/components/Text/Text.js +14 -8
- package/dist/components/Text/style/index.module.less +0 -1
- package/dist/components/Text/style/index.module.less.js +2 -2
- package/dist/components/TextInline/TextInline.js +7 -6
- package/dist/components/TextInline/style/index.module.less +1 -2
- package/dist/components/TextInline/style/index.module.less.js +2 -2
- package/dist/components/TextInline/style/mixins.less +0 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +2 -1
- package/dist/index.js +2 -1
- package/package.json +12 -12
|
@@ -1,18 +1,23 @@
|
|
|
1
1
|
import { AVATAR_SIZE_DEFAULT, AVATAR_SRC_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import { useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames } from '@preply/ds-web-core';
|
|
2
|
+
import { useInstrument, useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames } 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 AVATAR = 'Avatar';
|
|
7
|
-
const Avatar = ({ size = AVATAR_SIZE_DEFAULT, round
|
|
7
|
+
const Avatar = ({ size = AVATAR_SIZE_DEFAULT, round, src, alt = '' }) => {
|
|
8
|
+
useInstrument('render', {
|
|
9
|
+
component: AVATAR,
|
|
10
|
+
props: { size, round },
|
|
11
|
+
});
|
|
8
12
|
useStyleExtract(styles);
|
|
13
|
+
const actualRound = round !== null && round !== void 0 ? round : true;
|
|
9
14
|
const classNames = moduleClassNames(styles, AVATAR, [
|
|
10
15
|
stringClassNames('size', size),
|
|
11
|
-
booleanClassNames('round', undefined,
|
|
16
|
+
booleanClassNames('round', undefined, actualRound),
|
|
12
17
|
]);
|
|
13
18
|
return (React__default.createElement("picture", { className: classNames.join(' ') },
|
|
14
19
|
React__default.createElement("img", { src: src || AVATAR_SRC_DEFAULT, alt: alt })));
|
|
15
20
|
};
|
|
16
21
|
|
|
17
22
|
export { Avatar };
|
|
18
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEF2YXRhclNpemUsIFJlc3BvbnNpdmUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgQVZBVEFSX1NJWkVfREVGQVVMVCwgQVZBVEFSX1NSQ19ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBzdHJpbmdDbGFzc05hbWVzLFxuICAgIHVzZUluc3RydW1lbnQsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gICAgc2l6ZT86IFJlc3BvbnNpdmU8QXZhdGFyU2l6ZT47XG4gICAgcm91bmQ/OiBib29sZWFuO1xuICAgIHNyYz86IHN0cmluZztcbiAgICBhbHQ/OiBzdHJpbmc7XG59XG5cbmNvbnN0IEFWQVRBUiA9ICdBdmF0YXInO1xuXG5leHBvcnQgY29uc3QgQXZhdGFyOiBGQzxQcm9wcz4gPSAoeyBzaXplID0gQVZBVEFSX1NJWkVfREVGQVVMVCwgcm91bmQsIHNyYywgYWx0ID0gJycgfTogUHJvcHMpID0+IHtcbiAgICB1c2VJbnN0cnVtZW50KCdyZW5kZXInLCB7XG4gICAgICAgIGNvbXBvbmVudDogQVZBVEFSLFxuICAgICAgICBwcm9wczogeyBzaXplLCByb3VuZCB9LFxuICAgIH0pO1xuXG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBhY3R1YWxSb3VuZCA9IHJvdW5kID8/IHRydWU7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIEFWQVRBUiwgW1xuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdzaXplJywgc2l6ZSksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdyb3VuZCcsIHVuZGVmaW5lZCwgYWN0dWFsUm91bmQpLFxuICAgIF0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPHBpY3R1cmUgY2xhc3NOYW1lPXtjbGFzc05hbWVzLmpvaW4oJyAnKX0+XG4gICAgICAgICAgICA8aW1nIHNyYz17c3JjIHx8IEFWQVRBUl9TUkNfREVGQVVMVH0gYWx0PXthbHR9IC8+XG4gICAgICAgIDwvcGljdHVyZT5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFvQkEsTUFBTSxNQUFNLEdBQUcsUUFBUSxDQUFDO01BRVgsTUFBTSxHQUFjLENBQUMsRUFBRSxJQUFJLEdBQUcsbUJBQW1CLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxHQUFHLEdBQUcsRUFBRSxFQUFTO0lBQ3pGLGFBQWEsQ0FBQyxRQUFRLEVBQUU7UUFDcEIsU0FBUyxFQUFFLE1BQU07UUFDakIsS0FBSyxFQUFFLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRTtLQUN6QixDQUFDLENBQUM7SUFFSCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxXQUFXLEdBQUcsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksSUFBSSxDQUFDO0lBRWxDLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUU7UUFDaEQsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQztRQUM5QixpQkFBaUIsQ0FBQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsQ0FBQztLQUNyRCxDQUFDLENBQUM7SUFFSCxRQUNJQSwwQ0FBUyxTQUFTLEVBQUUsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7UUFDcENBLHNDQUFLLEdBQUcsRUFBRSxHQUFHLElBQUksa0JBQWtCLEVBQUUsR0FBRyxFQUFFLEdBQUcsR0FBSSxDQUMzQyxFQUNaO0FBQ047Ozs7In0=
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Responsive } from '@preply/ds-core';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
import { Props } from '../Avatar/Avatar';
|
|
4
|
+
declare type AvatarProps = Omit<Props, 'round' | 'size'>;
|
|
5
|
+
declare type AvatarWithStatusSizes = '2xs' | 'xs' | 'm' | 'xl';
|
|
6
|
+
export declare type AvatarWithStatusProps = AvatarProps & {
|
|
7
|
+
online: boolean;
|
|
8
|
+
size?: Responsive<AvatarWithStatusSizes>;
|
|
9
|
+
};
|
|
10
|
+
export declare const AvatarWithStatus: FC<AvatarWithStatusProps>;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { AVATAR_SIZE_DEFAULT } from '@preply/ds-core';
|
|
2
|
+
import { useStyleExtract, moduleClassNames, booleanClassNames, stringClassNames, moduleLocals } from '@preply/ds-web-core';
|
|
3
|
+
import React__default from 'react';
|
|
4
|
+
import { Avatar } from '../Avatar/Avatar.js';
|
|
5
|
+
import styles from './style/index.module.less.js';
|
|
6
|
+
|
|
7
|
+
const AVATAR_WITH_STATUS = 'AvatarWithStatus';
|
|
8
|
+
const AvatarWithStatus = ({ online, size = AVATAR_SIZE_DEFAULT, ...props }) => {
|
|
9
|
+
useStyleExtract(styles);
|
|
10
|
+
const classNames = moduleClassNames(styles, AVATAR_WITH_STATUS, [
|
|
11
|
+
booleanClassNames('online', undefined, online),
|
|
12
|
+
stringClassNames('size', size),
|
|
13
|
+
]);
|
|
14
|
+
const indicatorClassName = [...moduleLocals(styles, AVATAR_WITH_STATUS, ['indicator'])];
|
|
15
|
+
const clipClassName = [...moduleLocals(styles, AVATAR_WITH_STATUS, ['clip'])];
|
|
16
|
+
return (React__default.createElement("div", { className: classNames.join(' ') },
|
|
17
|
+
React__default.createElement("span", { className: indicatorClassName.join(' ') }),
|
|
18
|
+
React__default.createElement("div", { className: clipClassName.join(' ') },
|
|
19
|
+
React__default.createElement(Avatar, Object.assign({}, props, { size: size })))));
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
export { AvatarWithStatus };
|
|
23
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyV2l0aFN0YXR1cy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXZhdGFyV2l0aFN0YXR1cy9BdmF0YXJXaXRoU3RhdHVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBVkFUQVJfU0laRV9ERUZBVUxULCBSZXNwb25zaXZlIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBtb2R1bGVMb2NhbHMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBBdmF0YXIsIFByb3BzIH0gZnJvbSAnLi4vQXZhdGFyL0F2YXRhcic7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IEFWQVRBUl9XSVRIX1NUQVRVUyA9ICdBdmF0YXJXaXRoU3RhdHVzJztcblxudHlwZSBBdmF0YXJQcm9wcyA9IE9taXQ8UHJvcHMsICdyb3VuZCcgfCAnc2l6ZSc+O1xuXG50eXBlIEF2YXRhcldpdGhTdGF0dXNTaXplcyA9ICcyeHMnIHwgJ3hzJyB8ICdtJyB8ICd4bCc7XG5cbmV4cG9ydCB0eXBlIEF2YXRhcldpdGhTdGF0dXNQcm9wcyA9IEF2YXRhclByb3BzICYge1xuICAgIG9ubGluZTogYm9vbGVhbjtcbiAgICBzaXplPzogUmVzcG9uc2l2ZTxBdmF0YXJXaXRoU3RhdHVzU2l6ZXM+O1xufTtcblxuZXhwb3J0IGNvbnN0IEF2YXRhcldpdGhTdGF0dXM6IEZDPEF2YXRhcldpdGhTdGF0dXNQcm9wcz4gPSAoe1xuICAgIG9ubGluZSxcbiAgICBzaXplID0gQVZBVEFSX1NJWkVfREVGQVVMVCxcbiAgICAuLi5wcm9wc1xufSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBBVkFUQVJfV0lUSF9TVEFUVVMsIFtcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ29ubGluZScsIHVuZGVmaW5lZCwgb25saW5lKSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnc2l6ZScsIHNpemUpLFxuICAgIF0pO1xuXG4gICAgY29uc3QgaW5kaWNhdG9yQ2xhc3NOYW1lID0gWy4uLm1vZHVsZUxvY2FscyhzdHlsZXMsIEFWQVRBUl9XSVRIX1NUQVRVUywgWydpbmRpY2F0b3InXSldO1xuXG4gICAgY29uc3QgY2xpcENsYXNzTmFtZSA9IFsuLi5tb2R1bGVMb2NhbHMoc3R5bGVzLCBBVkFUQVJfV0lUSF9TVEFUVVMsIFsnY2xpcCddKV07XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NOYW1lcy5qb2luKCcgJyl9PlxuICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtpbmRpY2F0b3JDbGFzc05hbWUuam9pbignICcpfSAvPlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2NsaXBDbGFzc05hbWUuam9pbignICcpfT5cbiAgICAgICAgICAgICAgICA8QXZhdGFyIHsuLi5wcm9wc30gc2l6ZT17c2l6ZX0gLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBY0EsTUFBTSxrQkFBa0IsR0FBRyxrQkFBa0IsQ0FBQztNQVdqQyxnQkFBZ0IsR0FBOEIsQ0FBQyxFQUN4RCxNQUFNLEVBQ04sSUFBSSxHQUFHLG1CQUFtQixFQUMxQixHQUFHLEtBQUssRUFDWDtJQUNHLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsa0JBQWtCLEVBQUU7UUFDNUQsaUJBQWlCLENBQUMsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUM7UUFDOUMsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQztLQUNqQyxDQUFDLENBQUM7SUFFSCxNQUFNLGtCQUFrQixHQUFHLENBQUMsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLGtCQUFrQixFQUFFLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBRXhGLE1BQU0sYUFBYSxHQUFHLENBQUMsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLGtCQUFrQixFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBRTlFLFFBQ0lBLHNDQUFLLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUNoQ0EsdUNBQU0sU0FBUyxFQUFFLGtCQUFrQixDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBSTtRQUNqREEsc0NBQUssU0FBUyxFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1lBQ25DQSw2QkFBQyxNQUFNLG9CQUFLLEtBQUssSUFBRSxJQUFJLEVBQUUsSUFBSSxJQUFJLENBQy9CLENBQ0osRUFDUjtBQUNOOzs7OyJ9
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = "._3PHWLt{display:inline-block;position:relative}._2YiW9j{background-color:var(--da403);border-radius:50%;position:absolute}.xPSEK7 ._2YiW9j{background-color:var(--d4cf9)}._1qaCRQ ._2ywrAc{-webkit-clip-path:path(\"M23.2457 16.1966C23.7334 14.8903 24 13.4763 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C13.4763 24 14.8903 23.7334 16.1966 23.2457C15.4505 22.3723 15 21.2388 15 20C15 17.2386 17.2386 15 20 15C21.2388 15 22.3723 15.4505 23.2457 16.1966Z\");clip-path:path(\"M23.2457 16.1966C23.7334 14.8903 24 13.4763 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C13.4763 24 14.8903 23.7334 16.1966 23.2457C15.4505 22.3723 15 21.2388 15 20C15 17.2386 17.2386 15 20 15C21.2388 15 22.3723 15.4505 23.2457 16.1966Z\")}._1qaCRQ ._2YiW9j{bottom:var(--c12f1);height:var(--cd0a2);right:var(--c12f1);width:var(--cd0a2)}._3XKxdk ._2ywrAc{-webkit-clip-path:path(\"M30.2794 23.2256C31.3798 21.0551 32 18.6 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32C18.6 32 21.0551 31.3798 23.2256 30.2794C22.4622 29.4015 22 28.2547 22 27C22 24.2386 24.2386 22 27 22C28.2547 22 29.4015 22.4622 30.2794 23.2256Z\");clip-path:path(\"M30.2794 23.2256C31.3798 21.0551 32 18.6 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32C18.6 32 21.0551 31.3798 23.2256 30.2794C22.4622 29.4015 22 28.2547 22 27C22 24.2386 24.2386 22 27 22C28.2547 22 29.4015 22.4622 30.2794 23.2256Z\")}._3XKxdk ._2YiW9j{bottom:1px;height:var(--cd0a2);right:1px;width:var(--cd0a2)}._1IvUM8 ._2ywrAc{-webkit-clip-path:path(\"M45.661 34.3473C47.1604 31.2142 48 27.7052 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48C27.7052 48 31.2142 47.1604 34.3473 45.661C32.8972 44.213 32 42.2113 32 40C32 35.5817 35.5817 32 40 32C42.2113 32 44.213 32.8972 45.661 34.3473Z\");clip-path:path(\"M45.661 34.3473C47.1604 31.2142 48 27.7052 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48C27.7052 48 31.2142 47.1604 34.3473 45.661C32.8972 44.213 32 42.2113 32 40C32 35.5817 35.5817 32 40 32C42.2113 32 44.213 32.8972 45.661 34.3473Z\")}._1IvUM8 ._2YiW9j{bottom:var(--389aa);height:var(--0b3de);right:var(--389aa);width:var(--0b3de)}.jRXvkM ._2ywrAc{-webkit-clip-path:path(\"M75.4329 58.5785C78.3496 53.0271 80 46.7063 80 40C80 17.9086 62.0914 0 40 0C17.9086 0 0 17.9086 0 40C0 62.0914 17.9086 80 40 80C46.7063 80 53.0271 78.3496 58.5785 75.4329C56.9638 73.3889 56 70.807 56 68C56 61.3726 61.3726 56 68 56C70.807 56 73.3889 56.9638 75.4329 58.5785Z\");clip-path:path(\"M75.4329 58.5785C78.3496 53.0271 80 46.7063 80 40C80 17.9086 62.0914 0 40 0C17.9086 0 0 17.9086 0 40C0 62.0914 17.9086 80 40 80C46.7063 80 53.0271 78.3496 58.5785 75.4329C56.9638 73.3889 56 70.807 56 68C56 61.3726 61.3726 56 68 56C70.807 56 73.3889 56.9638 75.4329 58.5785Z\")}.jRXvkM ._2YiW9j{bottom:var(--8848e);height:var(--875b6);right:var(--8848e);width:var(--875b6)}";
|
|
4
|
+
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/AvatarWithStatus/style/index.module.less",__css:css_248z,"AvatarWithStatus":"_3PHWLt","AvatarWithStatus--indicator":"_2YiW9j","AvatarWithStatus--online":"xPSEK7","AvatarWithStatus--size-2xs":"_1qaCRQ","AvatarWithStatus--clip":"_2ywrAc","AvatarWithStatus--size-xs":"_3XKxdk","AvatarWithStatus--size-m":"_1IvUM8","AvatarWithStatus--size-xl":"jRXvkM"};
|
|
5
|
+
var stylesheet=css_248z;
|
|
6
|
+
styleInject(css_248z);
|
|
7
|
+
|
|
8
|
+
export { styles as default, stylesheet };
|
|
9
|
+
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
@import '@preply/ds-web-core/dist/generated/tokens.less';
|
|
2
|
+
|
|
3
|
+
@AVATAR_WITH_STATUS_SIZE_OPTIONS: 2xs, xs, m, xl;
|
|
4
|
+
|
|
5
|
+
@clip-paths: {
|
|
6
|
+
size-2xs: path(
|
|
7
|
+
'M23.2457 16.1966C23.7334 14.8903 24 13.4763 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C13.4763 24 14.8903 23.7334 16.1966 23.2457C15.4505 22.3723 15 21.2388 15 20C15 17.2386 17.2386 15 20 15C21.2388 15 22.3723 15.4505 23.2457 16.1966Z'
|
|
8
|
+
);
|
|
9
|
+
size-xs: path(
|
|
10
|
+
'M30.2794 23.2256C31.3798 21.0551 32 18.6 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32C18.6 32 21.0551 31.3798 23.2256 30.2794C22.4622 29.4015 22 28.2547 22 27C22 24.2386 24.2386 22 27 22C28.2547 22 29.4015 22.4622 30.2794 23.2256Z'
|
|
11
|
+
);
|
|
12
|
+
size-m: path(
|
|
13
|
+
'M45.661 34.3473C47.1604 31.2142 48 27.7052 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48C27.7052 48 31.2142 47.1604 34.3473 45.661C32.8972 44.213 32 42.2113 32 40C32 35.5817 35.5817 32 40 32C42.2113 32 44.213 32.8972 45.661 34.3473Z'
|
|
14
|
+
);
|
|
15
|
+
size-xl: path(
|
|
16
|
+
'M75.4329 58.5785C78.3496 53.0271 80 46.7063 80 40C80 17.9086 62.0914 0 40 0C17.9086 0 0 17.9086 0 40C0 62.0914 17.9086 80 40 80C46.7063 80 53.0271 78.3496 58.5785 75.4329C56.9638 73.3889 56 70.807 56 68C56 61.3726 61.3726 56 68 56C70.807 56 73.3889 56.9638 75.4329 58.5785Z'
|
|
17
|
+
);
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
@sizes: {
|
|
21
|
+
size-2xs: @root-size-100;
|
|
22
|
+
size-xs: @root-size-100;
|
|
23
|
+
size-m: @root-size-150;
|
|
24
|
+
size-xl: @root-size-200;
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
@offsets: {
|
|
28
|
+
size-2xs: @root-size-none;
|
|
29
|
+
size-xs: 1px;
|
|
30
|
+
size-m: @root-size-25;
|
|
31
|
+
size-xl: @root-size-50;
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
.status-indicator() {
|
|
35
|
+
display: inline-block;
|
|
36
|
+
position: relative;
|
|
37
|
+
&--indicator {
|
|
38
|
+
background-color: @root-palette-gray-300;
|
|
39
|
+
position: absolute;
|
|
40
|
+
border-radius: 50%;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.online() {
|
|
45
|
+
&--online &--indicator {
|
|
46
|
+
background-color: @root-palette-green-300;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.size() {
|
|
51
|
+
each(@AVATAR_WITH_STATUS_SIZE_OPTIONS, {
|
|
52
|
+
&--size-@{value} &--clip {
|
|
53
|
+
@key: 'size-@{value}';
|
|
54
|
+
@path: @clip-paths[$@key];
|
|
55
|
+
clip-path: @path;
|
|
56
|
+
}
|
|
57
|
+
&--size-@{value} &--indicator {
|
|
58
|
+
@key: 'size-@{value}';
|
|
59
|
+
@size: @sizes[$@key];
|
|
60
|
+
width: @size;
|
|
61
|
+
height: @size;
|
|
62
|
+
@offset: @offsets[$@key];
|
|
63
|
+
right: @offset;
|
|
64
|
+
bottom: @offset;
|
|
65
|
+
}
|
|
66
|
+
});
|
|
67
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = "";
|
|
4
|
+
var stylesheet="";
|
|
5
|
+
styleInject(css_248z);
|
|
6
|
+
|
|
7
|
+
export { css_248z as default, stylesheet };
|
|
8
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3Qix3REFBNEQ7QUFDcEY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useInstrument, useStyleExtract, moduleClassNames, booleanClassNames,
|
|
1
|
+
import { useInstrument, useStyleExtract, moduleClassNames, booleanClassNames, useTextCenteredClassnames, useColorClassNames } from '@preply/ds-web-core';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import styles from './style/index.module.less.js';
|
|
4
4
|
|
|
@@ -13,11 +13,11 @@ const Heading = ({ children, level, large = false, strong, tag, color, centered,
|
|
|
13
13
|
const classNames = moduleClassNames(styles, HEADING, [
|
|
14
14
|
booleanClassNames(`level-${level}-large`, `level-${level}-normal`, large),
|
|
15
15
|
]);
|
|
16
|
-
const centeredClassNames =
|
|
17
|
-
const colorClassNames =
|
|
16
|
+
const centeredClassNames = useTextCenteredClassnames(centered);
|
|
17
|
+
const colorClassNames = useColorClassNames(color);
|
|
18
18
|
const allClassNames = [...classNames, ...centeredClassNames, ...colorClassNames];
|
|
19
19
|
return React__default.createElement(Tag, { className: allClassNames.join(' ') }, children);
|
|
20
20
|
};
|
|
21
21
|
|
|
22
22
|
export { Heading };
|
|
23
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVhZGluZy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSGVhZGluZy9IZWFkaW5nLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yTmFtZSwgSGVhZGluZ0xldmVsLCBIZWFkaW5nVGFnLCBSZXNwb25zaXZlIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICB1c2VDb2xvckNsYXNzTmFtZXMsXG4gICAgdXNlSW5zdHJ1bWVudCxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG4gICAgdXNlVGV4dENlbnRlcmVkQ2xhc3NuYW1lcyxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIGxldmVsOiBIZWFkaW5nTGV2ZWw7XG4gICAgbGFyZ2U/OiBSZXNwb25zaXZlPGJvb2xlYW4+O1xuICAgIHN0cm9uZz86IGJvb2xlYW47XG4gICAgdGFnPzogSGVhZGluZ1RhZztcbiAgICBjb2xvcj86IENvbG9yTmFtZTtcbiAgICBjZW50ZXJlZD86IFJlc3BvbnNpdmU8Ym9vbGVhbj47XG59XG5cbmNvbnN0IEhFQURJTkcgPSAnSGVhZGluZyc7XG5cbmV4cG9ydCBjb25zdCBIZWFkaW5nOiBGQzxQcm9wcz4gPSAoe1xuICAgIGNoaWxkcmVuLFxuICAgIGxldmVsLFxuICAgIGxhcmdlID0gZmFsc2UsXG4gICAgc3Ryb25nLFxuICAgIHRhZyxcbiAgICBjb2xvcixcbiAgICBjZW50ZXJlZCxcbn0pID0+IHtcbiAgICB1c2VJbnN0cnVtZW50KCdyZW5kZXInLCB7XG4gICAgICAgIGNvbXBvbmVudDogSEVBRElORyxcbiAgICAgICAgcHJvcHM6IHsgbGV2ZWwsIHN0cm9uZyB9LFxuICAgIH0pO1xuXG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBUYWcgPSAodGFnIHx8IGxldmVsKSBhcyBIZWFkaW5nVGFnO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBIRUFESU5HLCBbXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKGBsZXZlbC0ke2xldmVsfS1sYXJnZWAsIGBsZXZlbC0ke2xldmVsfS1ub3JtYWxgLCBsYXJnZSksXG4gICAgXSk7XG4gICAgY29uc3QgY2VudGVyZWRDbGFzc05hbWVzID0gdXNlVGV4dENlbnRlcmVkQ2xhc3NuYW1lcyhjZW50ZXJlZCk7XG4gICAgY29uc3QgY29sb3JDbGFzc05hbWVzID0gdXNlQ29sb3JDbGFzc05hbWVzKGNvbG9yKTtcblxuICAgIGNvbnN0IGFsbENsYXNzTmFtZXMgPSBbLi4uY2xhc3NOYW1lcywgLi4uY2VudGVyZWRDbGFzc05hbWVzLCAuLi5jb2xvckNsYXNzTmFtZXNdO1xuXG4gICAgcmV0dXJuIDxUYWcgY2xhc3NOYW1lPXthbGxDbGFzc05hbWVzLmpvaW4oJyAnKX0+e2NoaWxkcmVufTwvVGFnPjtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7QUFzQkEsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDO01BRWIsT0FBTyxHQUFjLENBQUMsRUFDL0IsUUFBUSxFQUNSLEtBQUssRUFDTCxLQUFLLEdBQUcsS0FBSyxFQUNiLE1BQU0sRUFDTixHQUFHLEVBQ0gsS0FBSyxFQUNMLFFBQVEsR0FDWDtJQUNHLGFBQWEsQ0FBQyxRQUFRLEVBQUU7UUFDcEIsU0FBUyxFQUFFLE9BQU87UUFDbEIsS0FBSyxFQUFFLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRTtLQUMzQixDQUFDLENBQUM7SUFFSCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxHQUFHLElBQUksR0FBRyxJQUFJLEtBQUssQ0FBZSxDQUFDO0lBRXpDLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUU7UUFDakQsaUJBQWlCLENBQUMsU0FBUyxLQUFLLFFBQVEsRUFBRSxTQUFTLEtBQUssU0FBUyxFQUFFLEtBQUssQ0FBQztLQUM1RSxDQUFDLENBQUM7SUFDSCxNQUFNLGtCQUFrQixHQUFHLHlCQUF5QixDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQy9ELE1BQU0sZUFBZSxHQUFHLGtCQUFrQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBRWxELE1BQU0sYUFBYSxHQUFHLENBQUMsR0FBRyxVQUFVLEVBQUUsR0FBRyxrQkFBa0IsRUFBRSxHQUFHLGVBQWUsQ0FBQyxDQUFDO0lBRWpGLE9BQU9BLDZCQUFDLEdBQUcsSUFBQyxTQUFTLEVBQUUsYUFBYSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBRyxRQUFRLENBQU8sQ0FBQztBQUNyRTs7OzsifQ==
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import type { ColorName,
|
|
1
|
+
import type { ColorName, IconSize, TextAccent } 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
6
|
size?: IconSize;
|
|
7
|
-
accent?:
|
|
7
|
+
accent?: TextAccent;
|
|
8
8
|
color?: ColorName;
|
|
9
9
|
label?: string;
|
|
10
10
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ICON_SIZE_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import { useStyleExtract, moduleClassNames,
|
|
2
|
+
import { useStyleExtract, moduleClassNames, booleanClassNames, useTextAccentClassnames, useColorClassNames } from '@preply/ds-web-core';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import styles from './style/index.module.less.js';
|
|
5
5
|
|
|
@@ -8,13 +8,13 @@ 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;
|
|
12
11
|
const classNames = moduleClassNames(styles, ICON, [
|
|
13
|
-
stringClassNames('accent', accent),
|
|
14
12
|
booleanClassNames(`size-${size}`, undefined, !useNumericSize),
|
|
15
13
|
]);
|
|
16
|
-
const
|
|
17
|
-
const
|
|
14
|
+
const actualColor = accent ? undefined : color;
|
|
15
|
+
const accentClassNames = useTextAccentClassnames(false, accent);
|
|
16
|
+
const colorClassNames = useColorClassNames(actualColor);
|
|
17
|
+
const allClassNames = [...classNames, ...accentClassNames, ...colorClassNames];
|
|
18
18
|
if (!Svg) {
|
|
19
19
|
throw new Error('Icon prop svg is mandatory');
|
|
20
20
|
}
|
|
@@ -23,4 +23,4 @@ const Icon = ({ svg: Svg, size = ICON_SIZE_DEFAULT, accent, color, label }) => {
|
|
|
23
23
|
};
|
|
24
24
|
|
|
25
25
|
export { Icon };
|
|
26
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSWNvbi9JY29uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yTmFtZSwgSWNvblNpemUsIFRleHRBY2NlbnQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgSUNPTl9TSVpFX0RFRkFVTFQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBib29sZWFuQ2xhc3NOYW1lcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHVzZUNvbG9yQ2xhc3NOYW1lcyxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG4gICAgdXNlVGV4dEFjY2VudENsYXNzbmFtZXMsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBTVkdBdHRyaWJ1dGVzIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgdHlwZSBSZWFjdFNWR0NvbXBvbmVudFR5cGUgPSBSZWFjdC5Db21wb25lbnRUeXBlPFNWR0F0dHJpYnV0ZXM8U1ZHRWxlbWVudD4+O1xuXG5leHBvcnQgaW50ZXJmYWNlIFByb3BzIHtcbiAgICBzdmc6IFJlYWN0U1ZHQ29tcG9uZW50VHlwZTtcbiAgICBzaXplPzogSWNvblNpemU7XG4gICAgYWNjZW50PzogVGV4dEFjY2VudDtcbiAgICBjb2xvcj86IENvbG9yTmFtZTtcbiAgICBsYWJlbD86IHN0cmluZztcbn1cblxuY29uc3QgSUNPTiA9ICdJY29uJztcblxuZXhwb3J0IGNvbnN0IEljb246IEZDPFByb3BzPiA9ICh7IHN2ZzogU3ZnLCBzaXplID0gSUNPTl9TSVpFX0RFRkFVTFQsIGFjY2VudCwgY29sb3IsIGxhYmVsIH0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IHVzZU51bWVyaWNTaXplID0gIU51bWJlci5pc05hTihOdW1iZXIoc2l6ZSkpO1xuICAgIGNvbnN0IHN0eWxlID0gdXNlTnVtZXJpY1NpemUgPyB7IHdpZHRoOiBgJHtzaXplfXB4YCwgaGVpZ2h0OiBgJHtzaXplfXB4YCB9IDoge307XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIElDT04sIFtcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoYHNpemUtJHtzaXplIGFzIHN0cmluZ31gLCB1bmRlZmluZWQsICF1c2VOdW1lcmljU2l6ZSksXG4gICAgXSk7XG5cbiAgICBjb25zdCBhY3R1YWxDb2xvciA9IGFjY2VudCA/IHVuZGVmaW5lZCA6IGNvbG9yO1xuICAgIGNvbnN0IGFjY2VudENsYXNzTmFtZXMgPSB1c2VUZXh0QWNjZW50Q2xhc3NuYW1lcyhmYWxzZSwgYWNjZW50KTtcbiAgICBjb25zdCBjb2xvckNsYXNzTmFtZXMgPSB1c2VDb2xvckNsYXNzTmFtZXMoYWN0dWFsQ29sb3IpO1xuXG4gICAgY29uc3QgYWxsQ2xhc3NOYW1lcyA9IFsuLi5jbGFzc05hbWVzLCAuLi5hY2NlbnRDbGFzc05hbWVzLCAuLi5jb2xvckNsYXNzTmFtZXNdO1xuXG4gICAgaWYgKCFTdmcpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdJY29uIHByb3Agc3ZnIGlzIG1hbmRhdG9yeScpO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjbGFzc05hbWU9e2FsbENsYXNzTmFtZXMuam9pbignICcpfVxuICAgICAgICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgICAgICAgYXJpYS1oaWRkZW49eyFsYWJlbH1cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e2xhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgICA8U3ZnIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIGZvY3VzYWJsZT1cImZhbHNlXCIgLz5cbiAgICAgICAgPC9zcGFuPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQXVCQSxNQUFNLElBQUksR0FBRyxNQUFNLENBQUM7TUFFUCxJQUFJLEdBQWMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsSUFBSSxHQUFHLGlCQUFpQixFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFO0lBQ3hGLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLGNBQWMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7SUFDbkQsTUFBTSxLQUFLLEdBQUcsY0FBYyxHQUFHLEVBQUUsS0FBSyxFQUFFLEdBQUcsSUFBSSxJQUFJLEVBQUUsTUFBTSxFQUFFLEdBQUcsSUFBSSxJQUFJLEVBQUUsR0FBRyxFQUFFLENBQUM7SUFFaEYsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksRUFBRTtRQUM5QyxpQkFBaUIsQ0FBQyxRQUFRLElBQWMsRUFBRSxFQUFFLFNBQVMsRUFBRSxDQUFDLGNBQWMsQ0FBQztLQUMxRSxDQUFDLENBQUM7SUFFSCxNQUFNLFdBQVcsR0FBRyxNQUFNLEdBQUcsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUMvQyxNQUFNLGdCQUFnQixHQUFHLHVCQUF1QixDQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsQ0FBQztJQUNoRSxNQUFNLGVBQWUsR0FBRyxrQkFBa0IsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUV4RCxNQUFNLGFBQWEsR0FBRyxDQUFDLEdBQUcsVUFBVSxFQUFFLEdBQUcsZ0JBQWdCLEVBQUUsR0FBRyxlQUFlLENBQUMsQ0FBQztJQUUvRSxJQUFJLENBQUMsR0FBRyxFQUFFO1FBQ04sTUFBTSxJQUFJLEtBQUssQ0FBQyw0QkFBNEIsQ0FBQyxDQUFDO0tBQ2pEO0lBRUQsUUFDSUEsdUNBQ0ksU0FBUyxFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQ2xDLEtBQUssRUFBRSxLQUFLLGlCQUNDLENBQUMsS0FBSyxnQkFDUCxLQUFLO1FBRWpCQSw2QkFBQyxHQUFHLG1CQUFhLE1BQU0sRUFBQyxTQUFTLEVBQUMsT0FBTyxHQUFHLENBQ3pDLEVBQ1Q7QUFDTjs7OzsifQ==
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".nKoHrt{display:inline-block;vertical-align:text-top}.nKoHrt svg{fill:currentColor;display:block;max-height:100%;max-width:100%;min-width:100%;width:100%}._1HK8l-{height:var(--b21f6);width:var(--b21f6)}._2Sp9mC{height:var(--766f3);width:var(--766f3)}._2YELqy{height:var(--7c1b1);width:var(--7c1b1)}._18Hsfi{height:var(--2152b);width:var(--2152b)}.QeTxTN{height:var(--8f525);width:var(--8f525)}
|
|
4
|
-
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Icon/style/index.module.less",__css:css_248z,"Icon":"nKoHrt","Icon--size-2xs":"_1HK8l-","Icon--size-xs":"_2Sp9mC","Icon--size-s":"_2YELqy","Icon--size-m":"_18Hsfi","Icon--size-l":"QeTxTN"
|
|
3
|
+
var css_248z = ".nKoHrt{display:inline-block;vertical-align:text-top}.nKoHrt svg{fill:currentColor;display:block;max-height:100%;max-width:100%;min-width:100%;width:100%}._1HK8l-{height:var(--b21f6);width:var(--b21f6)}._2Sp9mC{height:var(--766f3);width:var(--766f3)}._2YELqy{height:var(--7c1b1);width:var(--7c1b1)}._18Hsfi{height:var(--2152b);width:var(--2152b)}.QeTxTN{height:var(--8f525);width:var(--8f525)}";
|
|
4
|
+
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Icon/style/index.module.less",__css:css_248z,"Icon":"nKoHrt","Icon--size-2xs":"_1HK8l-","Icon--size-xs":"_2Sp9mC","Icon--size-s":"_2YELqy","Icon--size-m":"_18Hsfi","Icon--size-l":"QeTxTN"};
|
|
5
5
|
var stylesheet=css_248z;
|
|
6
6
|
styleInject(css_248z);
|
|
7
7
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TEXT_TAG_DEFAULT, TEXT_VARIANT_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import { useInstrument, useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames,
|
|
2
|
+
import { useInstrument, useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames, useTextAccentClassnames, useColorClassNames, useTextCenteredClassnames } from '@preply/ds-web-core';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import styles from './style/index.module.less.js';
|
|
5
5
|
|
|
@@ -10,21 +10,27 @@ const Text = ({ children, variant, size, accent, color, strong, centered, tag: T
|
|
|
10
10
|
props: { size, strong },
|
|
11
11
|
});
|
|
12
12
|
useStyleExtract(styles);
|
|
13
|
+
const actualVariant = variant || (size ? undefined : TEXT_VARIANT_DEFAULT);
|
|
13
14
|
const actualSize = variant ? undefined : size;
|
|
14
15
|
const actualStrong = variant ? undefined : strong;
|
|
15
|
-
const actualVariant = variant || (size ? undefined : TEXT_VARIANT_DEFAULT);
|
|
16
|
-
const actualColor = accent ? undefined : color;
|
|
17
16
|
const classNames = moduleClassNames(styles, TEXT, [
|
|
18
17
|
stringClassNames('variant', actualVariant),
|
|
19
18
|
stringClassNames('size', actualSize),
|
|
20
|
-
stringClassNames('accent', accent),
|
|
21
19
|
booleanClassNames('strong', undefined, actualStrong),
|
|
22
20
|
]);
|
|
23
|
-
const
|
|
24
|
-
const
|
|
25
|
-
const
|
|
21
|
+
const actualColor = accent ? undefined : color;
|
|
22
|
+
const useDefaultAccent = !actualColor;
|
|
23
|
+
const accentClassNames = useTextAccentClassnames(useDefaultAccent, accent);
|
|
24
|
+
const colorClassNames = useColorClassNames(actualColor);
|
|
25
|
+
const centeredClassNames = useTextCenteredClassnames(centered);
|
|
26
|
+
const allClassNames = [
|
|
27
|
+
...classNames,
|
|
28
|
+
...accentClassNames,
|
|
29
|
+
...colorClassNames,
|
|
30
|
+
...centeredClassNames,
|
|
31
|
+
];
|
|
26
32
|
return React__default.createElement(Tag, { className: allClassNames.join(' ') }, children);
|
|
27
33
|
};
|
|
28
34
|
|
|
29
35
|
export { Text };
|
|
30
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dC9UZXh0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENvbG9yTmFtZSxcbiAgICBSZXNwb25zaXZlLFxuICAgIFRFWFRfVEFHX0RFRkFVTFQsXG4gICAgVEVYVF9WQVJJQU5UX0RFRkFVTFQsXG4gICAgVGV4dEFjY2VudCxcbiAgICBUZXh0U2l6ZSxcbiAgICBUZXh0VGFnLFxuICAgIFRleHRWYXJpYW50LFxufSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBib29sZWFuQ2xhc3NOYW1lcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHN0cmluZ0NsYXNzTmFtZXMsXG4gICAgdXNlQ29sb3JDbGFzc05hbWVzLFxuICAgIHVzZUluc3RydW1lbnQsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxuICAgIHVzZVRleHRBY2NlbnRDbGFzc25hbWVzLFxuICAgIHVzZVRleHRDZW50ZXJlZENsYXNzbmFtZXMsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFByb3BzIHtcbiAgICB2YXJpYW50PzogUmVzcG9uc2l2ZTxUZXh0VmFyaWFudD47XG4gICAgc2l6ZT86IFRleHRTaXplO1xuICAgIGFjY2VudD86IFRleHRBY2NlbnQ7XG4gICAgY29sb3I/OiBDb2xvck5hbWU7XG4gICAgc3Ryb25nPzogYm9vbGVhbjtcbiAgICBjZW50ZXJlZD86IFJlc3BvbnNpdmU8Ym9vbGVhbj47XG4gICAgdGFnPzogVGV4dFRhZztcbn1cblxuY29uc3QgVEVYVCA9ICdUZXh0JztcblxuZXhwb3J0IGNvbnN0IFRleHQ6IEZDPFByb3BzPiA9ICh7XG4gICAgY2hpbGRyZW4sXG4gICAgdmFyaWFudCxcbiAgICBzaXplLFxuICAgIGFjY2VudCxcbiAgICBjb2xvcixcbiAgICBzdHJvbmcsXG4gICAgY2VudGVyZWQsXG4gICAgdGFnOiBUYWcgPSBURVhUX1RBR19ERUZBVUxULFxufSkgPT4ge1xuICAgIHVzZUluc3RydW1lbnQoJ3JlbmRlcicsIHtcbiAgICAgICAgY29tcG9uZW50OiBURVhULFxuICAgICAgICBwcm9wczogeyBzaXplLCBzdHJvbmcgfSxcbiAgICB9KTtcblxuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgYWN0dWFsVmFyaWFudCA9IHZhcmlhbnQgfHwgKHNpemUgPyB1bmRlZmluZWQgOiBURVhUX1ZBUklBTlRfREVGQVVMVCk7XG4gICAgY29uc3QgYWN0dWFsU2l6ZSA9IHZhcmlhbnQgPyB1bmRlZmluZWQgOiBzaXplO1xuICAgIGNvbnN0IGFjdHVhbFN0cm9uZyA9IHZhcmlhbnQgPyB1bmRlZmluZWQgOiBzdHJvbmc7XG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBURVhULCBbXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3ZhcmlhbnQnLCBhY3R1YWxWYXJpYW50KSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnc2l6ZScsIGFjdHVhbFNpemUpLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnc3Ryb25nJywgdW5kZWZpbmVkLCBhY3R1YWxTdHJvbmcpLFxuICAgIF0pO1xuXG4gICAgY29uc3QgYWN0dWFsQ29sb3IgPSBhY2NlbnQgPyB1bmRlZmluZWQgOiBjb2xvcjtcbiAgICBjb25zdCB1c2VEZWZhdWx0QWNjZW50ID0gIWFjdHVhbENvbG9yO1xuICAgIGNvbnN0IGFjY2VudENsYXNzTmFtZXMgPSB1c2VUZXh0QWNjZW50Q2xhc3NuYW1lcyh1c2VEZWZhdWx0QWNjZW50LCBhY2NlbnQpO1xuICAgIGNvbnN0IGNvbG9yQ2xhc3NOYW1lcyA9IHVzZUNvbG9yQ2xhc3NOYW1lcyhhY3R1YWxDb2xvcik7XG4gICAgY29uc3QgY2VudGVyZWRDbGFzc05hbWVzID0gdXNlVGV4dENlbnRlcmVkQ2xhc3NuYW1lcyhjZW50ZXJlZCk7XG5cbiAgICBjb25zdCBhbGxDbGFzc05hbWVzID0gW1xuICAgICAgICAuLi5jbGFzc05hbWVzLFxuICAgICAgICAuLi5hY2NlbnRDbGFzc05hbWVzLFxuICAgICAgICAuLi5jb2xvckNsYXNzTmFtZXMsXG4gICAgICAgIC4uLmNlbnRlcmVkQ2xhc3NOYW1lcyxcbiAgICBdO1xuXG4gICAgcmV0dXJuIDxUYWcgY2xhc3NOYW1lPXthbGxDbGFzc05hbWVzLmpvaW4oJyAnKX0+e2NoaWxkcmVufTwvVGFnPjtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7O0FBa0NBLE1BQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQztNQUVQLElBQUksR0FBYyxDQUFDLEVBQzVCLFFBQVEsRUFDUixPQUFPLEVBQ1AsSUFBSSxFQUNKLE1BQU0sRUFDTixLQUFLLEVBQ0wsTUFBTSxFQUNOLFFBQVEsRUFDUixHQUFHLEVBQUUsR0FBRyxHQUFHLGdCQUFnQixHQUM5QjtJQUNHLGFBQWEsQ0FBQyxRQUFRLEVBQUU7UUFDcEIsU0FBUyxFQUFFLElBQUk7UUFDZixLQUFLLEVBQUUsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFO0tBQzFCLENBQUMsQ0FBQztJQUVILGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLGFBQWEsR0FBRyxPQUFPLEtBQUssSUFBSSxHQUFHLFNBQVMsR0FBRyxvQkFBb0IsQ0FBQyxDQUFDO0lBQzNFLE1BQU0sVUFBVSxHQUFHLE9BQU8sR0FBRyxTQUFTLEdBQUcsSUFBSSxDQUFDO0lBQzlDLE1BQU0sWUFBWSxHQUFHLE9BQU8sR0FBRyxTQUFTLEdBQUcsTUFBTSxDQUFDO0lBQ2xELE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUU7UUFDOUMsZ0JBQWdCLENBQUMsU0FBUyxFQUFFLGFBQWEsQ0FBQztRQUMxQyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsVUFBVSxDQUFDO1FBQ3BDLGlCQUFpQixDQUFDLFFBQVEsRUFBRSxTQUFTLEVBQUUsWUFBWSxDQUFDO0tBQ3ZELENBQUMsQ0FBQztJQUVILE1BQU0sV0FBVyxHQUFHLE1BQU0sR0FBRyxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBQy9DLE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxXQUFXLENBQUM7SUFDdEMsTUFBTSxnQkFBZ0IsR0FBRyx1QkFBdUIsQ0FBQyxnQkFBZ0IsRUFBRSxNQUFNLENBQUMsQ0FBQztJQUMzRSxNQUFNLGVBQWUsR0FBRyxrQkFBa0IsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUN4RCxNQUFNLGtCQUFrQixHQUFHLHlCQUF5QixDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBRS9ELE1BQU0sYUFBYSxHQUFHO1FBQ2xCLEdBQUcsVUFBVTtRQUNiLEdBQUcsZ0JBQWdCO1FBQ25CLEdBQUcsZUFBZTtRQUNsQixHQUFHLGtCQUFrQjtLQUN4QixDQUFDO0lBRUYsT0FBT0EsNkJBQUMsR0FBRyxJQUFDLFNBQVMsRUFBRSxhQUFhLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFHLFFBQVEsQ0FBTyxDQUFDO0FBQ3JFOzs7OyJ9
|
|
@@ -1,7 +1,7 @@
|
|
|
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;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
|
-
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--
|
|
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)}._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
|
+
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--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);
|
|
7
7
|
|
|
@@ -1,20 +1,21 @@
|
|
|
1
1
|
import { TEXT_INLINE_TAG_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import { useStyleExtract, moduleClassNames,
|
|
2
|
+
import { useStyleExtract, moduleClassNames, booleanClassNames, useTextAccentClassnames, useColorClassNames } 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
7
|
const TextInline = ({ children, accent, color, strong, tag: Tag = TEXT_INLINE_TAG_DEFAULT, }) => {
|
|
8
8
|
useStyleExtract(styles);
|
|
9
|
-
const actualColor = accent ? undefined : color;
|
|
10
9
|
const classNames = moduleClassNames(styles, TEXT_INLINE, [
|
|
11
|
-
stringClassNames('accent', accent),
|
|
12
10
|
booleanClassNames('strong', undefined, strong),
|
|
13
11
|
]);
|
|
14
|
-
const
|
|
15
|
-
const
|
|
12
|
+
const actualColor = accent ? undefined : color;
|
|
13
|
+
const useDefaultAccent = !actualColor;
|
|
14
|
+
const accentClassNames = useTextAccentClassnames(useDefaultAccent, accent);
|
|
15
|
+
const colorClassNames = useColorClassNames(actualColor);
|
|
16
|
+
const allClassNames = [...classNames, ...accentClassNames, ...colorClassNames];
|
|
16
17
|
return React__default.createElement(Tag, { className: allClassNames.join(' ') }, children);
|
|
17
18
|
};
|
|
18
19
|
|
|
19
20
|
export { TextInline };
|
|
20
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dElubGluZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dElubGluZS9UZXh0SW5saW5lLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yTmFtZSwgVGV4dEFjY2VudCwgVGV4dElubGluZVRhZyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBURVhUX0lOTElORV9UQUdfREVGQVVMVCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgdXNlQ29sb3JDbGFzc05hbWVzLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbiAgICB1c2VUZXh0QWNjZW50Q2xhc3NuYW1lcyxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIGFjY2VudD86IFRleHRBY2NlbnQ7XG4gICAgY29sb3I/OiBDb2xvck5hbWU7XG4gICAgc3Ryb25nPzogYm9vbGVhbjtcbiAgICB0YWc/OiBUZXh0SW5saW5lVGFnO1xufVxuXG5jb25zdCBURVhUX0lOTElORSA9ICdUZXh0SW5saW5lJztcblxuZXhwb3J0IGNvbnN0IFRleHRJbmxpbmU6IEZDPFByb3BzPiA9ICh7XG4gICAgY2hpbGRyZW4sXG4gICAgYWNjZW50LFxuICAgIGNvbG9yLFxuICAgIHN0cm9uZyxcbiAgICB0YWc6IFRhZyA9IFRFWFRfSU5MSU5FX1RBR19ERUZBVUxULFxufSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBURVhUX0lOTElORSwgW1xuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnc3Ryb25nJywgdW5kZWZpbmVkLCBzdHJvbmcpLFxuICAgIF0pO1xuXG4gICAgY29uc3QgYWN0dWFsQ29sb3IgPSBhY2NlbnQgPyB1bmRlZmluZWQgOiBjb2xvcjtcbiAgICBjb25zdCB1c2VEZWZhdWx0QWNjZW50ID0gIWFjdHVhbENvbG9yO1xuICAgIGNvbnN0IGFjY2VudENsYXNzTmFtZXMgPSB1c2VUZXh0QWNjZW50Q2xhc3NuYW1lcyh1c2VEZWZhdWx0QWNjZW50LCBhY2NlbnQpO1xuICAgIGNvbnN0IGNvbG9yQ2xhc3NOYW1lcyA9IHVzZUNvbG9yQ2xhc3NOYW1lcyhhY3R1YWxDb2xvcik7XG5cbiAgICBjb25zdCBhbGxDbGFzc05hbWVzID0gWy4uLmNsYXNzTmFtZXMsIC4uLmFjY2VudENsYXNzTmFtZXMsIC4uLmNvbG9yQ2xhc3NOYW1lc107XG5cbiAgICByZXR1cm4gPFRhZyBjbGFzc05hbWU9e2FsbENsYXNzTmFtZXMuam9pbignICcpfT57Y2hpbGRyZW59PC9UYWc+O1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFvQkEsTUFBTSxXQUFXLEdBQUcsWUFBWSxDQUFDO01BRXBCLFVBQVUsR0FBYyxDQUFDLEVBQ2xDLFFBQVEsRUFDUixNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sRUFDTixHQUFHLEVBQUUsR0FBRyxHQUFHLHVCQUF1QixHQUNyQztJQUNHLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFO1FBQ3JELGlCQUFpQixDQUFDLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxDQUFDO0tBQ2pELENBQUMsQ0FBQztJQUVILE1BQU0sV0FBVyxHQUFHLE1BQU0sR0FBRyxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBQy9DLE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxXQUFXLENBQUM7SUFDdEMsTUFBTSxnQkFBZ0IsR0FBRyx1QkFBdUIsQ0FBQyxnQkFBZ0IsRUFBRSxNQUFNLENBQUMsQ0FBQztJQUMzRSxNQUFNLGVBQWUsR0FBRyxrQkFBa0IsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUV4RCxNQUFNLGFBQWEsR0FBRyxDQUFDLEdBQUcsVUFBVSxFQUFFLEdBQUcsZ0JBQWdCLEVBQUUsR0FBRyxlQUFlLENBQUMsQ0FBQztJQUUvRSxPQUFPQSw2QkFBQyxHQUFHLElBQUMsU0FBUyxFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUcsUUFBUSxDQUFPLENBQUM7QUFDckU7Ozs7In0=
|
|
@@ -1,7 +1,7 @@
|
|
|
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;font-family:var(--0e309);font-
|
|
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"
|
|
3
|
+
var css_248z = "._2iIfiT{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:var(--0e309);font-weight:var(--73984);margin:0}._2qHWNi{font-weight:var(--6e979)}";
|
|
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"};
|
|
5
5
|
var stylesheet=css_248z;
|
|
6
6
|
styleInject(css_248z);
|
|
7
7
|
|
package/dist/components/index.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export { Avatar } from './Avatar/Avatar.js';
|
|
2
|
+
export { AvatarWithStatus } from './AvatarWithStatus/AvatarWithStatus.js';
|
|
2
3
|
export { Button } from './Button/Button.js';
|
|
3
4
|
export { Heading } from './Heading/Heading.js';
|
|
4
5
|
export { Icon } from './Icon/Icon.js';
|
|
@@ -15,4 +16,4 @@ export { PreplyLogo } from './PreplyLogo/PreplyLogo.js';
|
|
|
15
16
|
export { Text } from './Text/Text.js';
|
|
16
17
|
export { TextHighlighted } from './TextHighlighted/TextHighlighted.js';
|
|
17
18
|
export { TextInline } from './TextInline/TextInline.js';
|
|
18
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { VERSION } from './version.js';
|
|
2
2
|
export { Avatar } from './components/Avatar/Avatar.js';
|
|
3
|
+
export { AvatarWithStatus } from './components/AvatarWithStatus/AvatarWithStatus.js';
|
|
3
4
|
export { Button } from './components/Button/Button.js';
|
|
4
5
|
export { Heading } from './components/Heading/Heading.js';
|
|
5
6
|
export { Icon } from './components/Icon/Icon.js';
|
|
@@ -16,4 +17,4 @@ export { PreplyLogo } from './components/PreplyLogo/PreplyLogo.js';
|
|
|
16
17
|
export { Text } from './components/Text/Text.js';
|
|
17
18
|
export { TextHighlighted } from './components/TextHighlighted/TextHighlighted.js';
|
|
18
19
|
export { TextInline } from './components/TextInline/TextInline.js';
|
|
19
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-web-lib",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.36.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.36.0",
|
|
23
|
+
"@preply/ds-media-icons": "0.36.0",
|
|
24
|
+
"@preply/ds-web-core": "0.36.0",
|
|
25
|
+
"@preply/ds-web-root": "0.36.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.36.0",
|
|
29
|
+
"@preply/ds-media-icons": "0.36.0",
|
|
30
|
+
"@preply/ds-web-core": "0.36.0",
|
|
31
|
+
"@preply/ds-web-root": "0.36.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.36.0",
|
|
37
|
+
"@preply/ds-theme-base-ui": "0.36.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": "db4201106174bb75a8db63f129fa3ac4414e44c0"
|
|
43
43
|
}
|