@preply/ds-web-lib 0.32.0 → 0.34.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.
Files changed (23) hide show
  1. package/dist/components/Avatar/Avatar.js +9 -4
  2. package/dist/components/AvatarWithStatus/AvatarWithStatus.d.ts +11 -0
  3. package/dist/components/AvatarWithStatus/AvatarWithStatus.js +23 -0
  4. package/dist/components/AvatarWithStatus/style/index.module.less +7 -0
  5. package/dist/components/AvatarWithStatus/style/index.module.less.js +9 -0
  6. package/dist/components/AvatarWithStatus/style/mixins.less +67 -0
  7. package/dist/components/AvatarWithStatus/style/mixins.less.js +8 -0
  8. package/dist/components/Heading/Heading.d.ts +3 -1
  9. package/dist/components/Heading/Heading.js +7 -4
  10. package/dist/components/Heading/style/index.module.less.js +1 -1
  11. package/dist/components/Icon/Icon.d.ts +3 -2
  12. package/dist/components/Icon/Icon.js +7 -4
  13. package/dist/components/Text/Text.d.ts +3 -1
  14. package/dist/components/Text/Text.js +8 -4
  15. package/dist/components/Text/style/index.module.less.js +1 -1
  16. package/dist/components/TextInline/TextInline.d.ts +2 -1
  17. package/dist/components/TextInline/TextInline.js +8 -5
  18. package/dist/components/TextInline/style/index.module.less.js +1 -1
  19. package/dist/components/index.d.ts +1 -0
  20. package/dist/components/index.js +2 -1
  21. package/dist/components/private/ButtonBase/style/index.module.less +1 -0
  22. package/dist/index.js +2 -1
  23. package/package.json +12 -12
