@preply/ds-web-lib 0.50.0 → 0.51.0

package/dist/components/AvatarWithStatus/AvatarWithStatus.js

@@ -8,7 +8,7 @@ const AVATAR_WITH_STATUS = 'AvatarWithStatus';
 const AvatarWithStatus = ({ online = false, size = AVATAR_SIZE_DEFAULT, dataset, ...avatarProps }) => {
     useStyleExtract(styles);
     const classNames = moduleClassNames(styles, AVATAR_WITH_STATUS, [
-        booleanClassNames('online', undefined, online),
+        booleanClassNames('online', 'normal', online),
         stringClassNames('size', size),
     ]);
     const indicatorClassName = [...moduleLocals(styles, AVATAR_WITH_STATUS, ['indicator'])];
@@ -21,4 +21,4 @@ const AvatarWithStatus = ({ online = false, size = AVATAR_SIZE_DEFAULT, dataset,
 };
 
 export { AvatarWithStatus };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyV2l0aFN0YXR1cy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXZhdGFyV2l0aFN0YXR1cy9BdmF0YXJXaXRoU3RhdHVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBVkFUQVJfU0laRV9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgbW9kdWxlTG9jYWxzLFxuICAgIHN0cmluZ0NsYXNzTmFtZXMsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQXZhdGFyLCBQcm9wcyB9IGZyb20gJy4uL0F2YXRhci9BdmF0YXInO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5jb25zdCBBVkFUQVJfV0lUSF9TVEFUVVMgPSAnQXZhdGFyV2l0aFN0YXR1cyc7XG5cbnR5cGUgQXZhdGFyUHJvcHMgPSBPbWl0PFByb3BzLCAncm91bmQnIHwgJ3NpemUnPjtcblxudHlwZSBBdmF0YXJXaXRoU3RhdHVzU2l6ZXMgPSAnMnhzJyB8ICd4cycgfCAnbScgfCAneGwnO1xuXG5leHBvcnQgdHlwZSBBdmF0YXJXaXRoU3RhdHVzUHJvcHMgPSBBdmF0YXJQcm9wcyAmIHtcbiAgICBvbmxpbmU6IGJvb2xlYW47XG4gICAgc2l6ZT86IEF2YXRhcldpdGhTdGF0dXNTaXplcztcbn07XG5cbmV4cG9ydCBjb25zdCBBdmF0YXJXaXRoU3RhdHVzOiBGQzxBdmF0YXJXaXRoU3RhdHVzUHJvcHM+ID0gKHtcbiAgICBvbmxpbmUgPSBmYWxzZSxcbiAgICBzaXplID0gQVZBVEFSX1NJWkVfREVGQVVMVCxcbiAgICBkYXRhc2V0LFxuICAgIC4uLmF2YXRhclByb3BzXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIEFWQVRBUl9XSVRIX1NUQVRVUywgW1xuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnb25saW5lJywgdW5kZWZpbmVkLCBvbmxpbmUpLFxuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdzaXplJywgc2l6ZSksXG4gICAgXSk7XG5cbiAgICBjb25zdCBpbmRpY2F0b3JDbGFzc05hbWUgPSBbLi4ubW9kdWxlTG9jYWxzKHN0eWxlcywgQVZBVEFSX1dJVEhfU1RBVFVTLCBbJ2luZGljYXRvciddKV07XG5cbiAgICBjb25zdCBjbGlwQ2xhc3NOYW1lID0gWy4uLm1vZHVsZUxvY2FscyhzdHlsZXMsIEFWQVRBUl9XSVRIX1NUQVRVUywgWydjbGlwJ10pXTtcblxuICAgIGNvbnN0IHByb3BzID0geyBjbGFzc05hbWU6IGNsYXNzTmFtZXMuam9pbignICcpLCAuLi5nZXREYXRhc2V0UHJvcHMoZGF0YXNldCkgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXYgey4uLnByb3BzfT5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17aW5kaWNhdG9yQ2xhc3NOYW1lLmpvaW4oJyAnKX0gLz5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbGlwQ2xhc3NOYW1lLmpvaW4oJyAnKX0+XG4gICAgICAgICAgICAgICAgPEF2YXRhciB7Li4uYXZhdGFyUHJvcHN9IHNpemU9e3NpemV9IC8+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7OztBQWVBLE1BQU0sa0JBQWtCLEdBQUcsa0JBQWtCLENBQUM7TUFXakMsZ0JBQWdCLEdBQThCLENBQUMsRUFDeEQsTUFBTSxHQUFHLEtBQUssRUFDZCxJQUFJLEdBQUcsbUJBQW1CLEVBQzFCLE9BQU8sRUFDUCxHQUFHLFdBQVcsRUFDakI7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLGtCQUFrQixFQUFFO1FBQzVELGlCQUFpQixDQUFDLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxDQUFDO1FBQzlDLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUM7S0FDakMsQ0FBQyxDQUFDO0lBRUgsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxrQkFBa0IsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUV4RixNQUFNLGFBQWEsR0FBRyxDQUFDLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxrQkFBa0IsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUU5RSxNQUFNLEtBQUssR0FBRyxFQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLEdBQUcsZUFBZSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7SUFFL0UsUUFDSUEsc0RBQVMsS0FBSztRQUNWQSx1Q0FBTSxTQUFTLEVBQUUsa0JBQWtCLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFJO1FBQ2pEQSxzQ0FBSyxTQUFTLEVBQUUsYUFBYSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7WUFDbkNBLDZCQUFDLE1BQU0sb0JBQUssV0FBVyxJQUFFLElBQUksRUFBRSxJQUFJLElBQUksQ0FDckMsQ0FDSixFQUNSO0FBQ047Ozs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyV2l0aFN0YXR1cy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXZhdGFyV2l0aFN0YXR1cy9BdmF0YXJXaXRoU3RhdHVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBVkFUQVJfU0laRV9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgbW9kdWxlTG9jYWxzLFxuICAgIHN0cmluZ0NsYXNzTmFtZXMsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQXZhdGFyLCBQcm9wcyB9IGZyb20gJy4uL0F2YXRhci9BdmF0YXInO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5jb25zdCBBVkFUQVJfV0lUSF9TVEFUVVMgPSAnQXZhdGFyV2l0aFN0YXR1cyc7XG5cbnR5cGUgQXZhdGFyUHJvcHMgPSBPbWl0PFByb3BzLCAncm91bmQnIHwgJ3NpemUnPjtcblxudHlwZSBBdmF0YXJXaXRoU3RhdHVzU2l6ZXMgPSAnMnhzJyB8ICd4cycgfCAnbScgfCAneGwnO1xuXG5leHBvcnQgdHlwZSBBdmF0YXJXaXRoU3RhdHVzUHJvcHMgPSBBdmF0YXJQcm9wcyAmIHtcbiAgICBvbmxpbmU6IGJvb2xlYW47XG4gICAgc2l6ZT86IEF2YXRhcldpdGhTdGF0dXNTaXplcztcbn07XG5cbmV4cG9ydCBjb25zdCBBdmF0YXJXaXRoU3RhdHVzOiBGQzxBdmF0YXJXaXRoU3RhdHVzUHJvcHM+ID0gKHtcbiAgICBvbmxpbmUgPSBmYWxzZSxcbiAgICBzaXplID0gQVZBVEFSX1NJWkVfREVGQVVMVCxcbiAgICBkYXRhc2V0LFxuICAgIC4uLmF2YXRhclByb3BzXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIEFWQVRBUl9XSVRIX1NUQVRVUywgW1xuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnb25saW5lJywgJ25vcm1hbCcsIG9ubGluZSksXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3NpemUnLCBzaXplKSxcbiAgICBdKTtcblxuICAgIGNvbnN0IGluZGljYXRvckNsYXNzTmFtZSA9IFsuLi5tb2R1bGVMb2NhbHMoc3R5bGVzLCBBVkFUQVJfV0lUSF9TVEFUVVMsIFsnaW5kaWNhdG9yJ10pXTtcblxuICAgIGNvbnN0IGNsaXBDbGFzc05hbWUgPSBbLi4ubW9kdWxlTG9jYWxzKHN0eWxlcywgQVZBVEFSX1dJVEhfU1RBVFVTLCBbJ2NsaXAnXSldO1xuXG4gICAgY29uc3QgcHJvcHMgPSB7IGNsYXNzTmFtZTogY2xhc3NOYW1lcy5qb2luKCcgJyksIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdiB7Li4ucHJvcHN9PlxuICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtpbmRpY2F0b3JDbGFzc05hbWUuam9pbignICcpfSAvPlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2NsaXBDbGFzc05hbWUuam9pbignICcpfT5cbiAgICAgICAgICAgICAgICA8QXZhdGFyIHsuLi5hdmF0YXJQcm9wc30gc2l6ZT17c2l6ZX0gLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBZUEsTUFBTSxrQkFBa0IsR0FBRyxrQkFBa0IsQ0FBQztNQVdqQyxnQkFBZ0IsR0FBOEIsQ0FBQyxFQUN4RCxNQUFNLEdBQUcsS0FBSyxFQUNkLElBQUksR0FBRyxtQkFBbUIsRUFDMUIsT0FBTyxFQUNQLEdBQUcsV0FBVyxFQUNqQjtJQUNHLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsa0JBQWtCLEVBQUU7UUFDNUQsaUJBQWlCLENBQUMsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLENBQUM7UUFDN0MsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQztLQUNqQyxDQUFDLENBQUM7SUFFSCxNQUFNLGtCQUFrQixHQUFHLENBQUMsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLGtCQUFrQixFQUFFLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBRXhGLE1BQU0sYUFBYSxHQUFHLENBQUMsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLGtCQUFrQixFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBRTlFLE1BQU0sS0FBSyxHQUFHLEVBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztJQUUvRSxRQUNJQSxzREFBUyxLQUFLO1FBQ1ZBLHVDQUFNLFNBQVMsRUFBRSxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUk7UUFDakRBLHNDQUFLLFNBQVMsRUFBRSxhQUFhLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztZQUNuQ0EsNkJBQUMsTUFBTSxvQkFBSyxXQUFXLElBQUUsSUFBSSxFQUFFLElBQUksSUFBSSxDQUNyQyxDQUNKLEVBQ1I7QUFDTjs7OzsifQ==

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,10 @@
+import type { BadgeColor, BadgeSize, Dataset } from '@preply/ds-core';
+import { FC } from 'react';
+export interface Props {
+    color?: BadgeColor;
+    inverted?: boolean;
+    size?: BadgeSize;
+    assistiveText?: string;
+    dataset?: Dataset;
+}
+export declare const Badge: FC<Props>;

package/dist/components/Badge/Badge.js

@@ -0,0 +1,23 @@
+import { BADGE_COLOR_DEFAULT, BADGE_SIZE_DEFAULT } from '@preply/ds-core';
+import { useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames, getDatasetProps } from '@preply/ds-web-core';
+import React__default from 'react';
+import styles from './style/index.module.less.js';
+
+const BADGE = 'Badge';
+const Badge = ({ color = BADGE_COLOR_DEFAULT, inverted = false, size = BADGE_SIZE_DEFAULT, assistiveText, dataset, children, }) => {
+    useStyleExtract(styles);
+    const classNames = moduleClassNames(styles, BADGE, [
+        stringClassNames('color', color),
+        booleanClassNames('inverted', 'normal', inverted),
+        stringClassNames('size', size),
+    ]);
+    const props = {
+        'aria-label': assistiveText,
+        className: classNames.join(' '),
+        ...getDatasetProps(dataset),
+    };
+    return React__default.createElement("span", Object.assign({}, props), children);
+};
+
+export { Badge };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JhZGdlL0JhZGdlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEJhZGdlQ29sb3IsIEJhZGdlU2l6ZSwgRGF0YXNldCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBCQURHRV9DT0xPUl9ERUZBVUxULCBCQURHRV9TSVpFX0RFRkFVTFQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBib29sZWFuQ2xhc3NOYW1lcyxcbiAgICBnZXREYXRhc2V0UHJvcHMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBzdHJpbmdDbGFzc05hbWVzLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIGNvbG9yPzogQmFkZ2VDb2xvcjtcbiAgICBpbnZlcnRlZD86IGJvb2xlYW47XG4gICAgc2l6ZT86IEJhZGdlU2l6ZTtcbiAgICBhc3Npc3RpdmVUZXh0Pzogc3RyaW5nO1xuICAgIGRhdGFzZXQ/OiBEYXRhc2V0O1xufVxuXG5jb25zdCBCQURHRSA9ICdCYWRnZSc7XG5cbmV4cG9ydCBjb25zdCBCYWRnZTogRkM8UHJvcHM+ID0gKHtcbiAgICBjb2xvciA9IEJBREdFX0NPTE9SX0RFRkFVTFQsXG4gICAgaW52ZXJ0ZWQgPSBmYWxzZSxcbiAgICBzaXplID0gQkFER0VfU0laRV9ERUZBVUxULFxuICAgIGFzc2lzdGl2ZVRleHQsXG4gICAgZGF0YXNldCxcbiAgICBjaGlsZHJlbixcbn0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgQkFER0UsIFtcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnY29sb3InLCBjb2xvciksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdpbnZlcnRlZCcsICdub3JtYWwnLCBpbnZlcnRlZCksXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3NpemUnLCBzaXplKSxcbiAgICBdKTtcblxuICAgIGNvbnN0IHByb3BzID0ge1xuICAgICAgICAnYXJpYS1sYWJlbCc6IGFzc2lzdGl2ZVRleHQsXG4gICAgICAgIGNsYXNzTmFtZTogY2xhc3NOYW1lcy5qb2luKCcgJyksXG4gICAgICAgIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSxcbiAgICB9O1xuXG4gICAgcmV0dXJuIDxzcGFuIHsuLi5wcm9wc30+e2NoaWxkcmVufTwvc3Bhbj47XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQXFCQSxNQUFNLEtBQUssR0FBRyxPQUFPLENBQUM7TUFFVCxLQUFLLEdBQWMsQ0FBQyxFQUM3QixLQUFLLEdBQUcsbUJBQW1CLEVBQzNCLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLElBQUksR0FBRyxrQkFBa0IsRUFDekIsYUFBYSxFQUNiLE9BQU8sRUFDUCxRQUFRLEdBQ1g7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLEtBQUssRUFBRTtRQUMvQyxnQkFBZ0IsQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDO1FBQ2hDLGlCQUFpQixDQUFDLFVBQVUsRUFBRSxRQUFRLEVBQUUsUUFBUSxDQUFDO1FBQ2pELGdCQUFnQixDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUM7S0FDakMsQ0FBQyxDQUFDO0lBRUgsTUFBTSxLQUFLLEdBQUc7UUFDVixZQUFZLEVBQUUsYUFBYTtRQUMzQixTQUFTLEVBQUUsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7UUFDL0IsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDO0tBQzlCLENBQUM7SUFFRixPQUFPQSx1REFBVSxLQUFLLEdBQUcsUUFBUSxDQUFRLENBQUM7QUFDOUM7Ozs7In0=

package/dist/components/Badge/style/index.module.less

@@ -0,0 +1,7 @@
+@import './mixins.less';
+
+.Badge {
+    .badge-base();
+    .badge-color-and-inverted();
+    .badge-size();
+}

package/dist/components/Badge/style/index.module.less.js

@@ -0,0 +1,9 @@
+import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
+
+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)}";
+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"};
+var stylesheet=css_248z;
+styleInject(css_248z);
+
+export { styles as default, stylesheet };
+

