@preply/ds-web-lib 0.64.2 → 0.65.1
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.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BADGE_COLOR_DEFAULT, BADGE_SIZE_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import { useStyleExtract, stringClassNames,
|
|
2
|
+
import { useStyleExtract, stringClassNames, moduleClassNames, booleanClassNames, useVisualModeClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import styles from './style/index.module.less.js';
|
|
5
5
|
|
|
@@ -8,12 +8,10 @@ const Badge = ({ color = BADGE_COLOR_DEFAULT, inverted = false, size = BADGE_SIZ
|
|
|
8
8
|
useStyleExtract(styles);
|
|
9
9
|
const actualColorClassnames = accent
|
|
10
10
|
? stringClassNames('accent', accent)
|
|
11
|
-
:
|
|
12
|
-
...stringClassNames('color', color),
|
|
13
|
-
...booleanClassNames('inverted', 'normal', inverted),
|
|
14
|
-
];
|
|
11
|
+
: stringClassNames('color', color);
|
|
15
12
|
const classNames = moduleClassNames(styles, BADGE, [
|
|
16
|
-
|
|
13
|
+
actualColorClassnames,
|
|
14
|
+
booleanClassNames('inverted', 'normal', inverted),
|
|
17
15
|
stringClassNames('size', size),
|
|
18
16
|
]);
|
|
19
17
|
const props = {
|
|
@@ -25,4 +23,4 @@ const Badge = ({ color = BADGE_COLOR_DEFAULT, inverted = false, size = BADGE_SIZ
|
|
|
25
23
|
};
|
|
26
24
|
|
|
27
25
|
export { Badge };
|
|
28
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JhZGdlL0JhZGdlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEJhZGdlQWNjZW50LCBCYWRnZUNvbG9yLCBCYWRnZVNpemUsIERhdGFzZXQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgQkFER0VfQ09MT1JfREVGQVVMVCwgQkFER0VfU0laRV9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG4gICAgdXNlVmlzdWFsTW9kZUNsYXNzTmFtZXMsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIGFjY2VudD86IEJhZGdlQWNjZW50O1xuICAgIGNvbG9yPzogQmFkZ2VDb2xvcjtcbiAgICBpbnZlcnRlZD86IGJvb2xlYW47XG4gICAgc2l6ZT86IEJhZGdlU2l6ZTtcbiAgICBhc3Npc3RpdmVUZXh0Pzogc3RyaW5nO1xuICAgIGRhdGFzZXQ/OiBEYXRhc2V0O1xuICAgIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBCQURHRSA9ICdCYWRnZSc7XG5cbmV4cG9ydCBjb25zdCBCYWRnZTogRkM8UHJvcHM+ID0gKHtcbiAgICBjb2xvciA9IEJBREdFX0NPTE9SX0RFRkFVTFQsXG4gICAgaW52ZXJ0ZWQgPSBmYWxzZSxcbiAgICBzaXplID0gQkFER0VfU0laRV9ERUZBVUxULFxuICAgIGFzc2lzdGl2ZVRleHQsXG4gICAgZGF0YXNldCxcbiAgICBjaGlsZHJlbixcbiAgICBhY2NlbnQsXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBhY3R1YWxDb2xvckNsYXNzbmFtZXMgPSBhY2NlbnRcbiAgICAgICAgPyBzdHJpbmdDbGFzc05hbWVzKCdhY2NlbnQnLCBhY2NlbnQpXG4gICAgICAgIDogc3RyaW5nQ2xhc3NOYW1lcygnY29sb3InLCBjb2xvcik7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIEJBREdFLCBbXG4gICAgICAgIGFjdHVhbENvbG9yQ2xhc3NuYW1lcyxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2ludmVydGVkJywgJ25vcm1hbCcsIGludmVydGVkKSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnc2l6ZScsIHNpemUpLFxuICAgIF0pO1xuXG4gICAgY29uc3QgcHJvcHMgPSB7XG4gICAgICAgICdhcmlhLWxhYmVsJzogYXNzaXN0aXZlVGV4dCxcbiAgICAgICAgY2xhc3NOYW1lOiB1c2VWaXN1YWxNb2RlQ2xhc3NOYW1lcyhjbGFzc05hbWVzKS5qb2luKCcgJyksXG4gICAgICAgIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSxcbiAgICB9O1xuXG4gICAgcmV0dXJuIDxzcGFuIHsuLi5wcm9wc30+e2NoaWxkcmVufTwvc3Bhbj47XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQXdCQSxNQUFNLEtBQUssR0FBRyxPQUFPLENBQUM7TUFFVCxLQUFLLEdBQWMsQ0FBQyxFQUM3QixLQUFLLEdBQUcsbUJBQW1CLEVBQzNCLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLElBQUksR0FBRyxrQkFBa0IsRUFDekIsYUFBYSxFQUNiLE9BQU8sRUFDUCxRQUFRLEVBQ1IsTUFBTSxHQUNUO0lBQ0csZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE1BQU0scUJBQXFCLEdBQUcsTUFBTTtVQUM5QixnQkFBZ0IsQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDO1VBQ2xDLGdCQUFnQixDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsQ0FBQztJQUV2QyxNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFO1FBQy9DLHFCQUFxQjtRQUNyQixpQkFBaUIsQ0FBQyxVQUFVLEVBQUUsUUFBUSxFQUFFLFFBQVEsQ0FBQztRQUNqRCxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDO0tBQ2pDLENBQUMsQ0FBQztJQUVILE1BQU0sS0FBSyxHQUFHO1FBQ1YsWUFBWSxFQUFFLGFBQWE7UUFDM0IsU0FBUyxFQUFFLHVCQUF1QixDQUFDLFVBQVUsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7UUFDeEQsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDO0tBQzlCLENBQUM7SUFFRixPQUFPQSx1REFBVSxLQUFLLEdBQUcsUUFBUSxDQUFRLENBQUM7QUFDOUM7Ozs7In0=
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "._3h-Wzd{grid-gap:.25em;border-radius:var(--93d4a2);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:.25em}._2eKUAk._1zS55d{background-color:var(--8f1238);color:var(--c9575b)}._2eKUAk._3bUZbF{background-color:var(--7c8c3c);color:var(--55407f)}._3gyNLf._1zS55d{background-color:var(--54ed1d);color:var(--de8a40)}._3gyNLf._3bUZbF{background-color:var(--de8a40);color:var(--54ed1d)}.rwgQdv._1zS55d{background-color:var(--1383a7);color:var(--bbfa9f)}.rwgQdv._3bUZbF{background-color:var(--bbfa9f);color:var(--1383a7)}.zb2wOT._1zS55d{background-color:var(--21906f);color:var(--e1c27c)}.zb2wOT._3bUZbF{background-color:var(--e1c27c);color:var(--21906f)}._1N-1FK._1zS55d{background-color:var(--c7d8be);color:var(--2242ed)}._1N-1FK._3bUZbF{background-color:var(--2242ed);color:var(--c7d8be)}._3a1P6I._1zS55d{background-color:var(--ecb5d5);color:var(--4e47fe)}._3a1P6I._3bUZbF{background-color:var(--4e47fe);color:var(--ecb5d5)}._3LKZfd._1zS55d{background-color:var(--1a9963);color:var(--6cbd80)}._3LKZfd._3bUZbF{background-color:var(--6cbd80);color:var(--1a9963)}._3Qg4_n{font-size:var(--547b8f);font-style:var(--abe371);font-variation-settings:var(--f65ebc);font-weight:var(--86a200);letter-spacing:var(--d7a1ad);line-height:var(--e7e648);padding:var(--8feee9) var(--62f094)}._1IiJgJ{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d);padding:var(--25e959) var(--796ab1)}.xlRCTE{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec);padding:var(--0d8aa3) var(--3d1d33)}._3NLeTo{font-size:var(--9de4e2);font-style:var(--aeb144);font-variation-settings:var(--64a62f);font-weight:var(--586bdc);letter-spacing:var(--eae74e);line-height:var(--781b72);padding:var(--3123ee) var(--234e96)}._2VF0ZW{background-color:var(--
|
|
4
|
-
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Badge/style/index.module.less",__css:css_248z,"Badge":"_3h-Wzd","Badge--
|
|
3
|
+
var css_248z = "._3h-Wzd{grid-gap:.25em;border-radius:var(--93d4a2);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:.25em}._1zS55d{color:var(--956cdb)}._3bUZbF{color:var(--6e40a7)}._2eKUAk._1zS55d{background-color:var(--8f1238);color:var(--c9575b)}._2eKUAk._3bUZbF{background-color:var(--7c8c3c);color:var(--55407f)}._3gyNLf._1zS55d{background-color:var(--54ed1d);color:var(--de8a40)}._3gyNLf._3bUZbF{background-color:var(--de8a40);color:var(--54ed1d)}.rwgQdv._1zS55d{background-color:var(--1383a7);color:var(--bbfa9f)}.rwgQdv._3bUZbF{background-color:var(--bbfa9f);color:var(--1383a7)}.zb2wOT._1zS55d{background-color:var(--21906f);color:var(--e1c27c)}.zb2wOT._3bUZbF{background-color:var(--e1c27c);color:var(--21906f)}._1N-1FK._1zS55d{background-color:var(--c7d8be);color:var(--2242ed)}._1N-1FK._3bUZbF{background-color:var(--2242ed);color:var(--c7d8be)}._3a1P6I._1zS55d{background-color:var(--ecb5d5);color:var(--4e47fe)}._3a1P6I._3bUZbF{background-color:var(--4e47fe);color:var(--ecb5d5)}._3LKZfd._1zS55d{background-color:var(--1a9963);color:var(--6cbd80)}._3LKZfd._3bUZbF{background-color:var(--6cbd80);color:var(--1a9963)}._3Qg4_n{font-size:var(--547b8f);font-style:var(--abe371);font-variation-settings:var(--f65ebc);font-weight:var(--86a200);letter-spacing:var(--d7a1ad);line-height:var(--e7e648);padding:var(--8feee9) var(--62f094)}._1IiJgJ{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d);padding:var(--25e959) var(--796ab1)}.xlRCTE{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec);padding:var(--0d8aa3) var(--3d1d33)}._3NLeTo{font-size:var(--9de4e2);font-style:var(--aeb144);font-variation-settings:var(--64a62f);font-weight:var(--586bdc);letter-spacing:var(--eae74e);line-height:var(--781b72);padding:var(--3123ee) var(--234e96)}._2VF0ZW._1zS55d{background-color:var(--d69293)}._2VF0ZW._3bUZbF{background-color:var(--e6383c)}.pPcccd._1zS55d{background-color:var(--b76c1a)}.pPcccd._3bUZbF{background-color:var(--c8be43)}.uzb7W5._1zS55d{background-color:var(--2e98a8)}.uzb7W5._3bUZbF{background-color:var(--bb7e5f)}._1JyZ95._1zS55d{background-color:var(--c9af97)}._1JyZ95._3bUZbF{background-color:var(--22285a)}.RBqjKo._1zS55d{background-color:var(--e57ae7)}.RBqjKo._3bUZbF{background-color:var(--df7fb9)}._3NWQgR._1zS55d{background-color:var(--83b5e3)}._3NWQgR._3bUZbF{background-color:var(--f785c7)}";
|
|
4
|
+
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Badge/style/index.module.less",__css:css_248z,"Badge":"_3h-Wzd","Badge--normal":"_1zS55d","Badge--inverted":"_3bUZbF","Badge--color-gray":"_2eKUAk","Badge--color-teal":"_3gyNLf","Badge--color-green":"rwgQdv","Badge--color-blue":"zb2wOT","Badge--color-yellow":"_1N-1FK","Badge--color-red":"_3a1P6I","Badge--color-magenta":"_3LKZfd","Badge--size-xs":"_3Qg4_n","Badge--size-s":"_1IiJgJ","Badge--size-m":"xlRCTE","Badge--size-default":"_3NLeTo","Badge--accent-accent":"_2VF0ZW","Badge--accent-positive":"pPcccd","Badge--accent-critical":"uzb7W5","Badge--accent-warning":"_1JyZ95","Badge--accent-info":"RBqjKo","Badge--accent-tertiary":"_3NWQgR"};
|
|
5
5
|
var stylesheet=css_248z;
|
|
6
6
|
styleInject(css_248z);
|
|
7
7
|
|
|
@@ -1,6 +1,5 @@
|
|
|
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/theme/style/declarations.mixins.less';
|
|
4
3
|
@import '@preply/ds-web-core/dist/typography/style/mixins.less';
|
|
5
4
|
@import '@preply/ds-web-core/dist/theme/style/declarations.mixins.less';
|
|
6
5
|
|
|
@@ -10,6 +9,12 @@
|
|
|
10
9
|
display: inline-flex;
|
|
11
10
|
.border-radius(@namespace, 'base');
|
|
12
11
|
gap: 0.25em;
|
|
12
|
+
&--normal {
|
|
13
|
+
color: @badge-base-color-normal;
|
|
14
|
+
}
|
|
15
|
+
&--inverted {
|
|
16
|
+
color: @badge-base-color-inverted;
|
|
17
|
+
}
|
|
13
18
|
}
|
|
14
19
|
|
|
15
20
|
// IMPORTANT: These functions should not be taken as an example or inspiration.
|
|
@@ -42,9 +47,12 @@
|
|
|
42
47
|
// Cloned by .action-variants
|
|
43
48
|
.badge-variants() {
|
|
44
49
|
each(@BADGE_ACCENT_OPTIONS, #(@accent) {
|
|
45
|
-
&--accent-@{accent} {
|
|
46
|
-
@token: 'badge-accent-@{accent}';
|
|
47
|
-
|
|
50
|
+
&--accent-@{accent}&--normal {
|
|
51
|
+
@token: 'badge-accent-@{accent}-normal';
|
|
52
|
+
background-color: @@token;
|
|
53
|
+
}
|
|
54
|
+
&--accent-@{accent}&--inverted {
|
|
55
|
+
@token: 'badge-accent-@{accent}-inverted';
|
|
48
56
|
background-color: @@token;
|
|
49
57
|
}
|
|
50
58
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-web-lib",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.65.1",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -19,26 +19,26 @@
|
|
|
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.65.1",
|
|
23
|
+
"@preply/ds-media-icons": "0.65.1",
|
|
24
|
+
"@preply/ds-web-core": "0.65.1",
|
|
25
|
+
"@preply/ds-web-root": "0.65.1"
|
|
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.65.1",
|
|
29
|
+
"@preply/ds-media-icons": "0.65.1",
|
|
30
|
+
"@preply/ds-web-core": "0.65.1",
|
|
31
|
+
"@preply/ds-web-root": "0.65.1",
|
|
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.65.1",
|
|
37
|
+
"@preply/ds-theme-base-ui": "0.65.1",
|
|
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
|
"jsdom-testing-mocks": "^1.7.0"
|
|
42
42
|
},
|
|
43
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "24817b0b510187ad2cf5b1ac4957e412ed898192"
|
|
44
44
|
}
|