package/dist/components/Avatar/Avatar.js CHANGED
@@ -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 = true, src, alt = '', }) => {
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, round),
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEF2YXRhclNpemUsIFJlc3BvbnNpdmUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgQVZBVEFSX1NJWkVfREVGQVVMVCwgQVZBVEFSX1NSQ19ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBzdHJpbmdDbGFzc05hbWVzLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIHNpemU/OiBSZXNwb25zaXZlPEF2YXRhclNpemU+O1xuICAgIHJvdW5kPzogYm9vbGVhbjtcbiAgICBzcmM/OiBzdHJpbmc7XG4gICAgYWx0Pzogc3RyaW5nO1xufVxuXG5jb25zdCBBVkFUQVIgPSAnQXZhdGFyJztcblxuZXhwb3J0IGNvbnN0IEF2YXRhcjogRkM8UHJvcHM+ID0gKHtcbiAgICBzaXplID0gQVZBVEFSX1NJWkVfREVGQVVMVCxcbiAgICByb3VuZCA9IHRydWUsXG4gICAgc3JjLFxuICAgIGFsdCA9ICcnLFxufTogUHJvcHMpID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgQVZBVEFSLCBbXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3NpemUnLCBzaXplKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ3JvdW5kJywgdW5kZWZpbmVkLCByb3VuZCksXG4gICAgXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8cGljdHVyZSBjbGFzc05hbWU9e2NsYXNzTmFtZXMuam9pbignICcpfT5cbiAgICAgICAgICAgIDxpbWcgc3JjPXtzcmMgfHwgQVZBVEFSX1NSQ19ERUZBVUxUfSBhbHQ9e2FsdH0gLz5cbiAgICAgICAgPC9waWN0dXJlPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQW1CQSxNQUFNLE1BQU0sR0FBRyxRQUFRLENBQUM7TUFFWCxNQUFNLEdBQWMsQ0FBQyxFQUM5QixJQUFJLEdBQUcsbUJBQW1CLEVBQzFCLEtBQUssR0FBRyxJQUFJLEVBQ1osR0FBRyxFQUNILEdBQUcsR0FBRyxFQUFFLEdBQ0o7SUFDSixlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLE1BQU0sRUFBRTtRQUNoRCxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDO1FBQzlCLGlCQUFpQixDQUFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDO0tBQy9DLENBQUMsQ0FBQztJQUVILFFBQ0lBLDBDQUFTLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUNwQ0Esc0NBQUssR0FBRyxFQUFFLEdBQUcsSUFBSSxrQkFBa0IsRUFBRSxHQUFHLEVBQUUsR0FBRyxHQUFJLENBQzNDLEVBQ1o7QUFDTjs7OzsifQ==
23
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEF2YXRhclNpemUsIFJlc3BvbnNpdmUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgQVZBVEFSX1NJWkVfREVGQVVMVCwgQVZBVEFSX1NSQ19ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBzdHJpbmdDbGFzc05hbWVzLFxuICAgIHVzZUluc3RydW1lbnQsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gICAgc2l6ZT86IFJlc3BvbnNpdmU8QXZhdGFyU2l6ZT47XG4gICAgcm91bmQ/OiBib29sZWFuO1xuICAgIHNyYz86IHN0cmluZztcbiAgICBhbHQ/OiBzdHJpbmc7XG59XG5cbmNvbnN0IEFWQVRBUiA9ICdBdmF0YXInO1xuXG5leHBvcnQgY29uc3QgQXZhdGFyOiBGQzxQcm9wcz4gPSAoeyBzaXplID0gQVZBVEFSX1NJWkVfREVGQVVMVCwgcm91bmQsIHNyYywgYWx0ID0gJycgfTogUHJvcHMpID0+IHtcbiAgICB1c2VJbnN0cnVtZW50KCdyZW5kZXInLCB7XG4gICAgICAgIGNvbXBvbmVudDogQVZBVEFSLFxuICAgICAgICBwcm9wczogeyBzaXplLCByb3VuZCB9LFxuICAgIH0pO1xuXG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBhY3R1YWxSb3VuZCA9IHJvdW5kID8/IHRydWU7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIEFWQVRBUiwgW1xuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdzaXplJywgc2l6ZSksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdyb3VuZCcsIHVuZGVmaW5lZCwgYWN0dWFsUm91bmQpLFxuICAgIF0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPHBpY3R1cmUgY2xhc3NOYW1lPXtjbGFzc05hbWVzLmpvaW4oJyAnKX0+XG4gICAgICAgICAgICA8aW1nIHNyYz17c3JjIHx8IEFWQVRBUl9TUkNfREVGQVVMVH0gYWx0PXthbHR9IC8+XG4gICAgICAgIDwvcGljdHVyZT5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFvQkEsTUFBTSxNQUFNLEdBQUcsUUFBUSxDQUFDO01BRVgsTUFBTSxHQUFjLENBQUMsRUFBRSxJQUFJLEdBQUcsbUJBQW1CLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxHQUFHLEdBQUcsRUFBRSxFQUFTO0lBQ3pGLGFBQWEsQ0FBQyxRQUFRLEVBQUU7UUFDcEIsU0FBUyxFQUFFLE1BQU07UUFDakIsS0FBSyxFQUFFLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRTtLQUN6QixDQUFDLENBQUM7SUFFSCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxXQUFXLEdBQUcsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksSUFBSSxDQUFDO0lBRWxDLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUU7UUFDaEQsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQztRQUM5QixpQkFBaUIsQ0FBQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsQ0FBQztLQUNyRCxDQUFDLENBQUM7SUFFSCxRQUNJQSwwQ0FBUyxTQUFTLEVBQUUsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7UUFDcENBLHNDQUFLLEdBQUcsRUFBRSxHQUFHLElBQUksa0JBQWtCLEVBQUUsR0FBRyxFQUFFLEdBQUcsR0FBSSxDQUMzQyxFQUNaO0FBQ047Ozs7In0=
package/dist/components/AvatarWithStatus/AvatarWithStatus.d.ts ADDED
@@ -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 {};
package/dist/components/AvatarWithStatus/AvatarWithStatus.js ADDED
@@ -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
package/dist/components/AvatarWithStatus/style/index.module.less ADDED
@@ -0,0 +1,7 @@
1
+ @import './mixins.less';
2
+
3
+ .AvatarWithStatus {
4
+ .status-indicator();
5
+ .online();
6
+ .size();
7
+ }
package/dist/components/AvatarWithStatus/style/index.module.less.js ADDED
@@ -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
+
package/dist/components/AvatarWithStatus/style/mixins.less ADDED
@@ -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
+ }
package/dist/components/AvatarWithStatus/style/mixins.less.js ADDED
@@ -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
package/dist/components/Heading/Heading.d.ts CHANGED
@@ -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>;
package/dist/components/Heading/Heading.js CHANGED
@@ -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
- return React__default.createElement(Tag, { className: classNames.join(' ') }, children);
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVhZGluZy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSGVhZGluZy9IZWFkaW5nLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEhlYWRpbmdMZXZlbCwgSGVhZGluZ1RhZywgUmVzcG9uc2l2ZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgdXNlSW5zdHJ1bWVudCxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFByb3BzIHtcbiAgICBsZXZlbDogSGVhZGluZ0xldmVsO1xuICAgIGxhcmdlPzogUmVzcG9uc2l2ZTxib29sZWFuPjtcbiAgICBzdHJvbmc/OiBib29sZWFuO1xuICAgIHRhZz86IEhlYWRpbmdUYWc7XG59XG5cbmNvbnN0IEhFQURJTkcgPSAnSGVhZGluZyc7XG5cbmV4cG9ydCBjb25zdCBIZWFkaW5nOiBGQzxQcm9wcz4gPSAoeyBjaGlsZHJlbiwgbGV2ZWwsIGxhcmdlID0gZmFsc2UsIHN0cm9uZywgdGFnIH0pID0+IHtcbiAgICB1c2VJbnN0cnVtZW50KCdyZW5kZXInLCB7XG4gICAgICAgIGNvbXBvbmVudDogSEVBRElORyxcbiAgICAgICAgcHJvcHM6IHsgbGV2ZWwsIHN0cm9uZyB9LFxuICAgIH0pO1xuXG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBUYWcgPSAodGFnIHx8IGxldmVsKSBhcyBIZWFkaW5nVGFnO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBIRUFESU5HLCBbXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKGBsZXZlbC0ke2xldmVsfS1sYXJnZWAsIGBsZXZlbC0ke2xldmVsfS1ub3JtYWxgLCBsYXJnZSksXG4gICAgXSk7XG5cbiAgICByZXR1cm4gPFRhZyBjbGFzc05hbWU9e2NsYXNzTmFtZXMuam9pbignICcpfT57Y2hpbGRyZW59PC9UYWc+O1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7OztBQWtCQSxNQUFNLE9BQU8sR0FBRyxTQUFTLENBQUM7TUFFYixPQUFPLEdBQWMsQ0FBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsS0FBSyxHQUFHLEtBQUssRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFO0lBQzlFLGFBQWEsQ0FBQyxRQUFRLEVBQUU7UUFDcEIsU0FBUyxFQUFFLE9BQU87UUFDbEIsS0FBSyxFQUFFLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRTtLQUMzQixDQUFDLENBQUM7SUFFSCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxHQUFHLElBQUksR0FBRyxJQUFJLEtBQUssQ0FBZSxDQUFDO0lBRXpDLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUU7UUFDakQsaUJBQWlCLENBQUMsU0FBUyxLQUFLLFFBQVEsRUFBRSxTQUFTLEtBQUssU0FBUyxFQUFFLEtBQUssQ0FBQztLQUM1RSxDQUFDLENBQUM7SUFFSCxPQUFPQSw2QkFBQyxHQUFHLElBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUcsUUFBUSxDQUFPLENBQUM7QUFDbEU7Ozs7In0=
23
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVhZGluZy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSGVhZGluZy9IZWFkaW5nLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yTmFtZSwgSGVhZGluZ0xldmVsLCBIZWFkaW5nVGFnLCBSZXNwb25zaXZlIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICB1c2VDb2xvckNsYXNzTmFtZSxcbiAgICB1c2VJbnN0cnVtZW50LFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbiAgICB1c2VUZXh0Q2VudGVyZWRDbGFzc25hbWUsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFByb3BzIHtcbiAgICBsZXZlbDogSGVhZGluZ0xldmVsO1xuICAgIGxhcmdlPzogUmVzcG9uc2l2ZTxib29sZWFuPjtcbiAgICBzdHJvbmc/OiBib29sZWFuO1xuICAgIHRhZz86IEhlYWRpbmdUYWc7XG4gICAgY29sb3I/OiBDb2xvck5hbWU7XG4gICAgY2VudGVyZWQ/OiBSZXNwb25zaXZlPGJvb2xlYW4+O1xufVxuXG5jb25zdCBIRUFESU5HID0gJ0hlYWRpbmcnO1xuXG5leHBvcnQgY29uc3QgSGVhZGluZzogRkM8UHJvcHM+ID0gKHtcbiAgICBjaGlsZHJlbixcbiAgICBsZXZlbCxcbiAgICBsYXJnZSA9IGZhbHNlLFxuICAgIHN0cm9uZyxcbiAgICB0YWcsXG4gICAgY29sb3IsXG4gICAgY2VudGVyZWQsXG59KSA9PiB7XG4gICAgdXNlSW5zdHJ1bWVudCgncmVuZGVyJywge1xuICAgICAgICBjb21wb25lbnQ6IEhFQURJTkcsXG4gICAgICAgIHByb3BzOiB7IGxldmVsLCBzdHJvbmcgfSxcbiAgICB9KTtcblxuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgVGFnID0gKHRhZyB8fCBsZXZlbCkgYXMgSGVhZGluZ1RhZztcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgSEVBRElORywgW1xuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcyhgbGV2ZWwtJHtsZXZlbH0tbGFyZ2VgLCBgbGV2ZWwtJHtsZXZlbH0tbm9ybWFsYCwgbGFyZ2UpLFxuICAgIF0pO1xuICAgIGNvbnN0IGNlbnRlcmVkQ2xhc3NOYW1lcyA9IHVzZVRleHRDZW50ZXJlZENsYXNzbmFtZShjZW50ZXJlZCk7XG4gICAgY29uc3QgY29sb3JDbGFzc05hbWVzID0gdXNlQ29sb3JDbGFzc05hbWUoY29sb3IpO1xuXG4gICAgY29uc3QgYWxsQ2xhc3NOYW1lcyA9IFsuLi5jbGFzc05hbWVzLCAuLi5jZW50ZXJlZENsYXNzTmFtZXMsIC4uLmNvbG9yQ2xhc3NOYW1lc107XG5cbiAgICByZXR1cm4gPFRhZyBjbGFzc05hbWU9e2FsbENsYXNzTmFtZXMuam9pbignICcpfT57Y2hpbGRyZW59PC9UYWc+O1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7OztBQXNCQSxNQUFNLE9BQU8sR0FBRyxTQUFTLENBQUM7TUFFYixPQUFPLEdBQWMsQ0FBQyxFQUMvQixRQUFRLEVBQ1IsS0FBSyxFQUNMLEtBQUssR0FBRyxLQUFLLEVBQ2IsTUFBTSxFQUNOLEdBQUcsRUFDSCxLQUFLLEVBQ0wsUUFBUSxHQUNYO0lBQ0csYUFBYSxDQUFDLFFBQVEsRUFBRTtRQUNwQixTQUFTLEVBQUUsT0FBTztRQUNsQixLQUFLLEVBQUUsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFO0tBQzNCLENBQUMsQ0FBQztJQUVILGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLEdBQUcsSUFBSSxHQUFHLElBQUksS0FBSyxDQUFlLENBQUM7SUFFekMsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLE9BQU8sRUFBRTtRQUNqRCxpQkFBaUIsQ0FBQyxTQUFTLEtBQUssUUFBUSxFQUFFLFNBQVMsS0FBSyxTQUFTLEVBQUUsS0FBSyxDQUFDO0tBQzVFLENBQUMsQ0FBQztJQUNILE1BQU0sa0JBQWtCLEdBQUcsd0JBQXdCLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDOUQsTUFBTSxlQUFlLEdBQUcsaUJBQWlCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFFakQsTUFBTSxhQUFhLEdBQUcsQ0FBQyxHQUFHLFVBQVUsRUFBRSxHQUFHLGtCQUFrQixFQUFFLEdBQUcsZUFBZSxDQUFDLENBQUM7SUFFakYsT0FBT0EsNkJBQUMsR0FBRyxJQUFDLFNBQVMsRUFBRSxhQUFhLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFHLFFBQVEsQ0FBTyxDQUFDO0FBQ3JFOzs7OyJ9
package/dist/components/Heading/style/index.module.less.js CHANGED
@@ -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;color:var(--aface);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)}}";
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);
package/dist/components/Icon/Icon.d.ts CHANGED
@@ -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>;
package/dist/components/Icon/Icon.js CHANGED
@@ -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: classNames.join(' '), style: style, "aria-hidden": !label, "aria-label": label },
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSWNvbi9JY29uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEljb25BY2NlbnQsIEljb25TaXplIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IElDT05fU0laRV9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBzdHJpbmdDbGFzc05hbWVzLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIFNWR0F0dHJpYnV0ZXMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCB0eXBlIFJlYWN0U1ZHQ29tcG9uZW50VHlwZSA9IFJlYWN0LkNvbXBvbmVudFR5cGU8U1ZHQXR0cmlidXRlczxTVkdFbGVtZW50Pj47XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIHN2ZzogUmVhY3RTVkdDb21wb25lbnRUeXBlO1xuICAgIGFjY2VudD86IEljb25BY2NlbnQ7XG4gICAgc2l6ZT86IEljb25TaXplO1xuICAgIGxhYmVsPzogc3RyaW5nO1xufVxuXG5jb25zdCBJQ09OID0gJ0ljb24nO1xuXG5leHBvcnQgY29uc3QgSWNvbjogRkM8UHJvcHM+ID0gKHsgc3ZnOiBTdmcsIHNpemUgPSBJQ09OX1NJWkVfREVGQVVMVCwgYWNjZW50LCBsYWJlbCB9KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCB1c2VOdW1lcmljU2l6ZSA9ICFOdW1iZXIuaXNOYU4oTnVtYmVyKHNpemUpKTtcblxuICAgIGNvbnN0IHN0eWxlID0gdXNlTnVtZXJpY1NpemUgPyB7IHdpZHRoOiBgJHtzaXplfXB4YCwgaGVpZ2h0OiBgJHtzaXplfXB4YCB9IDoge307XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIElDT04sIFtcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnYWNjZW50JywgYWNjZW50KSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoYHNpemUtJHtzaXplIGFzIHN0cmluZ31gLCB1bmRlZmluZWQsICF1c2VOdW1lcmljU2l6ZSksXG4gICAgXSk7XG5cbiAgICBpZiAoIVN2Zykge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ0ljb24gcHJvcCBzdmcgaXMgbWFuZGF0b3J5Jyk7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcy5qb2luKCcgJyl9XG4gICAgICAgICAgICBzdHlsZT17c3R5bGV9XG4gICAgICAgICAgICBhcmlhLWhpZGRlbj17IWxhYmVsfVxuICAgICAgICAgICAgYXJpYS1sYWJlbD17bGFiZWx9XG4gICAgICAgID5cbiAgICAgICAgICAgIDxTdmcgYXJpYS1oaWRkZW49XCJ0cnVlXCIgZm9jdXNhYmxlPVwiZmFsc2VcIiAvPlxuICAgICAgICA8L3NwYW4+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7O0FBcUJBLE1BQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQztNQUVQLElBQUksR0FBYyxDQUFDLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxJQUFJLEdBQUcsaUJBQWlCLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTtJQUNqRixlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxjQUFjLEdBQUcsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBRW5ELE1BQU0sS0FBSyxHQUFHLGNBQWMsR0FBRyxFQUFFLEtBQUssRUFBRSxHQUFHLElBQUksSUFBSSxFQUFFLE1BQU0sRUFBRSxHQUFHLElBQUksSUFBSSxFQUFFLEdBQUcsRUFBRSxDQUFDO0lBRWhGLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUU7UUFDOUMsZ0JBQWdCLENBQUMsUUFBUSxFQUFFLE1BQU0sQ0FBQztRQUNsQyxpQkFBaUIsQ0FBQyxRQUFRLElBQWMsRUFBRSxFQUFFLFNBQVMsRUFBRSxDQUFDLGNBQWMsQ0FBQztLQUMxRSxDQUFDLENBQUM7SUFFSCxJQUFJLENBQUMsR0FBRyxFQUFFO1FBQ04sTUFBTSxJQUFJLEtBQUssQ0FBQyw0QkFBNEIsQ0FBQyxDQUFDO0tBQ2pEO0lBRUQsUUFDSUEsdUNBQ0ksU0FBUyxFQUFFLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQy9CLEtBQUssRUFBRSxLQUFLLGlCQUNDLENBQUMsS0FBSyxnQkFDUCxLQUFLO1FBRWpCQSw2QkFBQyxHQUFHLG1CQUFhLE1BQU0sRUFBQyxTQUFTLEVBQUMsT0FBTyxHQUFHLENBQ3pDLEVBQ1Q7QUFDTjs7OzsifQ==
26
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSWNvbi9JY29uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yTmFtZSwgSWNvbkFjY2VudCwgSWNvblNpemUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgSUNPTl9TSVpFX0RFRkFVTFQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBib29sZWFuQ2xhc3NOYW1lcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHN0cmluZ0NsYXNzTmFtZXMsXG4gICAgdXNlQ29sb3JDbGFzc05hbWUsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgU1ZHQXR0cmlidXRlcyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IHR5cGUgUmVhY3RTVkdDb21wb25lbnRUeXBlID0gUmVhY3QuQ29tcG9uZW50VHlwZTxTVkdBdHRyaWJ1dGVzPFNWR0VsZW1lbnQ+PjtcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gICAgc3ZnOiBSZWFjdFNWR0NvbXBvbmVudFR5cGU7XG4gICAgc2l6ZT86IEljb25TaXplO1xuICAgIGFjY2VudD86IEljb25BY2NlbnQ7XG4gICAgY29sb3I/OiBDb2xvck5hbWU7XG4gICAgbGFiZWw/OiBzdHJpbmc7XG59XG5cbmNvbnN0IElDT04gPSAnSWNvbic7XG5cbmV4cG9ydCBjb25zdCBJY29uOiBGQzxQcm9wcz4gPSAoeyBzdmc6IFN2Zywgc2l6ZSA9IElDT05fU0laRV9ERUZBVUxULCBhY2NlbnQsIGNvbG9yLCBsYWJlbCB9KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCB1c2VOdW1lcmljU2l6ZSA9ICFOdW1iZXIuaXNOYU4oTnVtYmVyKHNpemUpKTtcblxuICAgIGNvbnN0IHN0eWxlID0gdXNlTnVtZXJpY1NpemUgPyB7IHdpZHRoOiBgJHtzaXplfXB4YCwgaGVpZ2h0OiBgJHtzaXplfXB4YCB9IDoge307XG5cbiAgICBjb25zdCBhY3R1YWxDb2xvciA9IGFjY2VudCA/IHVuZGVmaW5lZCA6IGNvbG9yO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBJQ09OLCBbXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ2FjY2VudCcsIGFjY2VudCksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKGBzaXplLSR7c2l6ZSBhcyBzdHJpbmd9YCwgdW5kZWZpbmVkLCAhdXNlTnVtZXJpY1NpemUpLFxuICAgIF0pO1xuXG4gICAgY29uc3QgY29sb3JDbGFzc05hbWVzID0gdXNlQ29sb3JDbGFzc05hbWUoYWN0dWFsQ29sb3IsIHRydWUpO1xuXG4gICAgY29uc3QgYWxsQ2xhc3NOYW1lcyA9IFsuLi5jbGFzc05hbWVzLCAuLi5jb2xvckNsYXNzTmFtZXNdO1xuXG4gICAgaWYgKCFTdmcpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdJY29uIHByb3Agc3ZnIGlzIG1hbmRhdG9yeScpO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjbGFzc05hbWU9e2FsbENsYXNzTmFtZXMuam9pbignICcpfVxuICAgICAgICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgICAgICAgYXJpYS1oaWRkZW49eyFsYWJlbH1cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e2xhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgICA8U3ZnIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIGZvY3VzYWJsZT1cImZhbHNlXCIgLz5cbiAgICAgICAgPC9zcGFuPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQXVCQSxNQUFNLElBQUksR0FBRyxNQUFNLENBQUM7TUFFUCxJQUFJLEdBQWMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsSUFBSSxHQUFHLGlCQUFpQixFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFO0lBQ3hGLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLGNBQWMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7SUFFbkQsTUFBTSxLQUFLLEdBQUcsY0FBYyxHQUFHLEVBQUUsS0FBSyxFQUFFLEdBQUcsSUFBSSxJQUFJLEVBQUUsTUFBTSxFQUFFLEdBQUcsSUFBSSxJQUFJLEVBQUUsR0FBRyxFQUFFLENBQUM7SUFFaEYsTUFBTSxXQUFXLEdBQUcsTUFBTSxHQUFHLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFFL0MsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksRUFBRTtRQUM5QyxnQkFBZ0IsQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDO1FBQ2xDLGlCQUFpQixDQUFDLFFBQVEsSUFBYyxFQUFFLEVBQUUsU0FBUyxFQUFFLENBQUMsY0FBYyxDQUFDO0tBQzFFLENBQUMsQ0FBQztJQUVILE1BQU0sZUFBZSxHQUFHLGlCQUFpQixDQUFDLFdBQVcsRUFBRSxJQUFJLENBQUMsQ0FBQztJQUU3RCxNQUFNLGFBQWEsR0FBRyxDQUFDLEdBQUcsVUFBVSxFQUFFLEdBQUcsZUFBZSxDQUFDLENBQUM7SUFFMUQsSUFBSSxDQUFDLEdBQUcsRUFBRTtRQUNOLE1BQU0sSUFBSSxLQUFLLENBQUMsNEJBQTRCLENBQUMsQ0FBQztLQUNqRDtJQUVELFFBQ0lBLHVDQUNJLFNBQVMsRUFBRSxhQUFhLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUNsQyxLQUFLLEVBQUUsS0FBSyxpQkFDQyxDQUFDLEtBQUssZ0JBQ1AsS0FBSztRQUVqQkEsNkJBQUMsR0FBRyxtQkFBYSxNQUFNLEVBQUMsU0FBUyxFQUFDLE9BQU8sR0FBRyxDQUN6QyxFQUNUO0FBQ047Ozs7In0=
package/dist/components/Text/Text.d.ts CHANGED
@@ -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>;
package/dist/components/Text/Text.js CHANGED
@@ -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
- return React__default.createElement(Tag, { className: classNames.join(' ') }, children);
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dC9UZXh0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIFJlc3BvbnNpdmUsXG4gICAgVEVYVF9UQUdfREVGQVVMVCxcbiAgICBURVhUX1ZBUklBTlRfREVGQVVMVCxcbiAgICBUZXh0QWNjZW50LFxuICAgIFRleHRTaXplLFxuICAgIFRleHRUYWcsXG4gICAgVGV4dFZhcmlhbnQsXG59IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VJbnN0cnVtZW50LFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIHZhcmlhbnQ/OiBSZXNwb25zaXZlPFRleHRWYXJpYW50PjtcbiAgICBzaXplPzogVGV4dFNpemU7XG4gICAgYWNjZW50PzogVGV4dEFjY2VudDtcbiAgICBzdHJvbmc/OiBib29sZWFuO1xuICAgIHRhZz86IFRleHRUYWc7XG59XG5cbmNvbnN0IFRFWFQgPSAnVGV4dCc7XG5cbmV4cG9ydCBjb25zdCBUZXh0OiBGQzxQcm9wcz4gPSAoe1xuICAgIGNoaWxkcmVuLFxuICAgIHZhcmlhbnQsXG4gICAgc2l6ZSxcbiAgICBhY2NlbnQsXG4gICAgc3Ryb25nLFxuICAgIHRhZzogVGFnID0gVEVYVF9UQUdfREVGQVVMVCxcbn0pID0+IHtcbiAgICB1c2VJbnN0cnVtZW50KCdyZW5kZXInLCB7XG4gICAgICAgIGNvbXBvbmVudDogVEVYVCxcbiAgICAgICAgcHJvcHM6IHsgc2l6ZSwgc3Ryb25nIH0sXG4gICAgfSk7XG5cbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGFjdHVhbFNpemUgPSB2YXJpYW50ID8gdW5kZWZpbmVkIDogc2l6ZTtcbiAgICBjb25zdCBhY3R1YWxTdHJvbmcgPSB2YXJpYW50ID8gdW5kZWZpbmVkIDogc3Ryb25nO1xuICAgIGNvbnN0IGFjdHVhbFZhcmlhbnQgPSB2YXJpYW50IHx8IChzaXplID8gdW5kZWZpbmVkIDogVEVYVF9WQVJJQU5UX0RFRkFVTFQpO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBURVhULCBbXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3ZhcmlhbnQnLCBhY3R1YWxWYXJpYW50KSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnc2l6ZScsIGFjdHVhbFNpemUpLFxuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdhY2NlbnQnLCBhY2NlbnQpLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnc3Ryb25nJywgdW5kZWZpbmVkLCBhY3R1YWxTdHJvbmcpLFxuICAgIF0pO1xuXG4gICAgcmV0dXJuIDxUYWcgY2xhc3NOYW1lPXtjbGFzc05hbWVzLmpvaW4oJyAnKX0+e2NoaWxkcmVufTwvVGFnPjtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7O0FBNEJBLE1BQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQztNQUVQLElBQUksR0FBYyxDQUFDLEVBQzVCLFFBQVEsRUFDUixPQUFPLEVBQ1AsSUFBSSxFQUNKLE1BQU0sRUFDTixNQUFNLEVBQ04sR0FBRyxFQUFFLEdBQUcsR0FBRyxnQkFBZ0IsR0FDOUI7SUFDRyxhQUFhLENBQUMsUUFBUSxFQUFFO1FBQ3BCLFNBQVMsRUFBRSxJQUFJO1FBQ2YsS0FBSyxFQUFFLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRTtLQUMxQixDQUFDLENBQUM7SUFFSCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxVQUFVLEdBQUcsT0FBTyxHQUFHLFNBQVMsR0FBRyxJQUFJLENBQUM7SUFDOUMsTUFBTSxZQUFZLEdBQUcsT0FBTyxHQUFHLFNBQVMsR0FBRyxNQUFNLENBQUM7SUFDbEQsTUFBTSxhQUFhLEdBQUcsT0FBTyxLQUFLLElBQUksR0FBRyxTQUFTLEdBQUcsb0JBQW9CLENBQUMsQ0FBQztJQUUzRSxNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsSUFBSSxFQUFFO1FBQzlDLGdCQUFnQixDQUFDLFNBQVMsRUFBRSxhQUFhLENBQUM7UUFDMUMsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLFVBQVUsQ0FBQztRQUNwQyxnQkFBZ0IsQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDO1FBQ2xDLGlCQUFpQixDQUFDLFFBQVEsRUFBRSxTQUFTLEVBQUUsWUFBWSxDQUFDO0tBQ3ZELENBQUMsQ0FBQztJQUVILE9BQU9BLDZCQUFDLEdBQUcsSUFBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBRyxRQUFRLENBQU8sQ0FBQztBQUNsRTs7OzsifQ==
30
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dC9UZXh0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENvbG9yTmFtZSxcbiAgICBSZXNwb25zaXZlLFxuICAgIFRFWFRfVEFHX0RFRkFVTFQsXG4gICAgVEVYVF9WQVJJQU5UX0RFRkFVTFQsXG4gICAgVGV4dEFjY2VudCxcbiAgICBUZXh0U2l6ZSxcbiAgICBUZXh0VGFnLFxuICAgIFRleHRWYXJpYW50LFxufSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBib29sZWFuQ2xhc3NOYW1lcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHN0cmluZ0NsYXNzTmFtZXMsXG4gICAgdXNlQ29sb3JDbGFzc05hbWUsXG4gICAgdXNlSW5zdHJ1bWVudCxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG4gICAgdXNlVGV4dENlbnRlcmVkQ2xhc3NuYW1lLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gICAgdmFyaWFudD86IFJlc3BvbnNpdmU8VGV4dFZhcmlhbnQ+O1xuICAgIHNpemU/OiBUZXh0U2l6ZTtcbiAgICBhY2NlbnQ/OiBUZXh0QWNjZW50O1xuICAgIGNvbG9yPzogQ29sb3JOYW1lO1xuICAgIHN0cm9uZz86IGJvb2xlYW47XG4gICAgY2VudGVyZWQ/OiBSZXNwb25zaXZlPGJvb2xlYW4+O1xuICAgIHRhZz86IFRleHRUYWc7XG59XG5cbmNvbnN0IFRFWFQgPSAnVGV4dCc7XG5cbmV4cG9ydCBjb25zdCBUZXh0OiBGQzxQcm9wcz4gPSAoe1xuICAgIGNoaWxkcmVuLFxuICAgIHZhcmlhbnQsXG4gICAgc2l6ZSxcbiAgICBhY2NlbnQsXG4gICAgY29sb3IsXG4gICAgc3Ryb25nLFxuICAgIGNlbnRlcmVkLFxuICAgIHRhZzogVGFnID0gVEVYVF9UQUdfREVGQVVMVCxcbn0pID0+IHtcbiAgICB1c2VJbnN0cnVtZW50KCdyZW5kZXInLCB7XG4gICAgICAgIGNvbXBvbmVudDogVEVYVCxcbiAgICAgICAgcHJvcHM6IHsgc2l6ZSwgc3Ryb25nIH0sXG4gICAgfSk7XG5cbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGFjdHVhbFNpemUgPSB2YXJpYW50ID8gdW5kZWZpbmVkIDogc2l6ZTtcbiAgICBjb25zdCBhY3R1YWxTdHJvbmcgPSB2YXJpYW50ID8gdW5kZWZpbmVkIDogc3Ryb25nO1xuICAgIGNvbnN0IGFjdHVhbFZhcmlhbnQgPSB2YXJpYW50IHx8IChzaXplID8gdW5kZWZpbmVkIDogVEVYVF9WQVJJQU5UX0RFRkFVTFQpO1xuICAgIGNvbnN0IGFjdHVhbENvbG9yID0gYWNjZW50ID8gdW5kZWZpbmVkIDogY29sb3I7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIFRFWFQsIFtcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygndmFyaWFudCcsIGFjdHVhbFZhcmlhbnQpLFxuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdzaXplJywgYWN0dWFsU2l6ZSksXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ2FjY2VudCcsIGFjY2VudCksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdzdHJvbmcnLCB1bmRlZmluZWQsIGFjdHVhbFN0cm9uZyksXG4gICAgXSk7XG5cbiAgICBjb25zdCBjb2xvckNsYXNzTmFtZXMgPSB1c2VDb2xvckNsYXNzTmFtZShhY3R1YWxDb2xvcik7XG4gICAgY29uc3QgY2VudGVyZWRDbGFzc05hbWVzID0gdXNlVGV4dENlbnRlcmVkQ2xhc3NuYW1lKGNlbnRlcmVkKTtcblxuICAgIGNvbnN0IGFsbENsYXNzTmFtZXMgPSBbLi4uY2xhc3NOYW1lcywgLi4uY29sb3JDbGFzc05hbWVzLCAuLi5jZW50ZXJlZENsYXNzTmFtZXNdO1xuXG4gICAgcmV0dXJuIDxUYWcgY2xhc3NOYW1lPXthbGxDbGFzc05hbWVzLmpvaW4oJyAnKX0+e2NoaWxkcmVufTwvVGFnPjtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7O0FBaUNBLE1BQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQztNQUVQLElBQUksR0FBYyxDQUFDLEVBQzVCLFFBQVEsRUFDUixPQUFPLEVBQ1AsSUFBSSxFQUNKLE1BQU0sRUFDTixLQUFLLEVBQ0wsTUFBTSxFQUNOLFFBQVEsRUFDUixHQUFHLEVBQUUsR0FBRyxHQUFHLGdCQUFnQixHQUM5QjtJQUNHLGFBQWEsQ0FBQyxRQUFRLEVBQUU7UUFDcEIsU0FBUyxFQUFFLElBQUk7UUFDZixLQUFLLEVBQUUsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFO0tBQzFCLENBQUMsQ0FBQztJQUVILGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLFVBQVUsR0FBRyxPQUFPLEdBQUcsU0FBUyxHQUFHLElBQUksQ0FBQztJQUM5QyxNQUFNLFlBQVksR0FBRyxPQUFPLEdBQUcsU0FBUyxHQUFHLE1BQU0sQ0FBQztJQUNsRCxNQUFNLGFBQWEsR0FBRyxPQUFPLEtBQUssSUFBSSxHQUFHLFNBQVMsR0FBRyxvQkFBb0IsQ0FBQyxDQUFDO0lBQzNFLE1BQU0sV0FBVyxHQUFHLE1BQU0sR0FBRyxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBRS9DLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUU7UUFDOUMsZ0JBQWdCLENBQUMsU0FBUyxFQUFFLGFBQWEsQ0FBQztRQUMxQyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsVUFBVSxDQUFDO1FBQ3BDLGdCQUFnQixDQUFDLFFBQVEsRUFBRSxNQUFNLENBQUM7UUFDbEMsaUJBQWlCLENBQUMsUUFBUSxFQUFFLFNBQVMsRUFBRSxZQUFZLENBQUM7S0FDdkQsQ0FBQyxDQUFDO0lBRUgsTUFBTSxlQUFlLEdBQUcsaUJBQWlCLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDdkQsTUFBTSxrQkFBa0IsR0FBRyx3QkFBd0IsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUU5RCxNQUFNLGFBQWEsR0FBRyxDQUFDLEdBQUcsVUFBVSxFQUFFLEdBQUcsZUFBZSxFQUFFLEdBQUcsa0JBQWtCLENBQUMsQ0FBQztJQUVqRixPQUFPQSw2QkFBQyxHQUFHLElBQUMsU0FBUyxFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUcsUUFBUSxDQUFPLENBQUM7QUFDckU7Ozs7In0=
package/dist/components/Text/style/index.module.less.js CHANGED
@@ -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);
package/dist/components/TextInline/TextInline.d.ts CHANGED
@@ -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
  }