package/dist/components/Badge/style/mixins.less

@@ -0,0 +1,56 @@
+@import '@preply/ds-web-core/dist/generated/tokens.less';
+@import '@preply/ds-web-core/dist/generated/options.less';
+@import '@preply/ds-web-core/dist/theme/style/declarations.mixins.less';
+@import '@preply/ds-web-core/dist/typography/style/mixins.less';
+
+@namespace: 'badge';
+
+.badge-base() {
+    display: inline-flex;
+    .border-radius(@namespace, 'base');
+}
+
+// IMPORTANT: These functions should not be taken as an example or inspiration.
+// Usually, it is preferred to generate specific tokens for each component prop option.
+._badge-color(@value) when (@value = 'gray') {
+    color: @root-palette-gray-500;
+    background-color: @root-palette-gray-200;
+}
+
+._badge-color(@value) when not(@value = 'gray') {
+    @_color-token-name: 'root-palette-@{value}-400';
+    color: @@_color-token-name;
+    @_bg-token-name: 'root-palette-@{value}-100';
+    background-color: @@_bg-token-name;
+}
+
+._badge-color(@value, @inverted) when (@inverted = true) {
+    @_color-token-name: 'root-palette-@{value}-100';
+    color: @@_color-token-name;
+    @_bg-token-name: 'root-palette-@{value}-400';
+    background-color: @@_bg-token-name;
+}
+
+.badge-color-and-inverted() {
+    each(@BADGE_COLOR_OPTIONS, {
+        &--color-@{value}&--normal {
+            ._badge-color('@{value}');
+        }
+
+        &--color-@{value}&--inverted {
+            ._badge-color('@{value}', true);
+        }
+    });
+}
+
+.badge-size() {
+    each(@BADGE_SIZE_OPTIONS, {
+        &--size-@{value} {
+            @token: 'size-@{value}';
+            .horizontalPadding(@namespace, @token);
+            .verticalPadding(@namespace, @token);
+            @variant: '@{value}-medium';
+            .text-variant(@variant);
+        }
+    });
+}

