@preply/ds-web-lib 0.89.0 → 0.91.0

package/dist/components/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAgBvE,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIlC,MAAM,WAAW,KAAK;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAID,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,KAAK,CAmC5B,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAiBvE,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIlC,MAAM,WAAW,KAAK;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,KAAK,CAmC5B,CAAC"}

package/dist/components/Avatar/Avatar.js

@@ -1,23 +1,23 @@
 import { AVATAR_SIZE_DEFAULT, AVATAR_SRC_DEFAULT_TOKYO_UI, AVATAR_SRC_DEFAULT } from '@preply/ds-core';
+import { webComponentNames } from '@preply/ds-visual-coverage-component-names';
 import { useInstrument, useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames, useVisualModeClassNames, getDatasetProps, useTheme } from '@preply/ds-web-core';
 import React__default from 'react';
 import styles from './style/index.module.less.js';
 
-const AVATAR = 'Avatar';
 const Avatar = ({ size = AVATAR_SIZE_DEFAULT, round, src, alt = '', dataset, }) => {
     useInstrument('render', {
-        component: AVATAR,
+        component: webComponentNames.AVATAR,
         props: { size, round },
     });
     useStyleExtract(styles);
     const actualRound = round !== null && round !== void 0 ? round : true;
-    const classNames = moduleClassNames(styles, AVATAR, [
+    const classNames = moduleClassNames(styles, webComponentNames.AVATAR, [
         stringClassNames('size', size),
         booleanClassNames('round', undefined, actualRound),
     ]);
     const props = {
         className: useVisualModeClassNames(classNames).join(' '),
-        ...getDatasetProps(dataset, { preplyDsComponent: AVATAR }),
+        ...getDatasetProps(dataset, { preplyDsComponent: webComponentNames.AVATAR }),
     };
     const { theme } = useTheme();
     const fallbackSrc = theme.name === 'tokyo-ui' ? AVATAR_SRC_DEFAULT_TOKYO_UI : AVATAR_SRC_DEFAULT;
@@ -26,4 +26,4 @@ const Avatar = ({ size = AVATAR_SIZE_DEFAULT, round, src, alt = '', dataset, })
 };
 
 export { Avatar };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEF2YXRhclNpemUsIERhdGFzZXQsIFJlc3BvbnNpdmUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBBVkFUQVJfU0laRV9ERUZBVUxULFxuICAgIEFWQVRBUl9TUkNfREVGQVVMVCxcbiAgICBBVkFUQVJfU1JDX0RFRkFVTFRfVE9LWU9fVUksXG59IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIGdldERhdGFzZXRQcm9wcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHN0cmluZ0NsYXNzTmFtZXMsXG4gICAgdXNlSW5zdHJ1bWVudCxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG4gICAgdXNlVGhlbWUsXG4gICAgdXNlVmlzdWFsTW9kZUNsYXNzTmFtZXMsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFByb3BzIHtcbiAgICBzaXplPzogUmVzcG9uc2l2ZTxBdmF0YXJTaXplPjtcbiAgICByb3VuZD86IGJvb2xlYW47XG4gICAgc3JjPzogc3RyaW5nO1xuICAgIGFsdD86IHN0cmluZztcbiAgICBkYXRhc2V0PzogRGF0YXNldDtcbn1cblxuY29uc3QgQVZBVEFSID0gJ0F2YXRhcic7XG5cbmV4cG9ydCBjb25zdCBBdmF0YXI6IEZDPFByb3BzPiA9ICh7XG4gICAgc2l6ZSA9IEFWQVRBUl9TSVpFX0RFRkFVTFQsXG4gICAgcm91bmQsXG4gICAgc3JjLFxuICAgIGFsdCA9ICcnLFxuICAgIGRhdGFzZXQsXG59OiBQcm9wcykgPT4ge1xuICAgIHVzZUluc3RydW1lbnQoJ3JlbmRlcicsIHtcbiAgICAgICAgY29tcG9uZW50OiBBVkFUQVIsXG4gICAgICAgIHByb3BzOiB7IHNpemUsIHJvdW5kIH0sXG4gICAgfSk7XG5cbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGFjdHVhbFJvdW5kID0gcm91bmQgPz8gdHJ1ZTtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgQVZBVEFSLCBbXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3NpemUnLCBzaXplKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ3JvdW5kJywgdW5kZWZpbmVkLCBhY3R1YWxSb3VuZCksXG4gICAgXSk7XG5cbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgICAgY2xhc3NOYW1lOiB1c2VWaXN1YWxNb2RlQ2xhc3NOYW1lcyhjbGFzc05hbWVzKS5qb2luKCcgJyksXG4gICAgICAgIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0LCB7IHByZXBseURzQ29tcG9uZW50OiBBVkFUQVIgfSksXG4gICAgfTtcblxuICAgIGNvbnN0IHsgdGhlbWUgfSA9IHVzZVRoZW1lKCk7XG4gICAgY29uc3QgZmFsbGJhY2tTcmMgPVxuICAgICAgICB0aGVtZS5uYW1lID09PSAndG9reW8tdWknID8gQVZBVEFSX1NSQ19ERUZBVUxUX1RPS1lPX1VJIDogQVZBVEFSX1NSQ19ERUZBVUxUO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPHBpY3R1cmUgey4uLnByb3BzfT5cbiAgICAgICAgICAgIDxpbWcgc3JjPXtzcmMgfHwgZmFsbGJhY2tTcmN9IGFsdD17YWx0fSAvPlxuICAgICAgICA8L3BpY3R1cmU+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7O0FBNEJBLE1BQU0sTUFBTSxHQUFHLFFBQVEsQ0FBQztNQUVYLE1BQU0sR0FBYyxDQUFDLEVBQzlCLElBQUksR0FBRyxtQkFBbUIsRUFDMUIsS0FBSyxFQUNMLEdBQUcsRUFDSCxHQUFHLEdBQUcsRUFBRSxFQUNSLE9BQU8sR0FDSDtJQUNKLGFBQWEsQ0FBQyxRQUFRLEVBQUU7UUFDcEIsU0FBUyxFQUFFLE1BQU07UUFDakIsS0FBSyxFQUFFLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRTtLQUN6QixDQUFDLENBQUM7SUFFSCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxXQUFXLEdBQUcsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksSUFBSSxDQUFDO0lBRWxDLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUU7UUFDaEQsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQztRQUM5QixpQkFBaUIsQ0FBQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsQ0FBQztLQUNyRCxDQUFDLENBQUM7SUFFSCxNQUFNLEtBQUssR0FBRztRQUNWLFNBQVMsRUFBRSx1QkFBdUIsQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQ3hELEdBQUcsZUFBZSxDQUFDLE9BQU8sRUFBRSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sRUFBRSxDQUFDO0tBQzdELENBQUM7SUFFRixNQUFNLEVBQUUsS0FBSyxFQUFFLEdBQUcsUUFBUSxFQUFFLENBQUM7SUFDN0IsTUFBTSxXQUFXLEdBQ2IsS0FBSyxDQUFDLElBQUksS0FBSyxVQUFVLEdBQUcsMkJBQTJCLEdBQUcsa0JBQWtCLENBQUM7SUFFakYsUUFDSUEsNkNBQWEsS0FBSztRQUNkQSxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxJQUFJLFdBQVcsRUFBRSxHQUFHLEVBQUUsR0FBRyxHQUFJLENBQ3BDLEVBQ1o7QUFDTjs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEF2YXRhclNpemUsIERhdGFzZXQsIFJlc3BvbnNpdmUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBBVkFUQVJfU0laRV9ERUZBVUxULFxuICAgIEFWQVRBUl9TUkNfREVGQVVMVCxcbiAgICBBVkFUQVJfU1JDX0RFRkFVTFRfVE9LWU9fVUksXG59IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyB3ZWJDb21wb25lbnROYW1lcyB9IGZyb20gJ0BwcmVwbHkvZHMtdmlzdWFsLWNvdmVyYWdlLWNvbXBvbmVudC1uYW1lcyc7XG5pbXBvcnQge1xuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIGdldERhdGFzZXRQcm9wcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHN0cmluZ0NsYXNzTmFtZXMsXG4gICAgdXNlSW5zdHJ1bWVudCxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG4gICAgdXNlVGhlbWUsXG4gICAgdXNlVmlzdWFsTW9kZUNsYXNzTmFtZXMsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFByb3BzIHtcbiAgICBzaXplPzogUmVzcG9uc2l2ZTxBdmF0YXJTaXplPjtcbiAgICByb3VuZD86IGJvb2xlYW47XG4gICAgc3JjPzogc3RyaW5nO1xuICAgIGFsdD86IHN0cmluZztcbiAgICBkYXRhc2V0PzogRGF0YXNldDtcbn1cblxuZXhwb3J0IGNvbnN0IEF2YXRhcjogRkM8UHJvcHM+ID0gKHtcbiAgICBzaXplID0gQVZBVEFSX1NJWkVfREVGQVVMVCxcbiAgICByb3VuZCxcbiAgICBzcmMsXG4gICAgYWx0ID0gJycsXG4gICAgZGF0YXNldCxcbn06IFByb3BzKSA9PiB7XG4gICAgdXNlSW5zdHJ1bWVudCgncmVuZGVyJywge1xuICAgICAgICBjb21wb25lbnQ6IHdlYkNvbXBvbmVudE5hbWVzLkFWQVRBUixcbiAgICAgICAgcHJvcHM6IHsgc2l6ZSwgcm91bmQgfSxcbiAgICB9KTtcblxuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgYWN0dWFsUm91bmQgPSByb3VuZCA/PyB0cnVlO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCB3ZWJDb21wb25lbnROYW1lcy5BVkFUQVIsIFtcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnc2l6ZScsIHNpemUpLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygncm91bmQnLCB1bmRlZmluZWQsIGFjdHVhbFJvdW5kKSxcbiAgICBdKTtcblxuICAgIGNvbnN0IHByb3BzID0ge1xuICAgICAgICBjbGFzc05hbWU6IHVzZVZpc3VhbE1vZGVDbGFzc05hbWVzKGNsYXNzTmFtZXMpLmpvaW4oJyAnKSxcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQsIHsgcHJlcGx5RHNDb21wb25lbnQ6IHdlYkNvbXBvbmVudE5hbWVzLkFWQVRBUiB9KSxcbiAgICB9O1xuXG4gICAgY29uc3QgeyB0aGVtZSB9ID0gdXNlVGhlbWUoKTtcbiAgICBjb25zdCBmYWxsYmFja1NyYyA9XG4gICAgICAgIHRoZW1lLm5hbWUgPT09ICd0b2t5by11aScgPyBBVkFUQVJfU1JDX0RFRkFVTFRfVE9LWU9fVUkgOiBBVkFUQVJfU1JDX0RFRkFVTFQ7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8cGljdHVyZSB7Li4ucHJvcHN9PlxuICAgICAgICAgICAgPGltZyBzcmM9e3NyYyB8fCBmYWxsYmFja1NyY30gYWx0PXthbHR9IC8+XG4gICAgICAgIDwvcGljdHVyZT5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O01BNkJhLE1BQU0sR0FBYyxDQUFDLEVBQzlCLElBQUksR0FBRyxtQkFBbUIsRUFDMUIsS0FBSyxFQUNMLEdBQUcsRUFDSCxHQUFHLEdBQUcsRUFBRSxFQUNSLE9BQU8sR0FDSDtJQUNKLGFBQWEsQ0FBQyxRQUFRLEVBQUU7UUFDcEIsU0FBUyxFQUFFLGlCQUFpQixDQUFDLE1BQU07UUFDbkMsS0FBSyxFQUFFLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRTtLQUN6QixDQUFDLENBQUM7SUFFSCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxXQUFXLEdBQUcsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksSUFBSSxDQUFDO0lBRWxDLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxpQkFBaUIsQ0FBQyxNQUFNLEVBQUU7UUFDbEUsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQztRQUM5QixpQkFBaUIsQ0FBQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsQ0FBQztLQUNyRCxDQUFDLENBQUM7SUFFSCxNQUFNLEtBQUssR0FBRztRQUNWLFNBQVMsRUFBRSx1QkFBdUIsQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQ3hELEdBQUcsZUFBZSxDQUFDLE9BQU8sRUFBRSxFQUFFLGlCQUFpQixFQUFFLGlCQUFpQixDQUFDLE1BQU0sRUFBRSxDQUFDO0tBQy9FLENBQUM7SUFFRixNQUFNLEVBQUUsS0FBSyxFQUFFLEdBQUcsUUFBUSxFQUFFLENBQUM7SUFDN0IsTUFBTSxXQUFXLEdBQ2IsS0FBSyxDQUFDLElBQUksS0FBSyxVQUFVLEdBQUcsMkJBQTJCLEdBQUcsa0JBQWtCLENBQUM7SUFFakYsUUFDSUEsNkNBQWEsS0FBSztRQUNkQSxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxJQUFJLFdBQVcsRUFBRSxHQUFHLEVBQUUsR0FBRyxHQUFJLENBQ3BDLEVBQ1o7QUFDTjs7OzsifQ==

package/dist/components/AvatarWithStatus/AvatarWithStatus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarWithStatus.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarWithStatus/AvatarWithStatus.tsx"],"names":[],"mappings":"AAWA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAU,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAMjD,aAAK,WAAW,GAAG,IAAI,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC,CAAC;AAEjD,aAAK,qBAAqB,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,CAAC;AAEvD,oBAAY,qBAAqB,GAAG,WAAW,GAAG;IAC9C,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,qBAAqB,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAiCtD,CAAC"}
+{"version":3,"file":"AvatarWithStatus.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarWithStatus/AvatarWithStatus.tsx"],"names":[],"mappings":"AAYA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAU,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAIjD,aAAK,WAAW,GAAG,IAAI,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC,CAAC;AAEjD,aAAK,qBAAqB,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,CAAC;AAEvD,oBAAY,qBAAqB,GAAG,WAAW,GAAG;IAC9C,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,qBAAqB,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAqCtD,CAAC"}

package/dist/components/AvatarWithStatus/AvatarWithStatus.js

@@ -1,22 +1,26 @@
 import { AVATAR_SIZE_DEFAULT } from '@preply/ds-core';
+import { webComponentNames } from '@preply/ds-visual-coverage-component-names';
 import { useStyleExtract, useTheme, moduleClassNames, booleanClassNames, stringClassNames, moduleLocals, useVisualModeClassNames, getDatasetProps } from '@preply/ds-web-core';
 import React__default from 'react';
 import { Avatar } from '../Avatar/Avatar.js';
 import styles from './style/index.module.less.js';
 
-const AVATAR_WITH_STATUS = 'AvatarWithStatus';
 const AvatarWithStatus = ({ online = false, size = AVATAR_SIZE_DEFAULT, dataset, ...avatarProps }) => {
     useStyleExtract(styles);
     const { theme } = useTheme();
-    const classNames = moduleClassNames(styles, AVATAR_WITH_STATUS, [
+    const classNames = moduleClassNames(styles, webComponentNames.AVATAR_WITH_STATUS, [
         booleanClassNames('online', undefined, online),
         stringClassNames('size', size),
     ]);
-    const indicatorClassName = [...moduleLocals(styles, AVATAR_WITH_STATUS, ['indicator'])];
-    const clipClassName = theme.name === 'tokyo-ui' ? [] : [...moduleLocals(styles, AVATAR_WITH_STATUS, ['clip'])];
+    const indicatorClassName = [
+        ...moduleLocals(styles, webComponentNames.AVATAR_WITH_STATUS, ['indicator']),
+    ];
+    const clipClassName = theme.name === 'tokyo-ui'
+        ? []
+        : [...moduleLocals(styles, webComponentNames.AVATAR_WITH_STATUS, ['clip'])];
     const props = {
         className: useVisualModeClassNames(classNames).join(' '),
-        ...getDatasetProps(dataset, { preplyDsComponent: AVATAR_WITH_STATUS }),
+        ...getDatasetProps(dataset, { preplyDsComponent: webComponentNames.AVATAR_WITH_STATUS }),
     };
     return (React__default.createElement("div", { ...props },
         React__default.createElement("span", { className: indicatorClassName.join(' ') }),
@@ -25,4 +29,4 @@ const AvatarWithStatus = ({ online = false, size = AVATAR_SIZE_DEFAULT, dataset,
 };
 
 export { AvatarWithStatus };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyV2l0aFN0YXR1cy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXZhdGFyV2l0aFN0YXR1cy9BdmF0YXJXaXRoU3RhdHVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBVkFUQVJfU0laRV9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgbW9kdWxlTG9jYWxzLFxuICAgIHN0cmluZ0NsYXNzTmFtZXMsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxuICAgIHVzZVRoZW1lLFxuICAgIHVzZVZpc3VhbE1vZGVDbGFzc05hbWVzLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQXZhdGFyLCBQcm9wcyB9IGZyb20gJy4uL0F2YXRhci9BdmF0YXInO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5jb25zdCBBVkFUQVJfV0lUSF9TVEFUVVMgPSAnQXZhdGFyV2l0aFN0YXR1cyc7XG5cbnR5cGUgQXZhdGFyUHJvcHMgPSBPbWl0PFByb3BzLCAncm91bmQnIHwgJ3NpemUnPjtcblxudHlwZSBBdmF0YXJXaXRoU3RhdHVzU2l6ZXMgPSAnMnhzJyB8ICd4cycgfCAnbScgfCAneGwnO1xuXG5leHBvcnQgdHlwZSBBdmF0YXJXaXRoU3RhdHVzUHJvcHMgPSBBdmF0YXJQcm9wcyAmIHtcbiAgICBvbmxpbmU6IGJvb2xlYW47XG4gICAgc2l6ZT86IEF2YXRhcldpdGhTdGF0dXNTaXplcztcbn07XG5cbmV4cG9ydCBjb25zdCBBdmF0YXJXaXRoU3RhdHVzOiBGQzxBdmF0YXJXaXRoU3RhdHVzUHJvcHM+ID0gKHtcbiAgICBvbmxpbmUgPSBmYWxzZSxcbiAgICBzaXplID0gQVZBVEFSX1NJWkVfREVGQVVMVCxcbiAgICBkYXRhc2V0LFxuICAgIC4uLmF2YXRhclByb3BzXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCB7IHRoZW1lIH0gPSB1c2VUaGVtZSgpO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBBVkFUQVJfV0lUSF9TVEFUVVMsIFtcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ29ubGluZScsIHVuZGVmaW5lZCwgb25saW5lKSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnc2l6ZScsIHNpemUpLFxuICAgIF0pO1xuXG4gICAgY29uc3QgaW5kaWNhdG9yQ2xhc3NOYW1lID0gWy4uLm1vZHVsZUxvY2FscyhzdHlsZXMsIEFWQVRBUl9XSVRIX1NUQVRVUywgWydpbmRpY2F0b3InXSldO1xuXG4gICAgY29uc3QgY2xpcENsYXNzTmFtZSA9XG4gICAgICAgIHRoZW1lLm5hbWUgPT09ICd0b2t5by11aScgPyBbXSA6IFsuLi5tb2R1bGVMb2NhbHMoc3R5bGVzLCBBVkFUQVJfV0lUSF9TVEFUVVMsIFsnY2xpcCddKV07XG5cbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgICAgY2xhc3NOYW1lOiB1c2VWaXN1YWxNb2RlQ2xhc3NOYW1lcyhjbGFzc05hbWVzKS5qb2luKCcgJyksXG4gICAgICAgIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0LCB7IHByZXBseURzQ29tcG9uZW50OiBBVkFUQVJfV0lUSF9TVEFUVVMgfSksXG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXYgey4uLnByb3BzfT5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17aW5kaWNhdG9yQ2xhc3NOYW1lLmpvaW4oJyAnKX0gLz5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbGlwQ2xhc3NOYW1lLmpvaW4oJyAnKX0+XG4gICAgICAgICAgICAgICAgPEF2YXRhciB7Li4uYXZhdGFyUHJvcHN9IHNpemU9e3NpemV9IC8+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7OztBQWlCQSxNQUFNLGtCQUFrQixHQUFHLGtCQUFrQixDQUFDO01BV2pDLGdCQUFnQixHQUE4QixDQUFDLEVBQ3hELE1BQU0sR0FBRyxLQUFLLEVBQ2QsSUFBSSxHQUFHLG1CQUFtQixFQUMxQixPQUFPLEVBQ1AsR0FBRyxXQUFXLEVBQ2pCO0lBQ0csZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE1BQU0sRUFBRSxLQUFLLEVBQUUsR0FBRyxRQUFRLEVBQUUsQ0FBQztJQUU3QixNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsa0JBQWtCLEVBQUU7UUFDNUQsaUJBQWlCLENBQUMsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUM7UUFDOUMsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQztLQUNqQyxDQUFDLENBQUM7SUFFSCxNQUFNLGtCQUFrQixHQUFHLENBQUMsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLGtCQUFrQixFQUFFLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBRXhGLE1BQU0sYUFBYSxHQUNmLEtBQUssQ0FBQyxJQUFJLEtBQUssVUFBVSxHQUFHLEVBQUUsR0FBRyxDQUFDLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxrQkFBa0IsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUU3RixNQUFNLEtBQUssR0FBRztRQUNWLFNBQVMsRUFBRSx1QkFBdUIsQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQ3hELEdBQUcsZUFBZSxDQUFDLE9BQU8sRUFBRSxFQUFFLGlCQUFpQixFQUFFLGtCQUFrQixFQUFFLENBQUM7S0FDekUsQ0FBQztJQUVGLFFBQ0lBLHlDQUFTLEtBQUs7UUFDVkEsdUNBQU0sU0FBUyxFQUFFLGtCQUFrQixDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBSTtRQUNqREEsc0NBQUssU0FBUyxFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1lBQ25DQSw2QkFBQyxNQUFNLE9BQUssV0FBVyxFQUFFLElBQUksRUFBRSxJQUFJLEdBQUksQ0FDckMsQ0FDSixFQUNSO0FBQ047Ozs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyV2l0aFN0YXR1cy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXZhdGFyV2l0aFN0YXR1cy9BdmF0YXJXaXRoU3RhdHVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBVkFUQVJfU0laRV9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHdlYkNvbXBvbmVudE5hbWVzIH0gZnJvbSAnQHByZXBseS9kcy12aXN1YWwtY292ZXJhZ2UtY29tcG9uZW50LW5hbWVzJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgbW9kdWxlTG9jYWxzLFxuICAgIHN0cmluZ0NsYXNzTmFtZXMsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxuICAgIHVzZVRoZW1lLFxuICAgIHVzZVZpc3VhbE1vZGVDbGFzc05hbWVzLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQXZhdGFyLCBQcm9wcyB9IGZyb20gJy4uL0F2YXRhci9BdmF0YXInO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG50eXBlIEF2YXRhclByb3BzID0gT21pdDxQcm9wcywgJ3JvdW5kJyB8ICdzaXplJz47XG5cbnR5cGUgQXZhdGFyV2l0aFN0YXR1c1NpemVzID0gJzJ4cycgfCAneHMnIHwgJ20nIHwgJ3hsJztcblxuZXhwb3J0IHR5cGUgQXZhdGFyV2l0aFN0YXR1c1Byb3BzID0gQXZhdGFyUHJvcHMgJiB7XG4gICAgb25saW5lOiBib29sZWFuO1xuICAgIHNpemU/OiBBdmF0YXJXaXRoU3RhdHVzU2l6ZXM7XG59O1xuXG5leHBvcnQgY29uc3QgQXZhdGFyV2l0aFN0YXR1czogRkM8QXZhdGFyV2l0aFN0YXR1c1Byb3BzPiA9ICh7XG4gICAgb25saW5lID0gZmFsc2UsXG4gICAgc2l6ZSA9IEFWQVRBUl9TSVpFX0RFRkFVTFQsXG4gICAgZGF0YXNldCxcbiAgICAuLi5hdmF0YXJQcm9wc1xufSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgeyB0aGVtZSB9ID0gdXNlVGhlbWUoKTtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgd2ViQ29tcG9uZW50TmFtZXMuQVZBVEFSX1dJVEhfU1RBVFVTLCBbXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdvbmxpbmUnLCB1bmRlZmluZWQsIG9ubGluZSksXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3NpemUnLCBzaXplKSxcbiAgICBdKTtcblxuICAgIGNvbnN0IGluZGljYXRvckNsYXNzTmFtZSA9IFtcbiAgICAgICAgLi4ubW9kdWxlTG9jYWxzKHN0eWxlcywgd2ViQ29tcG9uZW50TmFtZXMuQVZBVEFSX1dJVEhfU1RBVFVTLCBbJ2luZGljYXRvciddKSxcbiAgICBdO1xuXG4gICAgY29uc3QgY2xpcENsYXNzTmFtZSA9XG4gICAgICAgIHRoZW1lLm5hbWUgPT09ICd0b2t5by11aSdcbiAgICAgICAgICAgID8gW11cbiAgICAgICAgICAgIDogWy4uLm1vZHVsZUxvY2FscyhzdHlsZXMsIHdlYkNvbXBvbmVudE5hbWVzLkFWQVRBUl9XSVRIX1NUQVRVUywgWydjbGlwJ10pXTtcblxuICAgIGNvbnN0IHByb3BzID0ge1xuICAgICAgICBjbGFzc05hbWU6IHVzZVZpc3VhbE1vZGVDbGFzc05hbWVzKGNsYXNzTmFtZXMpLmpvaW4oJyAnKSxcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQsIHsgcHJlcGx5RHNDb21wb25lbnQ6IHdlYkNvbXBvbmVudE5hbWVzLkFWQVRBUl9XSVRIX1NUQVRVUyB9KSxcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdiB7Li4ucHJvcHN9PlxuICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtpbmRpY2F0b3JDbGFzc05hbWUuam9pbignICcpfSAvPlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2NsaXBDbGFzc05hbWUuam9pbignICcpfT5cbiAgICAgICAgICAgICAgICA8QXZhdGFyIHsuLi5hdmF0YXJQcm9wc30gc2l6ZT17c2l6ZX0gLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztNQTJCYSxnQkFBZ0IsR0FBOEIsQ0FBQyxFQUN4RCxNQUFNLEdBQUcsS0FBSyxFQUNkLElBQUksR0FBRyxtQkFBbUIsRUFDMUIsT0FBTyxFQUNQLEdBQUcsV0FBVyxFQUNqQjtJQUNHLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLEVBQUUsS0FBSyxFQUFFLEdBQUcsUUFBUSxFQUFFLENBQUM7SUFFN0IsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLGlCQUFpQixDQUFDLGtCQUFrQixFQUFFO1FBQzlFLGlCQUFpQixDQUFDLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxDQUFDO1FBQzlDLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUM7S0FDakMsQ0FBQyxDQUFDO0lBRUgsTUFBTSxrQkFBa0IsR0FBRztRQUN2QixHQUFHLFlBQVksQ0FBQyxNQUFNLEVBQUUsaUJBQWlCLENBQUMsa0JBQWtCLEVBQUUsQ0FBQyxXQUFXLENBQUMsQ0FBQztLQUMvRSxDQUFDO0lBRUYsTUFBTSxhQUFhLEdBQ2YsS0FBSyxDQUFDLElBQUksS0FBSyxVQUFVO1VBQ25CLEVBQUU7VUFDRixDQUFDLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxpQkFBaUIsQ0FBQyxrQkFBa0IsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUVwRixNQUFNLEtBQUssR0FBRztRQUNWLFNBQVMsRUFBRSx1QkFBdUIsQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQ3hELEdBQUcsZUFBZSxDQUFDLE9BQU8sRUFBRSxFQUFFLGlCQUFpQixFQUFFLGlCQUFpQixDQUFDLGtCQUFrQixFQUFFLENBQUM7S0FDM0YsQ0FBQztJQUVGLFFBQ0lBLHlDQUFTLEtBQUs7UUFDVkEsdUNBQU0sU0FBUyxFQUFFLGtCQUFrQixDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBSTtRQUNqREEsc0NBQUssU0FBUyxFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1lBQ25DQSw2QkFBQyxNQUFNLE9BQUssV0FBVyxFQUFFLElBQUksRUFBRSxJQUFJLEdBQUksQ0FDckMsQ0FDSixFQUNSO0FBQ047Ozs7In0=

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAUnF,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7C,MAAM,WAAW,KAAK;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAID,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,KAAK,CA4B3B,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAWnF,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7C,MAAM,WAAW,KAAK;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,KAAK,CA4B3B,CAAC"}

package/dist/components/Badge/Badge.js

@@ -1,15 +1,15 @@
 import { BADGE_COLOR_DEFAULT, BADGE_SIZE_DEFAULT } from '@preply/ds-core';
+import { webComponentNames } from '@preply/ds-visual-coverage-component-names';
 import { useStyleExtract, stringClassNames, moduleClassNames, booleanClassNames, useVisualModeClassNames, 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, accent, }) => {
     useStyleExtract(styles);
     const actualColorClassnames = accent
         ? stringClassNames('accent', accent)
         : stringClassNames('color', color);
-    const classNames = moduleClassNames(styles, BADGE, [
+    const classNames = moduleClassNames(styles, webComponentNames.BADGE, [
         actualColorClassnames,
         booleanClassNames('inverted', 'normal', inverted),
         stringClassNames('size', size),
@@ -17,10 +17,10 @@ const Badge = ({ color = BADGE_COLOR_DEFAULT, inverted = false, size = BADGE_SIZ
     const props = {
         'aria-label': assistiveText,
         className: useVisualModeClassNames(classNames).join(' '),
-        ...getDatasetProps(dataset, { preplyDsComponent: BADGE }),
+        ...getDatasetProps(dataset, { preplyDsComponent: webComponentNames.BADGE }),
     };
     return React__default.createElement("span", { ...props }, children);
 };
 
 export { Badge };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JhZGdlL0JhZGdlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEJhZGdlQWNjZW50LCBCYWRnZUNvbG9yLCBCYWRnZVNpemUsIERhdGFzZXQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgQkFER0VfQ09MT1JfREVGQVVMVCwgQkFER0VfU0laRV9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG4gICAgdXNlVmlzdWFsTW9kZUNsYXNzTmFtZXMsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIGFjY2VudD86IEJhZGdlQWNjZW50O1xuICAgIC8qKlxuICAgICAqIEBkZXByZWNhdGVkIFVzZSBhY2NlbnQgaW5zdGVhZC5cbiAgICAgKi9cbiAgICBjb2xvcj86IEJhZGdlQ29sb3I7XG4gICAgaW52ZXJ0ZWQ/OiBib29sZWFuO1xuICAgIHNpemU/OiBCYWRnZVNpemU7XG4gICAgYXNzaXN0aXZlVGV4dD86IHN0cmluZztcbiAgICBkYXRhc2V0PzogRGF0YXNldDtcbiAgICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQkFER0UgPSAnQmFkZ2UnO1xuXG5leHBvcnQgY29uc3QgQmFkZ2U6IEZDPFByb3BzPiA9ICh7XG4gICAgY29sb3IgPSBCQURHRV9DT0xPUl9ERUZBVUxULFxuICAgIGludmVydGVkID0gZmFsc2UsXG4gICAgc2l6ZSA9IEJBREdFX1NJWkVfREVGQVVMVCxcbiAgICBhc3Npc3RpdmVUZXh0LFxuICAgIGRhdGFzZXQsXG4gICAgY2hpbGRyZW4sXG4gICAgYWNjZW50LFxufSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgYWN0dWFsQ29sb3JDbGFzc25hbWVzID0gYWNjZW50XG4gICAgICAgID8gc3RyaW5nQ2xhc3NOYW1lcygnYWNjZW50JywgYWNjZW50KVxuICAgICAgICA6IHN0cmluZ0NsYXNzTmFtZXMoJ2NvbG9yJywgY29sb3IpO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBCQURHRSwgW1xuICAgICAgICBhY3R1YWxDb2xvckNsYXNzbmFtZXMsXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdpbnZlcnRlZCcsICdub3JtYWwnLCBpbnZlcnRlZCksXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3NpemUnLCBzaXplKSxcbiAgICBdKTtcblxuICAgIGNvbnN0IHByb3BzID0ge1xuICAgICAgICAnYXJpYS1sYWJlbCc6IGFzc2lzdGl2ZVRleHQsXG4gICAgICAgIGNsYXNzTmFtZTogdXNlVmlzdWFsTW9kZUNsYXNzTmFtZXMoY2xhc3NOYW1lcykuam9pbignICcpLFxuICAgICAgICAuLi5nZXREYXRhc2V0UHJvcHMoZGF0YXNldCwgeyBwcmVwbHlEc0NvbXBvbmVudDogQkFER0UgfSksXG4gICAgfTtcblxuICAgIHJldHVybiA8c3BhbiB7Li4ucHJvcHN9PntjaGlsZHJlbn08L3NwYW4+O1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUEyQkEsTUFBTSxLQUFLLEdBQUcsT0FBTyxDQUFDO01BRVQsS0FBSyxHQUFjLENBQUMsRUFDN0IsS0FBSyxHQUFHLG1CQUFtQixFQUMzQixRQUFRLEdBQUcsS0FBSyxFQUNoQixJQUFJLEdBQUcsa0JBQWtCLEVBQ3pCLGFBQWEsRUFDYixPQUFPLEVBQ1AsUUFBUSxFQUNSLE1BQU0sR0FDVDtJQUNHLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLHFCQUFxQixHQUFHLE1BQU07VUFDOUIsZ0JBQWdCLENBQUMsUUFBUSxFQUFFLE1BQU0sQ0FBQztVQUNsQyxnQkFBZ0IsQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFFdkMsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLEtBQUssRUFBRTtRQUMvQyxxQkFBcUI7UUFDckIsaUJBQWlCLENBQUMsVUFBVSxFQUFFLFFBQVEsRUFBRSxRQUFRLENBQUM7UUFDakQsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQztLQUNqQyxDQUFDLENBQUM7SUFFSCxNQUFNLEtBQUssR0FBRztRQUNWLFlBQVksRUFBRSxhQUFhO1FBQzNCLFNBQVMsRUFBRSx1QkFBdUIsQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQ3hELEdBQUcsZUFBZSxDQUFDLE9BQU8sRUFBRSxFQUFFLGlCQUFpQixFQUFFLEtBQUssRUFBRSxDQUFDO0tBQzVELENBQUM7SUFFRixPQUFPQSwwQ0FBVSxLQUFLLElBQUcsUUFBUSxDQUFRLENBQUM7QUFDOUM7Ozs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JhZGdlL0JhZGdlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEJhZGdlQWNjZW50LCBCYWRnZUNvbG9yLCBCYWRnZVNpemUsIERhdGFzZXQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgQkFER0VfQ09MT1JfREVGQVVMVCwgQkFER0VfU0laRV9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHdlYkNvbXBvbmVudE5hbWVzIH0gZnJvbSAnQHByZXBseS9kcy12aXN1YWwtY292ZXJhZ2UtY29tcG9uZW50LW5hbWVzJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG4gICAgdXNlVmlzdWFsTW9kZUNsYXNzTmFtZXMsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIGFjY2VudD86IEJhZGdlQWNjZW50O1xuICAgIC8qKlxuICAgICAqIEBkZXByZWNhdGVkIFVzZSBhY2NlbnQgaW5zdGVhZC5cbiAgICAgKi9cbiAgICBjb2xvcj86IEJhZGdlQ29sb3I7XG4gICAgaW52ZXJ0ZWQ/OiBib29sZWFuO1xuICAgIHNpemU/OiBCYWRnZVNpemU7XG4gICAgYXNzaXN0aXZlVGV4dD86IHN0cmluZztcbiAgICBkYXRhc2V0PzogRGF0YXNldDtcbiAgICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IEJhZGdlOiBGQzxQcm9wcz4gPSAoe1xuICAgIGNvbG9yID0gQkFER0VfQ09MT1JfREVGQVVMVCxcbiAgICBpbnZlcnRlZCA9IGZhbHNlLFxuICAgIHNpemUgPSBCQURHRV9TSVpFX0RFRkFVTFQsXG4gICAgYXNzaXN0aXZlVGV4dCxcbiAgICBkYXRhc2V0LFxuICAgIGNoaWxkcmVuLFxuICAgIGFjY2VudCxcbn0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGFjdHVhbENvbG9yQ2xhc3NuYW1lcyA9IGFjY2VudFxuICAgICAgICA/IHN0cmluZ0NsYXNzTmFtZXMoJ2FjY2VudCcsIGFjY2VudClcbiAgICAgICAgOiBzdHJpbmdDbGFzc05hbWVzKCdjb2xvcicsIGNvbG9yKTtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgd2ViQ29tcG9uZW50TmFtZXMuQkFER0UsIFtcbiAgICAgICAgYWN0dWFsQ29sb3JDbGFzc25hbWVzLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnaW52ZXJ0ZWQnLCAnbm9ybWFsJywgaW52ZXJ0ZWQpLFxuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdzaXplJywgc2l6ZSksXG4gICAgXSk7XG5cbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgICAgJ2FyaWEtbGFiZWwnOiBhc3Npc3RpdmVUZXh0LFxuICAgICAgICBjbGFzc05hbWU6IHVzZVZpc3VhbE1vZGVDbGFzc05hbWVzKGNsYXNzTmFtZXMpLmpvaW4oJyAnKSxcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQsIHsgcHJlcGx5RHNDb21wb25lbnQ6IHdlYkNvbXBvbmVudE5hbWVzLkJBREdFIH0pLFxuICAgIH07XG5cbiAgICByZXR1cm4gPHNwYW4gey4uLnByb3BzfT57Y2hpbGRyZW59PC9zcGFuPjtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7OztNQTRCYSxLQUFLLEdBQWMsQ0FBQyxFQUM3QixLQUFLLEdBQUcsbUJBQW1CLEVBQzNCLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLElBQUksR0FBRyxrQkFBa0IsRUFDekIsYUFBYSxFQUNiLE9BQU8sRUFDUCxRQUFRLEVBQ1IsTUFBTSxHQUNUO0lBQ0csZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE1BQU0scUJBQXFCLEdBQUcsTUFBTTtVQUM5QixnQkFBZ0IsQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDO1VBQ2xDLGdCQUFnQixDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsQ0FBQztJQUV2QyxNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsaUJBQWlCLENBQUMsS0FBSyxFQUFFO1FBQ2pFLHFCQUFxQjtRQUNyQixpQkFBaUIsQ0FBQyxVQUFVLEVBQUUsUUFBUSxFQUFFLFFBQVEsQ0FBQztRQUNqRCxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDO0tBQ2pDLENBQUMsQ0FBQztJQUVILE1BQU0sS0FBSyxHQUFHO1FBQ1YsWUFBWSxFQUFFLGFBQWE7UUFDM0IsU0FBUyxFQUFFLHVCQUF1QixDQUFDLFVBQVUsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7UUFDeEQsR0FBRyxlQUFlLENBQUMsT0FBTyxFQUFFLEVBQUUsaUJBQWlCLEVBQUUsaUJBQWlCLENBQUMsS0FBSyxFQUFFLENBQUM7S0FDOUUsQ0FBQztJQUVGLE9BQU9BLDBDQUFVLEtBQUssSUFBRyxRQUFRLENBQVEsQ0FBQztBQUM5Qzs7OzsifQ==

package/dist/components/Box/Box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,UAAU,EACV,SAAS,EACT,eAAe,EACf,SAAS,EACT,OAAO,EACP,SAAS,EACT,UAAU,EACV,SAAS,EACT,OAAO,EACV,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACH,gBAAgB,EAUnB,MAAM,qBAAqB,CAAC;AAC7B,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7C,MAAM,WAAW,QAAQ;IACrB,UAAU,CAAC,EAAE,SAAS,GAAG,eAAe,CAAC;IACzC,MAAM,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAC/B,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAID,oBAAY,KAAK,GAAG,QAAQ,GAAG,gBAAgB,CAAC;AAgChD,eAAO,MAAM,GAAG,EAAE,EAAE,CAAC,KAAK,CAA4B,CAAC"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,UAAU,EACV,SAAS,EACT,eAAe,EACf,SAAS,EACT,OAAO,EACP,SAAS,EACT,UAAU,EACV,SAAS,EACT,OAAO,EACV,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EACH,gBAAgB,EAUnB,MAAM,qBAAqB,CAAC;AAC7B,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7C,MAAM,WAAW,QAAQ;IACrB,UAAU,CAAC,EAAE,SAAS,GAAG,eAAe,CAAC;IACzC,MAAM,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAC/B,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,oBAAY,KAAK,GAAG,QAAQ,GAAG,gBAAgB,CAAC;AAgChD,eAAO,MAAM,GAAG,EAAE,EAAE,CAAC,KAAK,CAA4B,CAAC"}

package/dist/components/Box/Box.js

@@ -1,13 +1,13 @@
 import { BOX_RADIUS_DEFAULT, BOX_PADDING_DEFAULT, LAYOUT_TAG_DEFAULT } from '@preply/ds-core';
+import { webComponentNames } from '@preply/ds-visual-coverage-component-names';
 import { withColorScheme, useStyleExtract, globalClassNames, moduleClassNames, stringClassNames, useLayoutPaddingClassnames, useVisualModeClassNames, getDatasetProps } from '@preply/ds-web-core';
 import React__default from 'react';
 import styles from './style/index.module.less.js';
 
-const BOX = 'Box';
 const BoxBase = ({ children, colorSchemeClassName, background, radius = BOX_RADIUS_DEFAULT, padding = BOX_PADDING_DEFAULT, tag, dataset, }) => {
     useStyleExtract(styles);
     const globalClasses = globalClassNames([colorSchemeClassName]);
-    const classNames = moduleClassNames(styles, BOX, [
+    const classNames = moduleClassNames(styles, webComponentNames.BOX, [
         stringClassNames('box-radius', radius),
         stringClassNames('background', background),
     ]);
@@ -16,11 +16,11 @@ const BoxBase = ({ children, colorSchemeClassName, background, radius = BOX_RADI
     const allClassNames = [...globalClasses, ...classNames, ...paddingClassNames];
     const props = {
         className: useVisualModeClassNames(allClassNames).join(' '),
-        ...getDatasetProps(dataset, { preplyDsComponent: BOX }),
+        ...getDatasetProps(dataset, { preplyDsComponent: webComponentNames.BOX }),
     };
     return React__default.createElement(Tag, { ...props }, children);
 };
 const Box = withColorScheme(BoxBase);
 
 export { Box };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Cb3gvQm94LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7XG4gICAgQm94UGFkZGluZyxcbiAgICBCb3hSYWRpdXMsXG4gICAgQ29sb3JCYWNrZ3JvdW5kLFxuICAgIENvbG9yTmFtZSxcbiAgICBEYXRhc2V0LFxuICAgIExheW91dFRhZyxcbiAgICBSZXNwb25zaXZlLFxuICAgIFNob3J0SGFuZCxcbiAgICBTcGFjaW5nLFxufSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgQk9YX1BBRERJTkdfREVGQVVMVCwgQk9YX1JBRElVU19ERUZBVUxULCBMQVlPVVRfVEFHX0RFRkFVTFQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBDb2xvclNjaGVtZVByb3BzLFxuICAgIFdpdGhDb2xvclNjaGVtZVByb3BzLFxuICAgIGdldERhdGFzZXRQcm9wcyxcbiAgICBnbG9iYWxDbGFzc05hbWVzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VMYXlvdXRQYWRkaW5nQ2xhc3NuYW1lcyxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG4gICAgdXNlVmlzdWFsTW9kZUNsYXNzTmFtZXMsXG4gICAgd2l0aENvbG9yU2NoZW1lLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJveFByb3BzIHtcbiAgICBiYWNrZ3JvdW5kPzogQ29sb3JOYW1lIHwgQ29sb3JCYWNrZ3JvdW5kO1xuICAgIHJhZGl1cz86IFJlc3BvbnNpdmU8Qm94UmFkaXVzPjtcbiAgICB0YWc/OiBMYXlvdXRUYWc7XG4gICAgcGFkZGluZz86IFJlc3BvbnNpdmU8U2hvcnRIYW5kPEJveFBhZGRpbmc+IHwgU2hvcnRIYW5kPFNwYWNpbmc+PjtcbiAgICBkYXRhc2V0PzogRGF0YXNldDtcbiAgICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQk9YID0gJ0JveCc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0gQm94UHJvcHMgJiBDb2xvclNjaGVtZVByb3BzO1xuXG5jb25zdCBCb3hCYXNlOiBGQzxCb3hQcm9wcyAmIFdpdGhDb2xvclNjaGVtZVByb3BzPiA9ICh7XG4gICAgY2hpbGRyZW4sXG4gICAgY29sb3JTY2hlbWVDbGFzc05hbWUsXG4gICAgYmFja2dyb3VuZCxcbiAgICByYWRpdXMgPSBCT1hfUkFESVVTX0RFRkFVTFQsXG4gICAgcGFkZGluZyA9IEJPWF9QQURESU5HX0RFRkFVTFQsXG4gICAgdGFnLFxuICAgIGRhdGFzZXQsXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBnbG9iYWxDbGFzc2VzID0gZ2xvYmFsQ2xhc3NOYW1lcyhbY29sb3JTY2hlbWVDbGFzc05hbWVdKTtcbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIEJPWCwgW1xuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdib3gtcmFkaXVzJywgcmFkaXVzKSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnYmFja2dyb3VuZCcsIGJhY2tncm91bmQpLFxuICAgIF0pO1xuICAgIGNvbnN0IHBhZGRpbmdDbGFzc05hbWVzID0gdXNlTGF5b3V0UGFkZGluZ0NsYXNzbmFtZXMocGFkZGluZyk7XG5cbiAgICBjb25zdCBUYWcgPSB0YWcgPz8gTEFZT1VUX1RBR19ERUZBVUxUO1xuXG4gICAgY29uc3QgYWxsQ2xhc3NOYW1lcyA9IFsuLi5nbG9iYWxDbGFzc2VzLCAuLi5jbGFzc05hbWVzLCAuLi5wYWRkaW5nQ2xhc3NOYW1lc107XG5cbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgICAgY2xhc3NOYW1lOiB1c2VWaXN1YWxNb2RlQ2xhc3NOYW1lcyhhbGxDbGFzc05hbWVzKS5qb2luKCcgJyksXG4gICAgICAgIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0LCB7IHByZXBseURzQ29tcG9uZW50OiBCT1ggfSksXG4gICAgfTtcblxuICAgIHJldHVybiA8VGFnIHsuLi5wcm9wc30+e2NoaWxkcmVufTwvVGFnPjtcbn07XG5cbmV4cG9ydCBjb25zdCBCb3g6IEZDPFByb3BzPiA9IHdpdGhDb2xvclNjaGVtZShCb3hCYXNlKTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFxQ0EsTUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDO0FBSWxCLE1BQU0sT0FBTyxHQUF3QyxDQUFDLEVBQ2xELFFBQVEsRUFDUixvQkFBb0IsRUFDcEIsVUFBVSxFQUNWLE1BQU0sR0FBRyxrQkFBa0IsRUFDM0IsT0FBTyxHQUFHLG1CQUFtQixFQUM3QixHQUFHLEVBQ0gsT0FBTyxHQUNWO0lBQ0csZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE1BQU0sYUFBYSxHQUFHLGdCQUFnQixDQUFDLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDO0lBQy9ELE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxHQUFHLEVBQUU7UUFDN0MsZ0JBQWdCLENBQUMsWUFBWSxFQUFFLE1BQU0sQ0FBQztRQUN0QyxnQkFBZ0IsQ0FBQyxZQUFZLEVBQUUsVUFBVSxDQUFDO0tBQzdDLENBQUMsQ0FBQztJQUNILE1BQU0saUJBQWlCLEdBQUcsMEJBQTBCLENBQUMsT0FBTyxDQUFDLENBQUM7SUFFOUQsTUFBTSxHQUFHLEdBQUcsR0FBRyxhQUFILEdBQUcsY0FBSCxHQUFHLEdBQUksa0JBQWtCLENBQUM7SUFFdEMsTUFBTSxhQUFhLEdBQUcsQ0FBQyxHQUFHLGFBQWEsRUFBRSxHQUFHLFVBQVUsRUFBRSxHQUFHLGlCQUFpQixDQUFDLENBQUM7SUFFOUUsTUFBTSxLQUFLLEdBQUc7UUFDVixTQUFTLEVBQUUsdUJBQXVCLENBQUMsYUFBYSxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUMzRCxHQUFHLGVBQWUsQ0FBQyxPQUFPLEVBQUUsRUFBRSxpQkFBaUIsRUFBRSxHQUFHLEVBQUUsQ0FBQztLQUMxRCxDQUFDO0lBRUYsT0FBT0EsNkJBQUMsR0FBRyxPQUFLLEtBQUssSUFBRyxRQUFRLENBQU8sQ0FBQztBQUM1QyxDQUFDLENBQUM7TUFFVyxHQUFHLEdBQWMsZUFBZSxDQUFDLE9BQU87Ozs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Cb3gvQm94LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7XG4gICAgQm94UGFkZGluZyxcbiAgICBCb3hSYWRpdXMsXG4gICAgQ29sb3JCYWNrZ3JvdW5kLFxuICAgIENvbG9yTmFtZSxcbiAgICBEYXRhc2V0LFxuICAgIExheW91dFRhZyxcbiAgICBSZXNwb25zaXZlLFxuICAgIFNob3J0SGFuZCxcbiAgICBTcGFjaW5nLFxufSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgQk9YX1BBRERJTkdfREVGQVVMVCwgQk9YX1JBRElVU19ERUZBVUxULCBMQVlPVVRfVEFHX0RFRkFVTFQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgd2ViQ29tcG9uZW50TmFtZXMgfSBmcm9tICdAcHJlcGx5L2RzLXZpc3VhbC1jb3ZlcmFnZS1jb21wb25lbnQtbmFtZXMnO1xuaW1wb3J0IHtcbiAgICBDb2xvclNjaGVtZVByb3BzLFxuICAgIFdpdGhDb2xvclNjaGVtZVByb3BzLFxuICAgIGdldERhdGFzZXRQcm9wcyxcbiAgICBnbG9iYWxDbGFzc05hbWVzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VMYXlvdXRQYWRkaW5nQ2xhc3NuYW1lcyxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG4gICAgdXNlVmlzdWFsTW9kZUNsYXNzTmFtZXMsXG4gICAgd2l0aENvbG9yU2NoZW1lLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJveFByb3BzIHtcbiAgICBiYWNrZ3JvdW5kPzogQ29sb3JOYW1lIHwgQ29sb3JCYWNrZ3JvdW5kO1xuICAgIHJhZGl1cz86IFJlc3BvbnNpdmU8Qm94UmFkaXVzPjtcbiAgICB0YWc/OiBMYXlvdXRUYWc7XG4gICAgcGFkZGluZz86IFJlc3BvbnNpdmU8U2hvcnRIYW5kPEJveFBhZGRpbmc+IHwgU2hvcnRIYW5kPFNwYWNpbmc+PjtcbiAgICBkYXRhc2V0PzogRGF0YXNldDtcbiAgICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IHR5cGUgUHJvcHMgPSBCb3hQcm9wcyAmIENvbG9yU2NoZW1lUHJvcHM7XG5cbmNvbnN0IEJveEJhc2U6IEZDPEJveFByb3BzICYgV2l0aENvbG9yU2NoZW1lUHJvcHM+ID0gKHtcbiAgICBjaGlsZHJlbixcbiAgICBjb2xvclNjaGVtZUNsYXNzTmFtZSxcbiAgICBiYWNrZ3JvdW5kLFxuICAgIHJhZGl1cyA9IEJPWF9SQURJVVNfREVGQVVMVCxcbiAgICBwYWRkaW5nID0gQk9YX1BBRERJTkdfREVGQVVMVCxcbiAgICB0YWcsXG4gICAgZGF0YXNldCxcbn0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGdsb2JhbENsYXNzZXMgPSBnbG9iYWxDbGFzc05hbWVzKFtjb2xvclNjaGVtZUNsYXNzTmFtZV0pO1xuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgd2ViQ29tcG9uZW50TmFtZXMuQk9YLCBbXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ2JveC1yYWRpdXMnLCByYWRpdXMpLFxuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdiYWNrZ3JvdW5kJywgYmFja2dyb3VuZCksXG4gICAgXSk7XG4gICAgY29uc3QgcGFkZGluZ0NsYXNzTmFtZXMgPSB1c2VMYXlvdXRQYWRkaW5nQ2xhc3NuYW1lcyhwYWRkaW5nKTtcblxuICAgIGNvbnN0IFRhZyA9IHRhZyA/PyBMQVlPVVRfVEFHX0RFRkFVTFQ7XG5cbiAgICBjb25zdCBhbGxDbGFzc05hbWVzID0gWy4uLmdsb2JhbENsYXNzZXMsIC4uLmNsYXNzTmFtZXMsIC4uLnBhZGRpbmdDbGFzc05hbWVzXTtcblxuICAgIGNvbnN0IHByb3BzID0ge1xuICAgICAgICBjbGFzc05hbWU6IHVzZVZpc3VhbE1vZGVDbGFzc05hbWVzKGFsbENsYXNzTmFtZXMpLmpvaW4oJyAnKSxcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQsIHsgcHJlcGx5RHNDb21wb25lbnQ6IHdlYkNvbXBvbmVudE5hbWVzLkJPWCB9KSxcbiAgICB9O1xuXG4gICAgcmV0dXJuIDxUYWcgey4uLnByb3BzfT57Y2hpbGRyZW59PC9UYWc+O1xufTtcblxuZXhwb3J0IGNvbnN0IEJveDogRkM8UHJvcHM+ID0gd2l0aENvbG9yU2NoZW1lKEJveEJhc2UpO1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7QUF3Q0EsTUFBTSxPQUFPLEdBQXdDLENBQUMsRUFDbEQsUUFBUSxFQUNSLG9CQUFvQixFQUNwQixVQUFVLEVBQ1YsTUFBTSxHQUFHLGtCQUFrQixFQUMzQixPQUFPLEdBQUcsbUJBQW1CLEVBQzdCLEdBQUcsRUFDSCxPQUFPLEdBQ1Y7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxhQUFhLEdBQUcsZ0JBQWdCLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUM7SUFDL0QsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLGlCQUFpQixDQUFDLEdBQUcsRUFBRTtRQUMvRCxnQkFBZ0IsQ0FBQyxZQUFZLEVBQUUsTUFBTSxDQUFDO1FBQ3RDLGdCQUFnQixDQUFDLFlBQVksRUFBRSxVQUFVLENBQUM7S0FDN0MsQ0FBQyxDQUFDO0lBQ0gsTUFBTSxpQkFBaUIsR0FBRywwQkFBMEIsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUU5RCxNQUFNLEdBQUcsR0FBRyxHQUFHLGFBQUgsR0FBRyxjQUFILEdBQUcsR0FBSSxrQkFBa0IsQ0FBQztJQUV0QyxNQUFNLGFBQWEsR0FBRyxDQUFDLEdBQUcsYUFBYSxFQUFFLEdBQUcsVUFBVSxFQUFFLEdBQUcsaUJBQWlCLENBQUMsQ0FBQztJQUU5RSxNQUFNLEtBQUssR0FBRztRQUNWLFNBQVMsRUFBRSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQzNELEdBQUcsZUFBZSxDQUFDLE9BQU8sRUFBRSxFQUFFLGlCQUFpQixFQUFFLGlCQUFpQixDQUFDLEdBQUcsRUFBRSxDQUFDO0tBQzVFLENBQUM7SUFFRixPQUFPQSw2QkFBQyxHQUFHLE9BQUssS0FBSyxJQUFHLFFBQVEsQ0FBTyxDQUFDO0FBQzVDLENBQUMsQ0FBQztNQUVXLEdBQUcsR0FBYyxlQUFlLENBQUMsT0FBTzs7OzsifQ==

package/dist/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAA+B,MAAM,qBAAqB,CAAC;AACzF,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAc,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAM/E,aAAK,wBAAwB,GACvB;IACI,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC,eAAe,CAAC,EAAE,KAAK,CAAC;CAC3B,GACD;IACI,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,cAAc,CAAC,EAAE,KAAK,CAAC;CAC1B,CAAC;AAER,oBAAY,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,cAAc,GAAG,mBAAmB,CAAC,GAC3E,wBAAwB,CAAC;AAE7B,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,KAAK,CAwC5B,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAA+B,MAAM,qBAAqB,CAAC;AACzF,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAc,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAI/E,aAAK,wBAAwB,GACvB;IACI,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC,eAAe,CAAC,EAAE,KAAK,CAAC;CAC3B,GACD;IACI,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,cAAc,CAAC,EAAE,KAAK,CAAC;CAC1B,CAAC;AAER,oBAAY,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,cAAc,GAAG,mBAAmB,CAAC,GAC3E,wBAAwB,CAAC;AAE7B,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,KAAK,CAwC5B,CAAC"}

package/dist/components/Button/Button.js

@@ -1,17 +1,17 @@
 import { BUTTON_VARIANT_DEFAULT, BUTTON_SIZE_DEFAULT } from '@preply/ds-core';
+import { webComponentNames } from '@preply/ds-visual-coverage-component-names';
 import { useInstrument, moduleLocals } from '@preply/ds-web-core';
 import React__default from 'react';
 import { ButtonBase } from '../private/ButtonBase/ButtonBase.js';
 import styles from './style/index.module.less.js';
 
-const BUTTON = 'Button';
 const Button = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, url, a11yLabel, leadingSvgIcon: LeadingSvgIcon, trailingSvgIcon: TrailingSvgIcon, children, ...props }) => {
     useInstrument('render', {
-        component: BUTTON,
+        component: webComponentNames.BUTTON,
         props: { variant, size, url, a11yLabel },
     });
-    const iconClassNames = [...moduleLocals(styles, BUTTON, ['icon'])];
-    return (React__default.createElement(ButtonBase, { ...props, isIconButton: false, variant: variant, size: size, url: url, a11yLabel: a11yLabel, preplyDsComponent: BUTTON },
+    const iconClassNames = [...moduleLocals(styles, webComponentNames.BUTTON, ['icon'])];
+    return (React__default.createElement(ButtonBase, { ...props, isIconButton: false, variant: variant, size: size, url: url, a11yLabel: a11yLabel, preplyDsComponent: webComponentNames.BUTTON },
         !!LeadingSvgIcon && (React__default.createElement("span", { className: iconClassNames.join(' ') },
             React__default.createElement(LeadingSvgIcon, { "aria-hidden": "true", focusable: "false" }))),
         children,
@@ -20,4 +20,4 @@ const Button = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT,
 };
 
 export { Button };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IFJlYWN0U1ZHQ29tcG9uZW50VHlwZSwgbW9kdWxlTG9jYWxzLCB1c2VJbnN0cnVtZW50IH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEJ1dHRvbkJhc2UsIEJ1dHRvbkJhc2VQcm9wcyB9IGZyb20gJy4uL3ByaXZhdGUvQnV0dG9uQmFzZS9CdXR0b25CYXNlJztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgQlVUVE9OID0gJ0J1dHRvbic7XG5cbnR5cGUgTGVhZGluZ09yVHJhaWxpbmdTdmdJY29uID1cbiAgICB8IHtcbiAgICAgICAgICBsZWFkaW5nU3ZnSWNvbj86IFJlYWN0U1ZHQ29tcG9uZW50VHlwZTtcbiAgICAgICAgICB0cmFpbGluZ1N2Z0ljb24/OiBuZXZlcjtcbiAgICAgIH1cbiAgICB8IHtcbiAgICAgICAgICB0cmFpbGluZ1N2Z0ljb24/OiBSZWFjdFNWR0NvbXBvbmVudFR5cGU7XG4gICAgICAgICAgbGVhZGluZ1N2Z0ljb24/OiBuZXZlcjtcbiAgICAgIH07XG5cbmV4cG9ydCB0eXBlIFByb3BzID0gT21pdDxCdXR0b25CYXNlUHJvcHMsICdpc0ljb25CdXR0b24nIHwgJ3ByZXBseURzQ29tcG9uZW50Jz4gJlxuICAgIExlYWRpbmdPclRyYWlsaW5nU3ZnSWNvbjtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbjogRkM8UHJvcHM+ID0gKHtcbiAgICB2YXJpYW50ID0gQlVUVE9OX1ZBUklBTlRfREVGQVVMVCxcbiAgICBzaXplID0gQlVUVE9OX1NJWkVfREVGQVVMVCxcbiAgICB1cmwsXG4gICAgYTExeUxhYmVsLFxuICAgIGxlYWRpbmdTdmdJY29uOiBMZWFkaW5nU3ZnSWNvbixcbiAgICB0cmFpbGluZ1N2Z0ljb246IFRyYWlsaW5nU3ZnSWNvbixcbiAgICBjaGlsZHJlbixcbiAgICAuLi5wcm9wc1xufSkgPT4ge1xuICAgIHVzZUluc3RydW1lbnQoJ3JlbmRlcicsIHtcbiAgICAgICAgY29tcG9uZW50OiBCVVRUT04sXG4gICAgICAgIHByb3BzOiB7IHZhcmlhbnQsIHNpemUsIHVybCwgYTExeUxhYmVsIH0sXG4gICAgfSk7XG5cbiAgICBjb25zdCBpY29uQ2xhc3NOYW1lcyA9IFsuLi5tb2R1bGVMb2NhbHMoc3R5bGVzLCBCVVRUT04sIFsnaWNvbiddKV07XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8QnV0dG9uQmFzZVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgaXNJY29uQnV0dG9uPXtmYWxzZX1cbiAgICAgICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgdXJsPXt1cmx9XG4gICAgICAgICAgICBhMTF5TGFiZWw9e2ExMXlMYWJlbH1cbiAgICAgICAgICAgIHByZXBseURzQ29tcG9uZW50PXtCVVRUT059XG4gICAgICAgID5cbiAgICAgICAgICAgIHshIUxlYWRpbmdTdmdJY29uICYmIChcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2ljb25DbGFzc05hbWVzLmpvaW4oJyAnKX0+XG4gICAgICAgICAgICAgICAgICAgIDxMZWFkaW5nU3ZnSWNvbiBhcmlhLWhpZGRlbj1cInRydWVcIiBmb2N1c2FibGU9XCJmYWxzZVwiIC8+XG4gICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIHshIVRyYWlsaW5nU3ZnSWNvbiAmJiAoXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtpY29uQ2xhc3NOYW1lcy5qb2luKCcgJyl9PlxuICAgICAgICAgICAgICAgICAgICA8VHJhaWxpbmdTdmdJY29uIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIGZvY3VzYWJsZT1cImZhbHNlXCIgLz5cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICApfVxuICAgICAgICA8L0J1dHRvbkJhc2U+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7OztBQVFBLE1BQU0sTUFBTSxHQUFHLFFBQVEsQ0FBQztNQWVYLE1BQU0sR0FBYyxDQUFDLEVBQzlCLE9BQU8sR0FBRyxzQkFBc0IsRUFDaEMsSUFBSSxHQUFHLG1CQUFtQixFQUMxQixHQUFHLEVBQ0gsU0FBUyxFQUNULGNBQWMsRUFBRSxjQUFjLEVBQzlCLGVBQWUsRUFBRSxlQUFlLEVBQ2hDLFFBQVEsRUFDUixHQUFHLEtBQUssRUFDWDtJQUNHLGFBQWEsQ0FBQyxRQUFRLEVBQUU7UUFDcEIsU0FBUyxFQUFFLE1BQU07UUFDakIsS0FBSyxFQUFFLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFO0tBQzNDLENBQUMsQ0FBQztJQUVILE1BQU0sY0FBYyxHQUFHLENBQUMsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLE1BQU0sRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUVuRSxRQUNJQSw2QkFBQyxVQUFVLE9BQ0gsS0FBSyxFQUNULFlBQVksRUFBRSxLQUFLLEVBQ25CLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLElBQUksRUFBRSxJQUFJLEVBQ1YsR0FBRyxFQUFFLEdBQUcsRUFDUixTQUFTLEVBQUUsU0FBUyxFQUNwQixpQkFBaUIsRUFBRSxNQUFNO1FBRXhCLENBQUMsQ0FBQyxjQUFjLEtBQ2JBLHVDQUFNLFNBQVMsRUFBRSxjQUFjLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztZQUNyQ0EsNkJBQUMsY0FBYyxtQkFBYSxNQUFNLEVBQUMsU0FBUyxFQUFDLE9BQU8sR0FBRyxDQUNwRCxDQUNWO1FBQ0EsUUFBUTtRQUNSLENBQUMsQ0FBQyxlQUFlLEtBQ2RBLHVDQUFNLFNBQVMsRUFBRSxjQUFjLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztZQUNyQ0EsNkJBQUMsZUFBZSxtQkFBYSxNQUFNLEVBQUMsU0FBUyxFQUFDLE9BQU8sR0FBRyxDQUNyRCxDQUNWLENBQ1EsRUFDZjtBQUNOOzs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHdlYkNvbXBvbmVudE5hbWVzIH0gZnJvbSAnQHByZXBseS9kcy12aXN1YWwtY292ZXJhZ2UtY29tcG9uZW50LW5hbWVzJztcbmltcG9ydCB7IFJlYWN0U1ZHQ29tcG9uZW50VHlwZSwgbW9kdWxlTG9jYWxzLCB1c2VJbnN0cnVtZW50IH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEJ1dHRvbkJhc2UsIEJ1dHRvbkJhc2VQcm9wcyB9IGZyb20gJy4uL3ByaXZhdGUvQnV0dG9uQmFzZS9CdXR0b25CYXNlJztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxudHlwZSBMZWFkaW5nT3JUcmFpbGluZ1N2Z0ljb24gPVxuICAgIHwge1xuICAgICAgICAgIGxlYWRpbmdTdmdJY29uPzogUmVhY3RTVkdDb21wb25lbnRUeXBlO1xuICAgICAgICAgIHRyYWlsaW5nU3ZnSWNvbj86IG5ldmVyO1xuICAgICAgfVxuICAgIHwge1xuICAgICAgICAgIHRyYWlsaW5nU3ZnSWNvbj86IFJlYWN0U1ZHQ29tcG9uZW50VHlwZTtcbiAgICAgICAgICBsZWFkaW5nU3ZnSWNvbj86IG5ldmVyO1xuICAgICAgfTtcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSBPbWl0PEJ1dHRvbkJhc2VQcm9wcywgJ2lzSWNvbkJ1dHRvbicgfCAncHJlcGx5RHNDb21wb25lbnQnPiAmXG4gICAgTGVhZGluZ09yVHJhaWxpbmdTdmdJY29uO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uOiBGQzxQcm9wcz4gPSAoe1xuICAgIHZhcmlhbnQgPSBCVVRUT05fVkFSSUFOVF9ERUZBVUxULFxuICAgIHNpemUgPSBCVVRUT05fU0laRV9ERUZBVUxULFxuICAgIHVybCxcbiAgICBhMTF5TGFiZWwsXG4gICAgbGVhZGluZ1N2Z0ljb246IExlYWRpbmdTdmdJY29uLFxuICAgIHRyYWlsaW5nU3ZnSWNvbjogVHJhaWxpbmdTdmdJY29uLFxuICAgIGNoaWxkcmVuLFxuICAgIC4uLnByb3BzXG59KSA9PiB7XG4gICAgdXNlSW5zdHJ1bWVudCgncmVuZGVyJywge1xuICAgICAgICBjb21wb25lbnQ6IHdlYkNvbXBvbmVudE5hbWVzLkJVVFRPTixcbiAgICAgICAgcHJvcHM6IHsgdmFyaWFudCwgc2l6ZSwgdXJsLCBhMTF5TGFiZWwgfSxcbiAgICB9KTtcblxuICAgIGNvbnN0IGljb25DbGFzc05hbWVzID0gWy4uLm1vZHVsZUxvY2FscyhzdHlsZXMsIHdlYkNvbXBvbmVudE5hbWVzLkJVVFRPTiwgWydpY29uJ10pXTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxCdXR0b25CYXNlXG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICBpc0ljb25CdXR0b249e2ZhbHNlfVxuICAgICAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICB1cmw9e3VybH1cbiAgICAgICAgICAgIGExMXlMYWJlbD17YTExeUxhYmVsfVxuICAgICAgICAgICAgcHJlcGx5RHNDb21wb25lbnQ9e3dlYkNvbXBvbmVudE5hbWVzLkJVVFRPTn1cbiAgICAgICAgPlxuICAgICAgICAgICAgeyEhTGVhZGluZ1N2Z0ljb24gJiYgKFxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17aWNvbkNsYXNzTmFtZXMuam9pbignICcpfT5cbiAgICAgICAgICAgICAgICAgICAgPExlYWRpbmdTdmdJY29uIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIGZvY3VzYWJsZT1cImZhbHNlXCIgLz5cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgeyEhVHJhaWxpbmdTdmdJY29uICYmIChcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2ljb25DbGFzc05hbWVzLmpvaW4oJyAnKX0+XG4gICAgICAgICAgICAgICAgICAgIDxUcmFpbGluZ1N2Z0ljb24gYXJpYS1oaWRkZW49XCJ0cnVlXCIgZm9jdXNhYmxlPVwiZmFsc2VcIiAvPlxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvQnV0dG9uQmFzZT5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztNQXNCYSxNQUFNLEdBQWMsQ0FBQyxFQUM5QixPQUFPLEdBQUcsc0JBQXNCLEVBQ2hDLElBQUksR0FBRyxtQkFBbUIsRUFDMUIsR0FBRyxFQUNILFNBQVMsRUFDVCxjQUFjLEVBQUUsY0FBYyxFQUM5QixlQUFlLEVBQUUsZUFBZSxFQUNoQyxRQUFRLEVBQ1IsR0FBRyxLQUFLLEVBQ1g7SUFDRyxhQUFhLENBQUMsUUFBUSxFQUFFO1FBQ3BCLFNBQVMsRUFBRSxpQkFBaUIsQ0FBQyxNQUFNO1FBQ25DLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRTtLQUMzQyxDQUFDLENBQUM7SUFFSCxNQUFNLGNBQWMsR0FBRyxDQUFDLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxpQkFBaUIsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFFckYsUUFDSUEsNkJBQUMsVUFBVSxPQUNILEtBQUssRUFDVCxZQUFZLEVBQUUsS0FBSyxFQUNuQixPQUFPLEVBQUUsT0FBTyxFQUNoQixJQUFJLEVBQUUsSUFBSSxFQUNWLEdBQUcsRUFBRSxHQUFHLEVBQ1IsU0FBUyxFQUFFLFNBQVMsRUFDcEIsaUJBQWlCLEVBQUUsaUJBQWlCLENBQUMsTUFBTTtRQUUxQyxDQUFDLENBQUMsY0FBYyxLQUNiQSx1Q0FBTSxTQUFTLEVBQUUsY0FBYyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7WUFDckNBLDZCQUFDLGNBQWMsbUJBQWEsTUFBTSxFQUFDLFNBQVMsRUFBQyxPQUFPLEdBQUcsQ0FDcEQsQ0FDVjtRQUNBLFFBQVE7UUFDUixDQUFDLENBQUMsZUFBZSxLQUNkQSx1Q0FBTSxTQUFTLEVBQUUsY0FBYyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7WUFDckNBLDZCQUFDLGVBQWUsbUJBQWEsTUFBTSxFQUFDLFNBQVMsRUFBQyxPQUFPLEdBQUcsQ0FDckQsQ0FDVixDQUNRLEVBQ2Y7QUFDTjs7OzsifQ==

package/dist/components/Chips/Chips.d.ts

@@ -0,0 +1,80 @@
+import { Dataset } from '@preply/ds-core';
+import { ReactSVGComponentType } from '@preply/ds-web-core';
+import { FC, ReactNode } from 'react';
+interface ChipsProps {
+    /**
+     * The Chip list variant;
+     * - For simple checkbox-like behaviour, use `choice`.
+     * - For more complex filtering controls, use `filter`.
+     *
+     * @default choice
+     */
+    variant?: 'choice' | 'filter';
+    /**
+     * Allows assistive technologies to correctly identify and announce
+     * the Chip list.
+     *
+     * @example
+     * <Chips aria-label="tutor filter">
+     *   // When the Chip below is in focus, screen readers may announce it as:
+     *   // "tutor filter list, option 1, Availability, press to toggle"
+     *   <Chips.Item label="Availability" />
+     * </Chips>
+     */
+    'aria-label': string;
+    /**
+     * These should be {@link Chips.Item}s.
+     */
+    children: ReactNode;
+    dataset?: Dataset;
+}
+interface ChipsSubcomponents {
+    /**
+     * A single {@link Chips} list item.
+     */
+    Item: FC<ChipsItemProps>;
+}
+/**
+ * A Chips container; add {@link Chips.Item} children to render a list of Chips.
+ */
+export declare const Chips: FC<ChipsProps> & ChipsSubcomponents;
+interface ChipsItemProps {
+    label: ReactNode;
+    leadingSvgIcon?: ReactSVGComponentType;
+    /**
+     * The current state of the Chip; this needs to be controlled manually,
+     * to cater for cases in which a Chip also controls a seperate filter menu.
+     */
+    pressed: boolean;
+    /**
+     * Called when the Chip is pressed, and returns the resulting state udpate.
+     *
+     * @see {@link ChipItemProps.pressed} for controlling the Chip state.
+     * @see {@link ChipItemProps.onRemove} for when the user removes the Chip.
+     */
+    onToggle?: (newState: boolean) => void;
+    /**
+     * Called when the Chip's remove (`X`) button is clicked.
+     * This is only available for `filter` Chips.
+     */
+    onRemove?: () => void;
+    /**
+     * If the Chip toggles the presence or content of another element, set this
+     * prop to the ID of that element.
+     *
+     * @example
+     * <Chips variant="filter">
+     *   <Chips.Item
+     *     label="Availability"
+     *     pressed={filterByAvailability}
+     *     aria-controls="tutor-search-list"
+     *   />
+     * </Chips>
+     * ...
+     * <TutorSearchList id="tutor-search-list" />
+     */
+    'aria-controls'?: string;
+    dataset?: Dataset;
+}
+export {};
+//# sourceMappingURL=Chips.d.ts.map

package/dist/components/Chips/Chips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chips.d.ts","sourceRoot":"","sources":["../../../src/components/Chips/Chips.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAE,qBAAqB,EAAmB,MAAM,qBAAqB,CAAC;AAC7E,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAM7C,UAAU,UAAU;IAChB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B;;;;;;;;;;OAUG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,kBAAkB;IACxB;;OAEG;IACH,IAAI,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC;CAC5B;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,kBAYpC,CAAC;AAEF,UAAU,cAAc;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC;;;OAGG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;;;;;;;;;;;OAcG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/dist/components/Chips/Chips.js

@@ -0,0 +1,36 @@
+import CloseIcon from '@preply/ds-media-icons/dist/24/Close.svg';
+import { getDatasetProps } from '@preply/ds-web-core';
+import React__default from 'react';
+import { Icon } from '../Icon/Icon.js';
+import styles from './style/index.module.less.js';
+
+/**
+ * A Chips container; add {@link Chips.Item} children to render a list of Chips.
+ */
+const Chips = ({ variant = 'choice', children, 'aria-label': ariaLabel, dataset, }) => {
+    const dataAttributes = { ...dataset, variant };
+    return (React__default.createElement("ul", { "aria-label": ariaLabel, className: styles.chips, ...getDatasetProps(dataAttributes) }, children));
+};
+Chips.Item = function ChipsItem({ label, leadingSvgIcon, pressed, onToggle, onRemove, 'aria-controls': ariaControls, dataset, }) {
+    const toggle = () => onToggle === null || onToggle === void 0 ? void 0 : onToggle(!pressed);
+    const remove = onRemove !== null && onRemove !== void 0 ? onRemove : toggle;
+    return (React__default.createElement("li", { role: "group", className: styles.chip, ...getDatasetProps(dataset, { preplyDsComponent: 'Chip' }) },
+        React__default.createElement("button", { type: "button", className: styles['chip-toggle'], "aria-pressed": pressed, "aria-controls": ariaControls, onClick: toggle, onKeyUp: e => {
+                switch (e.key) {
+                    case 'Backspace':
+                    case 'Delete':
+                        if (!pressed) {
+                            return;
+                        }
+                        toggle();
+                        break;
+                }
+            } },
+            leadingSvgIcon && React__default.createElement(Icon, { size: "24", svg: leadingSvgIcon }),
+            label),
+        React__default.createElement("button", { type: "button", className: styles['chip-remove'], onClick: remove, "aria-label": "Remove", "aria-controls": ariaControls },
+            React__default.createElement(Icon, { size: "24", svg: CloseIcon }))));
+};
+
+export { Chips };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NoaXBzL0NoaXBzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEYXRhc2V0IH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCBDbG9zZUljb24gZnJvbSAnQHByZXBseS9kcy1tZWRpYS1pY29ucy9kaXN0LzI0L0Nsb3NlLnN2Zyc7XG5pbXBvcnQgeyBSZWFjdFNWR0NvbXBvbmVudFR5cGUsIGdldERhdGFzZXRQcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEljb24gfSBmcm9tICcuLi9JY29uL0ljb24nO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5pbnRlcmZhY2UgQ2hpcHNQcm9wcyB7XG4gICAgLyoqXG4gICAgICogVGhlIENoaXAgbGlzdCB2YXJpYW50O1xuICAgICAqIC0gRm9yIHNpbXBsZSBjaGVja2JveC1saWtlIGJlaGF2aW91ciwgdXNlIGBjaG9pY2VgLlxuICAgICAqIC0gRm9yIG1vcmUgY29tcGxleCBmaWx0ZXJpbmcgY29udHJvbHMsIHVzZSBgZmlsdGVyYC5cbiAgICAgKlxuICAgICAqIEBkZWZhdWx0IGNob2ljZVxuICAgICAqL1xuICAgIHZhcmlhbnQ/OiAnY2hvaWNlJyB8ICdmaWx0ZXInO1xuICAgIC8qKlxuICAgICAqIEFsbG93cyBhc3Npc3RpdmUgdGVjaG5vbG9naWVzIHRvIGNvcnJlY3RseSBpZGVudGlmeSBhbmQgYW5ub3VuY2VcbiAgICAgKiB0aGUgQ2hpcCBsaXN0LlxuICAgICAqXG4gICAgICogQGV4YW1wbGVcbiAgICAgKiA8Q2hpcHMgYXJpYS1sYWJlbD1cInR1dG9yIGZpbHRlclwiPlxuICAgICAqICAgLy8gV2hlbiB0aGUgQ2hpcCBiZWxvdyBpcyBpbiBmb2N1cywgc2NyZWVuIHJlYWRlcnMgbWF5IGFubm91bmNlIGl0IGFzOlxuICAgICAqICAgLy8gXCJ0dXRvciBmaWx0ZXIgbGlzdCwgb3B0aW9uIDEsIEF2YWlsYWJpbGl0eSwgcHJlc3MgdG8gdG9nZ2xlXCJcbiAgICAgKiAgIDxDaGlwcy5JdGVtIGxhYmVsPVwiQXZhaWxhYmlsaXR5XCIgLz5cbiAgICAgKiA8L0NoaXBzPlxuICAgICAqL1xuICAgICdhcmlhLWxhYmVsJzogc3RyaW5nO1xuICAgIC8qKlxuICAgICAqIFRoZXNlIHNob3VsZCBiZSB7QGxpbmsgQ2hpcHMuSXRlbX1zLlxuICAgICAqL1xuICAgIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG59XG5cbmludGVyZmFjZSBDaGlwc1N1YmNvbXBvbmVudHMge1xuICAgIC8qKlxuICAgICAqIEEgc2luZ2xlIHtAbGluayBDaGlwc30gbGlzdCBpdGVtLlxuICAgICAqL1xuICAgIEl0ZW06IEZDPENoaXBzSXRlbVByb3BzPjtcbn1cblxuLyoqXG4gKiBBIENoaXBzIGNvbnRhaW5lcjsgYWRkIHtAbGluayBDaGlwcy5JdGVtfSBjaGlsZHJlbiB0byByZW5kZXIgYSBsaXN0IG9mIENoaXBzLlxuICovXG5leHBvcnQgY29uc3QgQ2hpcHM6IEZDPENoaXBzUHJvcHM+ICYgQ2hpcHNTdWJjb21wb25lbnRzID0gKHtcbiAgICB2YXJpYW50ID0gJ2Nob2ljZScsXG4gICAgY2hpbGRyZW4sXG4gICAgJ2FyaWEtbGFiZWwnOiBhcmlhTGFiZWwsXG4gICAgZGF0YXNldCxcbn0pID0+IHtcbiAgICBjb25zdCBkYXRhQXR0cmlidXRlcyA9IHsgLi4uZGF0YXNldCwgdmFyaWFudCB9O1xuICAgIHJldHVybiAoXG4gICAgICAgIDx1bCBhcmlhLWxhYmVsPXthcmlhTGFiZWx9IGNsYXNzTmFtZT17c3R5bGVzLmNoaXBzfSB7Li4uZ2V0RGF0YXNldFByb3BzKGRhdGFBdHRyaWJ1dGVzKX0+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvdWw+XG4gICAgKTtcbn07XG5cbmludGVyZmFjZSBDaGlwc0l0ZW1Qcm9wcyB7XG4gICAgbGFiZWw6IFJlYWN0Tm9kZTtcbiAgICBsZWFkaW5nU3ZnSWNvbj86IFJlYWN0U1ZHQ29tcG9uZW50VHlwZTtcbiAgICAvKipcbiAgICAgKiBUaGUgY3VycmVudCBzdGF0ZSBvZiB0aGUgQ2hpcDsgdGhpcyBuZWVkcyB0byBiZSBjb250cm9sbGVkIG1hbnVhbGx5LFxuICAgICAqIHRvIGNhdGVyIGZvciBjYXNlcyBpbiB3aGljaCBhIENoaXAgYWxzbyBjb250cm9scyBhIHNlcGVyYXRlIGZpbHRlciBtZW51LlxuICAgICAqL1xuICAgIHByZXNzZWQ6IGJvb2xlYW47XG4gICAgLyoqXG4gICAgICogQ2FsbGVkIHdoZW4gdGhlIENoaXAgaXMgcHJlc3NlZCwgYW5kIHJldHVybnMgdGhlIHJlc3VsdGluZyBzdGF0ZSB1ZHBhdGUuXG4gICAgICpcbiAgICAgKiBAc2VlIHtAbGluayBDaGlwSXRlbVByb3BzLnByZXNzZWR9IGZvciBjb250cm9sbGluZyB0aGUgQ2hpcCBzdGF0ZS5cbiAgICAgKiBAc2VlIHtAbGluayBDaGlwSXRlbVByb3BzLm9uUmVtb3ZlfSBmb3Igd2hlbiB0aGUgdXNlciByZW1vdmVzIHRoZSBDaGlwLlxuICAgICAqL1xuICAgIG9uVG9nZ2xlPzogKG5ld1N0YXRlOiBib29sZWFuKSA9PiB2b2lkO1xuICAgIC8qKlxuICAgICAqIENhbGxlZCB3aGVuIHRoZSBDaGlwJ3MgcmVtb3ZlIChgWGApIGJ1dHRvbiBpcyBjbGlja2VkLlxuICAgICAqIFRoaXMgaXMgb25seSBhdmFpbGFibGUgZm9yIGBmaWx0ZXJgIENoaXBzLlxuICAgICAqL1xuICAgIG9uUmVtb3ZlPzogKCkgPT4gdm9pZDtcbiAgICAvKipcbiAgICAgKiBJZiB0aGUgQ2hpcCB0b2dnbGVzIHRoZSBwcmVzZW5jZSBvciBjb250ZW50IG9mIGFub3RoZXIgZWxlbWVudCwgc2V0IHRoaXNcbiAgICAgKiBwcm9wIHRvIHRoZSBJRCBvZiB0aGF0IGVsZW1lbnQuXG4gICAgICpcbiAgICAgKiBAZXhhbXBsZVxuICAgICAqIDxDaGlwcyB2YXJpYW50PVwiZmlsdGVyXCI+XG4gICAgICogICA8Q2hpcHMuSXRlbVxuICAgICAqICAgICBsYWJlbD1cIkF2YWlsYWJpbGl0eVwiXG4gICAgICogICAgIHByZXNzZWQ9e2ZpbHRlckJ5QXZhaWxhYmlsaXR5fVxuICAgICAqICAgICBhcmlhLWNvbnRyb2xzPVwidHV0b3Itc2VhcmNoLWxpc3RcIlxuICAgICAqICAgLz5cbiAgICAgKiA8L0NoaXBzPlxuICAgICAqIC4uLlxuICAgICAqIDxUdXRvclNlYXJjaExpc3QgaWQ9XCJ0dXRvci1zZWFyY2gtbGlzdFwiIC8+XG4gICAgICovXG4gICAgJ2FyaWEtY29udHJvbHMnPzogc3RyaW5nO1xuICAgIGRhdGFzZXQ/OiBEYXRhc2V0O1xufVxuXG5DaGlwcy5JdGVtID0gZnVuY3Rpb24gQ2hpcHNJdGVtKHtcbiAgICBsYWJlbCxcbiAgICBsZWFkaW5nU3ZnSWNvbixcbiAgICBwcmVzc2VkLFxuICAgIG9uVG9nZ2xlLFxuICAgIG9uUmVtb3ZlLFxuICAgICdhcmlhLWNvbnRyb2xzJzogYXJpYUNvbnRyb2xzLFxuICAgIGRhdGFzZXQsXG59KSB7XG4gICAgY29uc3QgdG9nZ2xlID0gKCkgPT4gb25Ub2dnbGU/LighcHJlc3NlZCk7XG4gICAgY29uc3QgcmVtb3ZlID0gb25SZW1vdmUgPz8gdG9nZ2xlO1xuICAgIHJldHVybiAoXG4gICAgICAgIDxsaVxuICAgICAgICAgICAgcm9sZT1cImdyb3VwXCJcbiAgICAgICAgICAgIGNsYXNzTmFtZT17c3R5bGVzLmNoaXB9XG4gICAgICAgICAgICB7Li4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQsIHsgcHJlcGx5RHNDb21wb25lbnQ6ICdDaGlwJyB9KX1cbiAgICAgICAgPlxuICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17c3R5bGVzWydjaGlwLXRvZ2dsZSddfVxuICAgICAgICAgICAgICAgIGFyaWEtcHJlc3NlZD17cHJlc3NlZH1cbiAgICAgICAgICAgICAgICBhcmlhLWNvbnRyb2xzPXthcmlhQ29udHJvbHN9XG4gICAgICAgICAgICAgICAgb25DbGljaz17dG9nZ2xlfVxuICAgICAgICAgICAgICAgIG9uS2V5VXA9e2UgPT4ge1xuICAgICAgICAgICAgICAgICAgICBzd2l0Y2ggKGUua2V5KSB7XG4gICAgICAgICAgICAgICAgICAgICAgICBjYXNlICdCYWNrc3BhY2UnOlxuICAgICAgICAgICAgICAgICAgICAgICAgY2FzZSAnRGVsZXRlJzpcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZiAoIXByZXNzZWQpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0b2dnbGUoKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgICAgICAgICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtsZWFkaW5nU3ZnSWNvbiAmJiA8SWNvbiBzaXplPVwiMjRcIiBzdmc9e2xlYWRpbmdTdmdJY29ufSAvPn1cbiAgICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e3N0eWxlc1snY2hpcC1yZW1vdmUnXX1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtyZW1vdmV9XG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD1cIlJlbW92ZVwiXG4gICAgICAgICAgICAgICAgYXJpYS1jb250cm9scz17YXJpYUNvbnRyb2xzfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxJY29uIHNpemU9XCIyNFwiIHN2Zz17Q2xvc2VJY29ufSAvPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvbGk+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7OztBQTRDQTs7O01BR2EsS0FBSyxHQUF3QyxDQUFDLEVBQ3ZELE9BQU8sR0FBRyxRQUFRLEVBQ2xCLFFBQVEsRUFDUixZQUFZLEVBQUUsU0FBUyxFQUN2QixPQUFPLEdBQ1Y7SUFDRyxNQUFNLGNBQWMsR0FBRyxFQUFFLEdBQUcsT0FBTyxFQUFFLE9BQU8sRUFBRSxDQUFDO0lBQy9DLFFBQ0lBLG1EQUFnQixTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sQ0FBQyxLQUFLLEtBQU0sZUFBZSxDQUFDLGNBQWMsQ0FBQyxJQUNsRixRQUFRLENBQ1IsRUFDUDtBQUNOLEVBQUU7QUF5Q0YsS0FBSyxDQUFDLElBQUksR0FBRyxTQUFTLFNBQVMsQ0FBQyxFQUM1QixLQUFLLEVBQ0wsY0FBYyxFQUNkLE9BQU8sRUFDUCxRQUFRLEVBQ1IsUUFBUSxFQUNSLGVBQWUsRUFBRSxZQUFZLEVBQzdCLE9BQU8sR0FDVjtJQUNHLE1BQU0sTUFBTSxHQUFHLE1BQU0sUUFBUSxhQUFSLFFBQVEsdUJBQVIsUUFBUSxDQUFHLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDMUMsTUFBTSxNQUFNLEdBQUcsUUFBUSxhQUFSLFFBQVEsY0FBUixRQUFRLEdBQUksTUFBTSxDQUFDO0lBQ2xDLFFBQ0lBLHFDQUNJLElBQUksRUFBQyxPQUFPLEVBQ1osU0FBUyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEtBQ2xCLGVBQWUsQ0FBQyxPQUFPLEVBQUUsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLEVBQUUsQ0FBQztRQUUzREEseUNBQ0ksSUFBSSxFQUFDLFFBQVEsRUFDYixTQUFTLEVBQUUsTUFBTSxDQUFDLGFBQWEsQ0FBQyxrQkFDbEIsT0FBTyxtQkFDTixZQUFZLEVBQzNCLE9BQU8sRUFBRSxNQUFNLEVBQ2YsT0FBTyxFQUFFLENBQUM7Z0JBQ04sUUFBUSxDQUFDLENBQUMsR0FBRztvQkFDVCxLQUFLLFdBQVcsQ0FBQztvQkFDakIsS0FBSyxRQUFRO3dCQUNULElBQUksQ0FBQyxPQUFPLEVBQUU7NEJBQ1YsT0FBTzt5QkFDVjt3QkFDRCxNQUFNLEVBQUUsQ0FBQzt3QkFDVCxNQUFNO2lCQUViO2FBQ0o7WUFFQSxjQUFjLElBQUlBLDZCQUFDLElBQUksSUFBQyxJQUFJLEVBQUMsSUFBSSxFQUFDLEdBQUcsRUFBRSxjQUFjLEdBQUk7WUFDekQsS0FBSyxDQUNEO1FBQ1RBLHlDQUNJLElBQUksRUFBQyxRQUFRLEVBQ2IsU0FBUyxFQUFFLE1BQU0sQ0FBQyxhQUFhLENBQUMsRUFDaEMsT0FBTyxFQUFFLE1BQU0sZ0JBQ0osUUFBUSxtQkFDSixZQUFZO1lBRTNCQSw2QkFBQyxJQUFJLElBQUMsSUFBSSxFQUFDLElBQUksRUFBQyxHQUFHLEVBQUUsU0FBUyxHQUFJLENBQzdCLENBQ1IsRUFDUDtBQUNOLENBQUM7Ozs7In0=

package/dist/components/Chips/Chips.stories.d.ts

@@ -0,0 +1,10 @@
+import { StoryFn } from '@storybook/react';
+import { Chips } from './Chips';
+declare type ChipsStory = StoryFn<typeof Chips>;
+export declare const Choice: ChipsStory;
+export declare const ChoiceWithIcons: StoryFn<typeof Chips>;
+export declare const Filter: StoryFn<typeof Chips>;
+export declare const FilterWithIcons: StoryFn<typeof Chips>;
+export declare const ComplexFilter: StoryFn<typeof Chips>;
+export {};
+//# sourceMappingURL=Chips.stories.d.ts.map

package/dist/components/Chips/Chips.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chips.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Chips/Chips.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAG3C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,aAAK,UAAU,GAAG,OAAO,CAAC,OAAO,KAAK,CAAC,CAAC;AAExC,eAAO,MAAM,MAAM,EAAE,UAqBpB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,OAAO,KAAK,CAsBjD,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,OAAO,CAAC,OAAO,KAAK,CAqBxC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,OAAO,KAAK,CAsBjD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,OAAO,CAAC,OAAO,KAAK,CAkD/C,CAAC"}

package/dist/components/Chips/Chips.stories.js

@@ -0,0 +1,76 @@
+import FavIcon from '@preply/ds-media-icons/dist/24/TokyoUIFav.svg';
+import React__default, { useState } from 'react';
+import { Chips } from './Chips.js';
+
+const Choice = () => {
+    const [choices, setChoices] = useState({
+        Ambition: false,
+        Boldness: false,
+        Collaboration: false,
+    });
+    return (React__default.createElement(Chips, { variant: "choice", "aria-label": "Principle choices" }, Object.entries(choices).map(([name, pressed]) => (React__default.createElement(Chips.Item, { key: name, label: name, pressed: pressed, onToggle: newState => {
+            setChoices(prev => ({ ...prev, [name]: newState }));
+        } })))));
+};
+const ChoiceWithIcons = () => {
+    const [choices, setChoices] = useState({
+        Ambition: false,
+        Boldness: false,
+        Collaboration: false,
+    });
+    return (React__default.createElement(Chips, { variant: "choice", "aria-label": "Principle choices" }, Object.entries(choices).map(([name, pressed]) => (React__default.createElement(Chips.Item, { key: name, label: name, leadingSvgIcon: FavIcon, pressed: pressed, onToggle: newState => {
+            setChoices(prev => ({ ...prev, [name]: newState }));
+        } })))));
+};
+const Filter = () => {
+    const [filters, setFilters] = useState({
+        Ambition: false,
+        Boldness: false,
+        Collaboration: false,
+    });
+    return (React__default.createElement(Chips, { variant: "filter", "aria-label": "Principle filters" }, Object.entries(filters).map(([name, pressed]) => (React__default.createElement(Chips.Item, { key: name, label: name, pressed: pressed, onToggle: newState => {
+            setFilters(prev => ({ ...prev, [name]: newState }));
+        } })))));
+};
+const FilterWithIcons = () => {
+    const [filters, setFilters] = useState({
+        Ambition: false,
+        Boldness: false,
+        Collaboration: false,
+    });
+    return (React__default.createElement(Chips, { variant: "filter", "aria-label": "Principle filters" }, Object.entries(filters).map(([name, pressed]) => (React__default.createElement(Chips.Item, { key: name, label: name, leadingSvgIcon: FavIcon, pressed: pressed, onToggle: newState => {
+            setFilters(prev => ({ ...prev, [name]: newState }));
+        } })))));
+};
+const ComplexFilter = () => {
+    const [filterPrinciple, setFilterPrinciple] = useState(false);
+    const [principle, setPrinciple] = useState(undefined);
+    return (React__default.createElement("div", null,
+        React__default.createElement(Chips, { variant: "filter", "aria-label": "Principle filters" },
+            React__default.createElement(Chips.Item, { label: "Principles", pressed: filterPrinciple, onToggle: newState => {
+                    if (principle !== undefined) {
+                        setPrinciple(undefined);
+                        return;
+                    }
+                    setFilterPrinciple(newState);
+                }, onRemove: () => {
+                    setPrinciple(undefined);
+                    setFilterPrinciple(false);
+                }, "aria-controls": "principle-menu" })),
+        React__default.createElement("div", { id: "principle-menu" }, filterPrinciple &&
+            (principle ? (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement("p", null, "Your favorite principle is:"),
+                React__default.createElement("p", null, principle))) : (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement("p", null, "What's your favorite principle?"),
+                React__default.createElement("form", { onSubmit: e => {
+                        e.preventDefault();
+                        // @ts-expect-error - submitter exists https://developer.mozilla.org/en-US/docs/Web/API/SubmitEvent/submitter
+                        setPrinciple(e.nativeEvent.submitter.value);
+                    } },
+                    React__default.createElement("input", { type: "submit", value: "Ambition" }),
+                    React__default.createElement("input", { type: "submit", value: "Boldness" }),
+                    React__default.createElement("input", { type: "submit", value: "Collaboration" }))))))));
+};
+
+export { Choice, ChoiceWithIcons, ComplexFilter, Filter, FilterWithIcons };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHMuc3Rvcmllcy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQ2hpcHMvQ2hpcHMuc3Rvcmllcy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IEZhdkljb24gZnJvbSAnQHByZXBseS9kcy1tZWRpYS1pY29ucy9kaXN0LzI0L1Rva3lvVUlGYXYuc3ZnJztcbmltcG9ydCB7IFN0b3J5Rm4gfSBmcm9tICdAc3Rvcnlib29rL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQ2hpcHMgfSBmcm9tICcuL0NoaXBzJztcblxudHlwZSBDaGlwc1N0b3J5ID0gU3RvcnlGbjx0eXBlb2YgQ2hpcHM+O1xuXG5leHBvcnQgY29uc3QgQ2hvaWNlOiBDaGlwc1N0b3J5ID0gKCkgPT4ge1xuICAgIGNvbnN0IFtjaG9pY2VzLCBzZXRDaG9pY2VzXSA9IHVzZVN0YXRlKHtcbiAgICAgICAgQW1iaXRpb246IGZhbHNlLFxuICAgICAgICBCb2xkbmVzczogZmFsc2UsXG4gICAgICAgIENvbGxhYm9yYXRpb246IGZhbHNlLFxuICAgIH0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPENoaXBzIHZhcmlhbnQ9XCJjaG9pY2VcIiBhcmlhLWxhYmVsPVwiUHJpbmNpcGxlIGNob2ljZXNcIj5cbiAgICAgICAgICAgIHtPYmplY3QuZW50cmllcyhjaG9pY2VzKS5tYXAoKFtuYW1lLCBwcmVzc2VkXSkgPT4gKFxuICAgICAgICAgICAgICAgIDxDaGlwcy5JdGVtXG4gICAgICAgICAgICAgICAgICAgIGtleT17bmFtZX1cbiAgICAgICAgICAgICAgICAgICAgbGFiZWw9e25hbWV9XG4gICAgICAgICAgICAgICAgICAgIHByZXNzZWQ9e3ByZXNzZWR9XG4gICAgICAgICAgICAgICAgICAgIG9uVG9nZ2xlPXtuZXdTdGF0ZSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBzZXRDaG9pY2VzKHByZXYgPT4gKHsgLi4ucHJldiwgW25hbWVdOiBuZXdTdGF0ZSB9KSk7XG4gICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICkpfVxuICAgICAgICA8L0NoaXBzPlxuICAgICk7XG59O1xuXG5leHBvcnQgY29uc3QgQ2hvaWNlV2l0aEljb25zOiBTdG9yeUZuPHR5cGVvZiBDaGlwcz4gPSAoKSA9PiB7XG4gICAgY29uc3QgW2Nob2ljZXMsIHNldENob2ljZXNdID0gdXNlU3RhdGUoe1xuICAgICAgICBBbWJpdGlvbjogZmFsc2UsXG4gICAgICAgIEJvbGRuZXNzOiBmYWxzZSxcbiAgICAgICAgQ29sbGFib3JhdGlvbjogZmFsc2UsXG4gICAgfSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8Q2hpcHMgdmFyaWFudD1cImNob2ljZVwiIGFyaWEtbGFiZWw9XCJQcmluY2lwbGUgY2hvaWNlc1wiPlxuICAgICAgICAgICAge09iamVjdC5lbnRyaWVzKGNob2ljZXMpLm1hcCgoW25hbWUsIHByZXNzZWRdKSA9PiAoXG4gICAgICAgICAgICAgICAgPENoaXBzLkl0ZW1cbiAgICAgICAgICAgICAgICAgICAga2V5PXtuYW1lfVxuICAgICAgICAgICAgICAgICAgICBsYWJlbD17bmFtZX1cbiAgICAgICAgICAgICAgICAgICAgbGVhZGluZ1N2Z0ljb249e0Zhdkljb259XG4gICAgICAgICAgICAgICAgICAgIHByZXNzZWQ9e3ByZXNzZWR9XG4gICAgICAgICAgICAgICAgICAgIG9uVG9nZ2xlPXtuZXdTdGF0ZSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBzZXRDaG9pY2VzKHByZXYgPT4gKHsgLi4ucHJldiwgW25hbWVdOiBuZXdTdGF0ZSB9KSk7XG4gICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICkpfVxuICAgICAgICA8L0NoaXBzPlxuICAgICk7XG59O1xuXG5leHBvcnQgY29uc3QgRmlsdGVyOiBTdG9yeUZuPHR5cGVvZiBDaGlwcz4gPSAoKSA9PiB7XG4gICAgY29uc3QgW2ZpbHRlcnMsIHNldEZpbHRlcnNdID0gdXNlU3RhdGUoe1xuICAgICAgICBBbWJpdGlvbjogZmFsc2UsXG4gICAgICAgIEJvbGRuZXNzOiBmYWxzZSxcbiAgICAgICAgQ29sbGFib3JhdGlvbjogZmFsc2UsXG4gICAgfSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8Q2hpcHMgdmFyaWFudD1cImZpbHRlclwiIGFyaWEtbGFiZWw9XCJQcmluY2lwbGUgZmlsdGVyc1wiPlxuICAgICAgICAgICAge09iamVjdC5lbnRyaWVzKGZpbHRlcnMpLm1hcCgoW25hbWUsIHByZXNzZWRdKSA9PiAoXG4gICAgICAgICAgICAgICAgPENoaXBzLkl0ZW1cbiAgICAgICAgICAgICAgICAgICAga2V5PXtuYW1lfVxuICAgICAgICAgICAgICAgICAgICBsYWJlbD17bmFtZX1cbiAgICAgICAgICAgICAgICAgICAgcHJlc3NlZD17cHJlc3NlZH1cbiAgICAgICAgICAgICAgICAgICAgb25Ub2dnbGU9e25ld1N0YXRlID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHNldEZpbHRlcnMocHJldiA9PiAoeyAuLi5wcmV2LCBbbmFtZV06IG5ld1N0YXRlIH0pKTtcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgIDwvQ2hpcHM+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBGaWx0ZXJXaXRoSWNvbnM6IFN0b3J5Rm48dHlwZW9mIENoaXBzPiA9ICgpID0+IHtcbiAgICBjb25zdCBbZmlsdGVycywgc2V0RmlsdGVyc10gPSB1c2VTdGF0ZSh7XG4gICAgICAgIEFtYml0aW9uOiBmYWxzZSxcbiAgICAgICAgQm9sZG5lc3M6IGZhbHNlLFxuICAgICAgICBDb2xsYWJvcmF0aW9uOiBmYWxzZSxcbiAgICB9KTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxDaGlwcyB2YXJpYW50PVwiZmlsdGVyXCIgYXJpYS1sYWJlbD1cIlByaW5jaXBsZSBmaWx0ZXJzXCI+XG4gICAgICAgICAgICB7T2JqZWN0LmVudHJpZXMoZmlsdGVycykubWFwKChbbmFtZSwgcHJlc3NlZF0pID0+IChcbiAgICAgICAgICAgICAgICA8Q2hpcHMuSXRlbVxuICAgICAgICAgICAgICAgICAgICBrZXk9e25hbWV9XG4gICAgICAgICAgICAgICAgICAgIGxhYmVsPXtuYW1lfVxuICAgICAgICAgICAgICAgICAgICBsZWFkaW5nU3ZnSWNvbj17RmF2SWNvbn1cbiAgICAgICAgICAgICAgICAgICAgcHJlc3NlZD17cHJlc3NlZH1cbiAgICAgICAgICAgICAgICAgICAgb25Ub2dnbGU9e25ld1N0YXRlID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHNldEZpbHRlcnMocHJldiA9PiAoeyAuLi5wcmV2LCBbbmFtZV06IG5ld1N0YXRlIH0pKTtcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgIDwvQ2hpcHM+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBDb21wbGV4RmlsdGVyOiBTdG9yeUZuPHR5cGVvZiBDaGlwcz4gPSAoKSA9PiB7XG4gICAgY29uc3QgW2ZpbHRlclByaW5jaXBsZSwgc2V0RmlsdGVyUHJpbmNpcGxlXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCBbcHJpbmNpcGxlLCBzZXRQcmluY2lwbGVdID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxDaGlwcyB2YXJpYW50PVwiZmlsdGVyXCIgYXJpYS1sYWJlbD1cIlByaW5jaXBsZSBmaWx0ZXJzXCI+XG4gICAgICAgICAgICAgICAgPENoaXBzLkl0ZW1cbiAgICAgICAgICAgICAgICAgICAgbGFiZWw9XCJQcmluY2lwbGVzXCJcbiAgICAgICAgICAgICAgICAgICAgcHJlc3NlZD17ZmlsdGVyUHJpbmNpcGxlfVxuICAgICAgICAgICAgICAgICAgICBvblRvZ2dsZT17bmV3U3RhdGUgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgaWYgKHByaW5jaXBsZSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc2V0UHJpbmNpcGxlKHVuZGVmaW5lZCk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgc2V0RmlsdGVyUHJpbmNpcGxlKG5ld1N0YXRlKTtcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgb25SZW1vdmU9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHNldFByaW5jaXBsZSh1bmRlZmluZWQpO1xuICAgICAgICAgICAgICAgICAgICAgICAgc2V0RmlsdGVyUHJpbmNpcGxlKGZhbHNlKTtcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgYXJpYS1jb250cm9scz1cInByaW5jaXBsZS1tZW51XCJcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9DaGlwcz5cbiAgICAgICAgICAgIDxkaXYgaWQ9XCJwcmluY2lwbGUtbWVudVwiPlxuICAgICAgICAgICAgICAgIHtmaWx0ZXJQcmluY2lwbGUgJiZcbiAgICAgICAgICAgICAgICAgICAgKHByaW5jaXBsZSA/IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHA+WW91ciBmYXZvcml0ZSBwcmluY2lwbGUgaXM6PC9wPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwPntwcmluY2lwbGV9PC9wPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwPldoYXQmYXBvcztzIHlvdXIgZmF2b3JpdGUgcHJpbmNpcGxlPzwvcD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Zm9ybVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvblN1Ym1pdD17ZSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yIC0gc3VibWl0dGVyIGV4aXN0cyBodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZy9lbi1VUy9kb2NzL1dlYi9BUEkvU3VibWl0RXZlbnQvc3VibWl0dGVyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzZXRQcmluY2lwbGUoZS5uYXRpdmVFdmVudC5zdWJtaXR0ZXIudmFsdWUpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJzdWJtaXRcIiB2YWx1ZT1cIkFtYml0aW9uXCIgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJzdWJtaXRcIiB2YWx1ZT1cIkJvbGRuZXNzXCIgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJzdWJtaXRcIiB2YWx1ZT1cIkNvbGxhYm9yYXRpb25cIiAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZm9ybT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7OztNQVFhLE1BQU0sR0FBZTtJQUM5QixNQUFNLENBQUMsT0FBTyxFQUFFLFVBQVUsQ0FBQyxHQUFHLFFBQVEsQ0FBQztRQUNuQyxRQUFRLEVBQUUsS0FBSztRQUNmLFFBQVEsRUFBRSxLQUFLO1FBQ2YsYUFBYSxFQUFFLEtBQUs7S0FDdkIsQ0FBQyxDQUFDO0lBRUgsUUFDSUEsNkJBQUMsS0FBSyxJQUFDLE9BQU8sRUFBQyxRQUFRLGdCQUFZLG1CQUFtQixJQUNqRCxNQUFNLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxNQUN6Q0EsNkJBQUMsS0FBSyxDQUFDLElBQUksSUFDUCxHQUFHLEVBQUUsSUFBSSxFQUNULEtBQUssRUFBRSxJQUFJLEVBQ1gsT0FBTyxFQUFFLE9BQU8sRUFDaEIsUUFBUSxFQUFFLFFBQVE7WUFDZCxVQUFVLENBQUMsSUFBSSxLQUFLLEVBQUUsR0FBRyxJQUFJLEVBQUUsQ0FBQyxJQUFJLEdBQUcsUUFBUSxFQUFFLENBQUMsQ0FBQyxDQUFDO1NBQ3ZELEdBQ0gsQ0FDTCxDQUFDLENBQ0UsRUFDVjtBQUNOLEVBQUU7TUFFVyxlQUFlLEdBQTBCO0lBQ2xELE1BQU0sQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLEdBQUcsUUFBUSxDQUFDO1FBQ25DLFFBQVEsRUFBRSxLQUFLO1FBQ2YsUUFBUSxFQUFFLEtBQUs7UUFDZixhQUFhLEVBQUUsS0FBSztLQUN2QixDQUFDLENBQUM7SUFFSCxRQUNJQSw2QkFBQyxLQUFLLElBQUMsT0FBTyxFQUFDLFFBQVEsZ0JBQVksbUJBQW1CLElBQ2pELE1BQU0sQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLE1BQ3pDQSw2QkFBQyxLQUFLLENBQUMsSUFBSSxJQUNQLEdBQUcsRUFBRSxJQUFJLEVBQ1QsS0FBSyxFQUFFLElBQUksRUFDWCxjQUFjLEVBQUUsT0FBTyxFQUN2QixPQUFPLEVBQUUsT0FBTyxFQUNoQixRQUFRLEVBQUUsUUFBUTtZQUNkLFVBQVUsQ0FBQyxJQUFJLEtBQUssRUFBRSxHQUFHLElBQUksRUFBRSxDQUFDLElBQUksR0FBRyxRQUFRLEVBQUUsQ0FBQyxDQUFDLENBQUM7U0FDdkQsR0FDSCxDQUNMLENBQUMsQ0FDRSxFQUNWO0FBQ04sRUFBRTtNQUVXLE1BQU0sR0FBMEI7SUFDekMsTUFBTSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsR0FBRyxRQUFRLENBQUM7UUFDbkMsUUFBUSxFQUFFLEtBQUs7UUFDZixRQUFRLEVBQUUsS0FBSztRQUNmLGFBQWEsRUFBRSxLQUFLO0tBQ3ZCLENBQUMsQ0FBQztJQUVILFFBQ0lBLDZCQUFDLEtBQUssSUFBQyxPQUFPLEVBQUMsUUFBUSxnQkFBWSxtQkFBbUIsSUFDakQsTUFBTSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsTUFDekNBLDZCQUFDLEtBQUssQ0FBQyxJQUFJLElBQ1AsR0FBRyxFQUFFLElBQUksRUFDVCxLQUFLLEVBQUUsSUFBSSxFQUNYLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLFFBQVEsRUFBRSxRQUFRO1lBQ2QsVUFBVSxDQUFDLElBQUksS0FBSyxFQUFFLEdBQUcsSUFBSSxFQUFFLENBQUMsSUFBSSxHQUFHLFFBQVEsRUFBRSxDQUFDLENBQUMsQ0FBQztTQUN2RCxHQUNILENBQ0wsQ0FBQyxDQUNFLEVBQ1Y7QUFDTixFQUFFO01BRVcsZUFBZSxHQUEwQjtJQUNsRCxNQUFNLENBQUMsT0FBTyxFQUFFLFVBQVUsQ0FBQyxHQUFHLFFBQVEsQ0FBQztRQUNuQyxRQUFRLEVBQUUsS0FBSztRQUNmLFFBQVEsRUFBRSxLQUFLO1FBQ2YsYUFBYSxFQUFFLEtBQUs7S0FDdkIsQ0FBQyxDQUFDO0lBRUgsUUFDSUEsNkJBQUMsS0FBSyxJQUFDLE9BQU8sRUFBQyxRQUFRLGdCQUFZLG1CQUFtQixJQUNqRCxNQUFNLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxNQUN6Q0EsNkJBQUMsS0FBSyxDQUFDLElBQUksSUFDUCxHQUFHLEVBQUUsSUFBSSxFQUNULEtBQUssRUFBRSxJQUFJLEVBQ1gsY0FBYyxFQUFFLE9BQU8sRUFDdkIsT0FBTyxFQUFFLE9BQU8sRUFDaEIsUUFBUSxFQUFFLFFBQVE7WUFDZCxVQUFVLENBQUMsSUFBSSxLQUFLLEVBQUUsR0FBRyxJQUFJLEVBQUUsQ0FBQyxJQUFJLEdBQUcsUUFBUSxFQUFFLENBQUMsQ0FBQyxDQUFDO1NBQ3ZELEdBQ0gsQ0FDTCxDQUFDLENBQ0UsRUFDVjtBQUNOLEVBQUU7TUFFVyxhQUFhLEdBQTBCO0lBQ2hELE1BQU0sQ0FBQyxlQUFlLEVBQUUsa0JBQWtCLENBQUMsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUQsTUFBTSxDQUFDLFNBQVMsRUFBRSxZQUFZLENBQUMsR0FBRyxRQUFRLENBQXFCLFNBQVMsQ0FBQyxDQUFDO0lBRTFFLFFBQ0lBO1FBQ0lBLDZCQUFDLEtBQUssSUFBQyxPQUFPLEVBQUMsUUFBUSxnQkFBWSxtQkFBbUI7WUFDbERBLDZCQUFDLEtBQUssQ0FBQyxJQUFJLElBQ1AsS0FBSyxFQUFDLFlBQVksRUFDbEIsT0FBTyxFQUFFLGVBQWUsRUFDeEIsUUFBUSxFQUFFLFFBQVE7b0JBQ2QsSUFBSSxTQUFTLEtBQUssU0FBUyxFQUFFO3dCQUN6QixZQUFZLENBQUMsU0FBUyxDQUFDLENBQUM7d0JBQ3hCLE9BQU87cUJBQ1Y7b0JBQ0Qsa0JBQWtCLENBQUMsUUFBUSxDQUFDLENBQUM7aUJBQ2hDLEVBQ0QsUUFBUSxFQUFFO29CQUNOLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQztvQkFDeEIsa0JBQWtCLENBQUMsS0FBSyxDQUFDLENBQUM7aUJBQzdCLG1CQUNhLGdCQUFnQixHQUNoQyxDQUNFO1FBQ1JBLHNDQUFLLEVBQUUsRUFBQyxnQkFBZ0IsSUFDbkIsZUFBZTthQUNYLFNBQVMsSUFDTkE7Z0JBQ0lBLHNFQUFrQztnQkFDbENBLHdDQUFJLFNBQVMsQ0FBSyxDQUNuQixLQUVIQTtnQkFDSUEsMEVBQTJDO2dCQUMzQ0EsdUNBQ0ksUUFBUSxFQUFFLENBQUM7d0JBQ1AsQ0FBQyxDQUFDLGNBQWMsRUFBRSxDQUFDOzt3QkFFbkIsWUFBWSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUFDO3FCQUMvQztvQkFFREEsd0NBQU8sSUFBSSxFQUFDLFFBQVEsRUFBQyxLQUFLLEVBQUMsVUFBVSxHQUFHO29CQUN4Q0Esd0NBQU8sSUFBSSxFQUFDLFFBQVEsRUFBQyxLQUFLLEVBQUMsVUFBVSxHQUFHO29CQUN4Q0Esd0NBQU8sSUFBSSxFQUFDLFFBQVEsRUFBQyxLQUFLLEVBQUMsZUFBZSxHQUFHLENBQzFDLENBQ1IsQ0FDTixDQUFDLENBQ0osQ0FDSixFQUNSO0FBQ047Ozs7In0=

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

@@ -0,0 +1,94 @@
+@import '@preply/ds-web-core/dist/generated/tokens.less';
+@import '@preply/ds-web-core/dist/generated/hover.less';
+
+.chips {
+  &:is(ul) {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
+  display: flex;
+  gap: @spacing-12;
+  flex-wrap: wrap;
+
+  & .chip {
+    & button {
+      all: unset;
+    }
+
+    box-sizing: border-box;
+    cursor: pointer;
+    height: @sizing-40;
+    width: fit-content;
+    font-size: @text-default-semibold-body-fontSize;
+    font-weight: @text-default-semibold-body-fontWeight;
+    line-height: @text-default-semibold-body-lineHeight;
+    color: @color-text-primary;
+    background-color: @color-background-primary;
+    border: solid @sizing-2;
+    border-radius: @radius-8;
+    border-color: @color-border-primary;
+    display: flex;
+    align-items: center;
+
+    .onHover({
+      background-color: @color-background-secondary;
+    });
+
+    &:has(.chip-toggle:focus-visible) {
+      outline: solid @sizing-2 @color-border-focus;
+      outline-offset: @spacing-2;
+    }
+
+    &:has(.chip-toggle:active) {
+      border-color: @color-border-secondary;
+      background-color: @color-background-tertiary;
+    }
+
+    &:has(.chip-toggle[aria-pressed="true"]) {
+      border-color: @color-border-secondary;
+      background-color: @color-background-tertiary;
+    }
+
+    & .chip-toggle {
+      padding: @spacing-8 @spacing-12;
+      display: flex;
+      gap: @spacing-8;
+    }
+
+    & .chip-remove {
+      height: fit-content;
+      width: fit-content;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      padding: @spacing-8 @spacing-12 @spacing-8 0;
+      border-radius: inherit;
+
+      &:focus-visible {
+        outline: solid @sizing-2 @color-border-focus;
+        outline-offset: @spacing-1 @spacing-2;
+      }
+    }
+  }
+
+  &[data-variant="choice"] .chip {
+    &:has(.chip-toggle[aria-pressed="true"]) {
+      color: @color-text-inverted;
+      background-color: @color-background-primaryInverted;
+    }
+
+    & .chip-remove {
+      display: none;
+    }
+  }
+
+  &[data-variant="filter"] .chip {
+    &:has(.chip-toggle[aria-pressed="false"]) {
+      & .chip-remove {
+        display: none;
+      }
+    }
+  }
+}