@preply/ds-web-lib 0.50.0 → 0.52.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/AvatarWithStatus/AvatarWithStatus.js +2 -2
- package/dist/components/Badge/Badge.d.ts +11 -0
- package/dist/components/Badge/Badge.js +23 -0
- package/dist/components/Badge/style/index.module.less +7 -0
- package/dist/components/Badge/style/index.module.less.js +9 -0
- package/dist/components/Badge/style/mixins.less +56 -0
- package/dist/components/Badge/style/mixins.less.js +8 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +2 -1
- package/dist/components/private/ButtonBase/style/index.module.less.js +1 -1
- package/dist/components/private/ButtonBase/style/mixins.less +1 -0
- package/dist/components/private/FieldLabel/FieldLabel.js +1 -1
- package/dist/index.js +2 -1
- package/package.json +12 -12
|
@@ -8,7 +8,7 @@ const AVATAR_WITH_STATUS = 'AvatarWithStatus';
|
|
|
8
8
|
const AvatarWithStatus = ({ online = false, size = AVATAR_SIZE_DEFAULT, dataset, ...avatarProps }) => {
|
|
9
9
|
useStyleExtract(styles);
|
|
10
10
|
const classNames = moduleClassNames(styles, AVATAR_WITH_STATUS, [
|
|
11
|
-
booleanClassNames('online',
|
|
11
|
+
booleanClassNames('online', 'normal', online),
|
|
12
12
|
stringClassNames('size', size),
|
|
13
13
|
]);
|
|
14
14
|
const indicatorClassName = [...moduleLocals(styles, AVATAR_WITH_STATUS, ['indicator'])];
|
|
@@ -21,4 +21,4 @@ const AvatarWithStatus = ({ online = false, size = AVATAR_SIZE_DEFAULT, dataset,
|
|
|
21
21
|
};
|
|
22
22
|
|
|
23
23
|
export { AvatarWithStatus };
|
|
24
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyV2l0aFN0YXR1cy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXZhdGFyV2l0aFN0YXR1cy9BdmF0YXJXaXRoU3RhdHVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBVkFUQVJfU0laRV9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgbW9kdWxlTG9jYWxzLFxuICAgIHN0cmluZ0NsYXNzTmFtZXMsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQXZhdGFyLCBQcm9wcyB9IGZyb20gJy4uL0F2YXRhci9BdmF0YXInO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5jb25zdCBBVkFUQVJfV0lUSF9TVEFUVVMgPSAnQXZhdGFyV2l0aFN0YXR1cyc7XG5cbnR5cGUgQXZhdGFyUHJvcHMgPSBPbWl0PFByb3BzLCAncm91bmQnIHwgJ3NpemUnPjtcblxudHlwZSBBdmF0YXJXaXRoU3RhdHVzU2l6ZXMgPSAnMnhzJyB8ICd4cycgfCAnbScgfCAneGwnO1xuXG5leHBvcnQgdHlwZSBBdmF0YXJXaXRoU3RhdHVzUHJvcHMgPSBBdmF0YXJQcm9wcyAmIHtcbiAgICBvbmxpbmU6IGJvb2xlYW47XG4gICAgc2l6ZT86IEF2YXRhcldpdGhTdGF0dXNTaXplcztcbn07XG5cbmV4cG9ydCBjb25zdCBBdmF0YXJXaXRoU3RhdHVzOiBGQzxBdmF0YXJXaXRoU3RhdHVzUHJvcHM+
|
|
24
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyV2l0aFN0YXR1cy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXZhdGFyV2l0aFN0YXR1cy9BdmF0YXJXaXRoU3RhdHVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBVkFUQVJfU0laRV9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgbW9kdWxlTG9jYWxzLFxuICAgIHN0cmluZ0NsYXNzTmFtZXMsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQXZhdGFyLCBQcm9wcyB9IGZyb20gJy4uL0F2YXRhci9BdmF0YXInO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5jb25zdCBBVkFUQVJfV0lUSF9TVEFUVVMgPSAnQXZhdGFyV2l0aFN0YXR1cyc7XG5cbnR5cGUgQXZhdGFyUHJvcHMgPSBPbWl0PFByb3BzLCAncm91bmQnIHwgJ3NpemUnPjtcblxudHlwZSBBdmF0YXJXaXRoU3RhdHVzU2l6ZXMgPSAnMnhzJyB8ICd4cycgfCAnbScgfCAneGwnO1xuXG5leHBvcnQgdHlwZSBBdmF0YXJXaXRoU3RhdHVzUHJvcHMgPSBBdmF0YXJQcm9wcyAmIHtcbiAgICBvbmxpbmU6IGJvb2xlYW47XG4gICAgc2l6ZT86IEF2YXRhcldpdGhTdGF0dXNTaXplcztcbn07XG5cbmV4cG9ydCBjb25zdCBBdmF0YXJXaXRoU3RhdHVzOiBGQzxBdmF0YXJXaXRoU3RhdHVzUHJvcHM+ID0gKHtcbiAgICBvbmxpbmUgPSBmYWxzZSxcbiAgICBzaXplID0gQVZBVEFSX1NJWkVfREVGQVVMVCxcbiAgICBkYXRhc2V0LFxuICAgIC4uLmF2YXRhclByb3BzXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIEFWQVRBUl9XSVRIX1NUQVRVUywgW1xuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnb25saW5lJywgJ25vcm1hbCcsIG9ubGluZSksXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3NpemUnLCBzaXplKSxcbiAgICBdKTtcblxuICAgIGNvbnN0IGluZGljYXRvckNsYXNzTmFtZSA9IFsuLi5tb2R1bGVMb2NhbHMoc3R5bGVzLCBBVkFUQVJfV0lUSF9TVEFUVVMsIFsnaW5kaWNhdG9yJ10pXTtcblxuICAgIGNvbnN0IGNsaXBDbGFzc05hbWUgPSBbLi4ubW9kdWxlTG9jYWxzKHN0eWxlcywgQVZBVEFSX1dJVEhfU1RBVFVTLCBbJ2NsaXAnXSldO1xuXG4gICAgY29uc3QgcHJvcHMgPSB7IGNsYXNzTmFtZTogY2xhc3NOYW1lcy5qb2luKCcgJyksIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdiB7Li4ucHJvcHN9PlxuICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtpbmRpY2F0b3JDbGFzc05hbWUuam9pbignICcpfSAvPlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2NsaXBDbGFzc05hbWUuam9pbignICcpfT5cbiAgICAgICAgICAgICAgICA8QXZhdGFyIHsuLi5hdmF0YXJQcm9wc30gc2l6ZT17c2l6ZX0gLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBZUEsTUFBTSxrQkFBa0IsR0FBRyxrQkFBa0IsQ0FBQztNQVdqQyxnQkFBZ0IsR0FBOEIsQ0FBQyxFQUN4RCxNQUFNLEdBQUcsS0FBSyxFQUNkLElBQUksR0FBRyxtQkFBbUIsRUFDMUIsT0FBTyxFQUNQLEdBQUcsV0FBVyxFQUNqQjtJQUNHLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsa0JBQWtCLEVBQUU7UUFDNUQsaUJBQWlCLENBQUMsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLENBQUM7UUFDN0MsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQztLQUNqQyxDQUFDLENBQUM7SUFFSCxNQUFNLGtCQUFrQixHQUFHLENBQUMsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLGtCQUFrQixFQUFFLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBRXhGLE1BQU0sYUFBYSxHQUFHLENBQUMsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLGtCQUFrQixFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBRTlFLE1BQU0sS0FBSyxHQUFHLEVBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztJQUUvRSxRQUNJQSxzREFBUyxLQUFLO1FBQ1ZBLHVDQUFNLFNBQVMsRUFBRSxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUk7UUFDakRBLHNDQUFLLFNBQVMsRUFBRSxhQUFhLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztZQUNuQ0EsNkJBQUMsTUFBTSxvQkFBSyxXQUFXLElBQUUsSUFBSSxFQUFFLElBQUksSUFBSSxDQUNyQyxDQUNKLEVBQ1I7QUFDTjs7OzsifQ==
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { BadgeColor, BadgeSize, Dataset } from '@preply/ds-core';
|
|
2
|
+
import { FC, ReactNode } from 'react';
|
|
3
|
+
export interface Props {
|
|
4
|
+
color?: BadgeColor;
|
|
5
|
+
inverted?: boolean;
|
|
6
|
+
size?: BadgeSize;
|
|
7
|
+
assistiveText?: string;
|
|
8
|
+
dataset?: Dataset;
|
|
9
|
+
children?: ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export declare const Badge: FC<Props>;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { BADGE_COLOR_DEFAULT, BADGE_SIZE_DEFAULT } from '@preply/ds-core';
|
|
2
|
+
import { useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
3
|
+
import React__default from 'react';
|
|
4
|
+
import styles from './style/index.module.less.js';
|
|
5
|
+
|
|
6
|
+
const BADGE = 'Badge';
|
|
7
|
+
const Badge = ({ color = BADGE_COLOR_DEFAULT, inverted = false, size = BADGE_SIZE_DEFAULT, assistiveText, dataset, children, }) => {
|
|
8
|
+
useStyleExtract(styles);
|
|
9
|
+
const classNames = moduleClassNames(styles, BADGE, [
|
|
10
|
+
stringClassNames('color', color),
|
|
11
|
+
booleanClassNames('inverted', 'normal', inverted),
|
|
12
|
+
stringClassNames('size', size),
|
|
13
|
+
]);
|
|
14
|
+
const props = {
|
|
15
|
+
'aria-label': assistiveText,
|
|
16
|
+
className: classNames.join(' '),
|
|
17
|
+
...getDatasetProps(dataset),
|
|
18
|
+
};
|
|
19
|
+
return React__default.createElement("span", Object.assign({}, props), children);
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
export { Badge };
|
|
23
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JhZGdlL0JhZGdlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEJhZGdlQ29sb3IsIEJhZGdlU2l6ZSwgRGF0YXNldCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBCQURHRV9DT0xPUl9ERUZBVUxULCBCQURHRV9TSVpFX0RFRkFVTFQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBib29sZWFuQ2xhc3NOYW1lcyxcbiAgICBnZXREYXRhc2V0UHJvcHMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBzdHJpbmdDbGFzc05hbWVzLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gICAgY29sb3I/OiBCYWRnZUNvbG9yO1xuICAgIGludmVydGVkPzogYm9vbGVhbjtcbiAgICBzaXplPzogQmFkZ2VTaXplO1xuICAgIGFzc2lzdGl2ZVRleHQ/OiBzdHJpbmc7XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG4gICAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IEJBREdFID0gJ0JhZGdlJztcblxuZXhwb3J0IGNvbnN0IEJhZGdlOiBGQzxQcm9wcz4gPSAoe1xuICAgIGNvbG9yID0gQkFER0VfQ09MT1JfREVGQVVMVCxcbiAgICBpbnZlcnRlZCA9IGZhbHNlLFxuICAgIHNpemUgPSBCQURHRV9TSVpFX0RFRkFVTFQsXG4gICAgYXNzaXN0aXZlVGV4dCxcbiAgICBkYXRhc2V0LFxuICAgIGNoaWxkcmVuLFxufSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBCQURHRSwgW1xuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdjb2xvcicsIGNvbG9yKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2ludmVydGVkJywgJ25vcm1hbCcsIGludmVydGVkKSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnc2l6ZScsIHNpemUpLFxuICAgIF0pO1xuXG4gICAgY29uc3QgcHJvcHMgPSB7XG4gICAgICAgICdhcmlhLWxhYmVsJzogYXNzaXN0aXZlVGV4dCxcbiAgICAgICAgY2xhc3NOYW1lOiBjbGFzc05hbWVzLmpvaW4oJyAnKSxcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpLFxuICAgIH07XG5cbiAgICByZXR1cm4gPHNwYW4gey4uLnByb3BzfT57Y2hpbGRyZW59PC9zcGFuPjtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7O0FBc0JBLE1BQU0sS0FBSyxHQUFHLE9BQU8sQ0FBQztNQUVULEtBQUssR0FBYyxDQUFDLEVBQzdCLEtBQUssR0FBRyxtQkFBbUIsRUFDM0IsUUFBUSxHQUFHLEtBQUssRUFDaEIsSUFBSSxHQUFHLGtCQUFrQixFQUN6QixhQUFhLEVBQ2IsT0FBTyxFQUNQLFFBQVEsR0FDWDtJQUNHLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFO1FBQy9DLGdCQUFnQixDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUM7UUFDaEMsaUJBQWlCLENBQUMsVUFBVSxFQUFFLFFBQVEsRUFBRSxRQUFRLENBQUM7UUFDakQsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQztLQUNqQyxDQUFDLENBQUM7SUFFSCxNQUFNLEtBQUssR0FBRztRQUNWLFlBQVksRUFBRSxhQUFhO1FBQzNCLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUMvQixHQUFHLGVBQWUsQ0FBQyxPQUFPLENBQUM7S0FDOUIsQ0FBQztJQUVGLE9BQU9BLHVEQUFVLEtBQUssR0FBRyxRQUFRLENBQVEsQ0FBQztBQUM5Qzs7OzsifQ==
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = "._3h-Wzd{border-radius:var(--93d4a2);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._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)}";
|
|
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--color-gray":"_2eKUAk","Badge--normal":"_1zS55d","Badge--inverted":"_3bUZbF","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"};
|
|
5
|
+
var stylesheet=css_248z;
|
|
6
|
+
styleInject(css_248z);
|
|
7
|
+
|
|
8
|
+
export { styles as default, stylesheet };
|
|
9
|
+
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
@import '@preply/ds-web-core/dist/generated/tokens.less';
|
|
2
|
+
@import '@preply/ds-web-core/dist/generated/options.less';
|
|
3
|
+
@import '@preply/ds-web-core/dist/theme/style/declarations.mixins.less';
|
|
4
|
+
@import '@preply/ds-web-core/dist/typography/style/mixins.less';
|
|
5
|
+
|
|
6
|
+
@namespace: 'badge';
|
|
7
|
+
|
|
8
|
+
.badge-base() {
|
|
9
|
+
display: inline-flex;
|
|
10
|
+
.border-radius(@namespace, 'base');
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
// IMPORTANT: These functions should not be taken as an example or inspiration.
|
|
14
|
+
// Usually, it is preferred to generate specific tokens for each component prop option.
|
|
15
|
+
._badge-color(@value) when (@value = 'gray') {
|
|
16
|
+
color: @root-palette-gray-500;
|
|
17
|
+
background-color: @root-palette-gray-200;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
._badge-color(@value) when not(@value = 'gray') {
|
|
21
|
+
@_color-token-name: 'root-palette-@{value}-400';
|
|
22
|
+
color: @@_color-token-name;
|
|
23
|
+
@_bg-token-name: 'root-palette-@{value}-100';
|
|
24
|
+
background-color: @@_bg-token-name;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
._badge-color(@value, @inverted) when (@inverted = true) {
|
|
28
|
+
@_color-token-name: 'root-palette-@{value}-100';
|
|
29
|
+
color: @@_color-token-name;
|
|
30
|
+
@_bg-token-name: 'root-palette-@{value}-400';
|
|
31
|
+
background-color: @@_bg-token-name;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.badge-color-and-inverted() {
|
|
35
|
+
each(@BADGE_COLOR_OPTIONS, {
|
|
36
|
+
&--color-@{value}&--normal {
|
|
37
|
+
._badge-color('@{value}');
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
&--color-@{value}&--inverted {
|
|
41
|
+
._badge-color('@{value}', true);
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.badge-size() {
|
|
47
|
+
each(@BADGE_SIZE_OPTIONS, {
|
|
48
|
+
&--size-@{value} {
|
|
49
|
+
@token: 'size-@{value}';
|
|
50
|
+
.horizontalPadding(@namespace, @token);
|
|
51
|
+
.verticalPadding(@namespace, @token);
|
|
52
|
+
@variant: '@{value}-medium';
|
|
53
|
+
.text-variant(@variant);
|
|
54
|
+
}
|
|
55
|
+
});
|
|
56
|
+
}
|
|
@@ -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
|
|
@@ -2,6 +2,7 @@ export { Avatar } from './Avatar/Avatar';
|
|
|
2
2
|
export { AvatarWithStatus } from './AvatarWithStatus/AvatarWithStatus';
|
|
3
3
|
export { Box } from './Box/Box';
|
|
4
4
|
export { Button } from './Button/Button';
|
|
5
|
+
export { Badge } from './Badge/Badge';
|
|
5
6
|
export { FieldAdditionalText } from './FieldAdditionalText/FieldAdditionalText';
|
|
6
7
|
export { FieldButton } from './FieldButton/FieldButton';
|
|
7
8
|
export { FieldLayout } from './FieldLayout/FieldLayout';
|
package/dist/components/index.js
CHANGED
|
@@ -2,6 +2,7 @@ export { Avatar } from './Avatar/Avatar.js';
|
|
|
2
2
|
export { AvatarWithStatus } from './AvatarWithStatus/AvatarWithStatus.js';
|
|
3
3
|
export { Box } from './Box/Box.js';
|
|
4
4
|
export { Button } from './Button/Button.js';
|
|
5
|
+
export { Badge } from './Badge/Badge.js';
|
|
5
6
|
export { FieldAdditionalText } from './FieldAdditionalText/FieldAdditionalText.js';
|
|
6
7
|
export { FieldButton } from './FieldButton/FieldButton.js';
|
|
7
8
|
export { FieldLayout } from './FieldLayout/FieldLayout.js';
|
|
@@ -24,4 +25,4 @@ export { TextField } from './TextField/TextField.js';
|
|
|
24
25
|
export { PasswordField } from './PasswordField/PasswordField.js';
|
|
25
26
|
export { TextHighlighted } from './TextHighlighted/TextHighlighted.js';
|
|
26
27
|
export { TextInline } from './TextInline/TextInline.js';
|
|
27
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "._3hHYL8{width:100%}._1iptd0{width:auto}@media (min-width:400px){._2ghB2K{width:100%}.eYcGG3{width:auto}}@media (min-width:700px){._1qWN7E{width:100%}.wEf49e{width:auto}}@media (min-width:880px){._17V9hZ{width:100%}.Gvat7x{width:auto}}@media (min-width:1200px){._3Z_U9Y{width:100%}._35vY4m{width:auto}}@media (min-width:1900px){._1ViAy9{width:100%}.qy6lL9{width:auto}}._31l8bu{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-color:transparent;border:1px solid transparent;border-radius:var(--8d5131);color:var(--aface6);cursor:pointer;font-size:var(--8d63e4);font-weight:var(--6e9792);line-height:var(--d4313c);position:relative;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._1Mv9ye,._31l8bu{-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}._1Mv9ye{grid-gap:var(--0aee7b);gap:var(--0aee7b);vertical-align:baseline}._3B1mWU ._1Mv9ye svg{height:var(--f02c4e);width:var(--f02c4e)}._3B1mWU ._1Mv9ye svg path{fill:currentColor}.dDiXSd{-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%}._31l8bu[disabled],._31l8bu[disabled]:hover{background-color:var(--04daeb);border-color:var(--e05289);color:var(--a8b89c);cursor:not-allowed}._31l8bu._1FbZSm{outline-color:var(--603ec6);outline-offset:var(--c0b12c);outline-style:solid;outline-width:var(--99d31f)}._31l8bu:focus-visible{outline-color:var(--603ec6);outline-offset:var(--c0b12c);outline-style:solid;outline-width:var(--99d31f)}._1S4uD4{cursor:default;pointer-events:none}._1S4uD4 ._1Mv9ye{visibility:hidden}.WxNTfY{width:100%}._3QJ6Hl{width:auto}@media (min-width:400px){._2DAIbw{width:100%}._3ucBWh{width:auto}}@media (min-width:700px){._3ibkTo{width:100%}.qKlnnB{width:auto}}@media (min-width:880px){.XgtEv8{width:100%}._2SkVZB{width:auto}}@media (min-width:1200px){._1_wwhF{width:100%}._2fYjNF{width:auto}}@media (min-width:1900px){._4nUwGY{width:100%}._18-Bpr{width:auto}}._2UUzTb{font-size:var(--357dd0);min-height:var(--50cc65);padding:var(--fec177) var(--29b033)}._11s-ki{height:var(--50cc65);padding:0;width:var(--50cc65)}.f5AXpU{font-size:var(--b47a67);min-height:var(--2f2e00);padding:var(--9a5737) var(--65766b)}._6FVgw3{height:var(--2f2e00);padding:0;width:var(--2f2e00)}._1jI8S4{font-size:var(--89a358);min-height:var(--bcfcbc);padding:var(--3b9027) var(--0f2d7e)}.W-cta5{height:var(--bcfcbc);padding:0;width:var(--bcfcbc)}._3MD2lP{font-size:var(--a899be);min-height:var(--26156f);padding:var(--303c6e) var(--b1c76a)}._3lMgNy{height:var(--26156f);padding:0;width:var(--26156f)}._33xIkb{font-size:var(--f7be07);min-height:var(--d6bfc9);padding:var(--da1881) var(--88eefe)}._3tmMGE{height:var(--d6bfc9);padding:0;width:var(--d6bfc9)}@media (min-width:400px){._1Fui6C{font-size:var(--357dd0);min-height:var(--50cc65);padding:var(--fec177) var(--29b033)}._3sOzzZ{height:var(--50cc65);padding:0;width:var(--50cc65)}._2zoyDK{font-size:var(--b47a67);min-height:var(--2f2e00);padding:var(--9a5737) var(--65766b)}.qHsjRA{height:var(--2f2e00);padding:0;width:var(--2f2e00)}._339yV6{font-size:var(--89a358);min-height:var(--bcfcbc);padding:var(--3b9027) var(--0f2d7e)}._2Avv9s{height:var(--bcfcbc);padding:0;width:var(--bcfcbc)}._3jYX4K{font-size:var(--a899be);min-height:var(--26156f);padding:var(--303c6e) var(--b1c76a)}._2LnQRW{height:var(--26156f);padding:0;width:var(--26156f)}._38wUKC{font-size:var(--f7be07);min-height:var(--d6bfc9);padding:var(--da1881) var(--88eefe)}._2htxLT{height:var(--d6bfc9);padding:0;width:var(--d6bfc9)}}@media (min-width:700px){._3MaUF9{font-size:var(--357dd0);min-height:var(--50cc65);padding:var(--fec177) var(--29b033)}._2xYp55{height:var(--50cc65);padding:0;width:var(--50cc65)}._1ZbRnu{font-size:var(--b47a67);min-height:var(--2f2e00);padding:var(--9a5737) var(--65766b)}._1Y-AhY{height:var(--2f2e00);padding:0;width:var(--2f2e00)}._3LZmYy{font-size:var(--89a358);min-height:var(--bcfcbc);padding:var(--3b9027) var(--0f2d7e)}._NVra0{height:var(--bcfcbc);padding:0;width:var(--bcfcbc)}._1aS8lZ{font-size:var(--a899be);min-height:var(--26156f);padding:var(--303c6e) var(--b1c76a)}._3v3udu{height:var(--26156f);padding:0;width:var(--26156f)}._16xT4Z{font-size:var(--f7be07);min-height:var(--d6bfc9);padding:var(--da1881) var(--88eefe)}.P-YFev{height:var(--d6bfc9);padding:0;width:var(--d6bfc9)}}@media (min-width:880px){._7hxDKc{font-size:var(--357dd0);min-height:var(--50cc65);padding:var(--fec177) var(--29b033)}.KmFWXd{height:var(--50cc65);padding:0;width:var(--50cc65)}._3UDkIj{font-size:var(--b47a67);min-height:var(--2f2e00);padding:var(--9a5737) var(--65766b)}._3o5YX-{height:var(--2f2e00);padding:0;width:var(--2f2e00)}._2PMGXq{font-size:var(--89a358);min-height:var(--bcfcbc);padding:var(--3b9027) var(--0f2d7e)}.T4DFya{height:var(--bcfcbc);padding:0;width:var(--bcfcbc)}._2gMpQ6{font-size:var(--a899be);min-height:var(--26156f);padding:var(--303c6e) var(--b1c76a)}._0Is2O{height:var(--26156f);padding:0;width:var(--26156f)}._3MqJlW{font-size:var(--f7be07);min-height:var(--d6bfc9);padding:var(--da1881) var(--88eefe)}._1dQ77F{height:var(--d6bfc9);padding:0;width:var(--d6bfc9)}}@media (min-width:1200px){.AqbzL7{font-size:var(--357dd0);min-height:var(--50cc65);padding:var(--fec177) var(--29b033)}.ooyL9P{height:var(--50cc65);padding:0;width:var(--50cc65)}._2UPys-{font-size:var(--b47a67);min-height:var(--2f2e00);padding:var(--9a5737) var(--65766b)}._20uvg_{height:var(--2f2e00);padding:0;width:var(--2f2e00)}._1CHfKl{font-size:var(--89a358);min-height:var(--bcfcbc);padding:var(--3b9027) var(--0f2d7e)}.OXR3lz{height:var(--bcfcbc);padding:0;width:var(--bcfcbc)}._1rSSOv{font-size:var(--a899be);min-height:var(--26156f);padding:var(--303c6e) var(--b1c76a)}.VHT7H8{height:var(--26156f);padding:0;width:var(--26156f)}._3DLN3h{font-size:var(--f7be07);min-height:var(--d6bfc9);padding:var(--da1881) var(--88eefe)}._1nD5GZ{height:var(--d6bfc9);padding:0;width:var(--d6bfc9)}}@media (min-width:1900px){._1vcX6P{font-size:var(--357dd0);min-height:var(--50cc65);padding:var(--fec177) var(--29b033)}._2hfhpz{height:var(--50cc65);padding:0;width:var(--50cc65)}._1SB59X{font-size:var(--b47a67);min-height:var(--2f2e00);padding:var(--9a5737) var(--65766b)}._2mEdq9{height:var(--2f2e00);padding:0;width:var(--2f2e00)}._1KmJ7a{font-size:var(--89a358);min-height:var(--bcfcbc);padding:var(--3b9027) var(--0f2d7e)}._2R9lOj{height:var(--bcfcbc);padding:0;width:var(--bcfcbc)}._3oo5_m{font-size:var(--a899be);min-height:var(--26156f);padding:var(--303c6e) var(--b1c76a)}._3ttJoT{height:var(--26156f);padding:0;width:var(--26156f)}.maQZRc{font-size:var(--f7be07);min-height:var(--d6bfc9);padding:var(--da1881) var(--88eefe)}._1KfKav{height:var(--d6bfc9);padding:0;width:var(--d6bfc9)}}._hzLAU{background-color:var(--508b34);border-color:var(--44bfe9);color:var(--d2baa6)}._hzLAU:hover{background-color:var(--902b50);color:var(--df6151)}._hzLAU:active{background-color:var(--c1c1ca);color:var(--15cee1)}.wj4gqc{background-color:var(--e56164);border-color:var(--ab736c);color:var(--1614c9)}.wj4gqc:hover{background-color:var(--0d124d);color:var(--0d6ae2)}.wj4gqc:active{background-color:var(--33b439);color:var(--22cb4c)}._3xhNOP{background-color:var(--28f3c1);border-color:var(--10556e);color:var(--937543)}._3xhNOP:hover{background-color:var(--ec17be);color:var(--175a77)}._3xhNOP:active{background-color:var(--b0bf50);color:var(--8274ee)}._3A21nR{background-color:var(--e46449);border-color:var(--0e9e01);color:var(--9cf6ec)}._3A21nR:hover{background-color:var(--afc176);color:var(--6609c6)}._3A21nR:active{background-color:var(--2ee553);color:var(--e9f226)}._2ssLbd{background-color:var(--bbb356);border-color:var(--0cad84);color:var(--122a99)}._2ssLbd:hover{background-color:var(--df2aca);color:var(--1265db)}._2ssLbd:active{background-color:var(--435fa5);color:var(--a41624)}._2Uo_yl{background-color:var(--118bda);border-color:var(--ab5970);color:var(--efde5b)}._2Uo_yl:hover{background-color:var(--e0b0f4);color:var(--6f5d5d)}._2Uo_yl:active{background-color:var(--a5eaa1);color:var(--6b4e92)}._1rbWLs{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}";
|
|
3
|
+
var css_248z = "._3hHYL8{width:100%}._1iptd0{width:auto}@media (min-width:400px){._2ghB2K{width:100%}.eYcGG3{width:auto}}@media (min-width:700px){._1qWN7E{width:100%}.wEf49e{width:auto}}@media (min-width:880px){._17V9hZ{width:100%}.Gvat7x{width:auto}}@media (min-width:1200px){._3Z_U9Y{width:100%}._35vY4m{width:auto}}@media (min-width:1900px){._1ViAy9{width:100%}.qy6lL9{width:auto}}._31l8bu{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-color:transparent;border:1px solid transparent;border-radius:var(--8d5131);color:var(--aface6);cursor:pointer;font-size:var(--8d63e4);font-weight:var(--6e9792);line-height:var(--d4313c);position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._1Mv9ye,._31l8bu{-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}._1Mv9ye{grid-gap:var(--0aee7b);gap:var(--0aee7b);vertical-align:baseline}._3B1mWU ._1Mv9ye svg{height:var(--f02c4e);width:var(--f02c4e)}._3B1mWU ._1Mv9ye svg path{fill:currentColor}.dDiXSd{-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%}._31l8bu[disabled],._31l8bu[disabled]:hover{background-color:var(--04daeb);border-color:var(--e05289);color:var(--a8b89c);cursor:not-allowed}._31l8bu._1FbZSm{outline-color:var(--603ec6);outline-offset:var(--c0b12c);outline-style:solid;outline-width:var(--99d31f)}._31l8bu:focus-visible{outline-color:var(--603ec6);outline-offset:var(--c0b12c);outline-style:solid;outline-width:var(--99d31f)}._1S4uD4{cursor:default;pointer-events:none}._1S4uD4 ._1Mv9ye{visibility:hidden}.WxNTfY{width:100%}._3QJ6Hl{width:auto}@media (min-width:400px){._2DAIbw{width:100%}._3ucBWh{width:auto}}@media (min-width:700px){._3ibkTo{width:100%}.qKlnnB{width:auto}}@media (min-width:880px){.XgtEv8{width:100%}._2SkVZB{width:auto}}@media (min-width:1200px){._1_wwhF{width:100%}._2fYjNF{width:auto}}@media (min-width:1900px){._4nUwGY{width:100%}._18-Bpr{width:auto}}._2UUzTb{font-size:var(--357dd0);min-height:var(--50cc65);padding:var(--fec177) var(--29b033)}._11s-ki{height:var(--50cc65);padding:0;width:var(--50cc65)}.f5AXpU{font-size:var(--b47a67);min-height:var(--2f2e00);padding:var(--9a5737) var(--65766b)}._6FVgw3{height:var(--2f2e00);padding:0;width:var(--2f2e00)}._1jI8S4{font-size:var(--89a358);min-height:var(--bcfcbc);padding:var(--3b9027) var(--0f2d7e)}.W-cta5{height:var(--bcfcbc);padding:0;width:var(--bcfcbc)}._3MD2lP{font-size:var(--a899be);min-height:var(--26156f);padding:var(--303c6e) var(--b1c76a)}._3lMgNy{height:var(--26156f);padding:0;width:var(--26156f)}._33xIkb{font-size:var(--f7be07);min-height:var(--d6bfc9);padding:var(--da1881) var(--88eefe)}._3tmMGE{height:var(--d6bfc9);padding:0;width:var(--d6bfc9)}@media (min-width:400px){._1Fui6C{font-size:var(--357dd0);min-height:var(--50cc65);padding:var(--fec177) var(--29b033)}._3sOzzZ{height:var(--50cc65);padding:0;width:var(--50cc65)}._2zoyDK{font-size:var(--b47a67);min-height:var(--2f2e00);padding:var(--9a5737) var(--65766b)}.qHsjRA{height:var(--2f2e00);padding:0;width:var(--2f2e00)}._339yV6{font-size:var(--89a358);min-height:var(--bcfcbc);padding:var(--3b9027) var(--0f2d7e)}._2Avv9s{height:var(--bcfcbc);padding:0;width:var(--bcfcbc)}._3jYX4K{font-size:var(--a899be);min-height:var(--26156f);padding:var(--303c6e) var(--b1c76a)}._2LnQRW{height:var(--26156f);padding:0;width:var(--26156f)}._38wUKC{font-size:var(--f7be07);min-height:var(--d6bfc9);padding:var(--da1881) var(--88eefe)}._2htxLT{height:var(--d6bfc9);padding:0;width:var(--d6bfc9)}}@media (min-width:700px){._3MaUF9{font-size:var(--357dd0);min-height:var(--50cc65);padding:var(--fec177) var(--29b033)}._2xYp55{height:var(--50cc65);padding:0;width:var(--50cc65)}._1ZbRnu{font-size:var(--b47a67);min-height:var(--2f2e00);padding:var(--9a5737) var(--65766b)}._1Y-AhY{height:var(--2f2e00);padding:0;width:var(--2f2e00)}._3LZmYy{font-size:var(--89a358);min-height:var(--bcfcbc);padding:var(--3b9027) var(--0f2d7e)}._NVra0{height:var(--bcfcbc);padding:0;width:var(--bcfcbc)}._1aS8lZ{font-size:var(--a899be);min-height:var(--26156f);padding:var(--303c6e) var(--b1c76a)}._3v3udu{height:var(--26156f);padding:0;width:var(--26156f)}._16xT4Z{font-size:var(--f7be07);min-height:var(--d6bfc9);padding:var(--da1881) var(--88eefe)}.P-YFev{height:var(--d6bfc9);padding:0;width:var(--d6bfc9)}}@media (min-width:880px){._7hxDKc{font-size:var(--357dd0);min-height:var(--50cc65);padding:var(--fec177) var(--29b033)}.KmFWXd{height:var(--50cc65);padding:0;width:var(--50cc65)}._3UDkIj{font-size:var(--b47a67);min-height:var(--2f2e00);padding:var(--9a5737) var(--65766b)}._3o5YX-{height:var(--2f2e00);padding:0;width:var(--2f2e00)}._2PMGXq{font-size:var(--89a358);min-height:var(--bcfcbc);padding:var(--3b9027) var(--0f2d7e)}.T4DFya{height:var(--bcfcbc);padding:0;width:var(--bcfcbc)}._2gMpQ6{font-size:var(--a899be);min-height:var(--26156f);padding:var(--303c6e) var(--b1c76a)}._0Is2O{height:var(--26156f);padding:0;width:var(--26156f)}._3MqJlW{font-size:var(--f7be07);min-height:var(--d6bfc9);padding:var(--da1881) var(--88eefe)}._1dQ77F{height:var(--d6bfc9);padding:0;width:var(--d6bfc9)}}@media (min-width:1200px){.AqbzL7{font-size:var(--357dd0);min-height:var(--50cc65);padding:var(--fec177) var(--29b033)}.ooyL9P{height:var(--50cc65);padding:0;width:var(--50cc65)}._2UPys-{font-size:var(--b47a67);min-height:var(--2f2e00);padding:var(--9a5737) var(--65766b)}._20uvg_{height:var(--2f2e00);padding:0;width:var(--2f2e00)}._1CHfKl{font-size:var(--89a358);min-height:var(--bcfcbc);padding:var(--3b9027) var(--0f2d7e)}.OXR3lz{height:var(--bcfcbc);padding:0;width:var(--bcfcbc)}._1rSSOv{font-size:var(--a899be);min-height:var(--26156f);padding:var(--303c6e) var(--b1c76a)}.VHT7H8{height:var(--26156f);padding:0;width:var(--26156f)}._3DLN3h{font-size:var(--f7be07);min-height:var(--d6bfc9);padding:var(--da1881) var(--88eefe)}._1nD5GZ{height:var(--d6bfc9);padding:0;width:var(--d6bfc9)}}@media (min-width:1900px){._1vcX6P{font-size:var(--357dd0);min-height:var(--50cc65);padding:var(--fec177) var(--29b033)}._2hfhpz{height:var(--50cc65);padding:0;width:var(--50cc65)}._1SB59X{font-size:var(--b47a67);min-height:var(--2f2e00);padding:var(--9a5737) var(--65766b)}._2mEdq9{height:var(--2f2e00);padding:0;width:var(--2f2e00)}._1KmJ7a{font-size:var(--89a358);min-height:var(--bcfcbc);padding:var(--3b9027) var(--0f2d7e)}._2R9lOj{height:var(--bcfcbc);padding:0;width:var(--bcfcbc)}._3oo5_m{font-size:var(--a899be);min-height:var(--26156f);padding:var(--303c6e) var(--b1c76a)}._3ttJoT{height:var(--26156f);padding:0;width:var(--26156f)}.maQZRc{font-size:var(--f7be07);min-height:var(--d6bfc9);padding:var(--da1881) var(--88eefe)}._1KfKav{height:var(--d6bfc9);padding:0;width:var(--d6bfc9)}}._hzLAU{background-color:var(--508b34);border-color:var(--44bfe9);color:var(--d2baa6)}._hzLAU:hover{background-color:var(--902b50);color:var(--df6151)}._hzLAU:active{background-color:var(--c1c1ca);color:var(--15cee1)}.wj4gqc{background-color:var(--e56164);border-color:var(--ab736c);color:var(--1614c9)}.wj4gqc:hover{background-color:var(--0d124d);color:var(--0d6ae2)}.wj4gqc:active{background-color:var(--33b439);color:var(--22cb4c)}._3xhNOP{background-color:var(--28f3c1);border-color:var(--10556e);color:var(--937543)}._3xhNOP:hover{background-color:var(--ec17be);color:var(--175a77)}._3xhNOP:active{background-color:var(--b0bf50);color:var(--8274ee)}._3A21nR{background-color:var(--e46449);border-color:var(--0e9e01);color:var(--9cf6ec)}._3A21nR:hover{background-color:var(--afc176);color:var(--6609c6)}._3A21nR:active{background-color:var(--2ee553);color:var(--e9f226)}._2ssLbd{background-color:var(--bbb356);border-color:var(--0cad84);color:var(--122a99)}._2ssLbd:hover{background-color:var(--df2aca);color:var(--1265db)}._2ssLbd:active{background-color:var(--435fa5);color:var(--a41624)}._2Uo_yl{background-color:var(--118bda);border-color:var(--ab5970);color:var(--efde5b)}._2Uo_yl:hover{background-color:var(--e0b0f4);color:var(--6f5d5d)}._2Uo_yl:active{background-color:var(--a5eaa1);color:var(--6b4e92)}._1rbWLs{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/private/ButtonBase/style/index.module.less",__css:css_248z,"button-width--width-full":"_3hHYL8","button-width--width-auto":"_1iptd0","button-width--narrow-l--width-full":"_2ghB2K","button-width--narrow-l--width-auto":"eYcGG3","button-width--medium-s--width-full":"_1qWN7E","button-width--medium-s--width-auto":"wEf49e","button-width--medium-l--width-full":"_17V9hZ","button-width--medium-l--width-auto":"Gvat7x","button-width--wide-s--width-full":"_3Z_U9Y","button-width--wide-s--width-auto":"_35vY4m","button-width--wide-l--width-full":"_1ViAy9","button-width--wide-l--width-auto":"qy6lL9","ButtonBase":"_31l8bu","ButtonBase--content":"_1Mv9ye","ButtonBase--is-icon-button":"_3B1mWU","ButtonBase--busy":"dDiXSd","focus-visible":"_1FbZSm","ButtonBase--is-busy":"_1S4uD4","ButtonBase--width-full":"WxNTfY","ButtonBase--width-auto":"_3QJ6Hl","ButtonBase--narrow-l--width-full":"_2DAIbw","ButtonBase--narrow-l--width-auto":"_3ucBWh","ButtonBase--medium-s--width-full":"_3ibkTo","ButtonBase--medium-s--width-auto":"qKlnnB","ButtonBase--medium-l--width-full":"XgtEv8","ButtonBase--medium-l--width-auto":"_2SkVZB","ButtonBase--wide-s--width-full":"_1_wwhF","ButtonBase--wide-s--width-auto":"_2fYjNF","ButtonBase--wide-l--width-full":"_4nUwGY","ButtonBase--wide-l--width-auto":"_18-Bpr","ButtonBase--size-xs":"_2UUzTb","ButtonBase--is-icon-button-size-xs":"_11s-ki","ButtonBase--size-s":"f5AXpU","ButtonBase--is-icon-button-size-s":"_6FVgw3","ButtonBase--size-m":"_1jI8S4","ButtonBase--is-icon-button-size-m":"W-cta5","ButtonBase--size-l":"_3MD2lP","ButtonBase--is-icon-button-size-l":"_3lMgNy","ButtonBase--size-xl":"_33xIkb","ButtonBase--is-icon-button-size-xl":"_3tmMGE","ButtonBase--narrow-l--size-xs":"_1Fui6C","ButtonBase--narrow-l--is-icon-button-size-xs":"_3sOzzZ","ButtonBase--narrow-l--size-s":"_2zoyDK","ButtonBase--narrow-l--is-icon-button-size-s":"qHsjRA","ButtonBase--narrow-l--size-m":"_339yV6","ButtonBase--narrow-l--is-icon-button-size-m":"_2Avv9s","ButtonBase--narrow-l--size-l":"_3jYX4K","ButtonBase--narrow-l--is-icon-button-size-l":"_2LnQRW","ButtonBase--narrow-l--size-xl":"_38wUKC","ButtonBase--narrow-l--is-icon-button-size-xl":"_2htxLT","ButtonBase--medium-s--size-xs":"_3MaUF9","ButtonBase--medium-s--is-icon-button-size-xs":"_2xYp55","ButtonBase--medium-s--size-s":"_1ZbRnu","ButtonBase--medium-s--is-icon-button-size-s":"_1Y-AhY","ButtonBase--medium-s--size-m":"_3LZmYy","ButtonBase--medium-s--is-icon-button-size-m":"_NVra0","ButtonBase--medium-s--size-l":"_1aS8lZ","ButtonBase--medium-s--is-icon-button-size-l":"_3v3udu","ButtonBase--medium-s--size-xl":"_16xT4Z","ButtonBase--medium-s--is-icon-button-size-xl":"P-YFev","ButtonBase--medium-l--size-xs":"_7hxDKc","ButtonBase--medium-l--is-icon-button-size-xs":"KmFWXd","ButtonBase--medium-l--size-s":"_3UDkIj","ButtonBase--medium-l--is-icon-button-size-s":"_3o5YX-","ButtonBase--medium-l--size-m":"_2PMGXq","ButtonBase--medium-l--is-icon-button-size-m":"T4DFya","ButtonBase--medium-l--size-l":"_2gMpQ6","ButtonBase--medium-l--is-icon-button-size-l":"_0Is2O","ButtonBase--medium-l--size-xl":"_3MqJlW","ButtonBase--medium-l--is-icon-button-size-xl":"_1dQ77F","ButtonBase--wide-s--size-xs":"AqbzL7","ButtonBase--wide-s--is-icon-button-size-xs":"ooyL9P","ButtonBase--wide-s--size-s":"_2UPys-","ButtonBase--wide-s--is-icon-button-size-s":"_20uvg_","ButtonBase--wide-s--size-m":"_1CHfKl","ButtonBase--wide-s--is-icon-button-size-m":"OXR3lz","ButtonBase--wide-s--size-l":"_1rSSOv","ButtonBase--wide-s--is-icon-button-size-l":"VHT7H8","ButtonBase--wide-s--size-xl":"_3DLN3h","ButtonBase--wide-s--is-icon-button-size-xl":"_1nD5GZ","ButtonBase--wide-l--size-xs":"_1vcX6P","ButtonBase--wide-l--is-icon-button-size-xs":"_2hfhpz","ButtonBase--wide-l--size-s":"_1SB59X","ButtonBase--wide-l--is-icon-button-size-s":"_2mEdq9","ButtonBase--wide-l--size-m":"_1KmJ7a","ButtonBase--wide-l--is-icon-button-size-m":"_2R9lOj","ButtonBase--wide-l--size-l":"_3oo5_m","ButtonBase--wide-l--is-icon-button-size-l":"_3ttJoT","ButtonBase--wide-l--size-xl":"maQZRc","ButtonBase--wide-l--is-icon-button-size-xl":"_1KfKav","ButtonBase--variant-primary":"_hzLAU","ButtonBase--variant-secondary":"wj4gqc","ButtonBase--variant-tertiary":"_3xhNOP","ButtonBase--variant-quaternary":"_3A21nR","ButtonBase--variant-plain":"_2ssLbd","ButtonBase--variant-dangerous":"_2Uo_yl","ButtonBase--no-wrap":"_1rbWLs"};
|
|
5
5
|
var stylesheet=css_248z;
|
|
6
6
|
styleInject(css_248z);
|
|
@@ -22,4 +22,4 @@ const FieldLabel = ({ id, label, hideLabel, required, requiredLabel, }) => {
|
|
|
22
22
|
};
|
|
23
23
|
|
|
24
24
|
export { FieldLabel };
|
|
25
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRMYWJlbC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJpdmF0ZS9GaWVsZExhYmVsL0ZpZWxkTGFiZWwudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgRmllbGRMYWJlbFByb3BzLFxuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgbW9kdWxlTG9jYWxzLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgRklFTERfTEFCRUwgPSAnRmllbGRMYWJlbCc7XG5cbmNvbnN0IEJVTExFVF9CTEFDS19TTUFMTF9DSVJDTEUgPSAnXFx1MjAyMic7XG5jb25zdCBERUZBVUxUX1JFUVVJUkVEX0xBQkVMID0gJ1JlcXVpcmVkJztcblxuY29uc3QgUmVxdWlyZWQ6IEZDPHsgbGFiZWw/OiBSZWFjdE5vZGUgfCBzdHJpbmcgfT4gPSAoeyBsYWJlbCA9IERFRkFVTFRfUkVRVUlSRURfTEFCRUwgfSkgPT4ge1xuICAgIGNvbnN0IHJlcXVpcmVkQ2xhc3NOYW1lcyA9IG1vZHVsZUxvY2FscyhzdHlsZXMsIEZJRUxEX0xBQkVMLCBbJ3JlcXVpcmVkJ10pO1xuICAgIHJldHVybiAoXG4gICAgICAgIDxzcGFuIGNsYXNzTmFtZT17cmVxdWlyZWRDbGFzc05hbWVzLmpvaW4oJyAnKX0+XG4gICAgICAgICAgICA8c3Bhbj57QlVMTEVUX0JMQUNLX1NNQUxMX0NJUkNMRX08L3NwYW4+XG4gICAgICAgICAgICA8c3Bhbj57bGFiZWx9PC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBGaWVsZExhYmVsOiBGQzxGaWVsZExhYmVsUHJvcHM+ID0gKHtcbiAgICBpZCxcbiAgICBsYWJlbCxcbiAgICBoaWRlTGFiZWwsXG4gICAgcmVxdWlyZWQsXG4gICAgcmVxdWlyZWRMYWJlbCxcbn0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgRklFTERfTEFCRUwsIFtcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2hpZGUnLCB1bmRlZmluZWQsIGhpZGVMYWJlbCksXG4gICAgXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8bGFiZWwgaHRtbEZvcj17aWR9IGNsYXNzTmFtZT17Y2xhc3NOYW1lcy5qb2luKCcgJyl9PlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAge3JlcXVpcmVkICYmIDxSZXF1aXJlZCBsYWJlbD17cmVxdWlyZWRMYWJlbH0gLz59XG4gICAgICAgIDwvbGFiZWw+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7QUFXQSxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUM7QUFFakMsTUFBTSx5QkFBeUIsR0FBRyxRQUFRLENBQUM7QUFDM0MsTUFBTSxzQkFBc0IsR0FBRyxVQUFVLENBQUM7QUFFMUMsTUFBTSxRQUFRLEdBQXVDLENBQUMsRUFBRSxLQUFLLEdBQUcsc0JBQXNCLEVBQUU7SUFDcEYsTUFBTSxrQkFBa0IsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUM7SUFDM0UsUUFDSUEsdUNBQU0sU0FBUyxFQUFFLGtCQUFrQixDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7UUFDekNBLDJDQUFPLHlCQUF5QixDQUFRO1FBQ3hDQSwyQ0FBTyxLQUFLLENBQVEsQ0FDakIsRUFDVDtBQUNOLENBQUMsQ0FBQztNQUVXLFVBQVUsR0FBd0IsQ0FBQyxFQUM1QyxFQUFFLEVBQ0YsS0FBSyxFQUNMLFNBQVMsRUFDVCxRQUFRLEVBQ1IsYUFBYSxHQUNoQjtJQUNHLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFO1FBQ3JELGlCQUFpQixDQUFDLE1BQU0sRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDO0tBQ2xELENBQUMsQ0FBQztJQUVILFFBQ0lBLHdDQUFPLE9BQU8sRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQzlDLEtBQUs7UUFDTCxRQUFRLElBQUlBLDZCQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsYUFBYSxHQUFJLENBQzNDLEVBQ1Y7QUFDTjs7OzsifQ==
|
package/dist/index.js
CHANGED
|
@@ -2,6 +2,7 @@ export { Avatar } from './components/Avatar/Avatar.js';
|
|
|
2
2
|
export { AvatarWithStatus } from './components/AvatarWithStatus/AvatarWithStatus.js';
|
|
3
3
|
export { Box } from './components/Box/Box.js';
|
|
4
4
|
export { Button } from './components/Button/Button.js';
|
|
5
|
+
export { Badge } from './components/Badge/Badge.js';
|
|
5
6
|
export { FieldAdditionalText } from './components/FieldAdditionalText/FieldAdditionalText.js';
|
|
6
7
|
export { FieldButton } from './components/FieldButton/FieldButton.js';
|
|
7
8
|
export { FieldLayout } from './components/FieldLayout/FieldLayout.js';
|
|
@@ -24,4 +25,4 @@ export { TextField } from './components/TextField/TextField.js';
|
|
|
24
25
|
export { PasswordField } from './components/PasswordField/PasswordField.js';
|
|
25
26
|
export { TextHighlighted } from './components/TextHighlighted/TextHighlighted.js';
|
|
26
27
|
export { TextInline } from './components/TextInline/TextInline.js';
|
|
27
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-web-lib",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.52.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.52.0",
|
|
23
|
+
"@preply/ds-media-icons": "0.52.0",
|
|
24
|
+
"@preply/ds-web-core": "0.52.0",
|
|
25
|
+
"@preply/ds-web-root": "0.52.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.52.0",
|
|
29
|
+
"@preply/ds-media-icons": "0.52.0",
|
|
30
|
+
"@preply/ds-web-core": "0.52.0",
|
|
31
|
+
"@preply/ds-web-root": "0.52.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.52.0",
|
|
37
|
+
"@preply/ds-theme-base-ui": "0.52.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": "6a4770708988b14b65b7284104c367368c68b230"
|
|
43
43
|
}
|