package/dist/components/Badge/style/mixins.less.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
+
+var css_248z = "";
+var stylesheet="";
+styleInject(css_248z);
+
+export { css_248z as default, stylesheet };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3Qix3REFBNEQ7QUFDcEY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9

package/dist/components/index.d.ts

@@ -2,6 +2,7 @@ export { Avatar } from './Avatar/Avatar';
 export { AvatarWithStatus } from './AvatarWithStatus/AvatarWithStatus';
 export { Box } from './Box/Box';
 export { Button } from './Button/Button';
+export { Badge } from './Badge/Badge';
 export { FieldAdditionalText } from './FieldAdditionalText/FieldAdditionalText';
 export { FieldButton } from './FieldButton/FieldButton';
 export { FieldLayout } from './FieldLayout/FieldLayout';

package/dist/components/index.js

@@ -2,6 +2,7 @@ export { Avatar } from './Avatar/Avatar.js';
 export { AvatarWithStatus } from './AvatarWithStatus/AvatarWithStatus.js';
 export { Box } from './Box/Box.js';
 export { Button } from './Button/Button.js';
+export { Badge } from './Badge/Badge.js';
 export { FieldAdditionalText } from './FieldAdditionalText/FieldAdditionalText.js';
 export { FieldButton } from './FieldButton/FieldButton.js';
 export { FieldLayout } from './FieldLayout/FieldLayout.js';