package/dist/components/TextInline/TextInline.js CHANGED
@@ -1,17 +1,20 @@
1
- import { TEXT_ACCENT_DEFAULT, TEXT_INLINE_TAG_DEFAULT } from '@preply/ds-core';
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 = TEXT_ACCENT_DEFAULT, strong, tag: Tag = TEXT_INLINE_TAG_DEFAULT, }) => {
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
- return React__default.createElement(Tag, { className: classNames.join(' ') }, children);
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dElubGluZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dElubGluZS9UZXh0SW5saW5lLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRleHRBY2NlbnQsIFRleHRJbmxpbmVUYWcgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgVEVYVF9BQ0NFTlRfREVGQVVMVCwgVEVYVF9JTkxJTkVfVEFHX0RFRkFVTFQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBib29sZWFuQ2xhc3NOYW1lcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHN0cmluZ0NsYXNzTmFtZXMsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gICAgYWNjZW50PzogVGV4dEFjY2VudDtcbiAgICBzdHJvbmc/OiBib29sZWFuO1xuICAgIHRhZz86IFRleHRJbmxpbmVUYWc7XG59XG5cbmNvbnN0IFRFWFRfSU5MSU5FID0gJ1RleHRJbmxpbmUnO1xuXG5leHBvcnQgY29uc3QgVGV4dElubGluZTogRkM8UHJvcHM+ID0gKHtcbiAgICBjaGlsZHJlbixcbiAgICBhY2NlbnQgPSBURVhUX0FDQ0VOVF9ERUZBVUxULFxuICAgIHN0cm9uZyxcbiAgICB0YWc6IFRhZyA9IFRFWFRfSU5MSU5FX1RBR19ERUZBVUxULFxufSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBURVhUX0lOTElORSwgW1xuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdhY2NlbnQnLCBhY2NlbnQpLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnc3Ryb25nJywgdW5kZWZpbmVkLCBzdHJvbmcpLFxuICAgIF0pO1xuXG4gICAgcmV0dXJuIDxUYWcgY2xhc3NOYW1lPXtjbGFzc05hbWVzLmpvaW4oJyAnKX0+e2NoaWxkcmVufTwvVGFnPjtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7O0FBa0JBLE1BQU0sV0FBVyxHQUFHLFlBQVksQ0FBQztNQUVwQixVQUFVLEdBQWMsQ0FBQyxFQUNsQyxRQUFRLEVBQ1IsTUFBTSxHQUFHLG1CQUFtQixFQUM1QixNQUFNLEVBQ04sR0FBRyxFQUFFLEdBQUcsR0FBRyx1QkFBdUIsR0FDckM7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRTtRQUNyRCxnQkFBZ0IsQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDO1FBQ2xDLGlCQUFpQixDQUFDLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxDQUFDO0tBQ2pELENBQUMsQ0FBQztJQUVILE9BQU9BLDZCQUFDLEdBQUcsSUFBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBRyxRQUFRLENBQU8sQ0FBQztBQUNsRTs7OzsifQ==
20
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dElubGluZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dElubGluZS9UZXh0SW5saW5lLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yTmFtZSwgVGV4dEFjY2VudCwgVGV4dElubGluZVRhZyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBURVhUX0lOTElORV9UQUdfREVGQVVMVCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VDb2xvckNsYXNzTmFtZSxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFByb3BzIHtcbiAgICBhY2NlbnQ/OiBUZXh0QWNjZW50O1xuICAgIGNvbG9yPzogQ29sb3JOYW1lO1xuICAgIHN0cm9uZz86IGJvb2xlYW47XG4gICAgdGFnPzogVGV4dElubGluZVRhZztcbn1cblxuY29uc3QgVEVYVF9JTkxJTkUgPSAnVGV4dElubGluZSc7XG5cbmV4cG9ydCBjb25zdCBUZXh0SW5saW5lOiBGQzxQcm9wcz4gPSAoe1xuICAgIGNoaWxkcmVuLFxuICAgIGFjY2VudCxcbiAgICBjb2xvcixcbiAgICBzdHJvbmcsXG4gICAgdGFnOiBUYWcgPSBURVhUX0lOTElORV9UQUdfREVGQVVMVCxcbn0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGFjdHVhbENvbG9yID0gYWNjZW50ID8gdW5kZWZpbmVkIDogY29sb3I7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIFRFWFRfSU5MSU5FLCBbXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ2FjY2VudCcsIGFjY2VudCksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdzdHJvbmcnLCB1bmRlZmluZWQsIHN0cm9uZyksXG4gICAgXSk7XG5cbiAgICBjb25zdCBjb2xvckNsYXNzTmFtZXMgPSB1c2VDb2xvckNsYXNzTmFtZShhY3R1YWxDb2xvcik7XG5cbiAgICBjb25zdCBhbGxDbGFzc05hbWVzID0gWy4uLmNsYXNzTmFtZXMsIC4uLmNvbG9yQ2xhc3NOYW1lc107XG5cbiAgICByZXR1cm4gPFRhZyBjbGFzc05hbWU9e2FsbENsYXNzTmFtZXMuam9pbignICcpfT57Y2hpbGRyZW59PC9UYWc+O1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFvQkEsTUFBTSxXQUFXLEdBQUcsWUFBWSxDQUFDO01BRXBCLFVBQVUsR0FBYyxDQUFDLEVBQ2xDLFFBQVEsRUFDUixNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sRUFDTixHQUFHLEVBQUUsR0FBRyxHQUFHLHVCQUF1QixHQUNyQztJQUNHLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLFdBQVcsR0FBRyxNQUFNLEdBQUcsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUUvQyxNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFO1FBQ3JELGdCQUFnQixDQUFDLFFBQVEsRUFBRSxNQUFNLENBQUM7UUFDbEMsaUJBQWlCLENBQUMsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUM7S0FDakQsQ0FBQyxDQUFDO0lBRUgsTUFBTSxlQUFlLEdBQUcsaUJBQWlCLENBQUMsV0FBVyxDQUFDLENBQUM7SUFFdkQsTUFBTSxhQUFhLEdBQUcsQ0FBQyxHQUFHLFVBQVUsRUFBRSxHQUFHLGVBQWUsQ0FBQyxDQUFDO0lBRTFELE9BQU9BLDZCQUFDLEdBQUcsSUFBQyxTQUFTLEVBQUUsYUFBYSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBRyxRQUFRLENBQU8sQ0FBQztBQUNyRTs7OzsifQ==
package/dist/components/TextInline/style/index.module.less.js CHANGED
@@ -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;color:var(--aface);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)}";
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/dist/components/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export { Avatar } from './Avatar/Avatar';
2
+ export { AvatarWithStatus } from './AvatarWithStatus/AvatarWithStatus';
2
3
  export { Button } from './Button/Button';
