@preply/ds-web-lib 0.40.0 → 0.42.0

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

@@ -1,9 +1,10 @@
-import type { AvatarSize, Responsive } from '@preply/ds-core';
+import type { AvatarSize, Dataset, Responsive } from '@preply/ds-core';
 import { FC } from 'react';
 export interface Props {
     size?: Responsive<AvatarSize>;
     round?: boolean;
     src?: string;
     alt?: string;
+    dataset?: Dataset;
 }
 export declare const Avatar: FC<Props>;

package/dist/components/Avatar/Avatar.js

@@ -1,10 +1,10 @@
 import { AVATAR_SIZE_DEFAULT, AVATAR_SRC_DEFAULT } from '@preply/ds-core';
-import { useInstrument, useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames } from '@preply/ds-web-core';
+import { useInstrument, useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames, getDatasetProps } 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 = '' }) => {
+const Avatar = ({ size = AVATAR_SIZE_DEFAULT, round, src, alt = '', dataset, }) => {
     useInstrument('render', {
         component: AVATAR,
         props: { size, round },
@@ -15,9 +15,10 @@ const Avatar = ({ size = AVATAR_SIZE_DEFAULT, round, src, alt = '' }) => {
         stringClassNames('size', size),
         booleanClassNames('round', undefined, actualRound),
     ]);
-    return (React__default.createElement("picture", { className: classNames.join(' ') },
+    const props = { className: classNames.join(' '), ...getDatasetProps(dataset) };
+    return (React__default.createElement("picture", Object.assign({}, props),
         React__default.createElement("img", { src: src || AVATAR_SRC_DEFAULT, alt: alt })));
 };
 
 export { Avatar };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEF2YXRhclNpemUsIFJlc3BvbnNpdmUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgQVZBVEFSX1NJWkVfREVGQVVMVCwgQVZBVEFSX1NSQ19ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBzdHJpbmdDbGFzc05hbWVzLFxuICAgIHVzZUluc3RydW1lbnQsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gICAgc2l6ZT86IFJlc3BvbnNpdmU8QXZhdGFyU2l6ZT47XG4gICAgcm91bmQ/OiBib29sZWFuO1xuICAgIHNyYz86IHN0cmluZztcbiAgICBhbHQ/OiBzdHJpbmc7XG59XG5cbmNvbnN0IEFWQVRBUiA9ICdBdmF0YXInO1xuXG5leHBvcnQgY29uc3QgQXZhdGFyOiBGQzxQcm9wcz4gPSAoeyBzaXplID0gQVZBVEFSX1NJWkVfREVGQVVMVCwgcm91bmQsIHNyYywgYWx0ID0gJycgfTogUHJvcHMpID0+IHtcbiAgICB1c2VJbnN0cnVtZW50KCdyZW5kZXInLCB7XG4gICAgICAgIGNvbXBvbmVudDogQVZBVEFSLFxuICAgICAgICBwcm9wczogeyBzaXplLCByb3VuZCB9LFxuICAgIH0pO1xuXG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBhY3R1YWxSb3VuZCA9IHJvdW5kID8/IHRydWU7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIEFWQVRBUiwgW1xuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdzaXplJywgc2l6ZSksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdyb3VuZCcsIHVuZGVmaW5lZCwgYWN0dWFsUm91bmQpLFxuICAgIF0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPHBpY3R1cmUgY2xhc3NOYW1lPXtjbGFzc05hbWVzLmpvaW4oJyAnKX0+XG4gICAgICAgICAgICA8aW1nIHNyYz17c3JjIHx8IEFWQVRBUl9TUkNfREVGQVVMVH0gYWx0PXthbHR9IC8+XG4gICAgICAgIDwvcGljdHVyZT5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFvQkEsTUFBTSxNQUFNLEdBQUcsUUFBUSxDQUFDO01BRVgsTUFBTSxHQUFjLENBQUMsRUFBRSxJQUFJLEdBQUcsbUJBQW1CLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxHQUFHLEdBQUcsRUFBRSxFQUFTO0lBQ3pGLGFBQWEsQ0FBQyxRQUFRLEVBQUU7UUFDcEIsU0FBUyxFQUFFLE1BQU07UUFDakIsS0FBSyxFQUFFLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRTtLQUN6QixDQUFDLENBQUM7SUFFSCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxXQUFXLEdBQUcsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksSUFBSSxDQUFDO0lBRWxDLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUU7UUFDaEQsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQztRQUM5QixpQkFBaUIsQ0FBQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsQ0FBQztLQUNyRCxDQUFDLENBQUM7SUFFSCxRQUNJQSwwQ0FBUyxTQUFTLEVBQUUsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7UUFDcENBLHNDQUFLLEdBQUcsRUFBRSxHQUFHLElBQUksa0JBQWtCLEVBQUUsR0FBRyxFQUFFLEdBQUcsR0FBSSxDQUMzQyxFQUNaO0FBQ047Ozs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEF2YXRhclNpemUsIERhdGFzZXQsIFJlc3BvbnNpdmUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgQVZBVEFSX1NJWkVfREVGQVVMVCwgQVZBVEFSX1NSQ19ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VJbnN0cnVtZW50LFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIHNpemU/OiBSZXNwb25zaXZlPEF2YXRhclNpemU+O1xuICAgIHJvdW5kPzogYm9vbGVhbjtcbiAgICBzcmM/OiBzdHJpbmc7XG4gICAgYWx0Pzogc3RyaW5nO1xuICAgIGRhdGFzZXQ/OiBEYXRhc2V0O1xufVxuXG5jb25zdCBBVkFUQVIgPSAnQXZhdGFyJztcblxuZXhwb3J0IGNvbnN0IEF2YXRhcjogRkM8UHJvcHM+ID0gKHtcbiAgICBzaXplID0gQVZBVEFSX1NJWkVfREVGQVVMVCxcbiAgICByb3VuZCxcbiAgICBzcmMsXG4gICAgYWx0ID0gJycsXG4gICAgZGF0YXNldCxcbn06IFByb3BzKSA9PiB7XG4gICAgdXNlSW5zdHJ1bWVudCgncmVuZGVyJywge1xuICAgICAgICBjb21wb25lbnQ6IEFWQVRBUixcbiAgICAgICAgcHJvcHM6IHsgc2l6ZSwgcm91bmQgfSxcbiAgICB9KTtcblxuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgYWN0dWFsUm91bmQgPSByb3VuZCA/PyB0cnVlO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBBVkFUQVIsIFtcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnc2l6ZScsIHNpemUpLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygncm91bmQnLCB1bmRlZmluZWQsIGFjdHVhbFJvdW5kKSxcbiAgICBdKTtcblxuICAgIGNvbnN0IHByb3BzID0geyBjbGFzc05hbWU6IGNsYXNzTmFtZXMuam9pbignICcpLCAuLi5nZXREYXRhc2V0UHJvcHMoZGF0YXNldCkgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxwaWN0dXJlIHsuLi5wcm9wc30+XG4gICAgICAgICAgICA8aW1nIHNyYz17c3JjIHx8IEFWQVRBUl9TUkNfREVGQVVMVH0gYWx0PXthbHR9IC8+XG4gICAgICAgIDwvcGljdHVyZT5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFzQkEsTUFBTSxNQUFNLEdBQUcsUUFBUSxDQUFDO01BRVgsTUFBTSxHQUFjLENBQUMsRUFDOUIsSUFBSSxHQUFHLG1CQUFtQixFQUMxQixLQUFLLEVBQ0wsR0FBRyxFQUNILEdBQUcsR0FBRyxFQUFFLEVBQ1IsT0FBTyxHQUNIO0lBQ0osYUFBYSxDQUFDLFFBQVEsRUFBRTtRQUNwQixTQUFTLEVBQUUsTUFBTTtRQUNqQixLQUFLLEVBQUUsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFO0tBQ3pCLENBQUMsQ0FBQztJQUVILGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLFdBQVcsR0FBRyxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxJQUFJLENBQUM7SUFFbEMsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLE1BQU0sRUFBRTtRQUNoRCxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDO1FBQzlCLGlCQUFpQixDQUFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxDQUFDO0tBQ3JELENBQUMsQ0FBQztJQUVILE1BQU0sS0FBSyxHQUFHLEVBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztJQUUvRSxRQUNJQSwwREFBYSxLQUFLO1FBQ2RBLHNDQUFLLEdBQUcsRUFBRSxHQUFHLElBQUksa0JBQWtCLEVBQUUsR0FBRyxFQUFFLEdBQUcsR0FBSSxDQUMzQyxFQUNaO0FBQ047Ozs7In0=

package/dist/components/AvatarWithStatus/AvatarWithStatus.js

@@ -1,11 +1,11 @@
 import { AVATAR_SIZE_DEFAULT } from '@preply/ds-core';
-import { useStyleExtract, moduleClassNames, booleanClassNames, stringClassNames, moduleLocals } from '@preply/ds-web-core';
+import { useStyleExtract, moduleClassNames, booleanClassNames, stringClassNames, moduleLocals, 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, size = AVATAR_SIZE_DEFAULT, ...props }) => {
+const AvatarWithStatus = ({ online, size = AVATAR_SIZE_DEFAULT, dataset, ...avatarProps }) => {
     useStyleExtract(styles);
     const classNames = moduleClassNames(styles, AVATAR_WITH_STATUS, [
         booleanClassNames('online', undefined, online),
@@ -13,11 +13,12 @@ const AvatarWithStatus = ({ online, size = AVATAR_SIZE_DEFAULT, ...props }) => {
     ]);
     const indicatorClassName = [...moduleLocals(styles, AVATAR_WITH_STATUS, ['indicator'])];
     const clipClassName = [...moduleLocals(styles, AVATAR_WITH_STATUS, ['clip'])];
-    return (React__default.createElement("div", { className: classNames.join(' ') },
+    const props = { className: classNames.join(' '), ...getDatasetProps(dataset) };
+    return (React__default.createElement("div", Object.assign({}, props),
         React__default.createElement("span", { className: indicatorClassName.join(' ') }),
         React__default.createElement("div", { className: clipClassName.join(' ') },
-            React__default.createElement(Avatar, Object.assign({}, props, { size: size })))));
+            React__default.createElement(Avatar, Object.assign({}, avatarProps, { size: size })))));
 };
 
 export { AvatarWithStatus };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyV2l0aFN0YXR1cy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXZhdGFyV2l0aFN0YXR1cy9BdmF0YXJXaXRoU3RhdHVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBVkFUQVJfU0laRV9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBtb2R1bGVMb2NhbHMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBBdmF0YXIsIFByb3BzIH0gZnJvbSAnLi4vQXZhdGFyL0F2YXRhcic7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IEFWQVRBUl9XSVRIX1NUQVRVUyA9ICdBdmF0YXJXaXRoU3RhdHVzJztcblxudHlwZSBBdmF0YXJQcm9wcyA9IE9taXQ8UHJvcHMsICdyb3VuZCcgfCAnc2l6ZSc+O1xuXG50eXBlIEF2YXRhcldpdGhTdGF0dXNTaXplcyA9ICcyeHMnIHwgJ3hzJyB8ICdtJyB8ICd4bCc7XG5cbmV4cG9ydCB0eXBlIEF2YXRhcldpdGhTdGF0dXNQcm9wcyA9IEF2YXRhclByb3BzICYge1xuICAgIG9ubGluZTogYm9vbGVhbjtcbiAgICBzaXplPzogQXZhdGFyV2l0aFN0YXR1c1NpemVzO1xufTtcblxuZXhwb3J0IGNvbnN0IEF2YXRhcldpdGhTdGF0dXM6IEZDPEF2YXRhcldpdGhTdGF0dXNQcm9wcz4gPSAoe1xuICAgIG9ubGluZSxcbiAgICBzaXplID0gQVZBVEFSX1NJWkVfREVGQVVMVCxcbiAgICAuLi5wcm9wc1xufSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBBVkFUQVJfV0lUSF9TVEFUVVMsIFtcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ29ubGluZScsIHVuZGVmaW5lZCwgb25saW5lKSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnc2l6ZScsIHNpemUpLFxuICAgIF0pO1xuXG4gICAgY29uc3QgaW5kaWNhdG9yQ2xhc3NOYW1lID0gWy4uLm1vZHVsZUxvY2FscyhzdHlsZXMsIEFWQVRBUl9XSVRIX1NUQVRVUywgWydpbmRpY2F0b3InXSldO1xuXG4gICAgY29uc3QgY2xpcENsYXNzTmFtZSA9IFsuLi5tb2R1bGVMb2NhbHMoc3R5bGVzLCBBVkFUQVJfV0lUSF9TVEFUVVMsIFsnY2xpcCddKV07XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NOYW1lcy5qb2luKCcgJyl9PlxuICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtpbmRpY2F0b3JDbGFzc05hbWUuam9pbignICcpfSAvPlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2NsaXBDbGFzc05hbWUuam9pbignICcpfT5cbiAgICAgICAgICAgICAgICA8QXZhdGFyIHsuLi5wcm9wc30gc2l6ZT17c2l6ZX0gLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBY0EsTUFBTSxrQkFBa0IsR0FBRyxrQkFBa0IsQ0FBQztNQVdqQyxnQkFBZ0IsR0FBOEIsQ0FBQyxFQUN4RCxNQUFNLEVBQ04sSUFBSSxHQUFHLG1CQUFtQixFQUMxQixHQUFHLEtBQUssRUFDWDtJQUNHLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsa0JBQWtCLEVBQUU7UUFDNUQsaUJBQWlCLENBQUMsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUM7UUFDOUMsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQztLQUNqQyxDQUFDLENBQUM7SUFFSCxNQUFNLGtCQUFrQixHQUFHLENBQUMsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLGtCQUFrQixFQUFFLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBRXhGLE1BQU0sYUFBYSxHQUFHLENBQUMsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLGtCQUFrQixFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBRTlFLFFBQ0lBLHNDQUFLLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUNoQ0EsdUNBQU0sU0FBUyxFQUFFLGtCQUFrQixDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBSTtRQUNqREEsc0NBQUssU0FBUyxFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1lBQ25DQSw2QkFBQyxNQUFNLG9CQUFLLEtBQUssSUFBRSxJQUFJLEVBQUUsSUFBSSxJQUFJLENBQy9CLENBQ0osRUFDUjtBQUNOOzs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyV2l0aFN0YXR1cy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXZhdGFyV2l0aFN0YXR1cy9BdmF0YXJXaXRoU3RhdHVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBVkFUQVJfU0laRV9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgbW9kdWxlTG9jYWxzLFxuICAgIHN0cmluZ0NsYXNzTmFtZXMsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQXZhdGFyLCBQcm9wcyB9IGZyb20gJy4uL0F2YXRhci9BdmF0YXInO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5jb25zdCBBVkFUQVJfV0lUSF9TVEFUVVMgPSAnQXZhdGFyV2l0aFN0YXR1cyc7XG5cbnR5cGUgQXZhdGFyUHJvcHMgPSBPbWl0PFByb3BzLCAncm91bmQnIHwgJ3NpemUnPjtcblxudHlwZSBBdmF0YXJXaXRoU3RhdHVzU2l6ZXMgPSAnMnhzJyB8ICd4cycgfCAnbScgfCAneGwnO1xuXG5leHBvcnQgdHlwZSBBdmF0YXJXaXRoU3RhdHVzUHJvcHMgPSBBdmF0YXJQcm9wcyAmIHtcbiAgICBvbmxpbmU6IGJvb2xlYW47XG4gICAgc2l6ZT86IEF2YXRhcldpdGhTdGF0dXNTaXplcztcbn07XG5cbmV4cG9ydCBjb25zdCBBdmF0YXJXaXRoU3RhdHVzOiBGQzxBdmF0YXJXaXRoU3RhdHVzUHJvcHM+ID0gKHtcbiAgICBvbmxpbmUsXG4gICAgc2l6ZSA9IEFWQVRBUl9TSVpFX0RFRkFVTFQsXG4gICAgZGF0YXNldCxcbiAgICAuLi5hdmF0YXJQcm9wc1xufSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBBVkFUQVJfV0lUSF9TVEFUVVMsIFtcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ29ubGluZScsIHVuZGVmaW5lZCwgb25saW5lKSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnc2l6ZScsIHNpemUpLFxuICAgIF0pO1xuXG4gICAgY29uc3QgaW5kaWNhdG9yQ2xhc3NOYW1lID0gWy4uLm1vZHVsZUxvY2FscyhzdHlsZXMsIEFWQVRBUl9XSVRIX1NUQVRVUywgWydpbmRpY2F0b3InXSldO1xuXG4gICAgY29uc3QgY2xpcENsYXNzTmFtZSA9IFsuLi5tb2R1bGVMb2NhbHMoc3R5bGVzLCBBVkFUQVJfV0lUSF9TVEFUVVMsIFsnY2xpcCddKV07XG5cbiAgICBjb25zdCBwcm9wcyA9IHsgY2xhc3NOYW1lOiBjbGFzc05hbWVzLmpvaW4oJyAnKSwgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2IHsuLi5wcm9wc30+XG4gICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2luZGljYXRvckNsYXNzTmFtZS5qb2luKCcgJyl9IC8+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xpcENsYXNzTmFtZS5qb2luKCcgJyl9PlxuICAgICAgICAgICAgICAgIDxBdmF0YXIgey4uLmF2YXRhclByb3BzfSBzaXplPXtzaXplfSAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFlQSxNQUFNLGtCQUFrQixHQUFHLGtCQUFrQixDQUFDO01BV2pDLGdCQUFnQixHQUE4QixDQUFDLEVBQ3hELE1BQU0sRUFDTixJQUFJLEdBQUcsbUJBQW1CLEVBQzFCLE9BQU8sRUFDUCxHQUFHLFdBQVcsRUFDakI7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLGtCQUFrQixFQUFFO1FBQzVELGlCQUFpQixDQUFDLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxDQUFDO1FBQzlDLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUM7S0FDakMsQ0FBQyxDQUFDO0lBRUgsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxrQkFBa0IsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUV4RixNQUFNLGFBQWEsR0FBRyxDQUFDLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxrQkFBa0IsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUU5RSxNQUFNLEtBQUssR0FBRyxFQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLEdBQUcsZUFBZSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7SUFFL0UsUUFDSUEsc0RBQVMsS0FBSztRQUNWQSx1Q0FBTSxTQUFTLEVBQUUsa0JBQWtCLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFJO1FBQ2pEQSxzQ0FBSyxTQUFTLEVBQUUsYUFBYSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7WUFDbkNBLDZCQUFDLE1BQU0sb0JBQUssV0FBVyxJQUFFLElBQUksRUFBRSxJQUFJLElBQUksQ0FDckMsQ0FDSixFQUNSO0FBQ047Ozs7In0=

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

@@ -0,0 +1,13 @@
+import type { BoxPadding, BoxRadius, ColorName, Dataset, LayoutTag, Responsive, ShortHand } from '@preply/ds-core';
+import { ColorSchemeProps, WithColorSchemeProps } from '@preply/ds-web-core';
+import { FC } from 'react';
+export interface BoxProps {
+    background?: ColorName;
+    radius?: BoxRadius;
+    tag?: LayoutTag;
+    padding?: Responsive<ShortHand<BoxPadding>>;
+    dataset?: Dataset;
+}
+export declare type Props = BoxProps & ColorSchemeProps;
+export declare const BoxBase: FC<BoxProps & WithColorSchemeProps>;
+export declare const Box: FC<Props>;

package/dist/components/Box/Box.js

@@ -0,0 +1,23 @@
+import { COLOR_SCHEME_DEFAULT, BOX_RADIUS_DEFAULT, BOX_PADDING_DEFAULT, LAYOUT_TAG_DEFAULT } from '@preply/ds-core';
+import { withColorScheme, useStyleExtract, globalClassNames, moduleClassNames, stringClassNames, useLayoutPaddingClassnames, getDatasetProps } from '@preply/ds-web-core';
+import React__default from 'react';
+import styles from './style/index.module.less.js';
+
+const BOX = 'Box';
+const BoxBase = ({ colorSchemeClassName = COLOR_SCHEME_DEFAULT, background, radius = BOX_RADIUS_DEFAULT, padding = BOX_PADDING_DEFAULT, children, tag, dataset, }) => {
+    useStyleExtract(styles);
+    const globalClasses = globalClassNames([colorSchemeClassName]);
+    const classNames = moduleClassNames(styles, BOX, [
+        stringClassNames('box-radius', radius),
+        stringClassNames('background', background),
+    ]);
+    const paddingClassNames = useLayoutPaddingClassnames(padding);
+    const Tag = tag !== null && tag !== void 0 ? tag : LAYOUT_TAG_DEFAULT;
+    const allClassNames = [...globalClasses, ...classNames, ...paddingClassNames];
+    const props = { className: allClassNames.join(' '), ...getDatasetProps(dataset) };
+    return React__default.createElement(Tag, Object.assign({}, props), children);
+};
+const Box = withColorScheme(BoxBase);
+
+export { Box, BoxBase };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Cb3gvQm94LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7XG4gICAgQm94UGFkZGluZyxcbiAgICBCb3hSYWRpdXMsXG4gICAgQ29sb3JOYW1lLFxuICAgIERhdGFzZXQsXG4gICAgTGF5b3V0VGFnLFxuICAgIFJlc3BvbnNpdmUsXG4gICAgU2hvcnRIYW5kLFxufSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBCT1hfUEFERElOR19ERUZBVUxULFxuICAgIEJPWF9SQURJVVNfREVGQVVMVCxcbiAgICBDT0xPUl9TQ0hFTUVfREVGQVVMVCxcbiAgICBMQVlPVVRfVEFHX0RFRkFVTFQsXG59IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIENvbG9yU2NoZW1lUHJvcHMsXG4gICAgV2l0aENvbG9yU2NoZW1lUHJvcHMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIGdsb2JhbENsYXNzTmFtZXMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBzdHJpbmdDbGFzc05hbWVzLFxuICAgIHVzZUxheW91dFBhZGRpbmdDbGFzc25hbWVzLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbiAgICB3aXRoQ29sb3JTY2hlbWUsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJveFByb3BzIHtcbiAgICBiYWNrZ3JvdW5kPzogQ29sb3JOYW1lO1xuICAgIHJhZGl1cz86IEJveFJhZGl1cztcbiAgICB0YWc/OiBMYXlvdXRUYWc7XG4gICAgcGFkZGluZz86IFJlc3BvbnNpdmU8U2hvcnRIYW5kPEJveFBhZGRpbmc+PjtcbiAgICBkYXRhc2V0PzogRGF0YXNldDtcbn1cblxuY29uc3QgQk9YID0gJ0JveCc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0gQm94UHJvcHMgJiBDb2xvclNjaGVtZVByb3BzO1xuXG5leHBvcnQgY29uc3QgQm94QmFzZTogRkM8Qm94UHJvcHMgJiBXaXRoQ29sb3JTY2hlbWVQcm9wcz4gPSAoe1xuICAgIGNvbG9yU2NoZW1lQ2xhc3NOYW1lID0gQ09MT1JfU0NIRU1FX0RFRkFVTFQsXG4gICAgYmFja2dyb3VuZCxcbiAgICByYWRpdXMgPSBCT1hfUkFESVVTX0RFRkFVTFQsXG4gICAgcGFkZGluZyA9IEJPWF9QQURESU5HX0RFRkFVTFQsXG4gICAgY2hpbGRyZW4sXG4gICAgdGFnLFxuICAgIGRhdGFzZXQsXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBnbG9iYWxDbGFzc2VzID0gZ2xvYmFsQ2xhc3NOYW1lcyhbY29sb3JTY2hlbWVDbGFzc05hbWVdKTtcbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIEJPWCwgW1xuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdib3gtcmFkaXVzJywgcmFkaXVzKSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnYmFja2dyb3VuZCcsIGJhY2tncm91bmQpLFxuICAgIF0pO1xuICAgIGNvbnN0IHBhZGRpbmdDbGFzc05hbWVzID0gdXNlTGF5b3V0UGFkZGluZ0NsYXNzbmFtZXMocGFkZGluZyk7XG5cbiAgICBjb25zdCBUYWcgPSB0YWcgPz8gTEFZT1VUX1RBR19ERUZBVUxUO1xuXG4gICAgY29uc3QgYWxsQ2xhc3NOYW1lcyA9IFsuLi5nbG9iYWxDbGFzc2VzLCAuLi5jbGFzc05hbWVzLCAuLi5wYWRkaW5nQ2xhc3NOYW1lc107XG5cbiAgICBjb25zdCBwcm9wcyA9IHsgY2xhc3NOYW1lOiBhbGxDbGFzc05hbWVzLmpvaW4oJyAnKSwgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpIH07XG5cbiAgICByZXR1cm4gPFRhZyB7Li4ucHJvcHN9PntjaGlsZHJlbn08L1RhZz47XG59O1xuXG5leHBvcnQgY29uc3QgQm94OiBGQzxQcm9wcz4gPSB3aXRoQ29sb3JTY2hlbWUoQm94QmFzZSk7XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7O0FBc0NBLE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQztNQUlMLE9BQU8sR0FBd0MsQ0FBQyxFQUN6RCxvQkFBb0IsR0FBRyxvQkFBb0IsRUFDM0MsVUFBVSxFQUNWLE1BQU0sR0FBRyxrQkFBa0IsRUFDM0IsT0FBTyxHQUFHLG1CQUFtQixFQUM3QixRQUFRLEVBQ1IsR0FBRyxFQUNILE9BQU8sR0FDVjtJQUNHLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLGFBQWEsR0FBRyxnQkFBZ0IsQ0FBQyxDQUFDLG9CQUFvQixDQUFDLENBQUMsQ0FBQztJQUMvRCxNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsR0FBRyxFQUFFO1FBQzdDLGdCQUFnQixDQUFDLFlBQVksRUFBRSxNQUFNLENBQUM7UUFDdEMsZ0JBQWdCLENBQUMsWUFBWSxFQUFFLFVBQVUsQ0FBQztLQUM3QyxDQUFDLENBQUM7SUFDSCxNQUFNLGlCQUFpQixHQUFHLDBCQUEwQixDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBRTlELE1BQU0sR0FBRyxHQUFHLEdBQUcsYUFBSCxHQUFHLGNBQUgsR0FBRyxHQUFJLGtCQUFrQixDQUFDO0lBRXRDLE1BQU0sYUFBYSxHQUFHLENBQUMsR0FBRyxhQUFhLEVBQUUsR0FBRyxVQUFVLEVBQUUsR0FBRyxpQkFBaUIsQ0FBQyxDQUFDO0lBRTlFLE1BQU0sS0FBSyxHQUFHLEVBQUUsU0FBUyxFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztJQUVsRixPQUFPQSw2QkFBQyxHQUFHLG9CQUFLLEtBQUssR0FBRyxRQUFRLENBQU8sQ0FBQztBQUM1QyxFQUFFO01BRVcsR0FBRyxHQUFjLGVBQWUsQ0FBQyxPQUFPOzs7OyJ9

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

@@ -0,0 +1,7 @@
+@import './mixins.less';
+
+.Box {
+    .box-base();
+    .box-radius();
+    .box-background();
+}

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

@@ -0,0 +1,9 @@
+import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
+
+var css_248z = "._28AVC_{-webkit-box-flex:1;background-color:var(--786b9);-webkit-box-shadow:var(--a814c);box-shadow:var(--a814c);color:var(--aface);-ms-flex:1;flex:1;list-style:none}._2QG_l9{border-radius:var(--1c37d)}._1IrJdo{border-radius:var(--9e57e)}._3IIy34{background-color:var(--55407)}._3Lojo1{background-color:var(--8f123)}.OgB_6M{background-color:var(--da403)}._1uNrWB{background-color:var(--7c8c3)}._3qIVzD{background-color:var(--c9575)}._2_k8Ey{background-color:var(--2fb6f)}.U9OjFS{background-color:var(--54ed1)}._2Hg15h{background-color:var(--b706b)}._1Wax5r{background-color:var(--4adef)}._51LDD8{background-color:var(--de8a4)}._37kqC2{background-color:var(--57454)}._2sN3oI{background-color:var(--1383a)}._1hmzgV{background-color:var(--9f106)}._2jfUtL{background-color:var(--d4cf9)}._3bVf64{background-color:var(--bbfa9)}._3xJnu0{background-color:var(--5f8b3)}._2hpbs4{background-color:var(--c7d8b)}._3p4Tbx{background-color:var(--17bab)}._1GQjtV{background-color:var(--f017e)}._3uxOUH{background-color:var(--2242e)}._2YiKp0{background-color:var(--e40de)}._1zHk1U{background-color:var(--ecb5d)}._36Bojd{background-color:var(--5b5cb)}.aesNAY{background-color:var(--d55c7)}._3MppzQ{background-color:var(--4e47f)}._2VO_hL{background-color:var(--3e787)}._2WHPUw{background-color:var(--21906)}._1rcIL5{background-color:var(--5d87f)}._3D_7V1{background-color:var(--201e1)}._112Y0Q{background-color:var(--e1c27)}._22KIb-{background-color:var(--6a142)}._2hbfen{background-color:var(--1a996)}._2hKbbK{background-color:var(--b774d)}.Y8TBRy{background-color:var(--f72cd)}._2x-3Vr{background-color:var(--6cbd8)}._6H3srp{background-color:var(--5893e)}";
+var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Box/style/index.module.less",__css:css_248z,"Box":"_28AVC_","Box--box-radius-m":"_2QG_l9","Box--box-radius-l":"_1IrJdo","Box--background-gray-100":"_3IIy34","Box--background-gray-200":"_3Lojo1","Box--background-gray-300":"OgB_6M","Box--background-gray-400":"_1uNrWB","Box--background-gray-500":"_3qIVzD","Box--background-gray-600":"_2_k8Ey","Box--background-teal-100":"U9OjFS","Box--background-teal-200":"_2Hg15h","Box--background-teal-300":"_1Wax5r","Box--background-teal-400":"_51LDD8","Box--background-teal-500":"_37kqC2","Box--background-green-100":"_2sN3oI","Box--background-green-200":"_1hmzgV","Box--background-green-300":"_2jfUtL","Box--background-green-400":"_3bVf64","Box--background-green-500":"_3xJnu0","Box--background-yellow-100":"_2hpbs4","Box--background-yellow-200":"_3p4Tbx","Box--background-yellow-300":"_1GQjtV","Box--background-yellow-400":"_3uxOUH","Box--background-yellow-500":"_2YiKp0","Box--background-red-100":"_1zHk1U","Box--background-red-200":"_36Bojd","Box--background-red-300":"aesNAY","Box--background-red-400":"_3MppzQ","Box--background-red-500":"_2VO_hL","Box--background-blue-100":"_2WHPUw","Box--background-blue-200":"_1rcIL5","Box--background-blue-300":"_3D_7V1","Box--background-blue-400":"_112Y0Q","Box--background-blue-500":"_22KIb-","Box--background-magenta-100":"_2hbfen","Box--background-magenta-200":"_2hKbbK","Box--background-magenta-300":"Y8TBRy","Box--background-magenta-400":"_2x-3Vr","Box--background-magenta-500":"_6H3srp"};
+var stylesheet=css_248z;
+styleInject(css_248z);
+
+export { styles as default, stylesheet };
+

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

@@ -0,0 +1,30 @@
+@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';
+
+@namespace: 'box-radius';
+
+.box-base() {
+    color: @scheme-color;
+    background-color: @scheme-bgColor;
+    box-shadow: @box-base-shadow;
+    flex: 1;
+    list-style: none;
+}
+
+.box-radius() {
+    each(@BOX_RADIUS_OPTIONS, {
+        &--box-radius-@{value} {
+            .border-radius(@namespace, @value);
+        }
+    });
+}
+
+.box-background() {
+    each(@COLOR_NAME_OPTIONS, {
+        &--background-@{value} {
+            @token-name: 'root-palette-@{value}';
+            background-color: @@token-name;
+        }
+    });
+}

package/dist/components/Box/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/Heading/Heading.d.ts

@@ -1,4 +1,4 @@
-import type { ColorName, HeadingLevel, HeadingTag, Responsive } from '@preply/ds-core';
+import type { ColorName, Dataset, HeadingLevel, HeadingTag, Responsive } from '@preply/ds-core';
 import { FC } from 'react';
 export interface Props {
     level: HeadingLevel;
@@ -7,5 +7,6 @@ export interface Props {
     tag?: HeadingTag;
     color?: ColorName;
     centered?: Responsive<boolean>;
+    dataset?: Dataset;
 }
 export declare const Heading: FC<Props>;

package/dist/components/Heading/Heading.js

@@ -1,9 +1,9 @@
-import { useInstrument, useStyleExtract, moduleClassNames, booleanClassNames, useTextCenteredClassnames, useColorClassNames } from '@preply/ds-web-core';
+import { useInstrument, useStyleExtract, moduleClassNames, booleanClassNames, useTextCenteredClassnames, useColorClassNames, getDatasetProps } from '@preply/ds-web-core';
 import React__default from 'react';
 import styles from './style/index.module.less.js';
 
 const HEADING = 'Heading';
-const Heading = ({ children, level, large = false, strong, tag, color, centered, }) => {
+const Heading = ({ children, level, large = false, strong, tag, color, centered, dataset, }) => {
     useInstrument('render', {
         component: HEADING,
         props: { level, strong },
@@ -16,8 +16,9 @@ const Heading = ({ children, level, large = false, strong, tag, color, centered,
     const centeredClassNames = useTextCenteredClassnames(centered);
     const colorClassNames = useColorClassNames(color);
     const allClassNames = [...classNames, ...centeredClassNames, ...colorClassNames];
-    return React__default.createElement(Tag, { className: allClassNames.join(' ') }, children);
+    const props = { className: allClassNames.join(' '), ...getDatasetProps(dataset) };
+    return React__default.createElement(Tag, Object.assign({}, props), children);
 };
 
 export { Heading };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVhZGluZy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSGVhZGluZy9IZWFkaW5nLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yTmFtZSwgSGVhZGluZ0xldmVsLCBIZWFkaW5nVGFnLCBSZXNwb25zaXZlIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICB1c2VDb2xvckNsYXNzTmFtZXMsXG4gICAgdXNlSW5zdHJ1bWVudCxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG4gICAgdXNlVGV4dENlbnRlcmVkQ2xhc3NuYW1lcyxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIGxldmVsOiBIZWFkaW5nTGV2ZWw7XG4gICAgbGFyZ2U/OiBSZXNwb25zaXZlPGJvb2xlYW4+O1xuICAgIHN0cm9uZz86IGJvb2xlYW47XG4gICAgdGFnPzogSGVhZGluZ1RhZztcbiAgICBjb2xvcj86IENvbG9yTmFtZTtcbiAgICBjZW50ZXJlZD86IFJlc3BvbnNpdmU8Ym9vbGVhbj47XG59XG5cbmNvbnN0IEhFQURJTkcgPSAnSGVhZGluZyc7XG5cbmV4cG9ydCBjb25zdCBIZWFkaW5nOiBGQzxQcm9wcz4gPSAoe1xuICAgIGNoaWxkcmVuLFxuICAgIGxldmVsLFxuICAgIGxhcmdlID0gZmFsc2UsXG4gICAgc3Ryb25nLFxuICAgIHRhZyxcbiAgICBjb2xvcixcbiAgICBjZW50ZXJlZCxcbn0pID0+IHtcbiAgICB1c2VJbnN0cnVtZW50KCdyZW5kZXInLCB7XG4gICAgICAgIGNvbXBvbmVudDogSEVBRElORyxcbiAgICAgICAgcHJvcHM6IHsgbGV2ZWwsIHN0cm9uZyB9LFxuICAgIH0pO1xuXG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBUYWcgPSAodGFnIHx8IGxldmVsKSBhcyBIZWFkaW5nVGFnO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBIRUFESU5HLCBbXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKGBsZXZlbC0ke2xldmVsfS1sYXJnZWAsIGBsZXZlbC0ke2xldmVsfS1ub3JtYWxgLCBsYXJnZSksXG4gICAgXSk7XG4gICAgY29uc3QgY2VudGVyZWRDbGFzc05hbWVzID0gdXNlVGV4dENlbnRlcmVkQ2xhc3NuYW1lcyhjZW50ZXJlZCk7XG4gICAgY29uc3QgY29sb3JDbGFzc05hbWVzID0gdXNlQ29sb3JDbGFzc05hbWVzKGNvbG9yKTtcblxuICAgIGNvbnN0IGFsbENsYXNzTmFtZXMgPSBbLi4uY2xhc3NOYW1lcywgLi4uY2VudGVyZWRDbGFzc05hbWVzLCAuLi5jb2xvckNsYXNzTmFtZXNdO1xuXG4gICAgcmV0dXJuIDxUYWcgY2xhc3NOYW1lPXthbGxDbGFzc05hbWVzLmpvaW4oJyAnKX0+e2NoaWxkcmVufTwvVGFnPjtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7QUFzQkEsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDO01BRWIsT0FBTyxHQUFjLENBQUMsRUFDL0IsUUFBUSxFQUNSLEtBQUssRUFDTCxLQUFLLEdBQUcsS0FBSyxFQUNiLE1BQU0sRUFDTixHQUFHLEVBQ0gsS0FBSyxFQUNMLFFBQVEsR0FDWDtJQUNHLGFBQWEsQ0FBQyxRQUFRLEVBQUU7UUFDcEIsU0FBUyxFQUFFLE9BQU87UUFDbEIsS0FBSyxFQUFFLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRTtLQUMzQixDQUFDLENBQUM7SUFFSCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxHQUFHLElBQUksR0FBRyxJQUFJLEtBQUssQ0FBZSxDQUFDO0lBRXpDLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUU7UUFDakQsaUJBQWlCLENBQUMsU0FBUyxLQUFLLFFBQVEsRUFBRSxTQUFTLEtBQUssU0FBUyxFQUFFLEtBQUssQ0FBQztLQUM1RSxDQUFDLENBQUM7SUFDSCxNQUFNLGtCQUFrQixHQUFHLHlCQUF5QixDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQy9ELE1BQU0sZUFBZSxHQUFHLGtCQUFrQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBRWxELE1BQU0sYUFBYSxHQUFHLENBQUMsR0FBRyxVQUFVLEVBQUUsR0FBRyxrQkFBa0IsRUFBRSxHQUFHLGVBQWUsQ0FBQyxDQUFDO0lBRWpGLE9BQU9BLDZCQUFDLEdBQUcsSUFBQyxTQUFTLEVBQUUsYUFBYSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBRyxRQUFRLENBQU8sQ0FBQztBQUNyRTs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVhZGluZy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSGVhZGluZy9IZWFkaW5nLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yTmFtZSwgRGF0YXNldCwgSGVhZGluZ0xldmVsLCBIZWFkaW5nVGFnLCBSZXNwb25zaXZlIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgdXNlQ29sb3JDbGFzc05hbWVzLFxuICAgIHVzZUluc3RydW1lbnQsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxuICAgIHVzZVRleHRDZW50ZXJlZENsYXNzbmFtZXMsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFByb3BzIHtcbiAgICBsZXZlbDogSGVhZGluZ0xldmVsO1xuICAgIGxhcmdlPzogUmVzcG9uc2l2ZTxib29sZWFuPjtcbiAgICBzdHJvbmc/OiBib29sZWFuO1xuICAgIHRhZz86IEhlYWRpbmdUYWc7XG4gICAgY29sb3I/OiBDb2xvck5hbWU7XG4gICAgY2VudGVyZWQ/OiBSZXNwb25zaXZlPGJvb2xlYW4+O1xuICAgIGRhdGFzZXQ/OiBEYXRhc2V0O1xufVxuXG5jb25zdCBIRUFESU5HID0gJ0hlYWRpbmcnO1xuXG5leHBvcnQgY29uc3QgSGVhZGluZzogRkM8UHJvcHM+ID0gKHtcbiAgICBjaGlsZHJlbixcbiAgICBsZXZlbCxcbiAgICBsYXJnZSA9IGZhbHNlLFxuICAgIHN0cm9uZyxcbiAgICB0YWcsXG4gICAgY29sb3IsXG4gICAgY2VudGVyZWQsXG4gICAgZGF0YXNldCxcbn0pID0+IHtcbiAgICB1c2VJbnN0cnVtZW50KCdyZW5kZXInLCB7XG4gICAgICAgIGNvbXBvbmVudDogSEVBRElORyxcbiAgICAgICAgcHJvcHM6IHsgbGV2ZWwsIHN0cm9uZyB9LFxuICAgIH0pO1xuXG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBUYWcgPSAodGFnIHx8IGxldmVsKSBhcyBIZWFkaW5nVGFnO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBIRUFESU5HLCBbXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKGBsZXZlbC0ke2xldmVsfS1sYXJnZWAsIGBsZXZlbC0ke2xldmVsfS1ub3JtYWxgLCBsYXJnZSksXG4gICAgXSk7XG4gICAgY29uc3QgY2VudGVyZWRDbGFzc05hbWVzID0gdXNlVGV4dENlbnRlcmVkQ2xhc3NuYW1lcyhjZW50ZXJlZCk7XG4gICAgY29uc3QgY29sb3JDbGFzc05hbWVzID0gdXNlQ29sb3JDbGFzc05hbWVzKGNvbG9yKTtcblxuICAgIGNvbnN0IGFsbENsYXNzTmFtZXMgPSBbLi4uY2xhc3NOYW1lcywgLi4uY2VudGVyZWRDbGFzc05hbWVzLCAuLi5jb2xvckNsYXNzTmFtZXNdO1xuXG4gICAgY29uc3QgcHJvcHMgPSB7IGNsYXNzTmFtZTogYWxsQ2xhc3NOYW1lcy5qb2luKCcgJyksIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSB9O1xuXG4gICAgcmV0dXJuIDxUYWcgey4uLnByb3BzfT57Y2hpbGRyZW59PC9UYWc+O1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7OztBQXdCQSxNQUFNLE9BQU8sR0FBRyxTQUFTLENBQUM7TUFFYixPQUFPLEdBQWMsQ0FBQyxFQUMvQixRQUFRLEVBQ1IsS0FBSyxFQUNMLEtBQUssR0FBRyxLQUFLLEVBQ2IsTUFBTSxFQUNOLEdBQUcsRUFDSCxLQUFLLEVBQ0wsUUFBUSxFQUNSLE9BQU8sR0FDVjtJQUNHLGFBQWEsQ0FBQyxRQUFRLEVBQUU7UUFDcEIsU0FBUyxFQUFFLE9BQU87UUFDbEIsS0FBSyxFQUFFLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRTtLQUMzQixDQUFDLENBQUM7SUFFSCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxHQUFHLElBQUksR0FBRyxJQUFJLEtBQUssQ0FBZSxDQUFDO0lBRXpDLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUU7UUFDakQsaUJBQWlCLENBQUMsU0FBUyxLQUFLLFFBQVEsRUFBRSxTQUFTLEtBQUssU0FBUyxFQUFFLEtBQUssQ0FBQztLQUM1RSxDQUFDLENBQUM7SUFDSCxNQUFNLGtCQUFrQixHQUFHLHlCQUF5QixDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQy9ELE1BQU0sZUFBZSxHQUFHLGtCQUFrQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBRWxELE1BQU0sYUFBYSxHQUFHLENBQUMsR0FBRyxVQUFVLEVBQUUsR0FBRyxrQkFBa0IsRUFBRSxHQUFHLGVBQWUsQ0FBQyxDQUFDO0lBRWpGLE1BQU0sS0FBSyxHQUFHLEVBQUUsU0FBUyxFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztJQUVsRixPQUFPQSw2QkFBQyxHQUFHLG9CQUFLLEtBQUssR0FBRyxRQUFRLENBQU8sQ0FBQztBQUM1Qzs7OzsifQ==

package/dist/components/Icon/Icon.d.ts

@@ -1,4 +1,4 @@
-import type { ColorName, IconSize, TextAccent } from '@preply/ds-core';
+import type { ColorName, Dataset, IconSize, TextAccent } from '@preply/ds-core';
 import React, { FC, SVGAttributes } from 'react';
 export declare type ReactSVGComponentType = React.ComponentType<SVGAttributes<SVGElement>>;
 export interface Props {
@@ -7,5 +7,6 @@ export interface Props {
     accent?: TextAccent;
     color?: ColorName;
     label?: string;
+    dataset?: Dataset;
 }
 export declare const Icon: FC<Props>;

package/dist/components/Icon/Icon.js

@@ -1,10 +1,10 @@
 import { ICON_SIZE_DEFAULT } from '@preply/ds-core';
-import { useStyleExtract, moduleClassNames, booleanClassNames, useTextAccentClassnames, useColorClassNames } from '@preply/ds-web-core';
+import { useStyleExtract, moduleClassNames, booleanClassNames, useTextAccentClassnames, useColorClassNames, getDatasetProps } from '@preply/ds-web-core';
 import React__default from 'react';
 import styles from './style/index.module.less.js';
 
 const ICON = 'Icon';
-const Icon = ({ svg: Svg, size = ICON_SIZE_DEFAULT, accent, color, label }) => {
+const Icon = ({ svg: Svg, size = ICON_SIZE_DEFAULT, accent, color, label, dataset, }) => {
     useStyleExtract(styles);
     const useNumericSize = !Number.isNaN(Number(size));
     const style = useNumericSize ? { width: `${size}px`, height: `${size}px` } : {};
@@ -15,12 +15,13 @@ const Icon = ({ svg: Svg, size = ICON_SIZE_DEFAULT, accent, color, label }) => {
     const accentClassNames = useTextAccentClassnames(false, accent);
     const colorClassNames = useColorClassNames(actualColor);
     const allClassNames = [...classNames, ...accentClassNames, ...colorClassNames];
+    const props = { className: allClassNames.join(' '), ...getDatasetProps(dataset) };
     if (!Svg) {
         throw new Error('Icon prop svg is mandatory');
     }
-    return (React__default.createElement("span", { className: allClassNames.join(' '), style: style, "aria-hidden": !label, "aria-label": label },
+    return (React__default.createElement("span", Object.assign({}, props, { style: style, "aria-hidden": !label, "aria-label": label }),
         React__default.createElement(Svg, { "aria-hidden": "true", focusable: "false" })));
 };
 
 export { Icon };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSWNvbi9JY29uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yTmFtZSwgSWNvblNpemUsIFRleHRBY2NlbnQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgSUNPTl9TSVpFX0RFRkFVTFQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBib29sZWFuQ2xhc3NOYW1lcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHVzZUNvbG9yQ2xhc3NOYW1lcyxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG4gICAgdXNlVGV4dEFjY2VudENsYXNzbmFtZXMsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBTVkdBdHRyaWJ1dGVzIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgdHlwZSBSZWFjdFNWR0NvbXBvbmVudFR5cGUgPSBSZWFjdC5Db21wb25lbnRUeXBlPFNWR0F0dHJpYnV0ZXM8U1ZHRWxlbWVudD4+O1xuXG5leHBvcnQgaW50ZXJmYWNlIFByb3BzIHtcbiAgICBzdmc6IFJlYWN0U1ZHQ29tcG9uZW50VHlwZTtcbiAgICBzaXplPzogSWNvblNpemU7XG4gICAgYWNjZW50PzogVGV4dEFjY2VudDtcbiAgICBjb2xvcj86IENvbG9yTmFtZTtcbiAgICBsYWJlbD86IHN0cmluZztcbn1cblxuY29uc3QgSUNPTiA9ICdJY29uJztcblxuZXhwb3J0IGNvbnN0IEljb246IEZDPFByb3BzPiA9ICh7IHN2ZzogU3ZnLCBzaXplID0gSUNPTl9TSVpFX0RFRkFVTFQsIGFjY2VudCwgY29sb3IsIGxhYmVsIH0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IHVzZU51bWVyaWNTaXplID0gIU51bWJlci5pc05hTihOdW1iZXIoc2l6ZSkpO1xuICAgIGNvbnN0IHN0eWxlID0gdXNlTnVtZXJpY1NpemUgPyB7IHdpZHRoOiBgJHtzaXplfXB4YCwgaGVpZ2h0OiBgJHtzaXplfXB4YCB9IDoge307XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIElDT04sIFtcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoYHNpemUtJHtzaXplIGFzIHN0cmluZ31gLCB1bmRlZmluZWQsICF1c2VOdW1lcmljU2l6ZSksXG4gICAgXSk7XG5cbiAgICBjb25zdCBhY3R1YWxDb2xvciA9IGFjY2VudCA/IHVuZGVmaW5lZCA6IGNvbG9yO1xuICAgIGNvbnN0IGFjY2VudENsYXNzTmFtZXMgPSB1c2VUZXh0QWNjZW50Q2xhc3NuYW1lcyhmYWxzZSwgYWNjZW50KTtcbiAgICBjb25zdCBjb2xvckNsYXNzTmFtZXMgPSB1c2VDb2xvckNsYXNzTmFtZXMoYWN0dWFsQ29sb3IpO1xuXG4gICAgY29uc3QgYWxsQ2xhc3NOYW1lcyA9IFsuLi5jbGFzc05hbWVzLCAuLi5hY2NlbnRDbGFzc05hbWVzLCAuLi5jb2xvckNsYXNzTmFtZXNdO1xuXG4gICAgaWYgKCFTdmcpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdJY29uIHByb3Agc3ZnIGlzIG1hbmRhdG9yeScpO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjbGFzc05hbWU9e2FsbENsYXNzTmFtZXMuam9pbignICcpfVxuICAgICAgICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgICAgICAgYXJpYS1oaWRkZW49eyFsYWJlbH1cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e2xhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgICA8U3ZnIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIGZvY3VzYWJsZT1cImZhbHNlXCIgLz5cbiAgICAgICAgPC9zcGFuPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQXVCQSxNQUFNLElBQUksR0FBRyxNQUFNLENBQUM7TUFFUCxJQUFJLEdBQWMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsSUFBSSxHQUFHLGlCQUFpQixFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFO0lBQ3hGLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLGNBQWMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7SUFDbkQsTUFBTSxLQUFLLEdBQUcsY0FBYyxHQUFHLEVBQUUsS0FBSyxFQUFFLEdBQUcsSUFBSSxJQUFJLEVBQUUsTUFBTSxFQUFFLEdBQUcsSUFBSSxJQUFJLEVBQUUsR0FBRyxFQUFFLENBQUM7SUFFaEYsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksRUFBRTtRQUM5QyxpQkFBaUIsQ0FBQyxRQUFRLElBQWMsRUFBRSxFQUFFLFNBQVMsRUFBRSxDQUFDLGNBQWMsQ0FBQztLQUMxRSxDQUFDLENBQUM7SUFFSCxNQUFNLFdBQVcsR0FBRyxNQUFNLEdBQUcsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUMvQyxNQUFNLGdCQUFnQixHQUFHLHVCQUF1QixDQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsQ0FBQztJQUNoRSxNQUFNLGVBQWUsR0FBRyxrQkFBa0IsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUV4RCxNQUFNLGFBQWEsR0FBRyxDQUFDLEdBQUcsVUFBVSxFQUFFLEdBQUcsZ0JBQWdCLEVBQUUsR0FBRyxlQUFlLENBQUMsQ0FBQztJQUUvRSxJQUFJLENBQUMsR0FBRyxFQUFFO1FBQ04sTUFBTSxJQUFJLEtBQUssQ0FBQyw0QkFBNEIsQ0FBQyxDQUFDO0tBQ2pEO0lBRUQsUUFDSUEsdUNBQ0ksU0FBUyxFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQ2xDLEtBQUssRUFBRSxLQUFLLGlCQUNDLENBQUMsS0FBSyxnQkFDUCxLQUFLO1FBRWpCQSw2QkFBQyxHQUFHLG1CQUFhLE1BQU0sRUFBQyxTQUFTLEVBQUMsT0FBTyxHQUFHLENBQ3pDLEVBQ1Q7QUFDTjs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSWNvbi9JY29uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yTmFtZSwgRGF0YXNldCwgSWNvblNpemUsIFRleHRBY2NlbnQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgSUNPTl9TSVpFX0RFRkFVTFQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBib29sZWFuQ2xhc3NOYW1lcyxcbiAgICBnZXREYXRhc2V0UHJvcHMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICB1c2VDb2xvckNsYXNzTmFtZXMsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxuICAgIHVzZVRleHRBY2NlbnRDbGFzc25hbWVzLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgU1ZHQXR0cmlidXRlcyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IHR5cGUgUmVhY3RTVkdDb21wb25lbnRUeXBlID0gUmVhY3QuQ29tcG9uZW50VHlwZTxTVkdBdHRyaWJ1dGVzPFNWR0VsZW1lbnQ+PjtcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gICAgc3ZnOiBSZWFjdFNWR0NvbXBvbmVudFR5cGU7XG4gICAgc2l6ZT86IEljb25TaXplO1xuICAgIGFjY2VudD86IFRleHRBY2NlbnQ7XG4gICAgY29sb3I/OiBDb2xvck5hbWU7XG4gICAgbGFiZWw/OiBzdHJpbmc7XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG59XG5cbmNvbnN0IElDT04gPSAnSWNvbic7XG5cbmV4cG9ydCBjb25zdCBJY29uOiBGQzxQcm9wcz4gPSAoe1xuICAgIHN2ZzogU3ZnLFxuICAgIHNpemUgPSBJQ09OX1NJWkVfREVGQVVMVCxcbiAgICBhY2NlbnQsXG4gICAgY29sb3IsXG4gICAgbGFiZWwsXG4gICAgZGF0YXNldCxcbn0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IHVzZU51bWVyaWNTaXplID0gIU51bWJlci5pc05hTihOdW1iZXIoc2l6ZSkpO1xuICAgIGNvbnN0IHN0eWxlID0gdXNlTnVtZXJpY1NpemUgPyB7IHdpZHRoOiBgJHtzaXplfXB4YCwgaGVpZ2h0OiBgJHtzaXplfXB4YCB9IDoge307XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIElDT04sIFtcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoYHNpemUtJHtzaXplIGFzIHN0cmluZ31gLCB1bmRlZmluZWQsICF1c2VOdW1lcmljU2l6ZSksXG4gICAgXSk7XG5cbiAgICBjb25zdCBhY3R1YWxDb2xvciA9IGFjY2VudCA/IHVuZGVmaW5lZCA6IGNvbG9yO1xuICAgIGNvbnN0IGFjY2VudENsYXNzTmFtZXMgPSB1c2VUZXh0QWNjZW50Q2xhc3NuYW1lcyhmYWxzZSwgYWNjZW50KTtcbiAgICBjb25zdCBjb2xvckNsYXNzTmFtZXMgPSB1c2VDb2xvckNsYXNzTmFtZXMoYWN0dWFsQ29sb3IpO1xuXG4gICAgY29uc3QgYWxsQ2xhc3NOYW1lcyA9IFsuLi5jbGFzc05hbWVzLCAuLi5hY2NlbnRDbGFzc05hbWVzLCAuLi5jb2xvckNsYXNzTmFtZXNdO1xuXG4gICAgY29uc3QgcHJvcHMgPSB7IGNsYXNzTmFtZTogYWxsQ2xhc3NOYW1lcy5qb2luKCcgJyksIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSB9O1xuXG4gICAgaWYgKCFTdmcpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdJY29uIHByb3Agc3ZnIGlzIG1hbmRhdG9yeScpO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICAgIDxzcGFuIHsuLi5wcm9wc30gc3R5bGU9e3N0eWxlfSBhcmlhLWhpZGRlbj17IWxhYmVsfSBhcmlhLWxhYmVsPXtsYWJlbH0+XG4gICAgICAgICAgICA8U3ZnIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIGZvY3VzYWJsZT1cImZhbHNlXCIgLz5cbiAgICAgICAgPC9zcGFuPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQXlCQSxNQUFNLElBQUksR0FBRyxNQUFNLENBQUM7TUFFUCxJQUFJLEdBQWMsQ0FBQyxFQUM1QixHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksR0FBRyxpQkFBaUIsRUFDeEIsTUFBTSxFQUNOLEtBQUssRUFDTCxLQUFLLEVBQ0wsT0FBTyxHQUNWO0lBQ0csZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE1BQU0sY0FBYyxHQUFHLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUNuRCxNQUFNLEtBQUssR0FBRyxjQUFjLEdBQUcsRUFBRSxLQUFLLEVBQUUsR0FBRyxJQUFJLElBQUksRUFBRSxNQUFNLEVBQUUsR0FBRyxJQUFJLElBQUksRUFBRSxHQUFHLEVBQUUsQ0FBQztJQUVoRixNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsSUFBSSxFQUFFO1FBQzlDLGlCQUFpQixDQUFDLFFBQVEsSUFBYyxFQUFFLEVBQUUsU0FBUyxFQUFFLENBQUMsY0FBYyxDQUFDO0tBQzFFLENBQUMsQ0FBQztJQUVILE1BQU0sV0FBVyxHQUFHLE1BQU0sR0FBRyxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBQy9DLE1BQU0sZ0JBQWdCLEdBQUcsdUJBQXVCLENBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxDQUFDO0lBQ2hFLE1BQU0sZUFBZSxHQUFHLGtCQUFrQixDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBRXhELE1BQU0sYUFBYSxHQUFHLENBQUMsR0FBRyxVQUFVLEVBQUUsR0FBRyxnQkFBZ0IsRUFBRSxHQUFHLGVBQWUsQ0FBQyxDQUFDO0lBRS9FLE1BQU0sS0FBSyxHQUFHLEVBQUUsU0FBUyxFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztJQUVsRixJQUFJLENBQUMsR0FBRyxFQUFFO1FBQ04sTUFBTSxJQUFJLEtBQUssQ0FBQyw0QkFBNEIsQ0FBQyxDQUFDO0tBQ2pEO0lBRUQsUUFDSUEsdURBQVUsS0FBSyxJQUFFLEtBQUssRUFBRSxLQUFLLGlCQUFlLENBQUMsS0FBSyxnQkFBYyxLQUFLO1FBQ2pFQSw2QkFBQyxHQUFHLG1CQUFhLE1BQU0sRUFBQyxTQUFTLEVBQUMsT0FBTyxHQUFHLENBQ3pDLEVBQ1Q7QUFDTjs7OzsifQ==

package/dist/components/LayoutFlex/LayoutFlex.js

@@ -1,17 +1,18 @@
 import { LAYOUT_TAG_DEFAULT } from '@preply/ds-core';
-import { useInstrument, useLayoutFlexClassNames } from '@preply/ds-web-core';
+import { useInstrument, useLayoutFlexClassNames, getDatasetProps } from '@preply/ds-web-core';
 import React__default from 'react';
 
 const LAYOUT_FLEX = 'LayoutFlex';
-const LayoutFlex = ({ column, reverse, children, ...props }) => {
+const LayoutFlex = ({ column, reverse, children, dataset, ...layoutFlexBaseProps }) => {
     useInstrument('render', {
         component: LAYOUT_FLEX,
         props: { column, reverse },
     });
-    const classNames = useLayoutFlexClassNames('flex', { column, reverse, ...props });
-    const { tag: Tag = LAYOUT_TAG_DEFAULT } = props;
-    return React__default.createElement(Tag, { className: classNames.join(' ') }, children);
+    const classNames = useLayoutFlexClassNames('flex', { column, reverse, ...layoutFlexBaseProps });
+    const { tag: Tag = LAYOUT_TAG_DEFAULT } = layoutFlexBaseProps;
+    const props = { className: classNames.join(' '), ...getDatasetProps(dataset) };
+    return React__default.createElement(Tag, Object.assign({}, props), children);
 };
 
 export { LayoutFlex };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0RmxleC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGF5b3V0RmxleC9MYXlvdXRGbGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMQVlPVVRfVEFHX0RFRkFVTFQsIExheW91dEZsZXhQcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyB1c2VJbnN0cnVtZW50LCB1c2VMYXlvdXRGbGV4Q2xhc3NOYW1lcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgdHlwZSBQcm9wcyA9IExheW91dEZsZXhQcm9wcztcblxuY29uc3QgTEFZT1VUX0ZMRVggPSAnTGF5b3V0RmxleCc7XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRGbGV4OiBGQzxQcm9wcz4gPSAoeyBjb2x1bW4sIHJldmVyc2UsIGNoaWxkcmVuLCAuLi5wcm9wcyB9KSA9PiB7XG4gICAgdXNlSW5zdHJ1bWVudCgncmVuZGVyJywge1xuICAgICAgICBjb21wb25lbnQ6IExBWU9VVF9GTEVYLFxuICAgICAgICBwcm9wczogeyBjb2x1bW4sIHJldmVyc2UgfSxcbiAgICB9KTtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSB1c2VMYXlvdXRGbGV4Q2xhc3NOYW1lcygnZmxleCcsIHsgY29sdW1uLCByZXZlcnNlLCAuLi5wcm9wcyB9KTtcbiAgICBjb25zdCB7IHRhZzogVGFnID0gTEFZT1VUX1RBR19ERUZBVUxUIH0gPSBwcm9wcztcblxuICAgIHJldHVybiA8VGFnIGNsYXNzTmFtZT17Y2xhc3NOYW1lcy5qb2luKCcgJyl9PntjaGlsZHJlbn08L1RhZz47XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7O0FBTUEsTUFBTSxXQUFXLEdBQUcsWUFBWSxDQUFDO01BRXBCLFVBQVUsR0FBYyxDQUFDLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsR0FBRyxLQUFLLEVBQUU7SUFDekUsYUFBYSxDQUFDLFFBQVEsRUFBRTtRQUNwQixTQUFTLEVBQUUsV0FBVztRQUN0QixLQUFLLEVBQUUsRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFO0tBQzdCLENBQUMsQ0FBQztJQUVILE1BQU0sVUFBVSxHQUFHLHVCQUF1QixDQUFDLE1BQU0sRUFBRSxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsR0FBRyxLQUFLLEVBQUUsQ0FBQyxDQUFDO0lBQ2xGLE1BQU0sRUFBRSxHQUFHLEVBQUUsR0FBRyxHQUFHLGtCQUFrQixFQUFFLEdBQUcsS0FBSyxDQUFDO0lBRWhELE9BQU9BLDZCQUFDLEdBQUcsSUFBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBRyxRQUFRLENBQU8sQ0FBQztBQUNsRTs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0RmxleC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGF5b3V0RmxleC9MYXlvdXRGbGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMQVlPVVRfVEFHX0RFRkFVTFQsIExheW91dEZsZXhQcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBnZXREYXRhc2V0UHJvcHMsIHVzZUluc3RydW1lbnQsIHVzZUxheW91dEZsZXhDbGFzc05hbWVzIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0gTGF5b3V0RmxleFByb3BzO1xuXG5jb25zdCBMQVlPVVRfRkxFWCA9ICdMYXlvdXRGbGV4JztcblxuZXhwb3J0IGNvbnN0IExheW91dEZsZXg6IEZDPFByb3BzPiA9ICh7XG4gICAgY29sdW1uLFxuICAgIHJldmVyc2UsXG4gICAgY2hpbGRyZW4sXG4gICAgZGF0YXNldCxcbiAgICAuLi5sYXlvdXRGbGV4QmFzZVByb3BzXG59KSA9PiB7XG4gICAgdXNlSW5zdHJ1bWVudCgncmVuZGVyJywge1xuICAgICAgICBjb21wb25lbnQ6IExBWU9VVF9GTEVYLFxuICAgICAgICBwcm9wczogeyBjb2x1bW4sIHJldmVyc2UgfSxcbiAgICB9KTtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSB1c2VMYXlvdXRGbGV4Q2xhc3NOYW1lcygnZmxleCcsIHsgY29sdW1uLCByZXZlcnNlLCAuLi5sYXlvdXRGbGV4QmFzZVByb3BzIH0pO1xuICAgIGNvbnN0IHsgdGFnOiBUYWcgPSBMQVlPVVRfVEFHX0RFRkFVTFQgfSA9IGxheW91dEZsZXhCYXNlUHJvcHM7XG4gICAgY29uc3QgcHJvcHMgPSB7IGNsYXNzTmFtZTogY2xhc3NOYW1lcy5qb2luKCcgJyksIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSB9O1xuXG4gICAgcmV0dXJuIDxUYWcgey4uLnByb3BzfT57Y2hpbGRyZW59PC9UYWc+O1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7OztBQU1BLE1BQU0sV0FBVyxHQUFHLFlBQVksQ0FBQztNQUVwQixVQUFVLEdBQWMsQ0FBQyxFQUNsQyxNQUFNLEVBQ04sT0FBTyxFQUNQLFFBQVEsRUFDUixPQUFPLEVBQ1AsR0FBRyxtQkFBbUIsRUFDekI7SUFDRyxhQUFhLENBQUMsUUFBUSxFQUFFO1FBQ3BCLFNBQVMsRUFBRSxXQUFXO1FBQ3RCLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUU7S0FDN0IsQ0FBQyxDQUFDO0lBRUgsTUFBTSxVQUFVLEdBQUcsdUJBQXVCLENBQUMsTUFBTSxFQUFFLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxHQUFHLG1CQUFtQixFQUFFLENBQUMsQ0FBQztJQUNoRyxNQUFNLEVBQUUsR0FBRyxFQUFFLEdBQUcsR0FBRyxrQkFBa0IsRUFBRSxHQUFHLG1CQUFtQixDQUFDO0lBQzlELE1BQU0sS0FBSyxHQUFHLEVBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztJQUUvRSxPQUFPQSw2QkFBQyxHQUFHLG9CQUFLLEtBQUssR0FBRyxRQUFRLENBQU8sQ0FBQztBQUM1Qzs7OzsifQ==

package/dist/components/LayoutFlexItem/LayoutFlexItem.d.ts

@@ -1,9 +1,10 @@
-import { LayoutAlignSelf, LayoutTag, Responsive } from '@preply/ds-core';
+import { Dataset, LayoutAlignSelf, LayoutTag, Responsive } from '@preply/ds-core';
 import { FC } from 'react';
 export interface Props {
     alignSelf?: Responsive<LayoutAlignSelf>;
     stretch?: Responsive<boolean>;
     tag?: LayoutTag;
     hide?: Responsive<boolean>;
+    dataset?: Dataset;
 }
 export declare const LayoutFlexItem: FC<Props>;

package/dist/components/LayoutFlexItem/LayoutFlexItem.js

@@ -1,17 +1,18 @@
 import { LAYOUT_TAG_DEFAULT } from '@preply/ds-core';
-import { moduleClassNames, booleanClassNames, useAlignSelfClassNames, useLayoutHideClassnames } from '@preply/ds-web-core';
+import { moduleClassNames, booleanClassNames, useAlignSelfClassNames, useLayoutHideClassnames, getDatasetProps } from '@preply/ds-web-core';
 import React__default from 'react';
 import styles from './style/index.module.less.js';
 
 const LAYOUT_FLEX_ITEM = 'LayoutFlexItem';
-const LayoutFlexItem = ({ children, alignSelf, stretch = false, hide, ...props }) => {
+const LayoutFlexItem = ({ children, alignSelf, stretch = false, tag, hide, dataset, }) => {
     const classNames = moduleClassNames(styles, LAYOUT_FLEX_ITEM, booleanClassNames('stretch', 'no-stretch', stretch));
     const alignSelfClassNames = useAlignSelfClassNames(alignSelf);
     const hideClassNames = useLayoutHideClassnames(hide);
     const allClassNames = [...classNames, ...alignSelfClassNames, ...hideClassNames];
-    const { tag: Tag = LAYOUT_TAG_DEFAULT } = props;
-    return React__default.createElement(Tag, { className: allClassNames.join(' ') }, children);
+    const Tag = tag !== null && tag !== void 0 ? tag : LAYOUT_TAG_DEFAULT;
+    const props = { className: allClassNames.join(' '), ...getDatasetProps(dataset) };
+    return React__default.createElement(Tag, Object.assign({}, props), children);
 };
 
 export { LayoutFlexItem };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0RmxleEl0ZW0uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xheW91dEZsZXhJdGVtL0xheW91dEZsZXhJdGVtLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMQVlPVVRfVEFHX0RFRkFVTFQsIExheW91dEFsaWduU2VsZiwgTGF5b3V0VGFnLCBSZXNwb25zaXZlIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICB1c2VBbGlnblNlbGZDbGFzc05hbWVzLFxuICAgIHVzZUxheW91dEhpZGVDbGFzc25hbWVzLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gICAgYWxpZ25TZWxmPzogUmVzcG9uc2l2ZTxMYXlvdXRBbGlnblNlbGY+O1xuICAgIHN0cmV0Y2g/OiBSZXNwb25zaXZlPGJvb2xlYW4+O1xuICAgIHRhZz86IExheW91dFRhZztcbiAgICBoaWRlPzogUmVzcG9uc2l2ZTxib29sZWFuPjtcbn1cblxuY29uc3QgTEFZT1VUX0ZMRVhfSVRFTSA9ICdMYXlvdXRGbGV4SXRlbSc7XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRGbGV4SXRlbTogRkM8UHJvcHM+ID0gKHtcbiAgICBjaGlsZHJlbixcbiAgICBhbGlnblNlbGYsXG4gICAgc3RyZXRjaCA9IGZhbHNlLFxuICAgIGhpZGUsXG4gICAgLi4ucHJvcHNcbn0pID0+IHtcbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhcbiAgICAgICAgc3R5bGVzLFxuICAgICAgICBMQVlPVVRfRkxFWF9JVEVNLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnc3RyZXRjaCcsICduby1zdHJldGNoJywgc3RyZXRjaCksXG4gICAgKTtcblxuICAgIGNvbnN0IGFsaWduU2VsZkNsYXNzTmFtZXMgPSB1c2VBbGlnblNlbGZDbGFzc05hbWVzKGFsaWduU2VsZik7XG4gICAgY29uc3QgaGlkZUNsYXNzTmFtZXMgPSB1c2VMYXlvdXRIaWRlQ2xhc3NuYW1lcyhoaWRlKTtcbiAgICBjb25zdCBhbGxDbGFzc05hbWVzID0gWy4uLmNsYXNzTmFtZXMsIC4uLmFsaWduU2VsZkNsYXNzTmFtZXMsIC4uLmhpZGVDbGFzc05hbWVzXTtcbiAgICBjb25zdCB7IHRhZzogVGFnID0gTEFZT1VUX1RBR19ERUZBVUxUIH0gPSBwcm9wcztcblxuICAgIHJldHVybiA8VGFnIGNsYXNzTmFtZT17YWxsQ2xhc3NOYW1lcy5qb2luKCcgJyl9PntjaGlsZHJlbn08L1RhZz47XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQWtCQSxNQUFNLGdCQUFnQixHQUFHLGdCQUFnQixDQUFDO01BRTdCLGNBQWMsR0FBYyxDQUFDLEVBQ3RDLFFBQVEsRUFDUixTQUFTLEVBQ1QsT0FBTyxHQUFHLEtBQUssRUFDZixJQUFJLEVBQ0osR0FBRyxLQUFLLEVBQ1g7SUFDRyxNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FDL0IsTUFBTSxFQUNOLGdCQUFnQixFQUNoQixpQkFBaUIsQ0FBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLE9BQU8sQ0FBQyxDQUN0RCxDQUFDO0lBRUYsTUFBTSxtQkFBbUIsR0FBRyxzQkFBc0IsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUM5RCxNQUFNLGNBQWMsR0FBRyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNyRCxNQUFNLGFBQWEsR0FBRyxDQUFDLEdBQUcsVUFBVSxFQUFFLEdBQUcsbUJBQW1CLEVBQUUsR0FBRyxjQUFjLENBQUMsQ0FBQztJQUNqRixNQUFNLEVBQUUsR0FBRyxFQUFFLEdBQUcsR0FBRyxrQkFBa0IsRUFBRSxHQUFHLEtBQUssQ0FBQztJQUVoRCxPQUFPQSw2QkFBQyxHQUFHLElBQUMsU0FBUyxFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUcsUUFBUSxDQUFPLENBQUM7QUFDckU7Ozs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0RmxleEl0ZW0uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xheW91dEZsZXhJdGVtL0xheW91dEZsZXhJdGVtLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIERhdGFzZXQsXG4gICAgTEFZT1VUX1RBR19ERUZBVUxULFxuICAgIExheW91dEFsaWduU2VsZixcbiAgICBMYXlvdXRUYWcsXG4gICAgUmVzcG9uc2l2ZSxcbn0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgdXNlQWxpZ25TZWxmQ2xhc3NOYW1lcyxcbiAgICB1c2VMYXlvdXRIaWRlQ2xhc3NuYW1lcyxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIGFsaWduU2VsZj86IFJlc3BvbnNpdmU8TGF5b3V0QWxpZ25TZWxmPjtcbiAgICBzdHJldGNoPzogUmVzcG9uc2l2ZTxib29sZWFuPjtcbiAgICB0YWc/OiBMYXlvdXRUYWc7XG4gICAgaGlkZT86IFJlc3BvbnNpdmU8Ym9vbGVhbj47XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG59XG5cbmNvbnN0IExBWU9VVF9GTEVYX0lURU0gPSAnTGF5b3V0RmxleEl0ZW0nO1xuXG5leHBvcnQgY29uc3QgTGF5b3V0RmxleEl0ZW06IEZDPFByb3BzPiA9ICh7XG4gICAgY2hpbGRyZW4sXG4gICAgYWxpZ25TZWxmLFxuICAgIHN0cmV0Y2ggPSBmYWxzZSxcbiAgICB0YWcsXG4gICAgaGlkZSxcbiAgICBkYXRhc2V0LFxufSkgPT4ge1xuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKFxuICAgICAgICBzdHlsZXMsXG4gICAgICAgIExBWU9VVF9GTEVYX0lURU0sXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdzdHJldGNoJywgJ25vLXN0cmV0Y2gnLCBzdHJldGNoKSxcbiAgICApO1xuXG4gICAgY29uc3QgYWxpZ25TZWxmQ2xhc3NOYW1lcyA9IHVzZUFsaWduU2VsZkNsYXNzTmFtZXMoYWxpZ25TZWxmKTtcbiAgICBjb25zdCBoaWRlQ2xhc3NOYW1lcyA9IHVzZUxheW91dEhpZGVDbGFzc25hbWVzKGhpZGUpO1xuICAgIGNvbnN0IGFsbENsYXNzTmFtZXMgPSBbLi4uY2xhc3NOYW1lcywgLi4uYWxpZ25TZWxmQ2xhc3NOYW1lcywgLi4uaGlkZUNsYXNzTmFtZXNdO1xuICAgIGNvbnN0IFRhZyA9IHRhZyA/PyBMQVlPVVRfVEFHX0RFRkFVTFQ7XG4gICAgY29uc3QgcHJvcHMgPSB7IGNsYXNzTmFtZTogYWxsQ2xhc3NOYW1lcy5qb2luKCcgJyksIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSB9O1xuXG4gICAgcmV0dXJuIDxUYWcgey4uLnByb3BzfT57Y2hpbGRyZW59PC9UYWc+O1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUEwQkEsTUFBTSxnQkFBZ0IsR0FBRyxnQkFBZ0IsQ0FBQztNQUU3QixjQUFjLEdBQWMsQ0FBQyxFQUN0QyxRQUFRLEVBQ1IsU0FBUyxFQUNULE9BQU8sR0FBRyxLQUFLLEVBQ2YsR0FBRyxFQUNILElBQUksRUFDSixPQUFPLEdBQ1Y7SUFDRyxNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FDL0IsTUFBTSxFQUNOLGdCQUFnQixFQUNoQixpQkFBaUIsQ0FBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLE9BQU8sQ0FBQyxDQUN0RCxDQUFDO0lBRUYsTUFBTSxtQkFBbUIsR0FBRyxzQkFBc0IsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUM5RCxNQUFNLGNBQWMsR0FBRyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNyRCxNQUFNLGFBQWEsR0FBRyxDQUFDLEdBQUcsVUFBVSxFQUFFLEdBQUcsbUJBQW1CLEVBQUUsR0FBRyxjQUFjLENBQUMsQ0FBQztJQUNqRixNQUFNLEdBQUcsR0FBRyxHQUFHLGFBQUgsR0FBRyxjQUFILEdBQUcsR0FBSSxrQkFBa0IsQ0FBQztJQUN0QyxNQUFNLEtBQUssR0FBRyxFQUFFLFNBQVMsRUFBRSxhQUFhLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLEdBQUcsZUFBZSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7SUFFbEYsT0FBT0EsNkJBQUMsR0FBRyxvQkFBSyxLQUFLLEdBQUcsUUFBUSxDQUFPLENBQUM7QUFDNUM7Ozs7In0=

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

@@ -1,6 +1,6 @@
 import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = "._2SDOH1{-webkit-box-flex:0;display:block;-ms-flex:none;flex:none;margin:0;padding:0}._1KZpZM{-webkit-box-flex:1;-ms-flex:1;flex:1}._3WN-K2{-webkit-box-flex:0;-ms-flex:none;flex:none}@media (min-width:400px){._2CucOy{-webkit-box-flex:1;-ms-flex:1;flex:1}.LG0EUS{-webkit-box-flex:0;-ms-flex:none;flex:none}}@media (min-width:700px){._3Y0_Nl{-webkit-box-flex:1;-ms-flex:1;flex:1}._1nxwgq{-webkit-box-flex:0;-ms-flex:none;flex:none}}@media (min-width:880px){.Abr8tw{-webkit-box-flex:1;-ms-flex:1;flex:1}._3HEJQ{-webkit-box-flex:0;-ms-flex:none;flex:none}}@media (min-width:1200px){._3_gyBD{-webkit-box-flex:1;-ms-flex:1;flex:1}._3gYX5P{-webkit-box-flex:0;-ms-flex:none;flex:none}}@media (min-width:1900px){.GjfZ4h{-webkit-box-flex:1;-ms-flex:1;flex:1}.ThVGti{-webkit-box-flex:0;-ms-flex:none;flex:none}}";
+var css_248z = "._2SDOH1{-webkit-box-flex:0;-ms-flex:none;flex:none;list-style:none;margin:0;padding:0}._1KZpZM{-webkit-box-flex:1;-ms-flex:1;flex:1}._3WN-K2{-webkit-box-flex:0;-ms-flex:none;flex:none}@media (min-width:400px){._2CucOy{-webkit-box-flex:1;-ms-flex:1;flex:1}.LG0EUS{-webkit-box-flex:0;-ms-flex:none;flex:none}}@media (min-width:700px){._3Y0_Nl{-webkit-box-flex:1;-ms-flex:1;flex:1}._1nxwgq{-webkit-box-flex:0;-ms-flex:none;flex:none}}@media (min-width:880px){.Abr8tw{-webkit-box-flex:1;-ms-flex:1;flex:1}._3HEJQ{-webkit-box-flex:0;-ms-flex:none;flex:none}}@media (min-width:1200px){._3_gyBD{-webkit-box-flex:1;-ms-flex:1;flex:1}._3gYX5P{-webkit-box-flex:0;-ms-flex:none;flex:none}}@media (min-width:1900px){.GjfZ4h{-webkit-box-flex:1;-ms-flex:1;flex:1}.ThVGti{-webkit-box-flex:0;-ms-flex:none;flex:none}}";
 var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/LayoutFlexItem/style/index.module.less",__css:css_248z,"LayoutFlexItem":"_2SDOH1","LayoutFlexItem--stretch":"_1KZpZM","LayoutFlexItem--no-stretch":"_3WN-K2","LayoutFlexItem--narrow-l--stretch":"_2CucOy","LayoutFlexItem--narrow-l--no-stretch":"LG0EUS","LayoutFlexItem--medium-s--stretch":"_3Y0_Nl","LayoutFlexItem--medium-s--no-stretch":"_1nxwgq","LayoutFlexItem--medium-l--stretch":"Abr8tw","LayoutFlexItem--medium-l--no-stretch":"_3HEJQ","LayoutFlexItem--wide-s--stretch":"_3_gyBD","LayoutFlexItem--wide-s--no-stretch":"_3gYX5P","LayoutFlexItem--wide-l--stretch":"GjfZ4h","LayoutFlexItem--wide-l--no-stretch":"ThVGti"};
 var stylesheet=css_248z;
 styleInject(css_248z);

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

@@ -2,9 +2,9 @@
 
 .layout-flex-item-base() {
     flex: none;
-    display: block;
     margin: 0;
     padding: 0;
+    list-style: none;
 }
 
 .stretch() {

package/dist/components/LayoutGrid/LayoutGrid.js

@@ -1,13 +1,14 @@
 import { LAYOUT_TAG_DEFAULT } from '@preply/ds-core';
-import { useLayoutGridClassNames, useLayoutGridStyles } from '@preply/ds-web-core';
+import { useLayoutGridClassNames, useLayoutGridStyles, getDatasetProps } from '@preply/ds-web-core';
 import React__default from 'react';
 
-const LayoutGrid = ({ children, ...props }) => {
-    const classNames = useLayoutGridClassNames('grid', props);
-    const style = useLayoutGridStyles(props);
-    const { tag: Tag = LAYOUT_TAG_DEFAULT } = props;
-    return (React__default.createElement(Tag, { className: classNames.join(' '), style: style }, children));
+const LayoutGrid = ({ dataset, children, ...LayoutGridBaseProps }) => {
+    const classNames = useLayoutGridClassNames('grid', LayoutGridBaseProps);
+    const style = useLayoutGridStyles(LayoutGridBaseProps);
+    const { tag: Tag = LAYOUT_TAG_DEFAULT } = LayoutGridBaseProps;
+    const props = { className: classNames.join(' '), ...getDatasetProps(dataset) };
+    return (React__default.createElement(Tag, Object.assign({}, props, { style: style }), children));
 };
 
 export { LayoutGrid };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0R3JpZC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGF5b3V0R3JpZC9MYXlvdXRHcmlkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMQVlPVVRfVEFHX0RFRkFVTFQsIExheW91dEdyaWRQcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyB1c2VMYXlvdXRHcmlkQ2xhc3NOYW1lcywgdXNlTGF5b3V0R3JpZFN0eWxlcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgdHlwZSBQcm9wcyA9IExheW91dEdyaWRQcm9wcztcblxuZXhwb3J0IGNvbnN0IExheW91dEdyaWQ6IEZDPFByb3BzPiA9ICh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9KSA9PiB7XG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IHVzZUxheW91dEdyaWRDbGFzc05hbWVzKCdncmlkJywgcHJvcHMpO1xuICAgIGNvbnN0IHN0eWxlID0gdXNlTGF5b3V0R3JpZFN0eWxlcyhwcm9wcyk7XG4gICAgY29uc3QgeyB0YWc6IFRhZyA9IExBWU9VVF9UQUdfREVGQVVMVCB9ID0gcHJvcHM7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8VGFnIGNsYXNzTmFtZT17Y2xhc3NOYW1lcy5qb2luKCcgJyl9IHN0eWxlPXtzdHlsZX0+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvVGFnPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7O01BTWEsVUFBVSxHQUFjLENBQUMsRUFBRSxRQUFRLEVBQUUsR0FBRyxLQUFLLEVBQUU7SUFDeEQsTUFBTSxVQUFVLEdBQUcsdUJBQXVCLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxDQUFDO0lBQzFELE1BQU0sS0FBSyxHQUFHLG1CQUFtQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3pDLE1BQU0sRUFBRSxHQUFHLEVBQUUsR0FBRyxHQUFHLGtCQUFrQixFQUFFLEdBQUcsS0FBSyxDQUFDO0lBRWhELFFBQ0lBLDZCQUFDLEdBQUcsSUFBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxLQUFLLEVBQUUsS0FBSyxJQUM3QyxRQUFRLENBQ1AsRUFDUjtBQUNOOzs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0R3JpZC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGF5b3V0R3JpZC9MYXlvdXRHcmlkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMQVlPVVRfVEFHX0RFRkFVTFQsIExheW91dEdyaWRQcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBnZXREYXRhc2V0UHJvcHMsIHVzZUxheW91dEdyaWRDbGFzc05hbWVzLCB1c2VMYXlvdXRHcmlkU3R5bGVzIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0gTGF5b3V0R3JpZFByb3BzO1xuXG5leHBvcnQgY29uc3QgTGF5b3V0R3JpZDogRkM8UHJvcHM+ID0gKHsgZGF0YXNldCwgY2hpbGRyZW4sIC4uLkxheW91dEdyaWRCYXNlUHJvcHMgfSkgPT4ge1xuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSB1c2VMYXlvdXRHcmlkQ2xhc3NOYW1lcygnZ3JpZCcsIExheW91dEdyaWRCYXNlUHJvcHMpO1xuICAgIGNvbnN0IHN0eWxlID0gdXNlTGF5b3V0R3JpZFN0eWxlcyhMYXlvdXRHcmlkQmFzZVByb3BzKTtcbiAgICBjb25zdCB7IHRhZzogVGFnID0gTEFZT1VUX1RBR19ERUZBVUxUIH0gPSBMYXlvdXRHcmlkQmFzZVByb3BzO1xuICAgIGNvbnN0IHByb3BzID0geyBjbGFzc05hbWU6IGNsYXNzTmFtZXMuam9pbignICcpLCAuLi5nZXREYXRhc2V0UHJvcHMoZGF0YXNldCkgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxUYWcgey4uLnByb3BzfSBzdHlsZT17c3R5bGV9PlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1RhZz5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7OztNQU1hLFVBQVUsR0FBYyxDQUFDLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxHQUFHLG1CQUFtQixFQUFFO0lBQy9FLE1BQU0sVUFBVSxHQUFHLHVCQUF1QixDQUFDLE1BQU0sRUFBRSxtQkFBbUIsQ0FBQyxDQUFDO0lBQ3hFLE1BQU0sS0FBSyxHQUFHLG1CQUFtQixDQUFDLG1CQUFtQixDQUFDLENBQUM7SUFDdkQsTUFBTSxFQUFFLEdBQUcsRUFBRSxHQUFHLEdBQUcsa0JBQWtCLEVBQUUsR0FBRyxtQkFBbUIsQ0FBQztJQUM5RCxNQUFNLEtBQUssR0FBRyxFQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLEdBQUcsZUFBZSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7SUFFL0UsUUFDSUEsNkJBQUMsR0FBRyxvQkFBSyxLQUFLLElBQUUsS0FBSyxFQUFFLEtBQUssS0FDdkIsUUFBUSxDQUNQLEVBQ1I7QUFDTjs7OzsifQ==

package/dist/components/LayoutGridItem/LayoutGridItem.d.ts

@@ -0,0 +1,9 @@
+import { Dataset, LayoutAlignSelf, LayoutTag, Responsive } from '@preply/ds-core';
+import { FC } from 'react';
+export interface Props {
+    alignSelf?: Responsive<LayoutAlignSelf>;
+    tag?: LayoutTag;
+    hide?: Responsive<boolean>;
+    dataset?: Dataset;
+}
+export declare const LayoutGridItem: FC<Props>;

package/dist/components/LayoutGridItem/LayoutGridItem.js

@@ -0,0 +1,18 @@
+import { LAYOUT_TAG_DEFAULT } from '@preply/ds-core';
+import { moduleClassNames, useAlignSelfClassNames, useLayoutHideClassnames, getDatasetProps } from '@preply/ds-web-core';
+import React__default from 'react';
+import styles from './style/index.module.less.js';
+
+const LAYOUT_GRID_ITEM = 'LayoutGridItem';
+const LayoutGridItem = ({ children, alignSelf, tag, hide, dataset }) => {
+    const classNames = moduleClassNames(styles, LAYOUT_GRID_ITEM, []);
+    const alignSelfClassNames = useAlignSelfClassNames(alignSelf);
+    const hideClassNames = useLayoutHideClassnames(hide);
+    const allClassNames = [...classNames, ...alignSelfClassNames, ...hideClassNames];
+    const Tag = tag !== null && tag !== void 0 ? tag : LAYOUT_TAG_DEFAULT;
+    const props = { className: allClassNames.join(' '), ...getDatasetProps(dataset) };
+    return React__default.createElement(Tag, Object.assign({}, props), children);
+};
+
+export { LayoutGridItem };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0R3JpZEl0ZW0uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xheW91dEdyaWRJdGVtL0xheW91dEdyaWRJdGVtLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIERhdGFzZXQsXG4gICAgTEFZT1VUX1RBR19ERUZBVUxULFxuICAgIExheW91dEFsaWduU2VsZixcbiAgICBMYXlvdXRUYWcsXG4gICAgUmVzcG9uc2l2ZSxcbn0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgdXNlQWxpZ25TZWxmQ2xhc3NOYW1lcyxcbiAgICB1c2VMYXlvdXRIaWRlQ2xhc3NuYW1lcyxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIGFsaWduU2VsZj86IFJlc3BvbnNpdmU8TGF5b3V0QWxpZ25TZWxmPjtcbiAgICB0YWc/OiBMYXlvdXRUYWc7XG4gICAgaGlkZT86IFJlc3BvbnNpdmU8Ym9vbGVhbj47XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG59XG5jb25zdCBMQVlPVVRfR1JJRF9JVEVNID0gJ0xheW91dEdyaWRJdGVtJztcbmV4cG9ydCBjb25zdCBMYXlvdXRHcmlkSXRlbTogRkM8UHJvcHM+ID0gKHsgY2hpbGRyZW4sIGFsaWduU2VsZiwgdGFnLCBoaWRlLCBkYXRhc2V0IH0pID0+IHtcbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIExBWU9VVF9HUklEX0lURU0sIFtdKTtcblxuICAgIGNvbnN0IGFsaWduU2VsZkNsYXNzTmFtZXMgPSB1c2VBbGlnblNlbGZDbGFzc05hbWVzKGFsaWduU2VsZik7XG4gICAgY29uc3QgaGlkZUNsYXNzTmFtZXMgPSB1c2VMYXlvdXRIaWRlQ2xhc3NuYW1lcyhoaWRlKTtcbiAgICBjb25zdCBhbGxDbGFzc05hbWVzID0gWy4uLmNsYXNzTmFtZXMsIC4uLmFsaWduU2VsZkNsYXNzTmFtZXMsIC4uLmhpZGVDbGFzc05hbWVzXTtcbiAgICBjb25zdCBUYWcgPSB0YWcgPz8gTEFZT1VUX1RBR19ERUZBVUxUO1xuICAgIGNvbnN0IHByb3BzID0geyBjbGFzc05hbWU6IGFsbENsYXNzTmFtZXMuam9pbignICcpLCAuLi5nZXREYXRhc2V0UHJvcHMoZGF0YXNldCkgfTtcblxuICAgIHJldHVybiA8VGFnIHsuLi5wcm9wc30+e2NoaWxkcmVufTwvVGFnPjtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7O0FBdUJBLE1BQU0sZ0JBQWdCLEdBQUcsZ0JBQWdCLENBQUM7TUFDN0IsY0FBYyxHQUFjLENBQUMsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFO0lBQ2pGLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxnQkFBZ0IsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVsRSxNQUFNLG1CQUFtQixHQUFHLHNCQUFzQixDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQzlELE1BQU0sY0FBYyxHQUFHLHVCQUF1QixDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3JELE1BQU0sYUFBYSxHQUFHLENBQUMsR0FBRyxVQUFVLEVBQUUsR0FBRyxtQkFBbUIsRUFBRSxHQUFHLGNBQWMsQ0FBQyxDQUFDO0lBQ2pGLE1BQU0sR0FBRyxHQUFHLEdBQUcsYUFBSCxHQUFHLGNBQUgsR0FBRyxHQUFJLGtCQUFrQixDQUFDO0lBQ3RDLE1BQU0sS0FBSyxHQUFHLEVBQUUsU0FBUyxFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztJQUVsRixPQUFPQSw2QkFBQyxHQUFHLG9CQUFLLEtBQUssR0FBRyxRQUFRLENBQU8sQ0FBQztBQUM1Qzs7OzsifQ==

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

@@ -0,0 +1,5 @@
+@import './mixins.less';
+
+.LayoutGridItem {
+    .layout-grid-item-base();
+}

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

@@ -0,0 +1,9 @@
+import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
+
+var css_248z = "._1Bgnqo{list-style:none;margin:0;padding:0}";
+var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/LayoutGridItem/style/index.module.less",__css:css_248z,"LayoutGridItem":"_1Bgnqo"};
+var stylesheet=css_248z;
+styleInject(css_248z);
+
+export { styles as default, stylesheet };
+

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

@@ -0,0 +1,5 @@
+.layout-grid-item-base() {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}

package/dist/components/LayoutGridItem/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/Panel/Panel.d.ts

@@ -1,8 +1,9 @@
-import type { PanelPadding } from '@preply/ds-core';
+import type { Dataset, PanelPadding } from '@preply/ds-core';
 import { ColorSchemeProps, ThemeProps } from '@preply/ds-web-core';
 import { FC } from 'react';
 export interface OwnProps {
     padding?: PanelPadding;
+    dataset?: Dataset;
 }
 export declare type Props = OwnProps & ThemeProps & ColorSchemeProps;
 export declare const Panel: FC<Props>;

package/dist/components/Panel/Panel.js

@@ -1,18 +1,19 @@
-import { withColorScheme, withTheme, useInstrument, useStyleExtract, globalClassNames, moduleClassNames, stringClassNames } from '@preply/ds-web-core';
+import { withColorScheme, withTheme, useInstrument, useStyleExtract, globalClassNames, moduleClassNames, stringClassNames, getDatasetProps } from '@preply/ds-web-core';
 import React__default from 'react';
 import { PANEL_PADDING_DEFAULT } from './constants.js';
 import styles from './style/index.module.less.js';
 
 const PANEL = 'Panel';
-const PanelBase = ({ themeClassName, colorSchemeClassName, children, padding = PANEL_PADDING_DEFAULT, }) => {
+const PanelBase = ({ children, themeClassName, colorSchemeClassName, padding = PANEL_PADDING_DEFAULT, dataset, }) => {
     useInstrument('render', { component: PANEL });
     useStyleExtract(styles);
     const globalClasses = globalClassNames([themeClassName, colorSchemeClassName]);
     const localClasses = moduleClassNames(styles, PANEL, [stringClassNames('padding', padding)]);
     const classNames = [...globalClasses, ...localClasses];
-    return React__default.createElement("section", { className: classNames.join(' ') }, children);
+    const props = { className: classNames.join(' '), ...getDatasetProps(dataset) };
+    return React__default.createElement("section", Object.assign({}, props), children);
 };
 const Panel = withColorScheme(withTheme(PanelBase));
 
 export { Panel };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFuZWwuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1BhbmVsL1BhbmVsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFBhbmVsUGFkZGluZyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIENvbG9yU2NoZW1lUHJvcHMsXG4gICAgVGhlbWVQcm9wcyxcbiAgICBXaXRoQ29sb3JTY2hlbWVQcm9wcyxcbiAgICBXaXRoVGhlbWVQcm9wcyxcbiAgICBnbG9iYWxDbGFzc05hbWVzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VJbnN0cnVtZW50LFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbiAgICB3aXRoQ29sb3JTY2hlbWUsXG4gICAgd2l0aFRoZW1lLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgUEFORUxfUEFERElOR19ERUZBVUxUIH0gZnJvbSAnLi9jb25zdGFudHMnO1xuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IGludGVyZmFjZSBPd25Qcm9wcyB7XG4gICAgcGFkZGluZz86IFBhbmVsUGFkZGluZztcbn1cblxuY29uc3QgUEFORUwgPSAnUGFuZWwnO1xuXG5leHBvcnQgdHlwZSBQcm9wcyA9IE93blByb3BzICYgVGhlbWVQcm9wcyAmIENvbG9yU2NoZW1lUHJvcHM7XG5cbmNvbnN0IFBhbmVsQmFzZTogRkM8T3duUHJvcHMgJiBXaXRoVGhlbWVQcm9wcyAmIFdpdGhDb2xvclNjaGVtZVByb3BzPiA9ICh7XG4gICAgdGhlbWVDbGFzc05hbWUsXG4gICAgY29sb3JTY2hlbWVDbGFzc05hbWUsXG4gICAgY2hpbGRyZW4sXG4gICAgcGFkZGluZyA9IFBBTkVMX1BBRERJTkdfREVGQVVMVCxcbn0pID0+IHtcbiAgICB1c2VJbnN0cnVtZW50KCdyZW5kZXInLCB7IGNvbXBvbmVudDogUEFORUwgfSk7XG5cbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGdsb2JhbENsYXNzZXMgPSBnbG9iYWxDbGFzc05hbWVzKFt0aGVtZUNsYXNzTmFtZSwgY29sb3JTY2hlbWVDbGFzc05hbWVdKTtcbiAgICBjb25zdCBsb2NhbENsYXNzZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgUEFORUwsIFtzdHJpbmdDbGFzc05hbWVzKCdwYWRkaW5nJywgcGFkZGluZyldKTtcbiAgICBjb25zdCBjbGFzc05hbWVzID0gWy4uLmdsb2JhbENsYXNzZXMsIC4uLmxvY2FsQ2xhc3Nlc107XG5cbiAgICByZXR1cm4gPHNlY3Rpb24gY2xhc3NOYW1lPXtjbGFzc05hbWVzLmpvaW4oJyAnKX0+e2NoaWxkcmVufTwvc2VjdGlvbj47XG59O1xuXG5leHBvcnQgY29uc3QgUGFuZWw6IEZDPFByb3BzPiA9IHdpdGhDb2xvclNjaGVtZSh3aXRoVGhlbWUoUGFuZWxCYXNlKSk7XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7O0FBdUJBLE1BQU0sS0FBSyxHQUFHLE9BQU8sQ0FBQztBQUl0QixNQUFNLFNBQVMsR0FBeUQsQ0FBQyxFQUNyRSxjQUFjLEVBQ2Qsb0JBQW9CLEVBQ3BCLFFBQVEsRUFDUixPQUFPLEdBQUcscUJBQXFCLEdBQ2xDO0lBQ0csYUFBYSxDQUFDLFFBQVEsRUFBRSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO0lBRTlDLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLGFBQWEsR0FBRyxnQkFBZ0IsQ0FBQyxDQUFDLGNBQWMsRUFBRSxvQkFBb0IsQ0FBQyxDQUFDLENBQUM7SUFDL0UsTUFBTSxZQUFZLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLEtBQUssRUFBRSxDQUFDLGdCQUFnQixDQUFDLFNBQVMsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDN0YsTUFBTSxVQUFVLEdBQUcsQ0FBQyxHQUFHLGFBQWEsRUFBRSxHQUFHLFlBQVksQ0FBQyxDQUFDO0lBRXZELE9BQU9BLDBDQUFTLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFHLFFBQVEsQ0FBVyxDQUFDO0FBQzFFLENBQUMsQ0FBQztNQUVXLEtBQUssR0FBYyxlQUFlLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQzs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFuZWwuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1BhbmVsL1BhbmVsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IERhdGFzZXQsIFBhbmVsUGFkZGluZyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIENvbG9yU2NoZW1lUHJvcHMsXG4gICAgVGhlbWVQcm9wcyxcbiAgICBXaXRoQ29sb3JTY2hlbWVQcm9wcyxcbiAgICBXaXRoVGhlbWVQcm9wcyxcbiAgICBnZXREYXRhc2V0UHJvcHMsXG4gICAgZ2xvYmFsQ2xhc3NOYW1lcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHN0cmluZ0NsYXNzTmFtZXMsXG4gICAgdXNlSW5zdHJ1bWVudCxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG4gICAgd2l0aENvbG9yU2NoZW1lLFxuICAgIHdpdGhUaGVtZSxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFBBTkVMX1BBRERJTkdfREVGQVVMVCB9IGZyb20gJy4vY29uc3RhbnRzJztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgT3duUHJvcHMge1xuICAgIHBhZGRpbmc/OiBQYW5lbFBhZGRpbmc7XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG59XG5cbmNvbnN0IFBBTkVMID0gJ1BhbmVsJztcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSBPd25Qcm9wcyAmIFRoZW1lUHJvcHMgJiBDb2xvclNjaGVtZVByb3BzO1xuXG5jb25zdCBQYW5lbEJhc2U6IEZDPE93blByb3BzICYgV2l0aFRoZW1lUHJvcHMgJiBXaXRoQ29sb3JTY2hlbWVQcm9wcz4gPSAoe1xuICAgIGNoaWxkcmVuLFxuICAgIHRoZW1lQ2xhc3NOYW1lLFxuICAgIGNvbG9yU2NoZW1lQ2xhc3NOYW1lLFxuICAgIHBhZGRpbmcgPSBQQU5FTF9QQURESU5HX0RFRkFVTFQsXG4gICAgZGF0YXNldCxcbn0pID0+IHtcbiAgICB1c2VJbnN0cnVtZW50KCdyZW5kZXInLCB7IGNvbXBvbmVudDogUEFORUwgfSk7XG5cbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGdsb2JhbENsYXNzZXMgPSBnbG9iYWxDbGFzc05hbWVzKFt0aGVtZUNsYXNzTmFtZSwgY29sb3JTY2hlbWVDbGFzc05hbWVdKTtcbiAgICBjb25zdCBsb2NhbENsYXNzZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgUEFORUwsIFtzdHJpbmdDbGFzc05hbWVzKCdwYWRkaW5nJywgcGFkZGluZyldKTtcbiAgICBjb25zdCBjbGFzc05hbWVzID0gWy4uLmdsb2JhbENsYXNzZXMsIC4uLmxvY2FsQ2xhc3Nlc107XG4gICAgY29uc3QgcHJvcHMgPSB7IGNsYXNzTmFtZTogY2xhc3NOYW1lcy5qb2luKCcgJyksIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSB9O1xuXG4gICAgcmV0dXJuIDxzZWN0aW9uIHsuLi5wcm9wc30+e2NoaWxkcmVufTwvc2VjdGlvbj47XG59O1xuXG5leHBvcnQgY29uc3QgUGFuZWw6IEZDPFByb3BzPiA9IHdpdGhDb2xvclNjaGVtZSh3aXRoVGhlbWUoUGFuZWxCYXNlKSk7XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7O0FBeUJBLE1BQU0sS0FBSyxHQUFHLE9BQU8sQ0FBQztBQUl0QixNQUFNLFNBQVMsR0FBeUQsQ0FBQyxFQUNyRSxRQUFRLEVBQ1IsY0FBYyxFQUNkLG9CQUFvQixFQUNwQixPQUFPLEdBQUcscUJBQXFCLEVBQy9CLE9BQU8sR0FDVjtJQUNHLGFBQWEsQ0FBQyxRQUFRLEVBQUUsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQztJQUU5QyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxhQUFhLEdBQUcsZ0JBQWdCLENBQUMsQ0FBQyxjQUFjLEVBQUUsb0JBQW9CLENBQUMsQ0FBQyxDQUFDO0lBQy9FLE1BQU0sWUFBWSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxTQUFTLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzdGLE1BQU0sVUFBVSxHQUFHLENBQUMsR0FBRyxhQUFhLEVBQUUsR0FBRyxZQUFZLENBQUMsQ0FBQztJQUN2RCxNQUFNLEtBQUssR0FBRyxFQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLEdBQUcsZUFBZSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7SUFFL0UsT0FBT0EsMERBQWEsS0FBSyxHQUFHLFFBQVEsQ0FBVyxDQUFDO0FBQ3BELENBQUMsQ0FBQztNQUVXLEtBQUssR0FBYyxlQUFlLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQzs7OzsifQ==

package/dist/components/PreplyLogo/PreplyLogo.d.ts

@@ -1,8 +1,9 @@
-import type { PreplyLogoVariant } from '@preply/ds-core';
+import type { Dataset, PreplyLogoVariant } from '@preply/ds-core';
 import { FC } from 'react';
 export interface Props {
     variant?: PreplyLogoVariant;
     iconOnly?: boolean;
     inverted?: boolean;
+    dataset?: Dataset;
 }
 export declare const PreplyLogo: FC<Props>;

package/dist/components/PreplyLogo/PreplyLogo.js

@@ -1,5 +1,5 @@
 import { PREPLY_LOGO_VARIANT_DEFAULT } from '@preply/ds-core';
-import { useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames } from '@preply/ds-web-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';
 import SvgLogo from './svg/logo.svg.js';
@@ -9,16 +9,17 @@ const MODES = {
     COMPLETE: { width: 130, viewBox: '0 0 130 40' },
     ICON_ONLY: { width: 21, viewBox: '0 0 21 40' },
 };
-const PreplyLogo = ({ variant = PREPLY_LOGO_VARIANT_DEFAULT, iconOnly = false, inverted = false, }) => {
+const PreplyLogo = ({ variant = PREPLY_LOGO_VARIANT_DEFAULT, iconOnly = false, inverted = false, dataset, }) => {
     useStyleExtract(styles);
     const classNames = moduleClassNames(styles, PREPLY_LOGO, [
         stringClassNames('variant', variant),
         booleanClassNames('inverted', undefined, inverted),
     ]);
     const { width, viewBox } = iconOnly ? MODES.ICON_ONLY : MODES.COMPLETE;
-    return (React__default.createElement("span", { className: classNames.join(' ') },
+    const props = { className: classNames.join(' '), ...getDatasetProps(dataset) };
+    return (React__default.createElement("span", Object.assign({}, props),
         React__default.createElement(SvgLogo, { role: "img", focusable: "false", "aria-label": "Preply", viewBox: viewBox, width: width })));
 };
 
 export { PreplyLogo };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJlcGx5TG9nby5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvUHJlcGx5TG9nby9QcmVwbHlMb2dvLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFByZXBseUxvZ29WYXJpYW50IH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IFBSRVBMWV9MT0dPX1ZBUklBTlRfREVGQVVMVCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuaW1wb3J0IExvZ29TdmcgZnJvbSAnLi9zdmcvbG9nby5zdmcnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFByb3BzIHtcbiAgICB2YXJpYW50PzogUHJlcGx5TG9nb1ZhcmlhbnQ7XG4gICAgaWNvbk9ubHk/OiBib29sZWFuO1xuICAgIGludmVydGVkPzogYm9vbGVhbjtcbn1cblxuY29uc3QgUFJFUExZX0xPR08gPSAnUHJlcGx5TG9nbyc7XG5cbmNvbnN0IE1PREVTID0ge1xuICAgIENPTVBMRVRFOiB7IHdpZHRoOiAxMzAsIHZpZXdCb3g6ICcwIDAgMTMwIDQwJyB9LFxuICAgIElDT05fT05MWTogeyB3aWR0aDogMjEsIHZpZXdCb3g6ICcwIDAgMjEgNDAnIH0sXG59O1xuXG5leHBvcnQgY29uc3QgUHJlcGx5TG9nbzogRkM8UHJvcHM+ID0gKHtcbiAgICB2YXJpYW50ID0gUFJFUExZX0xPR09fVkFSSUFOVF9ERUZBVUxULFxuICAgIGljb25Pbmx5ID0gZmFsc2UsXG4gICAgaW52ZXJ0ZWQgPSBmYWxzZSxcbn06IFByb3BzKSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIFBSRVBMWV9MT0dPLCBbXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3ZhcmlhbnQnLCB2YXJpYW50KSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2ludmVydGVkJywgdW5kZWZpbmVkLCBpbnZlcnRlZCksXG4gICAgXSk7XG5cbiAgICBjb25zdCB7IHdpZHRoLCB2aWV3Qm94IH0gPSBpY29uT25seSA/IE1PREVTLklDT05fT05MWSA6IE1PREVTLkNPTVBMRVRFO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtjbGFzc05hbWVzLmpvaW4oJyAnKX0+XG4gICAgICAgICAgICA8TG9nb1N2Z1xuICAgICAgICAgICAgICAgIHJvbGU9XCJpbWdcIlxuICAgICAgICAgICAgICAgIGZvY3VzYWJsZT1cImZhbHNlXCJcbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPVwiUHJlcGx5XCJcbiAgICAgICAgICAgICAgICB2aWV3Qm94PXt2aWV3Qm94fVxuICAgICAgICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgIDwvc3Bhbj5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCIsIkxvZ29TdmciXSwibWFwcGluZ3MiOiI7Ozs7OztBQW1CQSxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUM7QUFFakMsTUFBTSxLQUFLLEdBQUc7SUFDVixRQUFRLEVBQUUsRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUU7SUFDL0MsU0FBUyxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFO0NBQ2pELENBQUM7TUFFVyxVQUFVLEdBQWMsQ0FBQyxFQUNsQyxPQUFPLEdBQUcsMkJBQTJCLEVBQ3JDLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLFFBQVEsR0FBRyxLQUFLLEdBQ1o7SUFDSixlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRTtRQUNyRCxnQkFBZ0IsQ0FBQyxTQUFTLEVBQUUsT0FBTyxDQUFDO1FBQ3BDLGlCQUFpQixDQUFDLFVBQVUsRUFBRSxTQUFTLEVBQUUsUUFBUSxDQUFDO0tBQ3JELENBQUMsQ0FBQztJQUVILE1BQU0sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEdBQUcsUUFBUSxHQUFHLEtBQUssQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQztJQUV2RSxRQUNJQSx1Q0FBTSxTQUFTLEVBQUUsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7UUFDakNBLDZCQUFDQyxPQUFPLElBQ0osSUFBSSxFQUFDLEtBQUssRUFDVixTQUFTLEVBQUMsT0FBTyxnQkFDTixRQUFRLEVBQ25CLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLEtBQUssRUFBRSxLQUFLLEdBQ2QsQ0FDQyxFQUNUO0FBQ047Ozs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJlcGx5TG9nby5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvUHJlcGx5TG9nby9QcmVwbHlMb2dvLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IERhdGFzZXQsIFByZXBseUxvZ29WYXJpYW50IH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IFBSRVBMWV9MT0dPX1ZBUklBTlRfREVGQVVMVCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIGdldERhdGFzZXRQcm9wcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHN0cmluZ0NsYXNzTmFtZXMsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcbmltcG9ydCBMb2dvU3ZnIGZyb20gJy4vc3ZnL2xvZ28uc3ZnJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gICAgdmFyaWFudD86IFByZXBseUxvZ29WYXJpYW50O1xuICAgIGljb25Pbmx5PzogYm9vbGVhbjtcbiAgICBpbnZlcnRlZD86IGJvb2xlYW47XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG59XG5cbmNvbnN0IFBSRVBMWV9MT0dPID0gJ1ByZXBseUxvZ28nO1xuXG5jb25zdCBNT0RFUyA9IHtcbiAgICBDT01QTEVURTogeyB3aWR0aDogMTMwLCB2aWV3Qm94OiAnMCAwIDEzMCA0MCcgfSxcbiAgICBJQ09OX09OTFk6IHsgd2lkdGg6IDIxLCB2aWV3Qm94OiAnMCAwIDIxIDQwJyB9LFxufTtcblxuZXhwb3J0IGNvbnN0IFByZXBseUxvZ286IEZDPFByb3BzPiA9ICh7XG4gICAgdmFyaWFudCA9IFBSRVBMWV9MT0dPX1ZBUklBTlRfREVGQVVMVCxcbiAgICBpY29uT25seSA9IGZhbHNlLFxuICAgIGludmVydGVkID0gZmFsc2UsXG4gICAgZGF0YXNldCxcbn06IFByb3BzKSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIFBSRVBMWV9MT0dPLCBbXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3ZhcmlhbnQnLCB2YXJpYW50KSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2ludmVydGVkJywgdW5kZWZpbmVkLCBpbnZlcnRlZCksXG4gICAgXSk7XG5cbiAgICBjb25zdCB7IHdpZHRoLCB2aWV3Qm94IH0gPSBpY29uT25seSA/IE1PREVTLklDT05fT05MWSA6IE1PREVTLkNPTVBMRVRFO1xuICAgIGNvbnN0IHByb3BzID0geyBjbGFzc05hbWU6IGNsYXNzTmFtZXMuam9pbignICcpLCAuLi5nZXREYXRhc2V0UHJvcHMoZGF0YXNldCkgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxzcGFuIHsuLi5wcm9wc30+XG4gICAgICAgICAgICA8TG9nb1N2Z1xuICAgICAgICAgICAgICAgIHJvbGU9XCJpbWdcIlxuICAgICAgICAgICAgICAgIGZvY3VzYWJsZT1cImZhbHNlXCJcbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPVwiUHJlcGx5XCJcbiAgICAgICAgICAgICAgICB2aWV3Qm94PXt2aWV3Qm94fVxuICAgICAgICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgIDwvc3Bhbj5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCIsIkxvZ29TdmciXSwibWFwcGluZ3MiOiI7Ozs7OztBQXFCQSxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUM7QUFFakMsTUFBTSxLQUFLLEdBQUc7SUFDVixRQUFRLEVBQUUsRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUU7SUFDL0MsU0FBUyxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFO0NBQ2pELENBQUM7TUFFVyxVQUFVLEdBQWMsQ0FBQyxFQUNsQyxPQUFPLEdBQUcsMkJBQTJCLEVBQ3JDLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLE9BQU8sR0FDSDtJQUNKLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFO1FBQ3JELGdCQUFnQixDQUFDLFNBQVMsRUFBRSxPQUFPLENBQUM7UUFDcEMsaUJBQWlCLENBQUMsVUFBVSxFQUFFLFNBQVMsRUFBRSxRQUFRLENBQUM7S0FDckQsQ0FBQyxDQUFDO0lBRUgsTUFBTSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsR0FBRyxRQUFRLEdBQUcsS0FBSyxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDO0lBQ3ZFLE1BQU0sS0FBSyxHQUFHLEVBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztJQUUvRSxRQUNJQSx1REFBVSxLQUFLO1FBQ1hBLDZCQUFDQyxPQUFPLElBQ0osSUFBSSxFQUFDLEtBQUssRUFDVixTQUFTLEVBQUMsT0FBTyxnQkFDTixRQUFRLEVBQ25CLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLEtBQUssRUFBRSxLQUFLLEdBQ2QsQ0FDQyxFQUNUO0FBQ047Ozs7In0=

package/dist/components/Text/Text.d.ts

@@ -1,4 +1,4 @@
-import { ColorName, Responsive, TextAccent, TextSize, TextTag, TextVariant } from '@preply/ds-core';
+import { ColorName, Dataset, Responsive, TextAccent, TextSize, TextTag, TextVariant } from '@preply/ds-core';
 import { FC } from 'react';
 export interface Props {
     variant?: Responsive<TextVariant>;
@@ -8,5 +8,6 @@ export interface Props {
     strong?: boolean;
     centered?: Responsive<boolean>;
     tag?: TextTag;
+    dataset?: Dataset;
 }
 export declare const Text: FC<Props>;

package/dist/components/Text/Text.js

@@ -1,10 +1,10 @@
 import { TEXT_TAG_DEFAULT, TEXT_VARIANT_DEFAULT } from '@preply/ds-core';
-import { useInstrument, useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames, useTextAccentClassnames, useColorClassNames, useTextCenteredClassnames } from '@preply/ds-web-core';
+import { useInstrument, useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames, useTextAccentClassnames, useColorClassNames, useTextCenteredClassnames, getDatasetProps } from '@preply/ds-web-core';
 import React__default from 'react';
 import styles from './style/index.module.less.js';
 
 const TEXT = 'Text';
-const Text = ({ children, variant, size, accent, color, strong, centered, tag: Tag = TEXT_TAG_DEFAULT, }) => {
+const Text = ({ children, variant, tag: Tag = TEXT_TAG_DEFAULT, size, accent, color, strong, centered, dataset, }) => {
     useInstrument('render', {
         component: TEXT,
         props: { size, strong },
@@ -29,8 +29,9 @@ const Text = ({ children, variant, size, accent, color, strong, centered, tag: T
         ...colorClassNames,
         ...centeredClassNames,
     ];
-    return React__default.createElement(Tag, { className: allClassNames.join(' ') }, children);
+    const props = { className: allClassNames.join(' '), ...getDatasetProps(dataset) };
+    return React__default.createElement(Tag, Object.assign({}, props), children);
 };
 
 export { Text };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dC9UZXh0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENvbG9yTmFtZSxcbiAgICBSZXNwb25zaXZlLFxuICAgIFRFWFRfVEFHX0RFRkFVTFQsXG4gICAgVEVYVF9WQVJJQU5UX0RFRkFVTFQsXG4gICAgVGV4dEFjY2VudCxcbiAgICBUZXh0U2l6ZSxcbiAgICBUZXh0VGFnLFxuICAgIFRleHRWYXJpYW50LFxufSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBib29sZWFuQ2xhc3NOYW1lcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHN0cmluZ0NsYXNzTmFtZXMsXG4gICAgdXNlQ29sb3JDbGFzc05hbWVzLFxuICAgIHVzZUluc3RydW1lbnQsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxuICAgIHVzZVRleHRBY2NlbnRDbGFzc25hbWVzLFxuICAgIHVzZVRleHRDZW50ZXJlZENsYXNzbmFtZXMsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFByb3BzIHtcbiAgICB2YXJpYW50PzogUmVzcG9uc2l2ZTxUZXh0VmFyaWFudD47XG4gICAgc2l6ZT86IFRleHRTaXplO1xuICAgIGFjY2VudD86IFRleHRBY2NlbnQ7XG4gICAgY29sb3I/OiBDb2xvck5hbWU7XG4gICAgc3Ryb25nPzogYm9vbGVhbjtcbiAgICBjZW50ZXJlZD86IFJlc3BvbnNpdmU8Ym9vbGVhbj47XG4gICAgdGFnPzogVGV4dFRhZztcbn1cblxuY29uc3QgVEVYVCA9ICdUZXh0JztcblxuZXhwb3J0IGNvbnN0IFRleHQ6IEZDPFByb3BzPiA9ICh7XG4gICAgY2hpbGRyZW4sXG4gICAgdmFyaWFudCxcbiAgICBzaXplLFxuICAgIGFjY2VudCxcbiAgICBjb2xvcixcbiAgICBzdHJvbmcsXG4gICAgY2VudGVyZWQsXG4gICAgdGFnOiBUYWcgPSBURVhUX1RBR19ERUZBVUxULFxufSkgPT4ge1xuICAgIHVzZUluc3RydW1lbnQoJ3JlbmRlcicsIHtcbiAgICAgICAgY29tcG9uZW50OiBURVhULFxuICAgICAgICBwcm9wczogeyBzaXplLCBzdHJvbmcgfSxcbiAgICB9KTtcblxuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgYWN0dWFsVmFyaWFudCA9IHZhcmlhbnQgfHwgKHNpemUgPyB1bmRlZmluZWQgOiBURVhUX1ZBUklBTlRfREVGQVVMVCk7XG4gICAgY29uc3QgYWN0dWFsU2l6ZSA9IHZhcmlhbnQgPyB1bmRlZmluZWQgOiBzaXplO1xuICAgIGNvbnN0IGFjdHVhbFN0cm9uZyA9IHZhcmlhbnQgPyB1bmRlZmluZWQgOiBzdHJvbmc7XG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBURVhULCBbXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3ZhcmlhbnQnLCBhY3R1YWxWYXJpYW50KSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnc2l6ZScsIGFjdHVhbFNpemUpLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnc3Ryb25nJywgdW5kZWZpbmVkLCBhY3R1YWxTdHJvbmcpLFxuICAgIF0pO1xuXG4gICAgY29uc3QgYWN0dWFsQ29sb3IgPSBhY2NlbnQgPyB1bmRlZmluZWQgOiBjb2xvcjtcbiAgICBjb25zdCB1c2VEZWZhdWx0QWNjZW50ID0gIWFjdHVhbENvbG9yO1xuICAgIGNvbnN0IGFjY2VudENsYXNzTmFtZXMgPSB1c2VUZXh0QWNjZW50Q2xhc3NuYW1lcyh1c2VEZWZhdWx0QWNjZW50LCBhY2NlbnQpO1xuICAgIGNvbnN0IGNvbG9yQ2xhc3NOYW1lcyA9IHVzZUNvbG9yQ2xhc3NOYW1lcyhhY3R1YWxDb2xvcik7XG4gICAgY29uc3QgY2VudGVyZWRDbGFzc05hbWVzID0gdXNlVGV4dENlbnRlcmVkQ2xhc3NuYW1lcyhjZW50ZXJlZCk7XG5cbiAgICBjb25zdCBhbGxDbGFzc05hbWVzID0gW1xuICAgICAgICAuLi5jbGFzc05hbWVzLFxuICAgICAgICAuLi5hY2NlbnRDbGFzc05hbWVzLFxuICAgICAgICAuLi5jb2xvckNsYXNzTmFtZXMsXG4gICAgICAgIC4uLmNlbnRlcmVkQ2xhc3NOYW1lcyxcbiAgICBdO1xuXG4gICAgcmV0dXJuIDxUYWcgY2xhc3NOYW1lPXthbGxDbGFzc05hbWVzLmpvaW4oJyAnKX0+e2NoaWxkcmVufTwvVGFnPjtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7O0FBa0NBLE1BQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQztNQUVQLElBQUksR0FBYyxDQUFDLEVBQzVCLFFBQVEsRUFDUixPQUFPLEVBQ1AsSUFBSSxFQUNKLE1BQU0sRUFDTixLQUFLLEVBQ0wsTUFBTSxFQUNOLFFBQVEsRUFDUixHQUFHLEVBQUUsR0FBRyxHQUFHLGdCQUFnQixHQUM5QjtJQUNHLGFBQWEsQ0FBQyxRQUFRLEVBQUU7UUFDcEIsU0FBUyxFQUFFLElBQUk7UUFDZixLQUFLLEVBQUUsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFO0tBQzFCLENBQUMsQ0FBQztJQUVILGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLGFBQWEsR0FBRyxPQUFPLEtBQUssSUFBSSxHQUFHLFNBQVMsR0FBRyxvQkFBb0IsQ0FBQyxDQUFDO0lBQzNFLE1BQU0sVUFBVSxHQUFHLE9BQU8sR0FBRyxTQUFTLEdBQUcsSUFBSSxDQUFDO0lBQzlDLE1BQU0sWUFBWSxHQUFHLE9BQU8sR0FBRyxTQUFTLEdBQUcsTUFBTSxDQUFDO0lBQ2xELE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUU7UUFDOUMsZ0JBQWdCLENBQUMsU0FBUyxFQUFFLGFBQWEsQ0FBQztRQUMxQyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsVUFBVSxDQUFDO1FBQ3BDLGlCQUFpQixDQUFDLFFBQVEsRUFBRSxTQUFTLEVBQUUsWUFBWSxDQUFDO0tBQ3ZELENBQUMsQ0FBQztJQUVILE1BQU0sV0FBVyxHQUFHLE1BQU0sR0FBRyxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBQy9DLE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxXQUFXLENBQUM7SUFDdEMsTUFBTSxnQkFBZ0IsR0FBRyx1QkFBdUIsQ0FBQyxnQkFBZ0IsRUFBRSxNQUFNLENBQUMsQ0FBQztJQUMzRSxNQUFNLGVBQWUsR0FBRyxrQkFBa0IsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUN4RCxNQUFNLGtCQUFrQixHQUFHLHlCQUF5QixDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBRS9ELE1BQU0sYUFBYSxHQUFHO1FBQ2xCLEdBQUcsVUFBVTtRQUNiLEdBQUcsZ0JBQWdCO1FBQ25CLEdBQUcsZUFBZTtRQUNsQixHQUFHLGtCQUFrQjtLQUN4QixDQUFDO0lBRUYsT0FBT0EsNkJBQUMsR0FBRyxJQUFDLFNBQVMsRUFBRSxhQUFhLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFHLFFBQVEsQ0FBTyxDQUFDO0FBQ3JFOzs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dC9UZXh0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENvbG9yTmFtZSxcbiAgICBEYXRhc2V0LFxuICAgIFJlc3BvbnNpdmUsXG4gICAgVEVYVF9UQUdfREVGQVVMVCxcbiAgICBURVhUX1ZBUklBTlRfREVGQVVMVCxcbiAgICBUZXh0QWNjZW50LFxuICAgIFRleHRTaXplLFxuICAgIFRleHRUYWcsXG4gICAgVGV4dFZhcmlhbnQsXG59IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIGdldERhdGFzZXRQcm9wcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHN0cmluZ0NsYXNzTmFtZXMsXG4gICAgdXNlQ29sb3JDbGFzc05hbWVzLFxuICAgIHVzZUluc3RydW1lbnQsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxuICAgIHVzZVRleHRBY2NlbnRDbGFzc25hbWVzLFxuICAgIHVzZVRleHRDZW50ZXJlZENsYXNzbmFtZXMsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFByb3BzIHtcbiAgICB2YXJpYW50PzogUmVzcG9uc2l2ZTxUZXh0VmFyaWFudD47XG4gICAgc2l6ZT86IFRleHRTaXplO1xuICAgIGFjY2VudD86IFRleHRBY2NlbnQ7XG4gICAgY29sb3I/OiBDb2xvck5hbWU7XG4gICAgc3Ryb25nPzogYm9vbGVhbjtcbiAgICBjZW50ZXJlZD86IFJlc3BvbnNpdmU8Ym9vbGVhbj47XG4gICAgdGFnPzogVGV4dFRhZztcbiAgICBkYXRhc2V0PzogRGF0YXNldDtcbn1cblxuY29uc3QgVEVYVCA9ICdUZXh0JztcblxuZXhwb3J0IGNvbnN0IFRleHQ6IEZDPFByb3BzPiA9ICh7XG4gICAgY2hpbGRyZW4sXG4gICAgdmFyaWFudCxcbiAgICB0YWc6IFRhZyA9IFRFWFRfVEFHX0RFRkFVTFQsXG4gICAgc2l6ZSxcbiAgICBhY2NlbnQsXG4gICAgY29sb3IsXG4gICAgc3Ryb25nLFxuICAgIGNlbnRlcmVkLFxuICAgIGRhdGFzZXQsXG59KSA9PiB7XG4gICAgdXNlSW5zdHJ1bWVudCgncmVuZGVyJywge1xuICAgICAgICBjb21wb25lbnQ6IFRFWFQsXG4gICAgICAgIHByb3BzOiB7IHNpemUsIHN0cm9uZyB9LFxuICAgIH0pO1xuXG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBhY3R1YWxWYXJpYW50ID0gdmFyaWFudCB8fCAoc2l6ZSA/IHVuZGVmaW5lZCA6IFRFWFRfVkFSSUFOVF9ERUZBVUxUKTtcbiAgICBjb25zdCBhY3R1YWxTaXplID0gdmFyaWFudCA/IHVuZGVmaW5lZCA6IHNpemU7XG4gICAgY29uc3QgYWN0dWFsU3Ryb25nID0gdmFyaWFudCA/IHVuZGVmaW5lZCA6IHN0cm9uZztcbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIFRFWFQsIFtcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygndmFyaWFudCcsIGFjdHVhbFZhcmlhbnQpLFxuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdzaXplJywgYWN0dWFsU2l6ZSksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdzdHJvbmcnLCB1bmRlZmluZWQsIGFjdHVhbFN0cm9uZyksXG4gICAgXSk7XG5cbiAgICBjb25zdCBhY3R1YWxDb2xvciA9IGFjY2VudCA/IHVuZGVmaW5lZCA6IGNvbG9yO1xuICAgIGNvbnN0IHVzZURlZmF1bHRBY2NlbnQgPSAhYWN0dWFsQ29sb3I7XG4gICAgY29uc3QgYWNjZW50Q2xhc3NOYW1lcyA9IHVzZVRleHRBY2NlbnRDbGFzc25hbWVzKHVzZURlZmF1bHRBY2NlbnQsIGFjY2VudCk7XG4gICAgY29uc3QgY29sb3JDbGFzc05hbWVzID0gdXNlQ29sb3JDbGFzc05hbWVzKGFjdHVhbENvbG9yKTtcbiAgICBjb25zdCBjZW50ZXJlZENsYXNzTmFtZXMgPSB1c2VUZXh0Q2VudGVyZWRDbGFzc25hbWVzKGNlbnRlcmVkKTtcblxuICAgIGNvbnN0IGFsbENsYXNzTmFtZXMgPSBbXG4gICAgICAgIC4uLmNsYXNzTmFtZXMsXG4gICAgICAgIC4uLmFjY2VudENsYXNzTmFtZXMsXG4gICAgICAgIC4uLmNvbG9yQ2xhc3NOYW1lcyxcbiAgICAgICAgLi4uY2VudGVyZWRDbGFzc05hbWVzLFxuICAgIF07XG5cbiAgICBjb25zdCBwcm9wcyA9IHsgY2xhc3NOYW1lOiBhbGxDbGFzc05hbWVzLmpvaW4oJyAnKSwgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpIH07XG5cbiAgICByZXR1cm4gPFRhZyB7Li4ucHJvcHN9PntjaGlsZHJlbn08L1RhZz47XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQXFDQSxNQUFNLElBQUksR0FBRyxNQUFNLENBQUM7TUFFUCxJQUFJLEdBQWMsQ0FBQyxFQUM1QixRQUFRLEVBQ1IsT0FBTyxFQUNQLEdBQUcsRUFBRSxHQUFHLEdBQUcsZ0JBQWdCLEVBQzNCLElBQUksRUFDSixNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sRUFDTixRQUFRLEVBQ1IsT0FBTyxHQUNWO0lBQ0csYUFBYSxDQUFDLFFBQVEsRUFBRTtRQUNwQixTQUFTLEVBQUUsSUFBSTtRQUNmLEtBQUssRUFBRSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUU7S0FDMUIsQ0FBQyxDQUFDO0lBRUgsZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE1BQU0sYUFBYSxHQUFHLE9BQU8sS0FBSyxJQUFJLEdBQUcsU0FBUyxHQUFHLG9CQUFvQixDQUFDLENBQUM7SUFDM0UsTUFBTSxVQUFVLEdBQUcsT0FBTyxHQUFHLFNBQVMsR0FBRyxJQUFJLENBQUM7SUFDOUMsTUFBTSxZQUFZLEdBQUcsT0FBTyxHQUFHLFNBQVMsR0FBRyxNQUFNLENBQUM7SUFDbEQsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksRUFBRTtRQUM5QyxnQkFBZ0IsQ0FBQyxTQUFTLEVBQUUsYUFBYSxDQUFDO1FBQzFDLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxVQUFVLENBQUM7UUFDcEMsaUJBQWlCLENBQUMsUUFBUSxFQUFFLFNBQVMsRUFBRSxZQUFZLENBQUM7S0FDdkQsQ0FBQyxDQUFDO0lBRUgsTUFBTSxXQUFXLEdBQUcsTUFBTSxHQUFHLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFDL0MsTUFBTSxnQkFBZ0IsR0FBRyxDQUFDLFdBQVcsQ0FBQztJQUN0QyxNQUFNLGdCQUFnQixHQUFHLHVCQUF1QixDQUFDLGdCQUFnQixFQUFFLE1BQU0sQ0FBQyxDQUFDO0lBQzNFLE1BQU0sZUFBZSxHQUFHLGtCQUFrQixDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ3hELE1BQU0sa0JBQWtCLEdBQUcseUJBQXlCLENBQUMsUUFBUSxDQUFDLENBQUM7SUFFL0QsTUFBTSxhQUFhLEdBQUc7UUFDbEIsR0FBRyxVQUFVO1FBQ2IsR0FBRyxnQkFBZ0I7UUFDbkIsR0FBRyxlQUFlO1FBQ2xCLEdBQUcsa0JBQWtCO0tBQ3hCLENBQUM7SUFFRixNQUFNLEtBQUssR0FBRyxFQUFFLFNBQVMsRUFBRSxhQUFhLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLEdBQUcsZUFBZSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7SUFFbEYsT0FBT0EsNkJBQUMsR0FBRyxvQkFBSyxLQUFLLEdBQUcsUUFBUSxDQUFPLENBQUM7QUFDNUM7Ozs7In0=

package/dist/components/TextHighlighted/TextHighlighted.d.ts

@@ -1,7 +1,8 @@
-import type { TextHighlight, TextInlineTag } from '@preply/ds-core';
+import type { Dataset, TextHighlight, TextInlineTag } from '@preply/ds-core';
 import { FC } from 'react';
 export interface Props {
     highlight?: TextHighlight;
     tag?: TextInlineTag;
+    dataset?: Dataset;
 }
 export declare const TextHighlighted: FC<Props>;

package/dist/components/TextHighlighted/TextHighlighted.js

@@ -1,16 +1,17 @@
 import { TEXT_HIGHLIGHT_DEFAULT, TEXT_INLINE_TAG_DEFAULT } from '@preply/ds-core';
-import { useStyleExtract, moduleClassNames, stringClassNames } from '@preply/ds-web-core';
+import { useStyleExtract, moduleClassNames, stringClassNames, getDatasetProps } from '@preply/ds-web-core';
 import React__default from 'react';
 import styles from './style/index.module.less.js';
 
 const TEXT_HIGHLIGHTED = 'TextHighlighted';
-const TextHighlighted = ({ children, highlight = TEXT_HIGHLIGHT_DEFAULT, tag: Tag = TEXT_INLINE_TAG_DEFAULT, }) => {
+const TextHighlighted = ({ children, highlight = TEXT_HIGHLIGHT_DEFAULT, tag: Tag = TEXT_INLINE_TAG_DEFAULT, dataset, }) => {
     useStyleExtract(styles);
     const classNames = moduleClassNames(styles, TEXT_HIGHLIGHTED, [
         stringClassNames('highlight', highlight),
     ]);
-    return React__default.createElement(Tag, { className: classNames.join(' ') }, children);
+    const props = { className: classNames.join(' '), ...getDatasetProps(dataset) };
+    return React__default.createElement(Tag, Object.assign({}, props), children);
 };
 
 export { TextHighlighted };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dEhpZ2hsaWdodGVkLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZXh0SGlnaGxpZ2h0ZWQvVGV4dEhpZ2hsaWdodGVkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRleHRIaWdobGlnaHQsIFRleHRJbmxpbmVUYWcgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgVEVYVF9ISUdITElHSFRfREVGQVVMVCwgVEVYVF9JTkxJTkVfVEFHX0RFRkFVTFQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgbW9kdWxlQ2xhc3NOYW1lcywgc3RyaW5nQ2xhc3NOYW1lcywgdXNlU3R5bGVFeHRyYWN0IH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIGhpZ2hsaWdodD86IFRleHRIaWdobGlnaHQ7XG4gICAgdGFnPzogVGV4dElubGluZVRhZztcbn1cblxuY29uc3QgVEVYVF9ISUdITElHSFRFRCA9ICdUZXh0SGlnaGxpZ2h0ZWQnO1xuXG5leHBvcnQgY29uc3QgVGV4dEhpZ2hsaWdodGVkOiBGQzxQcm9wcz4gPSAoe1xuICAgIGNoaWxkcmVuLFxuICAgIGhpZ2hsaWdodCA9IFRFWFRfSElHSExJR0hUX0RFRkFVTFQsXG4gICAgdGFnOiBUYWcgPSBURVhUX0lOTElORV9UQUdfREVGQVVMVCxcbn0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgVEVYVF9ISUdITElHSFRFRCwgW1xuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdoaWdobGlnaHQnLCBoaWdobGlnaHQpLFxuICAgIF0pO1xuXG4gICAgcmV0dXJuIDxUYWcgY2xhc3NOYW1lPXtjbGFzc05hbWVzLmpvaW4oJyAnKX0+e2NoaWxkcmVufTwvVGFnPjtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7O0FBWUEsTUFBTSxnQkFBZ0IsR0FBRyxpQkFBaUIsQ0FBQztNQUU5QixlQUFlLEdBQWMsQ0FBQyxFQUN2QyxRQUFRLEVBQ1IsU0FBUyxHQUFHLHNCQUFzQixFQUNsQyxHQUFHLEVBQUUsR0FBRyxHQUFHLHVCQUF1QixHQUNyQztJQUNHLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsZ0JBQWdCLEVBQUU7UUFDMUQsZ0JBQWdCLENBQUMsV0FBVyxFQUFFLFNBQVMsQ0FBQztLQUMzQyxDQUFDLENBQUM7SUFFSCxPQUFPQSw2QkFBQyxHQUFHLElBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUcsUUFBUSxDQUFPLENBQUM7QUFDbEU7Ozs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dEhpZ2hsaWdodGVkLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZXh0SGlnaGxpZ2h0ZWQvVGV4dEhpZ2hsaWdodGVkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IERhdGFzZXQsIFRleHRIaWdobGlnaHQsIFRleHRJbmxpbmVUYWcgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgVEVYVF9ISUdITElHSFRfREVGQVVMVCwgVEVYVF9JTkxJTkVfVEFHX0RFRkFVTFQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBnZXREYXRhc2V0UHJvcHMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBzdHJpbmdDbGFzc05hbWVzLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIGhpZ2hsaWdodD86IFRleHRIaWdobGlnaHQ7XG4gICAgdGFnPzogVGV4dElubGluZVRhZztcbiAgICBkYXRhc2V0PzogRGF0YXNldDtcbn1cblxuY29uc3QgVEVYVF9ISUdITElHSFRFRCA9ICdUZXh0SGlnaGxpZ2h0ZWQnO1xuXG5leHBvcnQgY29uc3QgVGV4dEhpZ2hsaWdodGVkOiBGQzxQcm9wcz4gPSAoe1xuICAgIGNoaWxkcmVuLFxuICAgIGhpZ2hsaWdodCA9IFRFWFRfSElHSExJR0hUX0RFRkFVTFQsXG4gICAgdGFnOiBUYWcgPSBURVhUX0lOTElORV9UQUdfREVGQVVMVCxcbiAgICBkYXRhc2V0LFxufSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBURVhUX0hJR0hMSUdIVEVELCBbXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ2hpZ2hsaWdodCcsIGhpZ2hsaWdodCksXG4gICAgXSk7XG4gICAgY29uc3QgcHJvcHMgPSB7IGNsYXNzTmFtZTogY2xhc3NOYW1lcy5qb2luKCcgJyksIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSB9O1xuXG4gICAgcmV0dXJuIDxUYWcgey4uLnByb3BzfT57Y2hpbGRyZW59PC9UYWc+O1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFrQkEsTUFBTSxnQkFBZ0IsR0FBRyxpQkFBaUIsQ0FBQztNQUU5QixlQUFlLEdBQWMsQ0FBQyxFQUN2QyxRQUFRLEVBQ1IsU0FBUyxHQUFHLHNCQUFzQixFQUNsQyxHQUFHLEVBQUUsR0FBRyxHQUFHLHVCQUF1QixFQUNsQyxPQUFPLEdBQ1Y7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLGdCQUFnQixFQUFFO1FBQzFELGdCQUFnQixDQUFDLFdBQVcsRUFBRSxTQUFTLENBQUM7S0FDM0MsQ0FBQyxDQUFDO0lBQ0gsTUFBTSxLQUFLLEdBQUcsRUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxHQUFHLGVBQWUsQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO0lBRS9FLE9BQU9BLDZCQUFDLEdBQUcsb0JBQUssS0FBSyxHQUFHLFFBQVEsQ0FBTyxDQUFDO0FBQzVDOzs7OyJ9

package/dist/components/TextInline/TextInline.d.ts

@@ -1,4 +1,4 @@
-import type { ColorName, TextAccent, TextInlineTag, TextWeight } from '@preply/ds-core';
+import type { ColorName, Dataset, TextAccent, TextInlineTag, TextWeight } from '@preply/ds-core';
 import { FC } from 'react';
 export interface Props {
     accent?: TextAccent;
@@ -6,5 +6,6 @@ export interface Props {
     weight?: TextWeight;
     italic?: boolean;
     tag?: TextInlineTag;
+    dataset?: Dataset;
 }
 export declare const TextInline: FC<Props>;

package/dist/components/TextInline/TextInline.js

@@ -1,10 +1,10 @@
 import { TEXT_WEIGHT_DEFAULT, TEXT_INLINE_TAG_DEFAULT } from '@preply/ds-core';
-import { useStyleExtract, moduleClassNames, booleanClassNames, useTextAccentClassnames, useColorClassNames, useTextWeightClassNames } from '@preply/ds-web-core';
+import { useStyleExtract, moduleClassNames, booleanClassNames, useTextAccentClassnames, useColorClassNames, useTextWeightClassNames, getDatasetProps } from '@preply/ds-web-core';
 import React__default from 'react';
 import styles from './style/index.module.less.js';
 
 const TEXT_INLINE = 'TextInline';
-const TextInline = ({ children, accent, color, weight = TEXT_WEIGHT_DEFAULT, italic = false, tag: Tag = TEXT_INLINE_TAG_DEFAULT, }) => {
+const TextInline = ({ children, accent, color, weight = TEXT_WEIGHT_DEFAULT, italic = false, tag: Tag = TEXT_INLINE_TAG_DEFAULT, dataset, }) => {
     useStyleExtract(styles);
     const classNames = moduleClassNames(styles, TEXT_INLINE, [
         booleanClassNames('italic', undefined, italic),
@@ -20,8 +20,9 @@ const TextInline = ({ children, accent, color, weight = TEXT_WEIGHT_DEFAULT, ita
         ...colorClassNames,
         ...weightClassNames,
     ];
-    return React__default.createElement(Tag, { className: allClassNames.join(' ') }, children);
+    const props = { className: allClassNames.join(' '), ...getDatasetProps(dataset) };
+    return React__default.createElement(Tag, Object.assign({}, props), children);
 };
 
 export { TextInline };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dElubGluZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dElubGluZS9UZXh0SW5saW5lLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yTmFtZSwgVGV4dEFjY2VudCwgVGV4dElubGluZVRhZywgVGV4dFdlaWdodCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBURVhUX0lOTElORV9UQUdfREVGQVVMVCwgVEVYVF9XRUlHSFRfREVGQVVMVCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgdXNlQ29sb3JDbGFzc05hbWVzLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbiAgICB1c2VUZXh0QWNjZW50Q2xhc3NuYW1lcyxcbiAgICB1c2VUZXh0V2VpZ2h0Q2xhc3NOYW1lcyxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIGFjY2VudD86IFRleHRBY2NlbnQ7XG4gICAgY29sb3I/OiBDb2xvck5hbWU7XG4gICAgd2VpZ2h0PzogVGV4dFdlaWdodDtcbiAgICBpdGFsaWM/OiBib29sZWFuO1xuICAgIHRhZz86IFRleHRJbmxpbmVUYWc7XG59XG5cbmNvbnN0IFRFWFRfSU5MSU5FID0gJ1RleHRJbmxpbmUnO1xuXG5leHBvcnQgY29uc3QgVGV4dElubGluZTogRkM8UHJvcHM+ID0gKHtcbiAgICBjaGlsZHJlbixcbiAgICBhY2NlbnQsXG4gICAgY29sb3IsXG4gICAgd2VpZ2h0ID0gVEVYVF9XRUlHSFRfREVGQVVMVCxcbiAgICBpdGFsaWMgPSBmYWxzZSxcbiAgICB0YWc6IFRhZyA9IFRFWFRfSU5MSU5FX1RBR19ERUZBVUxULFxufSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBURVhUX0lOTElORSwgW1xuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnaXRhbGljJywgdW5kZWZpbmVkLCBpdGFsaWMpLFxuICAgIF0pO1xuXG4gICAgY29uc3QgYWN0dWFsQ29sb3IgPSBhY2NlbnQgPyB1bmRlZmluZWQgOiBjb2xvcjtcbiAgICBjb25zdCB1c2VEZWZhdWx0QWNjZW50ID0gIWFjdHVhbENvbG9yO1xuICAgIGNvbnN0IGFjY2VudENsYXNzTmFtZXMgPSB1c2VUZXh0QWNjZW50Q2xhc3NuYW1lcyh1c2VEZWZhdWx0QWNjZW50LCBhY2NlbnQpO1xuICAgIGNvbnN0IGNvbG9yQ2xhc3NOYW1lcyA9IHVzZUNvbG9yQ2xhc3NOYW1lcyhhY3R1YWxDb2xvcik7XG4gICAgY29uc3Qgd2VpZ2h0Q2xhc3NOYW1lcyA9IHVzZVRleHRXZWlnaHRDbGFzc05hbWVzKHdlaWdodCk7XG5cbiAgICBjb25zdCBhbGxDbGFzc05hbWVzID0gW1xuICAgICAgICAuLi5jbGFzc05hbWVzLFxuICAgICAgICAuLi5hY2NlbnRDbGFzc05hbWVzLFxuICAgICAgICAuLi5jb2xvckNsYXNzTmFtZXMsXG4gICAgICAgIC4uLndlaWdodENsYXNzTmFtZXMsXG4gICAgXTtcblxuICAgIHJldHVybiA8VGFnIGNsYXNzTmFtZT17YWxsQ2xhc3NOYW1lcy5qb2luKCcgJyl9PntjaGlsZHJlbn08L1RhZz47XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQXNCQSxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUM7TUFFcEIsVUFBVSxHQUFjLENBQUMsRUFDbEMsUUFBUSxFQUNSLE1BQU0sRUFDTixLQUFLLEVBQ0wsTUFBTSxHQUFHLG1CQUFtQixFQUM1QixNQUFNLEdBQUcsS0FBSyxFQUNkLEdBQUcsRUFBRSxHQUFHLEdBQUcsdUJBQXVCLEdBQ3JDO0lBQ0csZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxXQUFXLEVBQUU7UUFDckQsaUJBQWlCLENBQUMsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUM7S0FDakQsQ0FBQyxDQUFDO0lBRUgsTUFBTSxXQUFXLEdBQUcsTUFBTSxHQUFHLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFDL0MsTUFBTSxnQkFBZ0IsR0FBRyxDQUFDLFdBQVcsQ0FBQztJQUN0QyxNQUFNLGdCQUFnQixHQUFHLHVCQUF1QixDQUFDLGdCQUFnQixFQUFFLE1BQU0sQ0FBQyxDQUFDO0lBQzNFLE1BQU0sZUFBZSxHQUFHLGtCQUFrQixDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ3hELE1BQU0sZ0JBQWdCLEdBQUcsdUJBQXVCLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFekQsTUFBTSxhQUFhLEdBQUc7UUFDbEIsR0FBRyxVQUFVO1FBQ2IsR0FBRyxnQkFBZ0I7UUFDbkIsR0FBRyxlQUFlO1FBQ2xCLEdBQUcsZ0JBQWdCO0tBQ3RCLENBQUM7SUFFRixPQUFPQSw2QkFBQyxHQUFHLElBQUMsU0FBUyxFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUcsUUFBUSxDQUFPLENBQUM7QUFDckU7Ozs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dElubGluZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dElubGluZS9UZXh0SW5saW5lLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yTmFtZSwgRGF0YXNldCwgVGV4dEFjY2VudCwgVGV4dElubGluZVRhZywgVGV4dFdlaWdodCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBURVhUX0lOTElORV9UQUdfREVGQVVMVCwgVEVYVF9XRUlHSFRfREVGQVVMVCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIGdldERhdGFzZXRQcm9wcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHVzZUNvbG9yQ2xhc3NOYW1lcyxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG4gICAgdXNlVGV4dEFjY2VudENsYXNzbmFtZXMsXG4gICAgdXNlVGV4dFdlaWdodENsYXNzTmFtZXMsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFByb3BzIHtcbiAgICBhY2NlbnQ/OiBUZXh0QWNjZW50O1xuICAgIGNvbG9yPzogQ29sb3JOYW1lO1xuICAgIHdlaWdodD86IFRleHRXZWlnaHQ7XG4gICAgaXRhbGljPzogYm9vbGVhbjtcbiAgICB0YWc/OiBUZXh0SW5saW5lVGFnO1xuICAgIGRhdGFzZXQ/OiBEYXRhc2V0O1xufVxuXG5jb25zdCBURVhUX0lOTElORSA9ICdUZXh0SW5saW5lJztcblxuZXhwb3J0IGNvbnN0IFRleHRJbmxpbmU6IEZDPFByb3BzPiA9ICh7XG4gICAgY2hpbGRyZW4sXG4gICAgYWNjZW50LFxuICAgIGNvbG9yLFxuICAgIHdlaWdodCA9IFRFWFRfV0VJR0hUX0RFRkFVTFQsXG4gICAgaXRhbGljID0gZmFsc2UsXG4gICAgdGFnOiBUYWcgPSBURVhUX0lOTElORV9UQUdfREVGQVVMVCxcbiAgICBkYXRhc2V0LFxufSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBURVhUX0lOTElORSwgW1xuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnaXRhbGljJywgdW5kZWZpbmVkLCBpdGFsaWMpLFxuICAgIF0pO1xuXG4gICAgY29uc3QgYWN0dWFsQ29sb3IgPSBhY2NlbnQgPyB1bmRlZmluZWQgOiBjb2xvcjtcbiAgICBjb25zdCB1c2VEZWZhdWx0QWNjZW50ID0gIWFjdHVhbENvbG9yO1xuICAgIGNvbnN0IGFjY2VudENsYXNzTmFtZXMgPSB1c2VUZXh0QWNjZW50Q2xhc3NuYW1lcyh1c2VEZWZhdWx0QWNjZW50LCBhY2NlbnQpO1xuICAgIGNvbnN0IGNvbG9yQ2xhc3NOYW1lcyA9IHVzZUNvbG9yQ2xhc3NOYW1lcyhhY3R1YWxDb2xvcik7XG4gICAgY29uc3Qgd2VpZ2h0Q2xhc3NOYW1lcyA9IHVzZVRleHRXZWlnaHRDbGFzc05hbWVzKHdlaWdodCk7XG5cbiAgICBjb25zdCBhbGxDbGFzc05hbWVzID0gW1xuICAgICAgICAuLi5jbGFzc05hbWVzLFxuICAgICAgICAuLi5hY2NlbnRDbGFzc05hbWVzLFxuICAgICAgICAuLi5jb2xvckNsYXNzTmFtZXMsXG4gICAgICAgIC4uLndlaWdodENsYXNzTmFtZXMsXG4gICAgXTtcbiAgICBjb25zdCBwcm9wcyA9IHsgY2xhc3NOYW1lOiBhbGxDbGFzc05hbWVzLmpvaW4oJyAnKSwgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpIH07XG5cbiAgICByZXR1cm4gPFRhZyB7Li4ucHJvcHN9PntjaGlsZHJlbn08L1RhZz47XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQXdCQSxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUM7TUFFcEIsVUFBVSxHQUFjLENBQUMsRUFDbEMsUUFBUSxFQUNSLE1BQU0sRUFDTixLQUFLLEVBQ0wsTUFBTSxHQUFHLG1CQUFtQixFQUM1QixNQUFNLEdBQUcsS0FBSyxFQUNkLEdBQUcsRUFBRSxHQUFHLEdBQUcsdUJBQXVCLEVBQ2xDLE9BQU8sR0FDVjtJQUNHLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFO1FBQ3JELGlCQUFpQixDQUFDLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxDQUFDO0tBQ2pELENBQUMsQ0FBQztJQUVILE1BQU0sV0FBVyxHQUFHLE1BQU0sR0FBRyxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBQy9DLE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxXQUFXLENBQUM7SUFDdEMsTUFBTSxnQkFBZ0IsR0FBRyx1QkFBdUIsQ0FBQyxnQkFBZ0IsRUFBRSxNQUFNLENBQUMsQ0FBQztJQUMzRSxNQUFNLGVBQWUsR0FBRyxrQkFBa0IsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUN4RCxNQUFNLGdCQUFnQixHQUFHLHVCQUF1QixDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXpELE1BQU0sYUFBYSxHQUFHO1FBQ2xCLEdBQUcsVUFBVTtRQUNiLEdBQUcsZ0JBQWdCO1FBQ25CLEdBQUcsZUFBZTtRQUNsQixHQUFHLGdCQUFnQjtLQUN0QixDQUFDO0lBQ0YsTUFBTSxLQUFLLEdBQUcsRUFBRSxTQUFTLEVBQUUsYUFBYSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxHQUFHLGVBQWUsQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO0lBRWxGLE9BQU9BLDZCQUFDLEdBQUcsb0JBQUssS0FBSyxHQUFHLFFBQVEsQ0FBTyxDQUFDO0FBQzVDOzs7OyJ9

package/dist/components/index.d.ts

@@ -1,5 +1,6 @@
 export { Avatar } from './Avatar/Avatar';
 export { AvatarWithStatus } from './AvatarWithStatus/AvatarWithStatus';
+export { Box } from './Box/Box';
 export { Button } from './Button/Button';
 export { Heading } from './Heading/Heading';
 export { Icon } from './Icon/Icon';
@@ -7,6 +8,7 @@ export { IconButton } from './IconButton/IconButton';
 export { LayoutFlex } from './LayoutFlex/LayoutFlex';
 export { LayoutFlexItem } from './LayoutFlexItem/LayoutFlexItem';
 export { LayoutGrid } from './LayoutGrid/LayoutGrid';
+export { LayoutGridItem } from './LayoutGridItem/LayoutGridItem';
 export { Link } from './Link/Link';
 export { Panel } from './Panel/Panel';
 export { PanelHeader } from './Panel/private/PanelHeader';

package/dist/components/index.js

@@ -1,5 +1,6 @@
 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 { Heading } from './Heading/Heading.js';
 export { Icon } from './Icon/Icon.js';
@@ -7,6 +8,7 @@ export { IconButton } from './IconButton/IconButton.js';
 export { LayoutFlex } from './LayoutFlex/LayoutFlex.js';
 export { LayoutFlexItem } from './LayoutFlexItem/LayoutFlexItem.js';
 export { LayoutGrid } from './LayoutGrid/LayoutGrid.js';
+export { LayoutGridItem } from './LayoutGridItem/LayoutGridItem.js';
 export { Link } from './Link/Link.js';
 export { Panel } from './Panel/Panel.js';
 export { PanelHeader } from './Panel/private/PanelHeader.js';
@@ -17,4 +19,4 @@ export { PreplyLogo } from './PreplyLogo/PreplyLogo.js';
 export { Text } from './Text/Text.js';
 export { TextHighlighted } from './TextHighlighted/TextHighlighted.js';
 export { TextInline } from './TextInline/TextInline.js';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==

package/dist/components/private/ButtonBase/ButtonBase.d.ts

@@ -13,7 +13,7 @@ export interface ButtonBaseProps {
     onClick?: (event: MouseEvent) => void;
     disabled?: boolean;
     busy?: boolean;
-    dataset?: Dataset;
     isIconButton: boolean;
+    dataset?: Dataset;
 }
 export declare const ButtonBase: FC<ButtonBaseProps>;

package/dist/components/private/ButtonBase/ButtonBase.js

@@ -13,7 +13,7 @@ const renderContent = ({ children, busy }) => {
         busy && (React__default.createElement("span", { className: busyClassNames.join(' ') },
             React__default.createElement(Spinner, null)))));
 };
-const ButtonBase = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, fullWidth = false, wrap = false, url, opensInNewTab, submitsForm, a11yLabel, assistiveText, onClick, disabled, busy, dataset, isIconButton, children, }) => {
+const ButtonBase = ({ children, variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, fullWidth = false, wrap = false, url, opensInNewTab, submitsForm, a11yLabel, assistiveText, onClick, disabled, busy, isIconButton, dataset, }) => {
     useStyleExtract(styles);
     const hostname = useHostname();
     const ref = useRef(null);
@@ -60,4 +60,4 @@ const ButtonBase = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAU
 };
 
 export { ButtonBase };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uQmFzZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJpdmF0ZS9CdXR0b25CYXNlL0J1dHRvbkJhc2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQnV0dG9uU2l6ZSwgQnV0dG9uVmFyaWFudCwgRGF0YXNldCwgUmVzcG9uc2l2ZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIGdldEV4dGVybmFsVXJsUHJvcHMsXG4gICAgbWFwRWRnZUtleVRvU3RhbmRhcmQsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBtb2R1bGVMb2NhbHMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VIb3N0bmFtZSxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBLZXlib2FyZEV2ZW50LCBNb3VzZUV2ZW50LCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICcuLi8uLi9TcGlubmVyL1NwaW5uZXInO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJ1dHRvbkJhc2VQcm9wcyB7XG4gICAgdmFyaWFudD86IEJ1dHRvblZhcmlhbnQ7XG4gICAgc2l6ZT86IFJlc3BvbnNpdmU8QnV0dG9uU2l6ZT47XG4gICAgZnVsbFdpZHRoPzogUmVzcG9uc2l2ZTxib29sZWFuPjtcbiAgICB3cmFwPzogYm9vbGVhbjtcbiAgICB1cmw/OiBzdHJpbmc7XG4gICAgb3BlbnNJbk5ld1RhYj86IGJvb2xlYW47XG4gICAgc3VibWl0c0Zvcm0/OiBib29sZWFuO1xuICAgIGExMXlMYWJlbD86IHN0cmluZztcbiAgICBhc3Npc3RpdmVUZXh0Pzogc3RyaW5nO1xuICAgIG9uQ2xpY2s/OiAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gICAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAgIGJ1c3k/OiBib29sZWFuO1xuICAgIGRhdGFzZXQ/OiBEYXRhc2V0O1xuICAgIGlzSWNvbkJ1dHRvbjogYm9vbGVhbjtcbn1cblxuY29uc3QgQlVUVE9OX0JBU0UgPSAnQnV0dG9uQmFzZSc7XG5cbmNvbnN0IHJlbmRlckNvbnRlbnQ6IEZDPHsgYnVzeT86IGJvb2xlYW4gfT4gPSAoeyBjaGlsZHJlbiwgYnVzeSB9KSA9PiB7XG4gICAgY29uc3QgY29udGVudENsYXNzTmFtZXMgPSBbLi4ubW9kdWxlTG9jYWxzKHN0eWxlcywgQlVUVE9OX0JBU0UsIFsnY29udGVudCddKV07XG4gICAgY29uc3QgYnVzeUNsYXNzTmFtZXMgPSBbLi4ubW9kdWxlTG9jYWxzKHN0eWxlcywgQlVUVE9OX0JBU0UsIFsnYnVzeSddKV07XG4gICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17Y29udGVudENsYXNzTmFtZXMuam9pbignICcpfT57Y2hpbGRyZW59PC9zcGFuPlxuICAgICAgICAgICAge2J1c3kgJiYgKFxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17YnVzeUNsYXNzTmFtZXMuam9pbignICcpfT5cbiAgICAgICAgICAgICAgICAgICAgPFNwaW5uZXIgLz5cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICApfVxuICAgICAgICA8Lz5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbkJhc2U6IEZDPEJ1dHRvbkJhc2VQcm9wcz4gPSAoe1xuICAgIHZhcmlhbnQgPSBCVVRUT05fVkFSSUFOVF9ERUZBVUxULFxuICAgIHNpemUgPSBCVVRUT05fU0laRV9ERUZBVUxULFxuICAgIGZ1bGxXaWR0aCA9IGZhbHNlLFxuICAgIHdyYXAgPSBmYWxzZSxcbiAgICB1cmwsXG4gICAgb3BlbnNJbk5ld1RhYixcbiAgICBzdWJtaXRzRm9ybSxcbiAgICBhMTF5TGFiZWwsXG4gICAgYXNzaXN0aXZlVGV4dCxcbiAgICBvbkNsaWNrLFxuICAgIGRpc2FibGVkLFxuICAgIGJ1c3ksXG4gICAgZGF0YXNldCxcbiAgICBpc0ljb25CdXR0b24sXG4gICAgY2hpbGRyZW4sXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBob3N0bmFtZSA9IHVzZUhvc3RuYW1lKCk7XG4gICAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxBbmNob3JFbGVtZW50PihudWxsKTtcblxuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKGV2ZW50OiBNb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgIGlmIChkaXNhYmxlZCB8fCBidXN5KSB7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9XG4gICAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgICAgICBvbkNsaWNrKGV2ZW50KTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBoYW5kbGVLZXlQcmVzcyA9IChldmVudDogS2V5Ym9hcmRFdmVudCkgPT4ge1xuICAgICAgICBjb25zdCBrZXkgPSBtYXBFZGdlS2V5VG9TdGFuZGFyZChldmVudC5rZXkpO1xuICAgICAgICBpZiAoa2V5ID09PSAnICcgfHwga2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgcmVmLmN1cnJlbnQ/LmNsaWNrKCk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBCVVRUT05fQkFTRSwgW1xuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCd2YXJpYW50JywgdmFyaWFudCksXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3NpemUnLCBzaXplKSxcbiAgICAgICAgaXNJY29uQnV0dG9uID8gc3RyaW5nQ2xhc3NOYW1lcygnaXMtaWNvbi1idXR0b24tc2l6ZScsIHNpemUpIDogW10sXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKHVuZGVmaW5lZCwgJ25vLXdyYXAnLCB3cmFwKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ3dpZHRoLWZ1bGwnLCAnd2lkdGgtYXV0bycsIGZ1bGxXaWR0aCksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdpcy1idXN5JywgdW5kZWZpbmVkLCBidXN5KSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2lzLWljb24tYnV0dG9uJywgdW5kZWZpbmVkLCBpc0ljb25CdXR0b24pLFxuICAgIF0pO1xuXG4gICAgY29uc3QgdGl0bGUgPSBpc0ljb25CdXR0b24gPyBhc3Npc3RpdmVUZXh0IHx8IGExMXlMYWJlbCA6IHVuZGVmaW5lZDtcbiAgICBjb25zdCBhcmlhTGFiZWwgPSAhaXNJY29uQnV0dG9uID8gYXNzaXN0aXZlVGV4dCB8fCBhMTF5TGFiZWwgOiB1bmRlZmluZWQ7XG5cbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpLFxuICAgICAgICBjbGFzc05hbWU6IGNsYXNzTmFtZXMuam9pbignICcpLFxuICAgICAgICB0aXRsZSxcbiAgICAgICAgJ2FyaWEtbGFiZWwnOiBhcmlhTGFiZWwsXG4gICAgICAgIG9uQ2xpY2s6IGhhbmRsZUNsaWNrLFxuICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgJ2FyaWEtZGlzYWJsZWQnOiBkaXNhYmxlZCB8fCBidXN5ID8gdHJ1ZSA6IHVuZGVmaW5lZCxcbiAgICB9O1xuXG4gICAgaWYgKHVybCkge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPGFcbiAgICAgICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICAgICAgey4uLmdldEV4dGVybmFsVXJsUHJvcHMoaG9zdG5hbWUsIHVybCwgb3BlbnNJbk5ld1RhYil9XG4gICAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAgICAgcm9sZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgdGFiSW5kZXg9e2Rpc2FibGVkID8gLTEgOiAwfVxuICAgICAgICAgICAgICAgIGhyZWY9e3VybH1cbiAgICAgICAgICAgICAgICBvbktleURvd249e2hhbmRsZUtleVByZXNzfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtyZW5kZXJDb250ZW50KHsgY2hpbGRyZW4sIGJ1c3kgfSl9XG4gICAgICAgICAgICA8L2E+XG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGJ1dHRvbiB7Li4ucHJvcHN9IHR5cGU9e3N1Ym1pdHNGb3JtID8gJ3N1Ym1pdCcgOiAnYnV0dG9uJ30+XG4gICAgICAgICAgICB7cmVuZGVyQ29udGVudCh7IGNoaWxkcmVuLCBidXN5IH0pfVxuICAgICAgICA8L2J1dHRvbj5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBb0NBLE1BQU0sV0FBVyxHQUFHLFlBQVksQ0FBQztBQUVqQyxNQUFNLGFBQWEsR0FBMkIsQ0FBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7SUFDN0QsTUFBTSxpQkFBaUIsR0FBRyxDQUFDLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxXQUFXLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDOUUsTUFBTSxjQUFjLEdBQUcsQ0FBQyxHQUFHLFlBQVksQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3hFLFFBQ0lBO1FBQ0lBLHVDQUFNLFNBQVMsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUcsUUFBUSxDQUFRO1FBQzlELElBQUksS0FDREEsdUNBQU0sU0FBUyxFQUFFLGNBQWMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1lBQ3JDQSw2QkFBQyxPQUFPLE9BQUcsQ0FDUixDQUNWLENBQ0YsRUFDTDtBQUNOLENBQUMsQ0FBQztNQUVXLFVBQVUsR0FBd0IsQ0FBQyxFQUM1QyxPQUFPLEdBQUcsc0JBQXNCLEVBQ2hDLElBQUksR0FBRyxtQkFBbUIsRUFDMUIsU0FBUyxHQUFHLEtBQUssRUFDakIsSUFBSSxHQUFHLEtBQUssRUFDWixHQUFHLEVBQ0gsYUFBYSxFQUNiLFdBQVcsRUFDWCxTQUFTLEVBQ1QsYUFBYSxFQUNiLE9BQU8sRUFDUCxRQUFRLEVBQ1IsSUFBSSxFQUNKLE9BQU8sRUFDUCxZQUFZLEVBQ1osUUFBUSxHQUNYO0lBQ0csZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE1BQU0sUUFBUSxHQUFHLFdBQVcsRUFBRSxDQUFDO0lBQy9CLE1BQU0sR0FBRyxHQUFHLE1BQU0sQ0FBb0IsSUFBSSxDQUFDLENBQUM7SUFFNUMsTUFBTSxXQUFXLEdBQUcsQ0FBQyxLQUFpQjtRQUNsQyxJQUFJLFFBQVEsSUFBSSxJQUFJLEVBQUU7WUFDbEIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1NBQzFCO1FBQ0QsSUFBSSxPQUFPLEVBQUU7WUFDVCxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDbEI7S0FDSixDQUFDO0lBRUYsTUFBTSxjQUFjLEdBQUcsQ0FBQyxLQUFvQjs7UUFDeEMsTUFBTSxHQUFHLEdBQUcsb0JBQW9CLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQzVDLElBQUksR0FBRyxLQUFLLEdBQUcsSUFBSSxHQUFHLEtBQUssT0FBTyxFQUFFO1lBQ2hDLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN2QixNQUFBLEdBQUcsQ0FBQyxPQUFPLDBDQUFFLEtBQUssR0FBRztTQUN4QjtLQUNKLENBQUM7SUFFRixNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFO1FBQ3JELGdCQUFnQixDQUFDLFNBQVMsRUFBRSxPQUFPLENBQUM7UUFDcEMsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQztRQUM5QixZQUFZLEdBQUcsZ0JBQWdCLENBQUMscUJBQXFCLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFBRTtRQUNqRSxpQkFBaUIsQ0FBQyxTQUFTLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztRQUM3QyxpQkFBaUIsQ0FBQyxZQUFZLEVBQUUsWUFBWSxFQUFFLFNBQVMsQ0FBQztRQUN4RCxpQkFBaUIsQ0FBQyxTQUFTLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztRQUM3QyxpQkFBaUIsQ0FBQyxnQkFBZ0IsRUFBRSxTQUFTLEVBQUUsWUFBWSxDQUFDO0tBQy9ELENBQUMsQ0FBQztJQUVILE1BQU0sS0FBSyxHQUFHLFlBQVksR0FBRyxhQUFhLElBQUksU0FBUyxHQUFHLFNBQVMsQ0FBQztJQUNwRSxNQUFNLFNBQVMsR0FBRyxDQUFDLFlBQVksR0FBRyxhQUFhLElBQUksU0FBUyxHQUFHLFNBQVMsQ0FBQztJQUV6RSxNQUFNLEtBQUssR0FBRztRQUNWLEdBQUcsZUFBZSxDQUFDLE9BQU8sQ0FBQztRQUMzQixTQUFTLEVBQUUsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7UUFDL0IsS0FBSztRQUNMLFlBQVksRUFBRSxTQUFTO1FBQ3ZCLE9BQU8sRUFBRSxXQUFXO1FBQ3BCLFFBQVE7UUFDUixlQUFlLEVBQUUsUUFBUSxJQUFJLElBQUksR0FBRyxJQUFJLEdBQUcsU0FBUztLQUN2RCxDQUFDO0lBRUYsSUFBSSxHQUFHLEVBQUU7UUFDTCxRQUNJQSxvREFDUSxLQUFLLEVBQ0wsbUJBQW1CLENBQUMsUUFBUSxFQUFFLEdBQUcsRUFBRSxhQUFhLENBQUMsSUFDckQsR0FBRyxFQUFFLEdBQUcsRUFDUixJQUFJLEVBQUMsUUFBUSxFQUNiLFFBQVEsRUFBRSxRQUFRLEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxFQUMzQixJQUFJLEVBQUUsR0FBRyxFQUNULFNBQVMsRUFBRSxjQUFjLEtBRXhCLGFBQWEsQ0FBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUNsQyxFQUNOO0tBQ0w7SUFFRCxRQUNJQSx5REFBWSxLQUFLLElBQUUsSUFBSSxFQUFFLFdBQVcsR0FBRyxRQUFRLEdBQUcsUUFBUSxLQUNyRCxhQUFhLENBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FDN0IsRUFDWDtBQUNOOzs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uQmFzZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJpdmF0ZS9CdXR0b25CYXNlL0J1dHRvbkJhc2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQnV0dG9uU2l6ZSwgQnV0dG9uVmFyaWFudCwgRGF0YXNldCwgUmVzcG9uc2l2ZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIGdldEV4dGVybmFsVXJsUHJvcHMsXG4gICAgbWFwRWRnZUtleVRvU3RhbmRhcmQsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBtb2R1bGVMb2NhbHMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VIb3N0bmFtZSxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBLZXlib2FyZEV2ZW50LCBNb3VzZUV2ZW50LCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICcuLi8uLi9TcGlubmVyL1NwaW5uZXInO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJ1dHRvbkJhc2VQcm9wcyB7XG4gICAgdmFyaWFudD86IEJ1dHRvblZhcmlhbnQ7XG4gICAgc2l6ZT86IFJlc3BvbnNpdmU8QnV0dG9uU2l6ZT47XG4gICAgZnVsbFdpZHRoPzogUmVzcG9uc2l2ZTxib29sZWFuPjtcbiAgICB3cmFwPzogYm9vbGVhbjtcbiAgICB1cmw/OiBzdHJpbmc7XG4gICAgb3BlbnNJbk5ld1RhYj86IGJvb2xlYW47XG4gICAgc3VibWl0c0Zvcm0/OiBib29sZWFuO1xuICAgIGExMXlMYWJlbD86IHN0cmluZztcbiAgICBhc3Npc3RpdmVUZXh0Pzogc3RyaW5nO1xuICAgIG9uQ2xpY2s/OiAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gICAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAgIGJ1c3k/OiBib29sZWFuO1xuICAgIGlzSWNvbkJ1dHRvbjogYm9vbGVhbjtcbiAgICBkYXRhc2V0PzogRGF0YXNldDtcbn1cblxuY29uc3QgQlVUVE9OX0JBU0UgPSAnQnV0dG9uQmFzZSc7XG5cbmNvbnN0IHJlbmRlckNvbnRlbnQ6IEZDPHsgYnVzeT86IGJvb2xlYW4gfT4gPSAoeyBjaGlsZHJlbiwgYnVzeSB9KSA9PiB7XG4gICAgY29uc3QgY29udGVudENsYXNzTmFtZXMgPSBbLi4ubW9kdWxlTG9jYWxzKHN0eWxlcywgQlVUVE9OX0JBU0UsIFsnY29udGVudCddKV07XG4gICAgY29uc3QgYnVzeUNsYXNzTmFtZXMgPSBbLi4ubW9kdWxlTG9jYWxzKHN0eWxlcywgQlVUVE9OX0JBU0UsIFsnYnVzeSddKV07XG4gICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17Y29udGVudENsYXNzTmFtZXMuam9pbignICcpfT57Y2hpbGRyZW59PC9zcGFuPlxuICAgICAgICAgICAge2J1c3kgJiYgKFxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17YnVzeUNsYXNzTmFtZXMuam9pbignICcpfT5cbiAgICAgICAgICAgICAgICAgICAgPFNwaW5uZXIgLz5cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICApfVxuICAgICAgICA8Lz5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbkJhc2U6IEZDPEJ1dHRvbkJhc2VQcm9wcz4gPSAoe1xuICAgIGNoaWxkcmVuLFxuICAgIHZhcmlhbnQgPSBCVVRUT05fVkFSSUFOVF9ERUZBVUxULFxuICAgIHNpemUgPSBCVVRUT05fU0laRV9ERUZBVUxULFxuICAgIGZ1bGxXaWR0aCA9IGZhbHNlLFxuICAgIHdyYXAgPSBmYWxzZSxcbiAgICB1cmwsXG4gICAgb3BlbnNJbk5ld1RhYixcbiAgICBzdWJtaXRzRm9ybSxcbiAgICBhMTF5TGFiZWwsXG4gICAgYXNzaXN0aXZlVGV4dCxcbiAgICBvbkNsaWNrLFxuICAgIGRpc2FibGVkLFxuICAgIGJ1c3ksXG4gICAgaXNJY29uQnV0dG9uLFxuICAgIGRhdGFzZXQsXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBob3N0bmFtZSA9IHVzZUhvc3RuYW1lKCk7XG4gICAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxBbmNob3JFbGVtZW50PihudWxsKTtcblxuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKGV2ZW50OiBNb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgIGlmIChkaXNhYmxlZCB8fCBidXN5KSB7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9XG4gICAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgICAgICBvbkNsaWNrKGV2ZW50KTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBoYW5kbGVLZXlQcmVzcyA9IChldmVudDogS2V5Ym9hcmRFdmVudCkgPT4ge1xuICAgICAgICBjb25zdCBrZXkgPSBtYXBFZGdlS2V5VG9TdGFuZGFyZChldmVudC5rZXkpO1xuICAgICAgICBpZiAoa2V5ID09PSAnICcgfHwga2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgcmVmLmN1cnJlbnQ/LmNsaWNrKCk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBCVVRUT05fQkFTRSwgW1xuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCd2YXJpYW50JywgdmFyaWFudCksXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3NpemUnLCBzaXplKSxcbiAgICAgICAgaXNJY29uQnV0dG9uID8gc3RyaW5nQ2xhc3NOYW1lcygnaXMtaWNvbi1idXR0b24tc2l6ZScsIHNpemUpIDogW10sXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKHVuZGVmaW5lZCwgJ25vLXdyYXAnLCB3cmFwKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ3dpZHRoLWZ1bGwnLCAnd2lkdGgtYXV0bycsIGZ1bGxXaWR0aCksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdpcy1idXN5JywgdW5kZWZpbmVkLCBidXN5KSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2lzLWljb24tYnV0dG9uJywgdW5kZWZpbmVkLCBpc0ljb25CdXR0b24pLFxuICAgIF0pO1xuXG4gICAgY29uc3QgdGl0bGUgPSBpc0ljb25CdXR0b24gPyBhc3Npc3RpdmVUZXh0IHx8IGExMXlMYWJlbCA6IHVuZGVmaW5lZDtcbiAgICBjb25zdCBhcmlhTGFiZWwgPSAhaXNJY29uQnV0dG9uID8gYXNzaXN0aXZlVGV4dCB8fCBhMTF5TGFiZWwgOiB1bmRlZmluZWQ7XG5cbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpLFxuICAgICAgICBjbGFzc05hbWU6IGNsYXNzTmFtZXMuam9pbignICcpLFxuICAgICAgICB0aXRsZSxcbiAgICAgICAgJ2FyaWEtbGFiZWwnOiBhcmlhTGFiZWwsXG4gICAgICAgIG9uQ2xpY2s6IGhhbmRsZUNsaWNrLFxuICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgJ2FyaWEtZGlzYWJsZWQnOiBkaXNhYmxlZCB8fCBidXN5ID8gdHJ1ZSA6IHVuZGVmaW5lZCxcbiAgICB9O1xuXG4gICAgaWYgKHVybCkge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPGFcbiAgICAgICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICAgICAgey4uLmdldEV4dGVybmFsVXJsUHJvcHMoaG9zdG5hbWUsIHVybCwgb3BlbnNJbk5ld1RhYil9XG4gICAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAgICAgcm9sZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgdGFiSW5kZXg9e2Rpc2FibGVkID8gLTEgOiAwfVxuICAgICAgICAgICAgICAgIGhyZWY9e3VybH1cbiAgICAgICAgICAgICAgICBvbktleURvd249e2hhbmRsZUtleVByZXNzfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtyZW5kZXJDb250ZW50KHsgY2hpbGRyZW4sIGJ1c3kgfSl9XG4gICAgICAgICAgICA8L2E+XG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGJ1dHRvbiB7Li4ucHJvcHN9IHR5cGU9e3N1Ym1pdHNGb3JtID8gJ3N1Ym1pdCcgOiAnYnV0dG9uJ30+XG4gICAgICAgICAgICB7cmVuZGVyQ29udGVudCh7IGNoaWxkcmVuLCBidXN5IH0pfVxuICAgICAgICA8L2J1dHRvbj5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBb0NBLE1BQU0sV0FBVyxHQUFHLFlBQVksQ0FBQztBQUVqQyxNQUFNLGFBQWEsR0FBMkIsQ0FBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7SUFDN0QsTUFBTSxpQkFBaUIsR0FBRyxDQUFDLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxXQUFXLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDOUUsTUFBTSxjQUFjLEdBQUcsQ0FBQyxHQUFHLFlBQVksQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3hFLFFBQ0lBO1FBQ0lBLHVDQUFNLFNBQVMsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUcsUUFBUSxDQUFRO1FBQzlELElBQUksS0FDREEsdUNBQU0sU0FBUyxFQUFFLGNBQWMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1lBQ3JDQSw2QkFBQyxPQUFPLE9BQUcsQ0FDUixDQUNWLENBQ0YsRUFDTDtBQUNOLENBQUMsQ0FBQztNQUVXLFVBQVUsR0FBd0IsQ0FBQyxFQUM1QyxRQUFRLEVBQ1IsT0FBTyxHQUFHLHNCQUFzQixFQUNoQyxJQUFJLEdBQUcsbUJBQW1CLEVBQzFCLFNBQVMsR0FBRyxLQUFLLEVBQ2pCLElBQUksR0FBRyxLQUFLLEVBQ1osR0FBRyxFQUNILGFBQWEsRUFDYixXQUFXLEVBQ1gsU0FBUyxFQUNULGFBQWEsRUFDYixPQUFPLEVBQ1AsUUFBUSxFQUNSLElBQUksRUFDSixZQUFZLEVBQ1osT0FBTyxHQUNWO0lBQ0csZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE1BQU0sUUFBUSxHQUFHLFdBQVcsRUFBRSxDQUFDO0lBQy9CLE1BQU0sR0FBRyxHQUFHLE1BQU0sQ0FBb0IsSUFBSSxDQUFDLENBQUM7SUFFNUMsTUFBTSxXQUFXLEdBQUcsQ0FBQyxLQUFpQjtRQUNsQyxJQUFJLFFBQVEsSUFBSSxJQUFJLEVBQUU7WUFDbEIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1NBQzFCO1FBQ0QsSUFBSSxPQUFPLEVBQUU7WUFDVCxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDbEI7S0FDSixDQUFDO0lBRUYsTUFBTSxjQUFjLEdBQUcsQ0FBQyxLQUFvQjs7UUFDeEMsTUFBTSxHQUFHLEdBQUcsb0JBQW9CLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQzVDLElBQUksR0FBRyxLQUFLLEdBQUcsSUFBSSxHQUFHLEtBQUssT0FBTyxFQUFFO1lBQ2hDLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN2QixNQUFBLEdBQUcsQ0FBQyxPQUFPLDBDQUFFLEtBQUssR0FBRztTQUN4QjtLQUNKLENBQUM7SUFFRixNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFO1FBQ3JELGdCQUFnQixDQUFDLFNBQVMsRUFBRSxPQUFPLENBQUM7UUFDcEMsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQztRQUM5QixZQUFZLEdBQUcsZ0JBQWdCLENBQUMscUJBQXFCLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFBRTtRQUNqRSxpQkFBaUIsQ0FBQyxTQUFTLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztRQUM3QyxpQkFBaUIsQ0FBQyxZQUFZLEVBQUUsWUFBWSxFQUFFLFNBQVMsQ0FBQztRQUN4RCxpQkFBaUIsQ0FBQyxTQUFTLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztRQUM3QyxpQkFBaUIsQ0FBQyxnQkFBZ0IsRUFBRSxTQUFTLEVBQUUsWUFBWSxDQUFDO0tBQy9ELENBQUMsQ0FBQztJQUVILE1BQU0sS0FBSyxHQUFHLFlBQVksR0FBRyxhQUFhLElBQUksU0FBUyxHQUFHLFNBQVMsQ0FBQztJQUNwRSxNQUFNLFNBQVMsR0FBRyxDQUFDLFlBQVksR0FBRyxhQUFhLElBQUksU0FBUyxHQUFHLFNBQVMsQ0FBQztJQUV6RSxNQUFNLEtBQUssR0FBRztRQUNWLEdBQUcsZUFBZSxDQUFDLE9BQU8sQ0FBQztRQUMzQixTQUFTLEVBQUUsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7UUFDL0IsS0FBSztRQUNMLFlBQVksRUFBRSxTQUFTO1FBQ3ZCLE9BQU8sRUFBRSxXQUFXO1FBQ3BCLFFBQVE7UUFDUixlQUFlLEVBQUUsUUFBUSxJQUFJLElBQUksR0FBRyxJQUFJLEdBQUcsU0FBUztLQUN2RCxDQUFDO0lBRUYsSUFBSSxHQUFHLEVBQUU7UUFDTCxRQUNJQSxvREFDUSxLQUFLLEVBQ0wsbUJBQW1CLENBQUMsUUFBUSxFQUFFLEdBQUcsRUFBRSxhQUFhLENBQUMsSUFDckQsR0FBRyxFQUFFLEdBQUcsRUFDUixJQUFJLEVBQUMsUUFBUSxFQUNiLFFBQVEsRUFBRSxRQUFRLEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxFQUMzQixJQUFJLEVBQUUsR0FBRyxFQUNULFNBQVMsRUFBRSxjQUFjLEtBRXhCLGFBQWEsQ0FBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUNsQyxFQUNOO0tBQ0w7SUFFRCxRQUNJQSx5REFBWSxLQUFLLElBQUUsSUFBSSxFQUFFLFdBQVcsR0FBRyxRQUFRLEdBQUcsUUFBUSxLQUNyRCxhQUFhLENBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FDN0IsRUFDWDtBQUNOOzs7OyJ9

package/dist/index.js

@@ -1,6 +1,7 @@
 export { VERSION } from './version.js';
 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 { Heading } from './components/Heading/Heading.js';
 export { Icon } from './components/Icon/Icon.js';
@@ -8,6 +9,7 @@ export { IconButton } from './components/IconButton/IconButton.js';
 export { LayoutFlex } from './components/LayoutFlex/LayoutFlex.js';
 export { LayoutFlexItem } from './components/LayoutFlexItem/LayoutFlexItem.js';
 export { LayoutGrid } from './components/LayoutGrid/LayoutGrid.js';
+export { LayoutGridItem } from './components/LayoutGridItem/LayoutGridItem.js';
 export { Link } from './components/Link/Link.js';
 export { Panel } from './components/Panel/Panel.js';
 export { PanelHeader } from './components/Panel/private/PanelHeader.js';
@@ -18,4 +20,4 @@ export { PreplyLogo } from './components/PreplyLogo/PreplyLogo.js';
 export { Text } from './components/Text/Text.js';
 export { TextHighlighted } from './components/TextHighlighted/TextHighlighted.js';
 export { TextInline } from './components/TextInline/TextInline.js';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=

package/package.json

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