@@ -24,4 +25,4 @@ export { TextField } from './TextField/TextField.js';
 export { PasswordField } from './PasswordField/PasswordField.js';
 export { TextHighlighted } from './TextHighlighted/TextHighlighted.js';
 export { TextInline } from './TextInline/TextInline.js';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==

package/dist/index.js

@@ -2,6 +2,7 @@ export { Avatar } from './components/Avatar/Avatar.js';
 export { AvatarWithStatus } from './components/AvatarWithStatus/AvatarWithStatus.js';
 export { Box } from './components/Box/Box.js';
 export { Button } from './components/Button/Button.js';
+export { Badge } from './components/Badge/Badge.js';
 export { FieldAdditionalText } from './components/FieldAdditionalText/FieldAdditionalText.js';
 export { FieldButton } from './components/FieldButton/FieldButton.js';
 export { FieldLayout } from './components/FieldLayout/FieldLayout.js';
@@ -24,4 +25,4 @@ export { TextField } from './components/TextField/TextField.js';
 export { PasswordField } from './components/PasswordField/PasswordField.js';
 export { TextHighlighted } from './components/TextHighlighted/TextHighlighted.js';
 export { TextInline } from './components/TextInline/TextInline.js';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@preply/ds-web-lib",
-    "version": "0.50.0",
+    "version": "0.51.0",
     "publishConfig": {
         "access": "public"
     },