3
4
  export { Heading } from './Heading/Heading';
4
5
  export { Icon } from './Icon/Icon';
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OyJ9
19
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
package/dist/components/private/ButtonBase/style/index.module.less CHANGED
@@ -4,6 +4,7 @@
4
4
 
5
5
  .ButtonBase {
6
6
  .type-base();
7
+ .type-base-default-color();
7
8
  .button-base();
8
9
  .button-width();
9
10
  .action-sizes();
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
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.32.0",
3
+ "version": "0.34.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.32.0",
23
- "@preply/ds-media-icons": "0.32.0",
24
- "@preply/ds-web-core": "0.32.0",
25
- "@preply/ds-web-root": "0.32.0"
22
+ "@preply/ds-core": "0.34.0",
23
+ "@preply/ds-media-icons": "0.34.0",
24
+ "@preply/ds-web-core": "0.34.0",
25
+ "@preply/ds-web-root": "0.34.0"
26
26
  },
27
27
  "peerDependencies": {
28
- "@preply/ds-core": "0.32.0",
29
- "@preply/ds-media-icons": "0.32.0",
30
- "@preply/ds-web-core": "0.32.0",
31
- "@preply/ds-web-root": "0.32.0",
28
+ "@preply/ds-core": "0.34.0",
29
+ "@preply/ds-media-icons": "0.34.0",
30
+ "@preply/ds-web-core": "0.34.0",
31
+ "@preply/ds-web-root": "0.34.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.32.0",
37
- "@preply/ds-theme-base-ui": "0.32.0",
36
+ "@preply/ds-docs-toolkit": "0.34.0",
37
+ "@preply/ds-theme-base-ui": "0.34.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": "639bc1a029e41a60ab326299e1518eb1cdca35f7"
42
+ "gitHead": "ae730381db654b0feab5693e2c4e2d99ea1cd7c9"
43
43
  }