@preply/ds-web-lib 0.22.1 → 0.25.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Avatar/Avatar.d.ts +2 -2
- package/dist/components/Avatar/Avatar.js +6 -6
- package/dist/components/Avatar/style/index.module.less.js +2 -2
- package/dist/components/Avatar/style/mixins.less +9 -6
- package/dist/components/Avatar/style/mixins.less.js +2 -2
- package/dist/components/Button/style/index.module.less.js +1 -1
- package/dist/components/Button/style/mixins.less.js +2 -2
- package/dist/components/Heading/style/index.module.less.js +1 -1
- package/dist/components/Heading/style/mixins.less.js +2 -2
- package/dist/components/Icon/style/index.module.less.js +1 -1
- package/dist/components/Icon/style/mixins.less.js +2 -2
- package/dist/components/LayoutFlex/LayoutFlex.js +9 -4
- package/dist/components/Link/style/index.module.less.js +1 -1
- package/dist/components/Link/style/mixins.less.js +2 -2
- package/dist/components/Panel/style/index.module.less.js +1 -1
- package/dist/components/Panel/style/mixins.less.js +2 -2
- package/dist/components/Spinner/style/index.module.less.js +1 -1
- package/dist/components/Text/style/index.module.less.js +1 -1
- package/dist/components/Text/style/mixins.less.js +2 -2
- package/dist/components/TextHighlighted/style/index.module.less.js +1 -1
- package/dist/components/TextHighlighted/style/mixins.less.js +2 -2
- package/dist/components/TextInline/style/index.module.less.js +1 -1
- package/dist/components/TextInline/style/mixins.less.js +2 -2
- package/package.json +12 -12
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import type { AvatarSize } from '@preply/ds-core';
|
|
1
|
+
import type { AvatarSize, Responsive } from '@preply/ds-core';
|
|
2
2
|
import { FC } from 'react';
|
|
3
3
|
export interface Props {
|
|
4
|
-
size?: AvatarSize
|
|
4
|
+
size?: Responsive<AvatarSize>;
|
|
5
5
|
round?: boolean;
|
|
6
6
|
src?: string;
|
|
7
7
|
alt?: string;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { AVATAR_SIZE_DEFAULT, AVATAR_SRC_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import {
|
|
2
|
+
import { 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
7
|
const Avatar = ({ size = AVATAR_SIZE_DEFAULT, round = true, src, alt = '', }) => {
|
|
8
|
-
const classNames = [
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
];
|
|
8
|
+
const classNames = moduleClassNames(styles, AVATAR, [
|
|
9
|
+
stringClassNames('size', size),
|
|
10
|
+
booleanClassNames('round', undefined, round),
|
|
11
|
+
]);
|
|
12
12
|
return (React__default.createElement("picture", { className: classNames.join(' ') },
|
|
13
13
|
React__default.createElement("img", { src: src || AVATAR_SRC_DEFAULT, alt: alt })));
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
export { Avatar };
|
|
17
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
17
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEF2YXRhclNpemUsIFJlc3BvbnNpdmUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgQVZBVEFSX1NJWkVfREVGQVVMVCwgQVZBVEFSX1NSQ19ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbi8vIGltcG9ydCB7IGJvb2xlYW5Qcm9wLCBsb2NhbENsYXNzTmFtZXMsIG9wdGlvblByb3AsIHNhZmVDbGFzc05hbWUgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCB7IGJvb2xlYW5DbGFzc05hbWVzLCBtb2R1bGVDbGFzc05hbWVzLCBzdHJpbmdDbGFzc05hbWVzIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIHNpemU/OiBSZXNwb25zaXZlPEF2YXRhclNpemU+O1xuICAgIHJvdW5kPzogYm9vbGVhbjtcbiAgICBzcmM/OiBzdHJpbmc7XG4gICAgYWx0Pzogc3RyaW5nO1xufVxuXG5jb25zdCBBVkFUQVIgPSAnQXZhdGFyJztcblxuZXhwb3J0IGNvbnN0IEF2YXRhcjogRkM8UHJvcHM+ID0gKHtcbiAgICBzaXplID0gQVZBVEFSX1NJWkVfREVGQVVMVCxcbiAgICByb3VuZCA9IHRydWUsXG4gICAgc3JjLFxuICAgIGFsdCA9ICcnLFxufTogUHJvcHMpID0+IHtcbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIEFWQVRBUiwgW1xuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdzaXplJywgc2l6ZSksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdyb3VuZCcsIHVuZGVmaW5lZCwgcm91bmQpLFxuICAgIF0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPHBpY3R1cmUgY2xhc3NOYW1lPXtjbGFzc05hbWVzLmpvaW4oJyAnKX0+XG4gICAgICAgICAgICA8aW1nIHNyYz17c3JjIHx8IEFWQVRBUl9TUkNfREVGQVVMVH0gYWx0PXthbHR9IC8+XG4gICAgICAgIDwvcGljdHVyZT5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFlQSxNQUFNLE1BQU0sR0FBRyxRQUFRLENBQUM7TUFFWCxNQUFNLEdBQWMsQ0FBQyxFQUM5QixJQUFJLEdBQUcsbUJBQW1CLEVBQzFCLEtBQUssR0FBRyxJQUFJLEVBQ1osR0FBRyxFQUNILEdBQUcsR0FBRyxFQUFFLEdBQ0o7SUFDSixNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsTUFBTSxFQUFFO1FBQ2hELGdCQUFnQixDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUM7UUFDOUIsaUJBQWlCLENBQUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUM7S0FDL0MsQ0FBQyxDQUFDO0lBRUgsUUFDSUEsMENBQVMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQ3BDQSxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxJQUFJLGtCQUFrQixFQUFFLEdBQUcsRUFBRSxHQUFHLEdBQUksQ0FDM0MsRUFDWjtBQUNOOzs7OyJ9
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "
|
|
4
|
-
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Avatar/style/index.module.less",__css:css_248z,"Avatar":"_2lMMST","Avatar--size-2xs":"EoQhlu","Avatar--size-xs":"_2KHtX3","Avatar--size-s":"_14Oqba","Avatar--size-m":"_fVsFc","Avatar--size-l":"jzJqju","Avatar--size-xl":"_2Aq1PP","Avatar--round":"_3sb-3k"};
|
|
3
|
+
var css_248z = "._2lMMST{display:inline-block}._2lMMST img{border-radius:var(--dad9e);-o-object-fit:cover;object-fit:cover;vertical-align:bottom}.EoQhlu img{height:var(--d51f4);width:var(--d51f4)}._2KHtX3 img{height:var(--cfdb4);width:var(--cfdb4)}._14Oqba img{height:var(--2dafb);width:var(--2dafb)}._fVsFc img{height:var(--b5133);width:var(--b5133)}.jzJqju img{height:var(--d318a);width:var(--d318a)}._2Aq1PP img{height:var(--6eb1c);width:var(--6eb1c)}@media (min-width:400px){._1kKt12 img{height:var(--d51f4);width:var(--d51f4)}._2P5Ukj img{height:var(--cfdb4);width:var(--cfdb4)}._361PWc img{height:var(--2dafb);width:var(--2dafb)}._2fLsZ_ img{height:var(--b5133);width:var(--b5133)}._1HKK1v img{height:var(--d318a);width:var(--d318a)}._2GRaIq img{height:var(--6eb1c);width:var(--6eb1c)}}@media (min-width:700px){._3bW5Eu img{height:var(--d51f4);width:var(--d51f4)}._21AeKU img{height:var(--cfdb4);width:var(--cfdb4)}._1YFS_x img{height:var(--2dafb);width:var(--2dafb)}._3uaBDE img{height:var(--b5133);width:var(--b5133)}.phXmh6 img{height:var(--d318a);width:var(--d318a)}._2RTFG- img{height:var(--6eb1c);width:var(--6eb1c)}}@media (min-width:880px){._1zyB7N img{height:var(--d51f4);width:var(--d51f4)}.b8xwQV img{height:var(--cfdb4);width:var(--cfdb4)}._31eivK img{height:var(--2dafb);width:var(--2dafb)}._17lfXP img{height:var(--b5133);width:var(--b5133)}._18RfG6 img{height:var(--d318a);width:var(--d318a)}.s4ZSGJ img{height:var(--6eb1c);width:var(--6eb1c)}}@media (min-width:1200px){._12IxO0 img{height:var(--d51f4);width:var(--d51f4)}.zcfhZx img{height:var(--cfdb4);width:var(--cfdb4)}._1OAlTA img{height:var(--2dafb);width:var(--2dafb)}._1Mnw67 img{height:var(--b5133);width:var(--b5133)}._2cA8NE img{height:var(--d318a);width:var(--d318a)}._1e2J4O img{height:var(--6eb1c);width:var(--6eb1c)}}@media (min-width:1900px){.qbEHDO img{height:var(--d51f4);width:var(--d51f4)}._1T_PO1 img{height:var(--cfdb4);width:var(--cfdb4)}._1SSD9Y img{height:var(--2dafb);width:var(--2dafb)}._1qnMHb img{height:var(--b5133);width:var(--b5133)}._1wWnVz img{height:var(--d318a);width:var(--d318a)}._1KxQMf img{height:var(--6eb1c);width:var(--6eb1c)}}._3sb-3k img{border-radius:50%}";
|
|
4
|
+
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Avatar/style/index.module.less",__css:css_248z,"Avatar":"_2lMMST","Avatar--size-2xs":"EoQhlu","Avatar--size-xs":"_2KHtX3","Avatar--size-s":"_14Oqba","Avatar--size-m":"_fVsFc","Avatar--size-l":"jzJqju","Avatar--size-xl":"_2Aq1PP","Avatar__narrow-l--size-2xs":"_1kKt12","Avatar__narrow-l--size-xs":"_2P5Ukj","Avatar__narrow-l--size-s":"_361PWc","Avatar__narrow-l--size-m":"_2fLsZ_","Avatar__narrow-l--size-l":"_1HKK1v","Avatar__narrow-l--size-xl":"_2GRaIq","Avatar__medium-s--size-2xs":"_3bW5Eu","Avatar__medium-s--size-xs":"_21AeKU","Avatar__medium-s--size-s":"_1YFS_x","Avatar__medium-s--size-m":"_3uaBDE","Avatar__medium-s--size-l":"phXmh6","Avatar__medium-s--size-xl":"_2RTFG-","Avatar__medium-l--size-2xs":"_1zyB7N","Avatar__medium-l--size-xs":"b8xwQV","Avatar__medium-l--size-s":"_31eivK","Avatar__medium-l--size-m":"_17lfXP","Avatar__medium-l--size-l":"_18RfG6","Avatar__medium-l--size-xl":"s4ZSGJ","Avatar__wide-s--size-2xs":"_12IxO0","Avatar__wide-s--size-xs":"zcfhZx","Avatar__wide-s--size-s":"_1OAlTA","Avatar__wide-s--size-m":"_1Mnw67","Avatar__wide-s--size-l":"_2cA8NE","Avatar__wide-s--size-xl":"_1e2J4O","Avatar__wide-l--size-2xs":"qbEHDO","Avatar__wide-l--size-xs":"_1T_PO1","Avatar__wide-l--size-s":"_1SSD9Y","Avatar__wide-l--size-m":"_1qnMHb","Avatar__wide-l--size-l":"_1wWnVz","Avatar__wide-l--size-xl":"_1KxQMf","Avatar--round":"_3sb-3k"};
|
|
5
5
|
var stylesheet=css_248z;
|
|
6
6
|
styleInject(css_248z);
|
|
7
7
|
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
@import '@preply/ds-web-core/dist/generated/tokens.less';
|
|
2
2
|
@import '@preply/ds-web-core/dist/generated/options.less';
|
|
3
|
+
@import '@preply/ds-web-core/dist/responsive/style/mixins.less';
|
|
3
4
|
@import '@preply/ds-web-core/dist/theme/style/declarations.mixins.less';
|
|
4
5
|
|
|
5
6
|
@namespace: 'avatar';
|
|
@@ -15,13 +16,15 @@
|
|
|
15
16
|
}
|
|
16
17
|
|
|
17
18
|
.avatar-sizes() {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
19
|
+
.responsive({
|
|
20
|
+
each(@AVATAR_SIZE_OPTIONS, {
|
|
21
|
+
&--size-@{value} {
|
|
22
|
+
img {
|
|
23
|
+
@token: 'size-@{value}';
|
|
24
|
+
.size(@namespace, @token);
|
|
25
|
+
}
|
|
23
26
|
}
|
|
24
|
-
}
|
|
27
|
+
});
|
|
25
28
|
});
|
|
26
29
|
}
|
|
27
30
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "
|
|
4
|
-
var stylesheet="
|
|
3
|
+
var css_248z = "";
|
|
4
|
+
var stylesheet="";
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export { css_248z as default, stylesheet };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "
|
|
3
|
+
var css_248z = "._2K2A6a{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-color:transparent;border:1px solid transparent;border-radius:var(--8d513);color:var(--aface);cursor:pointer;font-family:var(--0e309);font-size:var(--8d63e);font-weight:var(--6e979);line-height:var(--d4313);position:relative;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._1Wa9oz,._2K2A6a{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;justify-content:center}._1Wa9oz{grid-gap:var(--0aee7);gap:var(--0aee7);vertical-align:baseline}._15fNhn{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}._2K2A6a[disabled]{background-color:var(--04dae);border-color:var(--e0528);color:var(--a8b89);cursor:default;pointer-events:none}._2K2A6a._2l4V5u{outline-color:var(--603ec);outline-offset:var(--c0b12);outline-style:solid;outline-width:var(--99d31)}._2K2A6a:focus-visible{outline-color:var(--603ec);outline-offset:var(--c0b12);outline-style:solid;outline-width:var(--99d31)}._2vrhF4{cursor:default;pointer-events:none}._2vrhF4 ._1Wa9oz{visibility:hidden}._2cFsf0{font-size:var(--357dd);min-height:var(--50cc6);padding:var(--fec17) var(--29b03)}.sMUHXO{font-size:var(--b47a6);min-height:var(--2f2e0);padding:var(--9a573) var(--65766)}._25alve{font-size:var(--89a35);min-height:var(--bcfcb);padding:var(--3b902) var(--0f2d7)}._3SuAaY{font-size:var(--a899b);min-height:var(--26156);padding:var(--303c6) var(--b1c76)}._2-lhss{font-size:var(--f7be0);min-height:var(--d6bfc);padding:var(--da188) var(--88eef)}._2oPEsT{background-color:var(--508b3);border-color:var(--44bfe);color:var(--d2baa)}._2oPEsT:hover{background-color:var(--902b5);color:var(--df615)}._2oPEsT:active{background-color:var(--c1c1c);color:var(--15cee)}.M4_8bJ{background-color:var(--e5616);border-color:var(--ab736);color:var(--1614c)}.M4_8bJ:hover{background-color:var(--0d124);color:var(--0d6ae)}.M4_8bJ:active{background-color:var(--33b43);color:var(--22cb4)}._3pHOqs{background-color:var(--28f3c);border-color:var(--10556);color:var(--93754)}._3pHOqs:hover{background-color:var(--ec17b);color:var(--175a7)}._3pHOqs:active{background-color:var(--b0bf5);color:var(--8274e)}._2wKHX3{background-color:var(--e4644);border-color:var(--0e9e0);color:var(--9cf6e)}._2wKHX3:hover{background-color:var(--afc17);color:var(--6609c)}._2wKHX3:active{background-color:var(--2ee55);color:var(--e9f22)}._2MKEet{background-color:var(--bbb35);border-color:var(--0cad8);color:var(--122a9)}._2MKEet:hover{background-color:var(--df2ac);color:var(--1265d)}._2MKEet:active{background-color:var(--435fa);color:var(--a4162)}._3efdqm{background-color:var(--118bd);border-color:var(--ab597);color:var(--efde5)}._3efdqm:hover{background-color:var(--e0b0f);color:var(--6f5d5)}._3efdqm:active{background-color:var(--a5eaa);color:var(--6b4e9)}._31304r{width:100%}._18Yfzb{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}";
|
|
4
4
|
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Button/style/index.module.less",__css:css_248z,"Button":"_2K2A6a","Button--content":"_1Wa9oz","Button--busy":"_15fNhn","focus-visible":"_2l4V5u","Button--is-busy":"_2vrhF4","Button--size-xs":"_2cFsf0","Button--size-s":"sMUHXO","Button--size-m":"_25alve","Button--size-l":"_3SuAaY","Button--size-xl":"_2-lhss","Button--variant-primary":"_2oPEsT","Button--variant-secondary":"M4_8bJ","Button--variant-tertiary":"_3pHOqs","Button--variant-quaternary":"_2wKHX3","Button--variant-plain":"_2MKEet","Button--variant-dangerous":"_3efdqm","Button--width-full":"_31304r","Button--no-wrap":"_18Yfzb"};
|
|
5
5
|
var stylesheet=css_248z;
|
|
6
6
|
styleInject(css_248z);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "
|
|
4
|
-
var stylesheet="
|
|
3
|
+
var css_248z = "";
|
|
4
|
+
var stylesheet="";
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export { css_248z as default, stylesheet };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "
|
|
3
|
+
var css_248z = "._3DJ88_{-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}._2rnwCX{font-weight:var(--6e979)}.Mz4Kul{font-size:var(--1801d)}._39hW1C{font-size:var(--814fe)}._1Vkbje{font-size:var(--ace69)}._3j1kRK{font-size:var(--3e140)}._3nK_wK{font-size:var(--af282)}";
|
|
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--strong":"_2rnwCX","Heading--level-h1":"Mz4Kul","Heading--level-h2":"_39hW1C","Heading--level-h3":"_1Vkbje","Heading--level-h4":"_3j1kRK","Heading--level-h5":"_3nK_wK"};
|
|
5
5
|
var stylesheet=css_248z;
|
|
6
6
|
styleInject(css_248z);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "
|
|
4
|
-
var stylesheet="
|
|
3
|
+
var css_248z = "";
|
|
4
|
+
var stylesheet="";
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export { css_248z as default, stylesheet };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "
|
|
3
|
+
var css_248z = ".nKoHrt{display:inline-block;vertical-align:text-top}.nKoHrt svg{fill:currentColor;display:block;max-height:100%;max-width:100%;min-width:100%;width:100%}._1HK8l-{height:var(--b21f6);width:var(--b21f6)}._2Sp9mC{height:var(--766f3);width:var(--766f3)}._2YELqy{height:var(--7c1b1);width:var(--7c1b1)}._18Hsfi{height:var(--2152b);width:var(--2152b)}.QeTxTN{height:var(--8f525);width:var(--8f525)}._2ML-d7 svg{fill:var(--937a6)}.idQhUK svg{fill:var(--fe08e)}._2FixNT svg{fill:var(--32ad9)}._1IcAUz svg{fill:var(--e0400)}";
|
|
4
4
|
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Icon/style/index.module.less",__css:css_248z,"Icon":"nKoHrt","Icon--size-2xs":"_1HK8l-","Icon--size-xs":"_2Sp9mC","Icon--size-s":"_2YELqy","Icon--size-m":"_18Hsfi","Icon--size-l":"QeTxTN","Icon--accent-normal":"_2ML-d7","Icon--accent-muted":"idQhUK","Icon--accent-brand":"_2FixNT","Icon--accent-positive":"_1IcAUz"};
|
|
5
5
|
var stylesheet=css_248z;
|
|
6
6
|
styleInject(css_248z);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "
|
|
4
|
-
var stylesheet="
|
|
3
|
+
var css_248z = "";
|
|
4
|
+
var stylesheet="";
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export { css_248z as default, stylesheet };
|
|
@@ -1,12 +1,17 @@
|
|
|
1
1
|
import { LAYOUT_TAG_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import { useLayoutFlexClassNames } from '@preply/ds-web-core';
|
|
2
|
+
import { useInstrument, useLayoutFlexClassNames } from '@preply/ds-web-core';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
|
|
5
|
-
const
|
|
6
|
-
|
|
5
|
+
const LAYOUT_FLEX = 'LayoutFlex';
|
|
6
|
+
const LayoutFlex = ({ column, reverse, children, ...props }) => {
|
|
7
|
+
useInstrument('render', {
|
|
8
|
+
component: LAYOUT_FLEX,
|
|
9
|
+
props: { column, reverse },
|
|
10
|
+
});
|
|
11
|
+
const classNames = useLayoutFlexClassNames('flex', { column, reverse, ...props });
|
|
7
12
|
const { tag: Tag = LAYOUT_TAG_DEFAULT } = props;
|
|
8
13
|
return React__default.createElement(Tag, { className: classNames.join(' ') }, children);
|
|
9
14
|
};
|
|
10
15
|
|
|
11
16
|
export { LayoutFlex };
|
|
12
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
17
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0RmxleC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGF5b3V0RmxleC9MYXlvdXRGbGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMQVlPVVRfVEFHX0RFRkFVTFQsIExheW91dEZsZXhQcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyB1c2VJbnN0cnVtZW50LCB1c2VMYXlvdXRGbGV4Q2xhc3NOYW1lcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgdHlwZSBQcm9wcyA9IExheW91dEZsZXhQcm9wcztcblxuY29uc3QgTEFZT1VUX0ZMRVggPSAnTGF5b3V0RmxleCc7XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRGbGV4OiBGQzxQcm9wcz4gPSAoeyBjb2x1bW4sIHJldmVyc2UsIGNoaWxkcmVuLCAuLi5wcm9wcyB9KSA9PiB7XG4gICAgdXNlSW5zdHJ1bWVudCgncmVuZGVyJywge1xuICAgICAgICBjb21wb25lbnQ6IExBWU9VVF9GTEVYLFxuICAgICAgICBwcm9wczogeyBjb2x1bW4sIHJldmVyc2UgfSxcbiAgICB9KTtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSB1c2VMYXlvdXRGbGV4Q2xhc3NOYW1lcygnZmxleCcsIHsgY29sdW1uLCByZXZlcnNlLCAuLi5wcm9wcyB9KTtcbiAgICBjb25zdCB7IHRhZzogVGFnID0gTEFZT1VUX1RBR19ERUZBVUxUIH0gPSBwcm9wcztcblxuICAgIHJldHVybiA8VGFnIGNsYXNzTmFtZT17Y2xhc3NOYW1lcy5qb2luKCcgJyl9PntjaGlsZHJlbn08L1RhZz47XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7O0FBTUEsTUFBTSxXQUFXLEdBQUcsWUFBWSxDQUFDO01BRXBCLFVBQVUsR0FBYyxDQUFDLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsR0FBRyxLQUFLLEVBQUU7SUFDekUsYUFBYSxDQUFDLFFBQVEsRUFBRTtRQUNwQixTQUFTLEVBQUUsV0FBVztRQUN0QixLQUFLLEVBQUUsRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFO0tBQzdCLENBQUMsQ0FBQztJQUVILE1BQU0sVUFBVSxHQUFHLHVCQUF1QixDQUFDLE1BQU0sRUFBRSxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsR0FBRyxLQUFLLEVBQUUsQ0FBQyxDQUFDO0lBQ2xGLE1BQU0sRUFBRSxHQUFHLEVBQUUsR0FBRyxHQUFHLGtCQUFrQixFQUFFLEdBQUcsS0FBSyxDQUFDO0lBRWhELE9BQU9BLDZCQUFDLEdBQUcsSUFBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBRyxRQUFRLENBQU8sQ0FBQztBQUNsRTs7OzsifQ==
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "
|
|
3
|
+
var css_248z = "._3Ipr_0{border-radius:var(--5eeb2);color:var(--1e752);cursor:pointer;display:inline-block;font-weight:var(--6e979);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._3Ipr_0:hover{color:var(--7d796)}._3Ipr_0:active{color:var(--17d30)}._3Ipr_0.ipUoad{outline-color:var(--603ec);outline-offset:var(--c0b12);outline-style:solid;outline-width:var(--99d31)}._3Ipr_0:focus-visible{outline-color:var(--603ec);outline-offset:var(--c0b12);outline-style:solid;outline-width:var(--99d31)}";
|
|
4
4
|
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Link/style/index.module.less",__css:css_248z,"Link":"_3Ipr_0","focus-visible":"ipUoad"};
|
|
5
5
|
var stylesheet=css_248z;
|
|
6
6
|
styleInject(css_248z);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "
|
|
4
|
-
var stylesheet="
|
|
3
|
+
var css_248z = "";
|
|
4
|
+
var stylesheet="";
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export { css_248z as default, stylesheet };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "
|
|
3
|
+
var css_248z = "._1P8hDa{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-color:var(--786b9);border-radius:var(--ff478);color:var(--aface);font-family:var(--0e309);font-size:var(--8d63e);line-height:var(--d4313)}._3UVnzc ._1YAsmT,._3UVnzc ._2AEx3V,._3UVnzc ._3eU6Ry,._3UVnzc>.AC9lsg{padding:var(--e8082)}.ytPqbT ._1YAsmT,.ytPqbT ._2AEx3V,.ytPqbT ._3eU6Ry,.ytPqbT>.AC9lsg{padding:var(--c8793)}._1q_-ys ._1YAsmT,._1q_-ys ._2AEx3V,._1q_-ys ._3eU6Ry,._1q_-ys>.AC9lsg{padding:var(--0c9f7)}._2HdQc_ ._1YAsmT,._2HdQc_ ._2AEx3V,._2HdQc_ ._3eU6Ry,._2HdQc_>.AC9lsg{padding:var(--1d829)}._1P8hDa>._2AEx3V+._1YAsmT,._1P8hDa>.AC9lsg+._2AEx3V{padding-top:0}._1P8hDa>._3eU6Ry{border-color:var(--66a60)}._1P8hDa>._3eU6Ry:not(:last-child){border-bottom-width:1px}._1P8hDa>._3eU6Ry:not(:first-child){border-top-width:1px}._1P8hDa>._3eU6Ry+._3eU6Ry{border-top:none}._3eU6Ry{border-style:solid;border-width:0}";
|
|
4
4
|
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Panel/style/index.module.less",__css:css_248z,"Panel":"_1P8hDa","Panel--padding-small":"_3UVnzc","PanelHeader":"AC9lsg","PanelBody":"_2AEx3V","PanelFooter":"_1YAsmT","PanelSection":"_3eU6Ry","Panel--padding-base":"ytPqbT","Panel--padding-medium":"_1q_-ys","Panel--padding-large":"_2HdQc_"};
|
|
5
5
|
var stylesheet=css_248z;
|
|
6
6
|
styleInject(css_248z);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "
|
|
4
|
-
var stylesheet="
|
|
3
|
+
var css_248z = "";
|
|
4
|
+
var stylesheet="";
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export { css_248z as default, stylesheet };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "@-webkit-keyframes vH81in
|
|
3
|
+
var css_248z = "@-webkit-keyframes vH81in{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes vH81in{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}._2CO-wm{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._2CO-wm>*{width:24px}._3-RII9{display:none}._3-RII9 svg{fill:currentColor}._2OI3Pv{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._2OI3Pv svg{stroke:currentColor;stroke-linecap:round;stroke-width:2px;-webkit-animation:vH81in 1s cubic-bezier(.46,.17,.58,.87) infinite;animation:vH81in 1s cubic-bezier(.46,.17,.58,.87) infinite}@media (prefers-reduced-motion){._3-RII9{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._2OI3Pv{display:none}}";
|
|
4
4
|
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Spinner/style/index.module.less",__css:css_248z,"Spinner":"_2CO-wm","Spinner--static":"_3-RII9","Spinner--animated":"_2OI3Pv","spin":"vH81in"};
|
|
5
5
|
var stylesheet=css_248z;
|
|
6
6
|
styleInject(css_248z);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "
|
|
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}._3mi36Z{font-weight:var(--6e979)}._1qPoch{color:var(--937a6)}._3_4tFY{color:var(--fe08e)}._33WHuG{color:var(--32ad9)}._3OF4Qh{color:var(--e0400)}._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--strong":"_3mi36Z","Text--accent-normal":"_1qPoch","Text--accent-muted":"_3_4tFY","Text--accent-brand":"_33WHuG","Text--accent-positive":"_3OF4Qh","Text--size-2xs":"_2RfMiY","Text--size-xs":"gaw4M4","Text--size-s":"_36gqA-","Text--size-m":"_1nWKi2","Text--size-l":"_1zStZk","Text--size-xl":"_3Zhulg"};
|
|
5
5
|
var stylesheet=css_248z;
|
|
6
6
|
styleInject(css_248z);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "
|
|
4
|
-
var stylesheet="
|
|
3
|
+
var css_248z = "";
|
|
4
|
+
var stylesheet="";
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export { css_248z as default, stylesheet };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "
|
|
3
|
+
var css_248z = "._3iSZ5y{border-radius:var(--330e4);display:inline-block;font-style:normal;font-weight:var(--73984);margin:0;padding-left:var(--58c1e);padding-right:var(--58c1e)}._1stXqA{font-weight:var(--6e979)}._1E8XoK{background-color:var(--2d51a);color:var(--68bd1)}._1AG38P{background-color:var(--29200);color:var(--c5023)}";
|
|
4
4
|
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/TextHighlighted/style/index.module.less",__css:css_248z,"TextHighlighted":"_3iSZ5y","TextHighlighted--strong":"_1stXqA","TextHighlighted--highlight-blue":"_1E8XoK","TextHighlighted--highlight-green":"_1AG38P"};
|
|
5
5
|
var stylesheet=css_248z;
|
|
6
6
|
styleInject(css_248z);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "
|
|
4
|
-
var stylesheet="
|
|
3
|
+
var css_248z = "";
|
|
4
|
+
var stylesheet="";
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export { css_248z as default, stylesheet };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "
|
|
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)}._2XIA2T{color:var(--937a6)}._3ttusQ{color:var(--fe08e)}._2eU8R6{color:var(--32ad9)}._2C_Wto{color:var(--e0400)}";
|
|
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-normal":"_2XIA2T","TextInline--accent-muted":"_3ttusQ","TextInline--accent-brand":"_2eU8R6","TextInline--accent-positive":"_2C_Wto"};
|
|
5
5
|
var stylesheet=css_248z;
|
|
6
6
|
styleInject(css_248z);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "
|
|
4
|
-
var stylesheet="
|
|
3
|
+
var css_248z = "";
|
|
4
|
+
var stylesheet="";
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export { css_248z as default, stylesheet };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-web-lib",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.25.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -19,25 +19,25 @@
|
|
|
19
19
|
"dev": "run build:rollup -w"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@preply/ds-core": "0.
|
|
23
|
-
"@preply/ds-media-icons": "0.
|
|
24
|
-
"@preply/ds-web-core": "0.
|
|
25
|
-
"@preply/ds-web-root": "0.
|
|
22
|
+
"@preply/ds-core": "0.25.0",
|
|
23
|
+
"@preply/ds-media-icons": "0.25.0",
|
|
24
|
+
"@preply/ds-web-core": "0.25.0",
|
|
25
|
+
"@preply/ds-web-root": "0.25.0"
|
|
26
26
|
},
|
|
27
27
|
"peerDependencies": {
|
|
28
|
-
"@preply/ds-core": "0.
|
|
29
|
-
"@preply/ds-media-icons": "0.
|
|
30
|
-
"@preply/ds-web-core": "0.
|
|
31
|
-
"@preply/ds-web-root": "0.
|
|
28
|
+
"@preply/ds-core": "0.25.0",
|
|
29
|
+
"@preply/ds-media-icons": "0.25.0",
|
|
30
|
+
"@preply/ds-web-core": "0.25.0",
|
|
31
|
+
"@preply/ds-web-root": "0.25.0",
|
|
32
32
|
"react": "^16.8.3",
|
|
33
33
|
"react-dom": "^16.8.3"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@preply/ds-docs-toolkit": "0.
|
|
37
|
-
"@preply/ds-theme-base-ui": "0.
|
|
36
|
+
"@preply/ds-docs-toolkit": "0.25.0",
|
|
37
|
+
"@preply/ds-theme-base-ui": "0.25.0",
|
|
38
38
|
"@storybook/addon-docs": "6.4.18",
|
|
39
39
|
"@storybook/react": "6.4.18",
|
|
40
40
|
"@testing-library/react": "11.2.7"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "057c4b0b235d206ee7b08aef99e3c32933320ca6"
|
|
43
43
|
}
|