@@ -19,25 +19,25 @@
         "dev": "run build:rollup -w"
     },
     "dependencies": {
-        "@preply/ds-core": "0.50.0",
-        "@preply/ds-media-icons": "0.50.0",
-        "@preply/ds-web-core": "0.50.0",
-        "@preply/ds-web-root": "0.50.0"
+        "@preply/ds-core": "0.51.0",
+        "@preply/ds-media-icons": "0.51.0",
+        "@preply/ds-web-core": "0.51.0",
+        "@preply/ds-web-root": "0.51.0"
     },
     "peerDependencies": {
-        "@preply/ds-core": "0.50.0",
-        "@preply/ds-media-icons": "0.50.0",
-        "@preply/ds-web-core": "0.50.0",
-        "@preply/ds-web-root": "0.50.0",
+        "@preply/ds-core": "0.51.0",
+        "@preply/ds-media-icons": "0.51.0",
+        "@preply/ds-web-core": "0.51.0",
+        "@preply/ds-web-root": "0.51.0",
         "react": "^16.8.3",
         "react-dom": "^16.8.3"
     },
     "devDependencies": {
-        "@preply/ds-docs-toolkit": "0.50.0",
-        "@preply/ds-theme-base-ui": "0.50.0",
+        "@preply/ds-docs-toolkit": "0.51.0",
+        "@preply/ds-theme-base-ui": "0.51.0",
         "@storybook/addon-docs": "6.4.18",
         "@storybook/react": "6.4.18",
         "@testing-library/react": "11.2.7"
     },
-    "gitHead": "62365e407633bb114eac291c5131890d8cf98ddb"
+    "gitHead": "04130ea22ee97e884b24d014e1c9d7650744c415"
 }