@preply/ds-web-lib 0.45.0 → 0.47.0

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

@@ -3,7 +3,7 @@ import { ColorSchemeProps } from '@preply/ds-web-core';
 import { FC, ReactNode } from 'react';
 export interface BoxProps {
     background?: ColorName;
-    radius?: BoxRadius;
+    radius?: Responsive<BoxRadius>;
     tag?: LayoutTag;
     padding?: Responsive<ShortHand<BoxPadding>>;
     dataset?: Dataset;

package/dist/components/Box/Box.js

@@ -20,4 +20,4 @@ const BoxBase = ({ children, colorSchemeClassName, background, radius = BOX_RADI
 const Box = withColorScheme(BoxBase);
 
 export { Box };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Cb3gvQm94LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7XG4gICAgQm94UGFkZGluZyxcbiAgICBCb3hSYWRpdXMsXG4gICAgQ29sb3JOYW1lLFxuICAgIERhdGFzZXQsXG4gICAgTGF5b3V0VGFnLFxuICAgIFJlc3BvbnNpdmUsXG4gICAgU2hvcnRIYW5kLFxufSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgQk9YX1BBRERJTkdfREVGQVVMVCwgQk9YX1JBRElVU19ERUZBVUxULCBMQVlPVVRfVEFHX0RFRkFVTFQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBDb2xvclNjaGVtZVByb3BzLFxuICAgIFdpdGhDb2xvclNjaGVtZVByb3BzLFxuICAgIGdldERhdGFzZXRQcm9wcyxcbiAgICBnbG9iYWxDbGFzc05hbWVzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VMYXlvdXRQYWRkaW5nQ2xhc3NuYW1lcyxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG4gICAgd2l0aENvbG9yU2NoZW1lLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJveFByb3BzIHtcbiAgICBiYWNrZ3JvdW5kPzogQ29sb3JOYW1lO1xuICAgIHJhZGl1cz86IEJveFJhZGl1cztcbiAgICB0YWc/OiBMYXlvdXRUYWc7XG4gICAgcGFkZGluZz86IFJlc3BvbnNpdmU8U2hvcnRIYW5kPEJveFBhZGRpbmc+PjtcbiAgICBkYXRhc2V0PzogRGF0YXNldDtcbiAgICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQk9YID0gJ0JveCc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0gQm94UHJvcHMgJiBDb2xvclNjaGVtZVByb3BzO1xuXG5jb25zdCBCb3hCYXNlOiBGQzxCb3hQcm9wcyAmIFdpdGhDb2xvclNjaGVtZVByb3BzPiA9ICh7XG4gICAgY2hpbGRyZW4sXG4gICAgY29sb3JTY2hlbWVDbGFzc05hbWUsXG4gICAgYmFja2dyb3VuZCxcbiAgICByYWRpdXMgPSBCT1hfUkFESVVTX0RFRkFVTFQsXG4gICAgcGFkZGluZyA9IEJPWF9QQURESU5HX0RFRkFVTFQsXG4gICAgdGFnLFxuICAgIGRhdGFzZXQsXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBnbG9iYWxDbGFzc2VzID0gZ2xvYmFsQ2xhc3NOYW1lcyhbY29sb3JTY2hlbWVDbGFzc05hbWVdKTtcbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIEJPWCwgW1xuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdib3gtcmFkaXVzJywgcmFkaXVzKSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnYmFja2dyb3VuZCcsIGJhY2tncm91bmQpLFxuICAgIF0pO1xuICAgIGNvbnN0IHBhZGRpbmdDbGFzc05hbWVzID0gdXNlTGF5b3V0UGFkZGluZ0NsYXNzbmFtZXMocGFkZGluZyk7XG5cbiAgICBjb25zdCBUYWcgPSB0YWcgPz8gTEFZT1VUX1RBR19ERUZBVUxUO1xuXG4gICAgY29uc3QgYWxsQ2xhc3NOYW1lcyA9IFsuLi5nbG9iYWxDbGFzc2VzLCAuLi5jbGFzc05hbWVzLCAuLi5wYWRkaW5nQ2xhc3NOYW1lc107XG5cbiAgICBjb25zdCBwcm9wcyA9IHsgY2xhc3NOYW1lOiBhbGxDbGFzc05hbWVzLmpvaW4oJyAnKSwgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpIH07XG5cbiAgICByZXR1cm4gPFRhZyB7Li4ucHJvcHN9PntjaGlsZHJlbn08L1RhZz47XG59O1xuXG5leHBvcnQgY29uc3QgQm94OiBGQzxQcm9wcz4gPSB3aXRoQ29sb3JTY2hlbWUoQm94QmFzZSk7XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7O0FBa0NBLE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQztBQUlsQixNQUFNLE9BQU8sR0FBd0MsQ0FBQyxFQUNsRCxRQUFRLEVBQ1Isb0JBQW9CLEVBQ3BCLFVBQVUsRUFDVixNQUFNLEdBQUcsa0JBQWtCLEVBQzNCLE9BQU8sR0FBRyxtQkFBbUIsRUFDN0IsR0FBRyxFQUNILE9BQU8sR0FDVjtJQUNHLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLGFBQWEsR0FBRyxnQkFBZ0IsQ0FBQyxDQUFDLG9CQUFvQixDQUFDLENBQUMsQ0FBQztJQUMvRCxNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsR0FBRyxFQUFFO1FBQzdDLGdCQUFnQixDQUFDLFlBQVksRUFBRSxNQUFNLENBQUM7UUFDdEMsZ0JBQWdCLENBQUMsWUFBWSxFQUFFLFVBQVUsQ0FBQztLQUM3QyxDQUFDLENBQUM7SUFDSCxNQUFNLGlCQUFpQixHQUFHLDBCQUEwQixDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBRTlELE1BQU0sR0FBRyxHQUFHLEdBQUcsYUFBSCxHQUFHLGNBQUgsR0FBRyxHQUFJLGtCQUFrQixDQUFDO0lBRXRDLE1BQU0sYUFBYSxHQUFHLENBQUMsR0FBRyxhQUFhLEVBQUUsR0FBRyxVQUFVLEVBQUUsR0FBRyxpQkFBaUIsQ0FBQyxDQUFDO0lBRTlFLE1BQU0sS0FBSyxHQUFHLEVBQUUsU0FBUyxFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztJQUVsRixPQUFPQSw2QkFBQyxHQUFHLG9CQUFLLEtBQUssR0FBRyxRQUFRLENBQU8sQ0FBQztBQUM1QyxDQUFDLENBQUM7TUFFVyxHQUFHLEdBQWMsZUFBZSxDQUFDLE9BQU87Ozs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Cb3gvQm94LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7XG4gICAgQm94UGFkZGluZyxcbiAgICBCb3hSYWRpdXMsXG4gICAgQ29sb3JOYW1lLFxuICAgIERhdGFzZXQsXG4gICAgTGF5b3V0VGFnLFxuICAgIFJlc3BvbnNpdmUsXG4gICAgU2hvcnRIYW5kLFxufSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgQk9YX1BBRERJTkdfREVGQVVMVCwgQk9YX1JBRElVU19ERUZBVUxULCBMQVlPVVRfVEFHX0RFRkFVTFQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBDb2xvclNjaGVtZVByb3BzLFxuICAgIFdpdGhDb2xvclNjaGVtZVByb3BzLFxuICAgIGdldERhdGFzZXRQcm9wcyxcbiAgICBnbG9iYWxDbGFzc05hbWVzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VMYXlvdXRQYWRkaW5nQ2xhc3NuYW1lcyxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG4gICAgd2l0aENvbG9yU2NoZW1lLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJveFByb3BzIHtcbiAgICBiYWNrZ3JvdW5kPzogQ29sb3JOYW1lO1xuICAgIHJhZGl1cz86IFJlc3BvbnNpdmU8Qm94UmFkaXVzPjtcbiAgICB0YWc/OiBMYXlvdXRUYWc7XG4gICAgcGFkZGluZz86IFJlc3BvbnNpdmU8U2hvcnRIYW5kPEJveFBhZGRpbmc+PjtcbiAgICBkYXRhc2V0PzogRGF0YXNldDtcbiAgICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQk9YID0gJ0JveCc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0gQm94UHJvcHMgJiBDb2xvclNjaGVtZVByb3BzO1xuXG5jb25zdCBCb3hCYXNlOiBGQzxCb3hQcm9wcyAmIFdpdGhDb2xvclNjaGVtZVByb3BzPiA9ICh7XG4gICAgY2hpbGRyZW4sXG4gICAgY29sb3JTY2hlbWVDbGFzc05hbWUsXG4gICAgYmFja2dyb3VuZCxcbiAgICByYWRpdXMgPSBCT1hfUkFESVVTX0RFRkFVTFQsXG4gICAgcGFkZGluZyA9IEJPWF9QQURESU5HX0RFRkFVTFQsXG4gICAgdGFnLFxuICAgIGRhdGFzZXQsXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBnbG9iYWxDbGFzc2VzID0gZ2xvYmFsQ2xhc3NOYW1lcyhbY29sb3JTY2hlbWVDbGFzc05hbWVdKTtcbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIEJPWCwgW1xuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdib3gtcmFkaXVzJywgcmFkaXVzKSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnYmFja2dyb3VuZCcsIGJhY2tncm91bmQpLFxuICAgIF0pO1xuICAgIGNvbnN0IHBhZGRpbmdDbGFzc05hbWVzID0gdXNlTGF5b3V0UGFkZGluZ0NsYXNzbmFtZXMocGFkZGluZyk7XG5cbiAgICBjb25zdCBUYWcgPSB0YWcgPz8gTEFZT1VUX1RBR19ERUZBVUxUO1xuXG4gICAgY29uc3QgYWxsQ2xhc3NOYW1lcyA9IFsuLi5nbG9iYWxDbGFzc2VzLCAuLi5jbGFzc05hbWVzLCAuLi5wYWRkaW5nQ2xhc3NOYW1lc107XG5cbiAgICBjb25zdCBwcm9wcyA9IHsgY2xhc3NOYW1lOiBhbGxDbGFzc05hbWVzLmpvaW4oJyAnKSwgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpIH07XG5cbiAgICByZXR1cm4gPFRhZyB7Li4ucHJvcHN9PntjaGlsZHJlbn08L1RhZz47XG59O1xuXG5leHBvcnQgY29uc3QgQm94OiBGQzxQcm9wcz4gPSB3aXRoQ29sb3JTY2hlbWUoQm94QmFzZSk7XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7O0FBa0NBLE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQztBQUlsQixNQUFNLE9BQU8sR0FBd0MsQ0FBQyxFQUNsRCxRQUFRLEVBQ1Isb0JBQW9CLEVBQ3BCLFVBQVUsRUFDVixNQUFNLEdBQUcsa0JBQWtCLEVBQzNCLE9BQU8sR0FBRyxtQkFBbUIsRUFDN0IsR0FBRyxFQUNILE9BQU8sR0FDVjtJQUNHLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLGFBQWEsR0FBRyxnQkFBZ0IsQ0FBQyxDQUFDLG9CQUFvQixDQUFDLENBQUMsQ0FBQztJQUMvRCxNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsR0FBRyxFQUFFO1FBQzdDLGdCQUFnQixDQUFDLFlBQVksRUFBRSxNQUFNLENBQUM7UUFDdEMsZ0JBQWdCLENBQUMsWUFBWSxFQUFFLFVBQVUsQ0FBQztLQUM3QyxDQUFDLENBQUM7SUFDSCxNQUFNLGlCQUFpQixHQUFHLDBCQUEwQixDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBRTlELE1BQU0sR0FBRyxHQUFHLEdBQUcsYUFBSCxHQUFHLGNBQUgsR0FBRyxHQUFJLGtCQUFrQixDQUFDO0lBRXRDLE1BQU0sYUFBYSxHQUFHLENBQUMsR0FBRyxhQUFhLEVBQUUsR0FBRyxVQUFVLEVBQUUsR0FBRyxpQkFBaUIsQ0FBQyxDQUFDO0lBRTlFLE1BQU0sS0FBSyxHQUFHLEVBQUUsU0FBUyxFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztJQUVsRixPQUFPQSw2QkFBQyxHQUFHLG9CQUFLLEtBQUssR0FBRyxRQUFRLENBQU8sQ0FBQztBQUM1QyxDQUFDLENBQUM7TUFFVyxHQUFHLEdBQWMsZUFBZSxDQUFDLE9BQU87Ozs7In0=

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

@@ -1,6 +1,8 @@
 @import './mixins.less';
+@import '@preply/ds-web-core/dist/layout/style/tag.mixins.less';
 
 .Box {
+    .layout-tag();
     .box-base();
     .box-radius();
     .box-background();

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

@@ -1,7 +1,7 @@
 import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = "._28AVC_{-webkit-box-flex:1;background-color:var(--786b9e);-webkit-box-shadow:var(--a814c9);box-shadow:var(--a814c9);color:var(--aface6);-ms-flex:1;flex:1;list-style:none}._2QG_l9{border-radius:var(--1c37d5)}._1IrJdo{border-radius:var(--9e57e5)}._3IIy34{background-color:var(--55407f)}._3Lojo1{background-color:var(--8f1238)}.OgB_6M{background-color:var(--da403c)}._1uNrWB{background-color:var(--7c8c3c)}._3qIVzD{background-color:var(--c9575b)}._2_k8Ey{background-color:var(--2fb6f7)}.U9OjFS{background-color:var(--54ed1d)}._2Hg15h{background-color:var(--b706bf)}._1Wax5r{background-color:var(--4adefb)}._51LDD8{background-color:var(--de8a40)}._37kqC2{background-color:var(--574543)}._2sN3oI{background-color:var(--1383a7)}._1hmzgV{background-color:var(--9f1066)}._2jfUtL{background-color:var(--d4cf94)}._3bVf64{background-color:var(--bbfa9f)}._3xJnu0{background-color:var(--5f8b30)}._2hpbs4{background-color:var(--c7d8be)}._3p4Tbx{background-color:var(--17bab8)}._1GQjtV{background-color:var(--f017e5)}._3uxOUH{background-color:var(--2242ed)}._2YiKp0{background-color:var(--e40de4)}._1zHk1U{background-color:var(--ecb5d5)}._36Bojd{background-color:var(--5b5cb0)}.aesNAY{background-color:var(--d55c71)}._3MppzQ{background-color:var(--4e47fe)}._2VO_hL{background-color:var(--3e7877)}._2WHPUw{background-color:var(--21906f)}._1rcIL5{background-color:var(--5d87f3)}._3D_7V1{background-color:var(--201e14)}._112Y0Q{background-color:var(--e1c27c)}._22KIb-{background-color:var(--6a1420)}._2hbfen{background-color:var(--1a9963)}._2hKbbK{background-color:var(--b774df)}.Y8TBRy{background-color:var(--f72cdd)}._2x-3Vr{background-color:var(--6cbd80)}._6H3srp{background-color:var(--5893e7)}";
-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 css_248z = "._28AVC_{-webkit-box-flex:1;background-color:var(--786b9e);border:none;border-spacing:0;-webkit-box-shadow:var(--a814c9);box-shadow:var(--a814c9);color:var(--aface6);-ms-flex:1;flex:1;font-weight:inherit;list-style:none;margin:0;text-align:inherit}._1qmwET{border-radius:var(--84e079)}._2QG_l9{border-radius:var(--1c37d5)}._1IrJdo{border-radius:var(--9e57e5)}@media (min-width:400px){._1cE2va{border-radius:var(--84e079)}.XWeqbw{border-radius:var(--1c37d5)}._14CqdZ{border-radius:var(--9e57e5)}}@media (min-width:700px){._2L7IWT{border-radius:var(--84e079)}._2-nWrE{border-radius:var(--1c37d5)}._2pnTll{border-radius:var(--9e57e5)}}@media (min-width:880px){._3BlbfP{border-radius:var(--84e079)}._2e5Dhw{border-radius:var(--1c37d5)}._1mWbTs{border-radius:var(--9e57e5)}}@media (min-width:1200px){._3LsEJq{border-radius:var(--84e079)}._14CRd4{border-radius:var(--1c37d5)}._3Ms5_W{border-radius:var(--9e57e5)}}@media (min-width:1900px){._3pxYkW{border-radius:var(--84e079)}._2hl3vu{border-radius:var(--1c37d5)}._2U_Skz{border-radius:var(--9e57e5)}}._2mtDSf{background-color:var(--145676)}._3IIy34{background-color:var(--55407f)}._3Lojo1{background-color:var(--8f1238)}.OgB_6M{background-color:var(--da403c)}._1uNrWB{background-color:var(--7c8c3c)}._3qIVzD{background-color:var(--c9575b)}._2_k8Ey{background-color:var(--2fb6f7)}.U9OjFS{background-color:var(--54ed1d)}._2Hg15h{background-color:var(--b706bf)}._1Wax5r{background-color:var(--4adefb)}._51LDD8{background-color:var(--de8a40)}._37kqC2{background-color:var(--574543)}._2sN3oI{background-color:var(--1383a7)}._1hmzgV{background-color:var(--9f1066)}._2jfUtL{background-color:var(--d4cf94)}._3bVf64{background-color:var(--bbfa9f)}._3xJnu0{background-color:var(--5f8b30)}._2hpbs4{background-color:var(--c7d8be)}._3p4Tbx{background-color:var(--17bab8)}._1GQjtV{background-color:var(--f017e5)}._3uxOUH{background-color:var(--2242ed)}._2YiKp0{background-color:var(--e40de4)}._1zHk1U{background-color:var(--ecb5d5)}._36Bojd{background-color:var(--5b5cb0)}.aesNAY{background-color:var(--d55c71)}._3MppzQ{background-color:var(--4e47fe)}._2VO_hL{background-color:var(--3e7877)}._2WHPUw{background-color:var(--21906f)}._1rcIL5{background-color:var(--5d87f3)}._3D_7V1{background-color:var(--201e14)}._112Y0Q{background-color:var(--e1c27c)}._22KIb-{background-color:var(--6a1420)}._2hbfen{background-color:var(--1a9963)}._2hKbbK{background-color:var(--b774df)}.Y8TBRy{background-color:var(--f72cdd)}._2x-3Vr{background-color:var(--6cbd80)}._6H3srp{background-color:var(--5893e7)}";
+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-none":"_1qmwET","Box--box-radius-m":"_2QG_l9","Box--box-radius-l":"_1IrJdo","Box--narrow-l--box-radius-none":"_1cE2va","Box--narrow-l--box-radius-m":"XWeqbw","Box--narrow-l--box-radius-l":"_14CqdZ","Box--medium-s--box-radius-none":"_2L7IWT","Box--medium-s--box-radius-m":"_2-nWrE","Box--medium-s--box-radius-l":"_2pnTll","Box--medium-l--box-radius-none":"_3BlbfP","Box--medium-l--box-radius-m":"_2e5Dhw","Box--medium-l--box-radius-l":"_1mWbTs","Box--wide-s--box-radius-none":"_3LsEJq","Box--wide-s--box-radius-m":"_14CRd4","Box--wide-s--box-radius-l":"_3Ms5_W","Box--wide-l--box-radius-none":"_3pxYkW","Box--wide-l--box-radius-m":"_2hl3vu","Box--wide-l--box-radius-l":"_2U_Skz","Box--background-white":"_2mtDSf","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);
 

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

@@ -1,6 +1,7 @@
 @import '@preply/ds-web-core/dist/generated/tokens.less';
 @import '@preply/ds-web-core/dist/generated/options.less';
 @import '@preply/ds-web-core/dist/theme/style/declarations.mixins.less';
+@import '@preply/ds-web-core/dist/responsive/style/mixins.less';
 
 @namespace: 'box-radius';
 
@@ -9,14 +10,15 @@
     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);
-        }
+    .responsive({
+        each(@BOX_RADIUS_OPTIONS, {
+            &--box-radius-@{value} {
+                .border-radius(@namespace, @value);
+            }
+        });
     });
 }
 

package/dist/components/Button/Button.js

@@ -4,13 +4,13 @@ import React__default from 'react';
 import { ButtonBase } from '../private/ButtonBase/ButtonBase.js';
 
 const BUTTON = 'Button';
-const Button = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, a11yLabel, ...props }) => {
+const Button = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, url, a11yLabel, ...props }) => {
     useInstrument('render', {
         component: BUTTON,
-        props: { variant, size, a11yLabel },
+        props: { variant, size, url, a11yLabel },
     });
-    return (React__default.createElement(ButtonBase, Object.assign({}, props, { isIconButton: false, variant: variant, size: size, a11yLabel: a11yLabel })));
+    return (React__default.createElement(ButtonBase, Object.assign({}, props, { isIconButton: false, variant: variant, size: size, url: url, a11yLabel: a11yLabel })));
 };
 
 export { Button };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHVzZUluc3RydW1lbnQgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQnV0dG9uQmFzZSwgQnV0dG9uQmFzZVByb3BzIH0gZnJvbSAnLi4vcHJpdmF0ZS9CdXR0b25CYXNlL0J1dHRvbkJhc2UnO1xuXG5jb25zdCBCVVRUT04gPSAnQnV0dG9uJztcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSBPbWl0PEJ1dHRvbkJhc2VQcm9wcywgJ2lzSWNvbkJ1dHRvbic+O1xuXG5leHBvcnQgY29uc3QgQnV0dG9uOiBGQzxQcm9wcz4gPSAoe1xuICAgIHZhcmlhbnQgPSBCVVRUT05fVkFSSUFOVF9ERUZBVUxULFxuICAgIHNpemUgPSBCVVRUT05fU0laRV9ERUZBVUxULFxuICAgIGExMXlMYWJlbCxcbiAgICAuLi5wcm9wc1xufSkgPT4ge1xuICAgIHVzZUluc3RydW1lbnQoJ3JlbmRlcicsIHtcbiAgICAgICAgY29tcG9uZW50OiBCVVRUT04sXG4gICAgICAgIHByb3BzOiB7IHZhcmlhbnQsIHNpemUsIGExMXlMYWJlbCB9LFxuICAgIH0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEJ1dHRvbkJhc2VcbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgIGlzSWNvbkJ1dHRvbj17ZmFsc2V9XG4gICAgICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgIGExMXlMYWJlbD17YTExeUxhYmVsfVxuICAgICAgICAvPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQU1BLE1BQU0sTUFBTSxHQUFHLFFBQVEsQ0FBQztNQUlYLE1BQU0sR0FBYyxDQUFDLEVBQzlCLE9BQU8sR0FBRyxzQkFBc0IsRUFDaEMsSUFBSSxHQUFHLG1CQUFtQixFQUMxQixTQUFTLEVBQ1QsR0FBRyxLQUFLLEVBQ1g7SUFDRyxhQUFhLENBQUMsUUFBUSxFQUFFO1FBQ3BCLFNBQVMsRUFBRSxNQUFNO1FBQ2pCLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFO0tBQ3RDLENBQUMsQ0FBQztJQUVILFFBQ0lBLDZCQUFDLFVBQVUsb0JBQ0gsS0FBSyxJQUNULFlBQVksRUFBRSxLQUFLLEVBQ25CLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLElBQUksRUFBRSxJQUFJLEVBQ1YsU0FBUyxFQUFFLFNBQVMsSUFDdEIsRUFDSjtBQUNOOzs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHVzZUluc3RydW1lbnQgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQnV0dG9uQmFzZSwgQnV0dG9uQmFzZVByb3BzIH0gZnJvbSAnLi4vcHJpdmF0ZS9CdXR0b25CYXNlL0J1dHRvbkJhc2UnO1xuXG5jb25zdCBCVVRUT04gPSAnQnV0dG9uJztcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSBPbWl0PEJ1dHRvbkJhc2VQcm9wcywgJ2lzSWNvbkJ1dHRvbic+O1xuXG5leHBvcnQgY29uc3QgQnV0dG9uOiBGQzxQcm9wcz4gPSAoe1xuICAgIHZhcmlhbnQgPSBCVVRUT05fVkFSSUFOVF9ERUZBVUxULFxuICAgIHNpemUgPSBCVVRUT05fU0laRV9ERUZBVUxULFxuICAgIHVybCxcbiAgICBhMTF5TGFiZWwsXG4gICAgLi4ucHJvcHNcbn0pID0+IHtcbiAgICB1c2VJbnN0cnVtZW50KCdyZW5kZXInLCB7XG4gICAgICAgIGNvbXBvbmVudDogQlVUVE9OLFxuICAgICAgICBwcm9wczogeyB2YXJpYW50LCBzaXplLCB1cmwsIGExMXlMYWJlbCB9LFxuICAgIH0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEJ1dHRvbkJhc2VcbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgIGlzSWNvbkJ1dHRvbj17ZmFsc2V9XG4gICAgICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgIHVybD17dXJsfVxuICAgICAgICAgICAgYTExeUxhYmVsPXthMTF5TGFiZWx9XG4gICAgICAgIC8+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7O0FBTUEsTUFBTSxNQUFNLEdBQUcsUUFBUSxDQUFDO01BSVgsTUFBTSxHQUFjLENBQUMsRUFDOUIsT0FBTyxHQUFHLHNCQUFzQixFQUNoQyxJQUFJLEdBQUcsbUJBQW1CLEVBQzFCLEdBQUcsRUFDSCxTQUFTLEVBQ1QsR0FBRyxLQUFLLEVBQ1g7SUFDRyxhQUFhLENBQUMsUUFBUSxFQUFFO1FBQ3BCLFNBQVMsRUFBRSxNQUFNO1FBQ2pCLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRTtLQUMzQyxDQUFDLENBQUM7SUFFSCxRQUNJQSw2QkFBQyxVQUFVLG9CQUNILEtBQUssSUFDVCxZQUFZLEVBQUUsS0FBSyxFQUNuQixPQUFPLEVBQUUsT0FBTyxFQUNoQixJQUFJLEVBQUUsSUFBSSxFQUNWLEdBQUcsRUFBRSxHQUFHLEVBQ1IsU0FBUyxFQUFFLFNBQVMsSUFDdEIsRUFDSjtBQUNOOzs7OyJ9

package/dist/components/IconButton/IconButton.js

@@ -4,14 +4,14 @@ import React__default from 'react';
 import { ButtonBase } from '../private/ButtonBase/ButtonBase.js';
 
 const ICONBUTTON = 'IconButton';
-const IconButton = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, a11yLabel, svg: Svg, ...props }) => {
+const IconButton = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, url, a11yLabel, svg: Svg, ...props }) => {
     useInstrument('render', {
         component: ICONBUTTON,
-        props: { variant, size, a11yLabel },
+        props: { variant, size, url, a11yLabel },
     });
-    return (React__default.createElement(ButtonBase, Object.assign({}, props, { isIconButton: true, variant: variant, size: size, a11yLabel: a11yLabel }),
+    return (React__default.createElement(ButtonBase, Object.assign({}, props, { isIconButton: true, variant: variant, size: size, url: url, a11yLabel: a11yLabel }),
         React__default.createElement(Svg, { "aria-hidden": "true", focusable: "false" })));
 };
 
 export { IconButton };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbkJ1dHRvbi5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSWNvbkJ1dHRvbi9JY29uQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHVzZUluc3RydW1lbnQgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgU1ZHQXR0cmlidXRlcyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQnV0dG9uQmFzZSwgQnV0dG9uQmFzZVByb3BzIH0gZnJvbSAnLi4vcHJpdmF0ZS9CdXR0b25CYXNlL0J1dHRvbkJhc2UnO1xuXG5leHBvcnQgdHlwZSBSZWFjdFNWR0NvbXBvbmVudFR5cGUgPSBSZWFjdC5Db21wb25lbnRUeXBlPFNWR0F0dHJpYnV0ZXM8U1ZHRWxlbWVudD4+O1xuXG5jb25zdCBJQ09OQlVUVE9OID0gJ0ljb25CdXR0b24nO1xuXG5leHBvcnQgdHlwZSBJY29uQnV0dG9uUHJvcHMgPSBPbWl0PFxuICAgIEJ1dHRvbkJhc2VQcm9wcyxcbiAgICAnZnVsbFdpZHRoJyB8ICd3cmFwJyB8ICdpc0ljb25CdXR0b24nIHwgJ2NoaWxkcmVuJ1xuPjtcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSBJY29uQnV0dG9uUHJvcHMgJiB7XG4gICAgYXNzaXN0aXZlVGV4dDogc3RyaW5nO1xuICAgIHN2ZzogUmVhY3RTVkdDb21wb25lbnRUeXBlO1xufTtcblxuZXhwb3J0IGNvbnN0IEljb25CdXR0b246IEZDPFByb3BzPiA9ICh7XG4gICAgdmFyaWFudCA9IEJVVFRPTl9WQVJJQU5UX0RFRkFVTFQsXG4gICAgc2l6ZSA9IEJVVFRPTl9TSVpFX0RFRkFVTFQsXG4gICAgYTExeUxhYmVsLFxuICAgIHN2ZzogU3ZnLFxuICAgIC4uLnByb3BzXG59KSA9PiB7XG4gICAgdXNlSW5zdHJ1bWVudCgncmVuZGVyJywge1xuICAgICAgICBjb21wb25lbnQ6IElDT05CVVRUT04sXG4gICAgICAgIHByb3BzOiB7IHZhcmlhbnQsIHNpemUsIGExMXlMYWJlbCB9LFxuICAgIH0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEJ1dHRvbkJhc2Ugey4uLnByb3BzfSBpc0ljb25CdXR0b24gdmFyaWFudD17dmFyaWFudH0gc2l6ZT17c2l6ZX0gYTExeUxhYmVsPXthMTF5TGFiZWx9PlxuICAgICAgICAgICAgPFN2ZyBhcmlhLWhpZGRlbj1cInRydWVcIiBmb2N1c2FibGU9XCJmYWxzZVwiIC8+XG4gICAgICAgIDwvQnV0dG9uQmFzZT5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFRQSxNQUFNLFVBQVUsR0FBRyxZQUFZLENBQUM7TUFZbkIsVUFBVSxHQUFjLENBQUMsRUFDbEMsT0FBTyxHQUFHLHNCQUFzQixFQUNoQyxJQUFJLEdBQUcsbUJBQW1CLEVBQzFCLFNBQVMsRUFDVCxHQUFHLEVBQUUsR0FBRyxFQUNSLEdBQUcsS0FBSyxFQUNYO0lBQ0csYUFBYSxDQUFDLFFBQVEsRUFBRTtRQUNwQixTQUFTLEVBQUUsVUFBVTtRQUNyQixLQUFLLEVBQUUsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRTtLQUN0QyxDQUFDLENBQUM7SUFFSCxRQUNJQSw2QkFBQyxVQUFVLG9CQUFLLEtBQUssSUFBRSxZQUFZLFFBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxTQUFTO1FBQ2xGQSw2QkFBQyxHQUFHLG1CQUFhLE1BQU0sRUFBQyxTQUFTLEVBQUMsT0FBTyxHQUFHLENBQ25DLEVBQ2Y7QUFDTjs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbkJ1dHRvbi5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSWNvbkJ1dHRvbi9JY29uQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHVzZUluc3RydW1lbnQgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgU1ZHQXR0cmlidXRlcyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQnV0dG9uQmFzZSwgQnV0dG9uQmFzZVByb3BzIH0gZnJvbSAnLi4vcHJpdmF0ZS9CdXR0b25CYXNlL0J1dHRvbkJhc2UnO1xuXG5leHBvcnQgdHlwZSBSZWFjdFNWR0NvbXBvbmVudFR5cGUgPSBSZWFjdC5Db21wb25lbnRUeXBlPFNWR0F0dHJpYnV0ZXM8U1ZHRWxlbWVudD4+O1xuXG5jb25zdCBJQ09OQlVUVE9OID0gJ0ljb25CdXR0b24nO1xuXG5leHBvcnQgdHlwZSBJY29uQnV0dG9uUHJvcHMgPSBPbWl0PFxuICAgIEJ1dHRvbkJhc2VQcm9wcyxcbiAgICAnZnVsbFdpZHRoJyB8ICd3cmFwJyB8ICdpc0ljb25CdXR0b24nIHwgJ2NoaWxkcmVuJ1xuPjtcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSBJY29uQnV0dG9uUHJvcHMgJiB7XG4gICAgYXNzaXN0aXZlVGV4dDogc3RyaW5nO1xuICAgIHN2ZzogUmVhY3RTVkdDb21wb25lbnRUeXBlO1xufTtcblxuZXhwb3J0IGNvbnN0IEljb25CdXR0b246IEZDPFByb3BzPiA9ICh7XG4gICAgdmFyaWFudCA9IEJVVFRPTl9WQVJJQU5UX0RFRkFVTFQsXG4gICAgc2l6ZSA9IEJVVFRPTl9TSVpFX0RFRkFVTFQsXG4gICAgdXJsLFxuICAgIGExMXlMYWJlbCxcbiAgICBzdmc6IFN2ZyxcbiAgICAuLi5wcm9wc1xufSkgPT4ge1xuICAgIHVzZUluc3RydW1lbnQoJ3JlbmRlcicsIHtcbiAgICAgICAgY29tcG9uZW50OiBJQ09OQlVUVE9OLFxuICAgICAgICBwcm9wczogeyB2YXJpYW50LCBzaXplLCB1cmwsIGExMXlMYWJlbCB9LFxuICAgIH0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEJ1dHRvbkJhc2VcbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgIGlzSWNvbkJ1dHRvblxuICAgICAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICB1cmw9e3VybH1cbiAgICAgICAgICAgIGExMXlMYWJlbD17YTExeUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgICA8U3ZnIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIGZvY3VzYWJsZT1cImZhbHNlXCIgLz5cbiAgICAgICAgPC9CdXR0b25CYXNlPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQVFBLE1BQU0sVUFBVSxHQUFHLFlBQVksQ0FBQztNQVluQixVQUFVLEdBQWMsQ0FBQyxFQUNsQyxPQUFPLEdBQUcsc0JBQXNCLEVBQ2hDLElBQUksR0FBRyxtQkFBbUIsRUFDMUIsR0FBRyxFQUNILFNBQVMsRUFDVCxHQUFHLEVBQUUsR0FBRyxFQUNSLEdBQUcsS0FBSyxFQUNYO0lBQ0csYUFBYSxDQUFDLFFBQVEsRUFBRTtRQUNwQixTQUFTLEVBQUUsVUFBVTtRQUNyQixLQUFLLEVBQUUsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUU7S0FDM0MsQ0FBQyxDQUFDO0lBRUgsUUFDSUEsNkJBQUMsVUFBVSxvQkFDSCxLQUFLLElBQ1QsWUFBWSxRQUNaLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLElBQUksRUFBRSxJQUFJLEVBQ1YsR0FBRyxFQUFFLEdBQUcsRUFDUixTQUFTLEVBQUUsU0FBUztRQUVwQkEsNkJBQUMsR0FBRyxtQkFBYSxNQUFNLEVBQUMsU0FBUyxFQUFDLE9BQU8sR0FBRyxDQUNuQyxFQUNmO0FBQ047Ozs7In0=

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

@@ -1,6 +1,8 @@
 @import './mixins.less';
+@import '@preply/ds-web-core/dist/layout/style/tag.mixins.less';
 
 .LayoutFlexItem {
     .layout-flex-item-base();
+    .layout-tag();
     .stretch();
 }

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;-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 css_248z = "._2SDOH1{border:none;border-spacing:0;font-weight:inherit;list-style:none;margin:0;padding:0;text-align:inherit}._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

@@ -1,10 +1,7 @@
 @import '@preply/ds-web-core/dist/responsive/style/mixins.less';
 
 .layout-flex-item-base() {
-    flex: none;
-    margin: 0;
     padding: 0;
-    list-style: none;
 }
 
 .stretch() {

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

@@ -1,5 +1,7 @@
 @import './mixins.less';
+@import '@preply/ds-web-core/dist/layout/style/tag.mixins.less';
 
 .LayoutGridItem {
+    .layout-tag();
     .layout-grid-item-base();
 }

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

@@ -1,6 +1,6 @@
 import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = "._1Bgnqo{list-style:none;margin:0;padding:0}";
+var css_248z = "._1Bgnqo{border:none;border-spacing:0;font-weight:inherit;list-style:none;margin:0;padding:0;text-align:inherit}";
 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);

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

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

package/dist/components/Link/Link.d.ts

@@ -1,9 +1,11 @@
 import type { Dataset } from '@preply/ds-core';
-import { FC, MouseEvent, ReactNode } from 'react';
+import { FC, MouseEventHandler, ReactNode } from 'react';
 export interface Props {
-    url: string;
+    href?: string;
+    url?: string;
     opensInNewTab?: boolean;
-    onClick?: (event: MouseEvent) => void;
+    assistiveText?: string;
+    onClick?: MouseEventHandler;
     dataset?: Dataset;
     children?: ReactNode;
 }

package/dist/components/Link/Link.js

@@ -1,9 +1,13 @@
-import { useStyleExtract, useHostname, moduleClassNames, getDatasetProps, getExternalUrlProps } from '@preply/ds-web-core';
+import { useInstrument, useStyleExtract, useHostname, moduleClassNames, getExternalUrlProps, getDatasetProps } from '@preply/ds-web-core';
 import React__default from 'react';
 import styles from './style/index.module.less.js';
 
 const LINK = 'Link';
-const Link = ({ onClick, url, opensInNewTab, dataset, children }) => {
+const Link = ({ href, url, opensInNewTab, assistiveText, onClick, dataset, children, }) => {
+    useInstrument('render', {
+        component: LINK,
+        props: { url },
+    });
     useStyleExtract(styles);
     const hostname = useHostname();
     const handleClick = (event) => {
@@ -12,15 +16,20 @@ const Link = ({ onClick, url, opensInNewTab, dataset, children }) => {
         }
     };
     const classNames = moduleClassNames(styles, LINK, []);
+    const actualHref = href || url;
+    const externalUrlProps = actualHref
+        ? getExternalUrlProps(hostname, actualHref, opensInNewTab)
+        : {};
     const props = {
-        href: url,
+        href: actualHref,
+        'aria-label': assistiveText,
         onClick: handleClick,
         className: classNames.join(' '),
         ...getDatasetProps(dataset),
-        ...getExternalUrlProps(hostname, url, opensInNewTab),
+        ...externalUrlProps,
     };
     return React__default.createElement("a", Object.assign({}, props), children);
 };
 
 export { Link };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGluay9MaW5rLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IERhdGFzZXQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBnZXREYXRhc2V0UHJvcHMsXG4gICAgZ2V0RXh0ZXJuYWxVcmxQcm9wcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHVzZUhvc3RuYW1lLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIE1vdXNlRXZlbnQsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgb3BlbnNJbk5ld1RhYj86IGJvb2xlYW47XG4gICAgb25DbGljaz86IChldmVudDogTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgICBkYXRhc2V0PzogRGF0YXNldDtcbiAgICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgTElOSyA9ICdMaW5rJztcblxuZXhwb3J0IGNvbnN0IExpbms6IEZDPFByb3BzPiA9ICh7IG9uQ2xpY2ssIHVybCwgb3BlbnNJbk5ld1RhYiwgZGF0YXNldCwgY2hpbGRyZW4gfSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgaG9zdG5hbWUgPSB1c2VIb3N0bmFtZSgpO1xuXG4gICAgY29uc3QgaGFuZGxlQ2xpY2sgPSAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgaWYgKG9uQ2xpY2spIHtcbiAgICAgICAgICAgIG9uQ2xpY2soZXZlbnQpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgTElOSywgW10pO1xuXG4gICAgY29uc3QgcHJvcHMgPSB7XG4gICAgICAgIGhyZWY6IHVybCxcbiAgICAgICAgb25DbGljazogaGFuZGxlQ2xpY2ssXG4gICAgICAgIGNsYXNzTmFtZTogY2xhc3NOYW1lcy5qb2luKCcgJyksXG4gICAgICAgIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSxcbiAgICAgICAgLi4uZ2V0RXh0ZXJuYWxVcmxQcm9wcyhob3N0bmFtZSwgdXJsLCBvcGVuc0luTmV3VGFiKSxcbiAgICB9O1xuXG4gICAgcmV0dXJuIDxhIHsuLi5wcm9wc30+e2NoaWxkcmVufTwvYT47XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7O0FBb0JBLE1BQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQztNQUVQLElBQUksR0FBYyxDQUFDLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxhQUFhLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRTtJQUM5RSxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxRQUFRLEdBQUcsV0FBVyxFQUFFLENBQUM7SUFFL0IsTUFBTSxXQUFXLEdBQUcsQ0FBQyxLQUFpQjtRQUNsQyxJQUFJLE9BQU8sRUFBRTtZQUNULE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNsQjtLQUNKLENBQUM7SUFFRixNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRXRELE1BQU0sS0FBSyxHQUFHO1FBQ1YsSUFBSSxFQUFFLEdBQUc7UUFDVCxPQUFPLEVBQUUsV0FBVztRQUNwQixTQUFTLEVBQUUsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7UUFDL0IsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDO1FBQzNCLEdBQUcsbUJBQW1CLENBQUMsUUFBUSxFQUFFLEdBQUcsRUFBRSxhQUFhLENBQUM7S0FDdkQsQ0FBQztJQUVGLE9BQU9BLG9EQUFPLEtBQUssR0FBRyxRQUFRLENBQUssQ0FBQztBQUN4Qzs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGluay9MaW5rLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IERhdGFzZXQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBnZXREYXRhc2V0UHJvcHMsXG4gICAgZ2V0RXh0ZXJuYWxVcmxQcm9wcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHVzZUhvc3RuYW1lLFxuICAgIHVzZUluc3RydW1lbnQsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgTW91c2VFdmVudCwgTW91c2VFdmVudEhhbmRsZXIsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gICAgaHJlZj86IHN0cmluZztcbiAgICB1cmw/OiBzdHJpbmc7XG4gICAgb3BlbnNJbk5ld1RhYj86IGJvb2xlYW47XG4gICAgYXNzaXN0aXZlVGV4dD86IHN0cmluZztcbiAgICBvbkNsaWNrPzogTW91c2VFdmVudEhhbmRsZXI7XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG4gICAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IExJTksgPSAnTGluayc7XG5cbmV4cG9ydCBjb25zdCBMaW5rOiBGQzxQcm9wcz4gPSAoe1xuICAgIGhyZWYsXG4gICAgdXJsLFxuICAgIG9wZW5zSW5OZXdUYWIsXG4gICAgYXNzaXN0aXZlVGV4dCxcbiAgICBvbkNsaWNrLFxuICAgIGRhdGFzZXQsXG4gICAgY2hpbGRyZW4sXG59KSA9PiB7XG4gICAgdXNlSW5zdHJ1bWVudCgncmVuZGVyJywge1xuICAgICAgICBjb21wb25lbnQ6IExJTkssXG4gICAgICAgIHByb3BzOiB7IHVybCB9LFxuICAgIH0pO1xuXG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBob3N0bmFtZSA9IHVzZUhvc3RuYW1lKCk7XG5cbiAgICBjb25zdCBoYW5kbGVDbGljayA9IChldmVudDogTW91c2VFdmVudCkgPT4ge1xuICAgICAgICBpZiAob25DbGljaykge1xuICAgICAgICAgICAgb25DbGljayhldmVudCk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBMSU5LLCBbXSk7XG5cbiAgICBjb25zdCBhY3R1YWxIcmVmID0gaHJlZiB8fCB1cmw7XG5cbiAgICBjb25zdCBleHRlcm5hbFVybFByb3BzID0gYWN0dWFsSHJlZlxuICAgICAgICA/IGdldEV4dGVybmFsVXJsUHJvcHMoaG9zdG5hbWUsIGFjdHVhbEhyZWYsIG9wZW5zSW5OZXdUYWIpXG4gICAgICAgIDoge307XG5cbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgICAgaHJlZjogYWN0dWFsSHJlZixcbiAgICAgICAgJ2FyaWEtbGFiZWwnOiBhc3Npc3RpdmVUZXh0LFxuICAgICAgICBvbkNsaWNrOiBoYW5kbGVDbGljayxcbiAgICAgICAgY2xhc3NOYW1lOiBjbGFzc05hbWVzLmpvaW4oJyAnKSxcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpLFxuICAgICAgICAuLi5leHRlcm5hbFVybFByb3BzLFxuICAgIH07XG5cbiAgICByZXR1cm4gPGEgey4uLnByb3BzfT57Y2hpbGRyZW59PC9hPjtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7QUF1QkEsTUFBTSxJQUFJLEdBQUcsTUFBTSxDQUFDO01BRVAsSUFBSSxHQUFjLENBQUMsRUFDNUIsSUFBSSxFQUNKLEdBQUcsRUFDSCxhQUFhLEVBQ2IsYUFBYSxFQUNiLE9BQU8sRUFDUCxPQUFPLEVBQ1AsUUFBUSxHQUNYO0lBQ0csYUFBYSxDQUFDLFFBQVEsRUFBRTtRQUNwQixTQUFTLEVBQUUsSUFBSTtRQUNmLEtBQUssRUFBRSxFQUFFLEdBQUcsRUFBRTtLQUNqQixDQUFDLENBQUM7SUFFSCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxRQUFRLEdBQUcsV0FBVyxFQUFFLENBQUM7SUFFL0IsTUFBTSxXQUFXLEdBQUcsQ0FBQyxLQUFpQjtRQUNsQyxJQUFJLE9BQU8sRUFBRTtZQUNULE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNsQjtLQUNKLENBQUM7SUFFRixNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRXRELE1BQU0sVUFBVSxHQUFHLElBQUksSUFBSSxHQUFHLENBQUM7SUFFL0IsTUFBTSxnQkFBZ0IsR0FBRyxVQUFVO1VBQzdCLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxVQUFVLEVBQUUsYUFBYSxDQUFDO1VBQ3hELEVBQUUsQ0FBQztJQUVULE1BQU0sS0FBSyxHQUFHO1FBQ1YsSUFBSSxFQUFFLFVBQVU7UUFDaEIsWUFBWSxFQUFFLGFBQWE7UUFDM0IsT0FBTyxFQUFFLFdBQVc7UUFDcEIsU0FBUyxFQUFFLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQy9CLEdBQUcsZUFBZSxDQUFDLE9BQU8sQ0FBQztRQUMzQixHQUFHLGdCQUFnQjtLQUN0QixDQUFDO0lBRUYsT0FBT0Esb0RBQU8sS0FBSyxHQUFHLFFBQVEsQ0FBSyxDQUFDO0FBQ3hDOzs7OyJ9

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

@@ -1,4 +1,5 @@
 @import '@preply/ds-web-core/dist/generated/tokens.less';
+@import '@preply/ds-web-core/dist/focus/style/mixins.less';
 @import '@preply/ds-web-core/dist/theme/style/declarations.mixins.less';
 
 @namespace: 'action';
@@ -20,9 +21,6 @@
     }
 
     &:focus-visible {
-        outline-style: solid;
-        .focus-outline-color(@namespace, 'base');
-        .focus-outline-width(@namespace, 'base');
-        .focus-outline-offset(@namespace, 'base');
+        .focus-outline();
     }
 }

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

@@ -12,6 +12,7 @@
 
     > * {
         width: 24px;
+        height: 24px;
     }
 
     &--static {

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

@@ -1,6 +1,6 @@
 import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = "@-webkit-keyframes vH81in{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes vH81in{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}._2CO-wm{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._2CO-wm>*{width:24px}._3-RII9{display:none}._3-RII9 svg{fill:currentColor}._2OI3Pv{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._2OI3Pv svg{stroke:currentColor;stroke-linecap:round;stroke-width:2px;-webkit-animation:vH81in 1s cubic-bezier(.46,.17,.58,.87) infinite;animation:vH81in 1s cubic-bezier(.46,.17,.58,.87) infinite}@media (prefers-reduced-motion){._3-RII9{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._2OI3Pv{display:none}}";
+var css_248z = "@-webkit-keyframes vH81in{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes vH81in{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}._2CO-wm{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._2CO-wm>*{height:24px;width:24px}._3-RII9{display:none}._3-RII9 svg{fill:currentColor}._2OI3Pv{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._2OI3Pv svg{stroke:currentColor;stroke-linecap:round;stroke-width:2px;-webkit-animation:vH81in 1s cubic-bezier(.46,.17,.58,.87) infinite;animation:vH81in 1s cubic-bezier(.46,.17,.58,.87) infinite}@media (prefers-reduced-motion){._3-RII9{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._2OI3Pv{display:none}}";
 var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Spinner/style/index.module.less",__css:css_248z,"Spinner":"_2CO-wm","Spinner--static":"_3-RII9","Spinner--animated":"_2OI3Pv","spin":"vH81in"};
 var stylesheet=css_248z;
 styleInject(css_248z);

package/dist/components/TextField/TextField.d.ts

@@ -0,0 +1,5 @@
+import type { CombinableInputProps, TextFieldProps } from '@preply/ds-web-core';
+import { FC } from 'react';
+import type { InputTextProps } from '../private/Input/InputText';
+export declare type Props = TextFieldProps & CombinableInputProps<InputTextProps>;
+export declare const TextField: FC<Props>;

package/dist/components/TextField/TextField.js

@@ -0,0 +1,23 @@
+import { FIELD_TYPE_DEFAULT, useStyleExtract, useForcedRef, useTextField, moduleClassNames } from '@preply/ds-web-core';
+import React__default from 'react';
+import { SingleLineFieldLayout } from '../private/Field/SingleLineFieldLayout.js';
+import { InputText } from '../private/Input/InputText.js';
+import styles from './style/index.module.less.js';
+
+const FIELD_TEXT = 'TextField';
+const TextField = ({ id: optionalId, type = FIELD_TYPE_DEFAULT, ...props }) => {
+    useStyleExtract(styles);
+    const ref = useForcedRef();
+    const textField = useTextField({
+        id: optionalId,
+        type,
+        ...props,
+    });
+    const { fieldProps, inputProps } = textField;
+    const classNames = moduleClassNames(styles, FIELD_TEXT);
+    const input = React__default.createElement(InputText, Object.assign({}, inputProps, { ref: ref }));
+    return (React__default.createElement(SingleLineFieldLayout, Object.assign({}, fieldProps, { className: classNames.join(' '), input: input, inputHandle: ref.current })));
+};
+
+export { TextField };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dEZpZWxkLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZXh0RmllbGQvVGV4dEZpZWxkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbWJpbmFibGVJbnB1dFByb3BzLCBUZXh0RmllbGRQcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBGSUVMRF9UWVBFX0RFRkFVTFQsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICB1c2VGb3JjZWRSZWYsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxuICAgIHVzZVRleHRGaWVsZCxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFNpbmdsZUxpbmVGaWVsZExheW91dCB9IGZyb20gJy4uL3ByaXZhdGUvRmllbGQvU2luZ2xlTGluZUZpZWxkTGF5b3V0JztcbmltcG9ydCB7IElucHV0SW1wZXJhdGl2ZUhhbmRsZSB9IGZyb20gJy4uL3ByaXZhdGUvSW5wdXQvSW5wdXRCYXNlJztcbmltcG9ydCB0eXBlIHsgSW5wdXRUZXh0UHJvcHMgfSBmcm9tICcuLi9wcml2YXRlL0lucHV0L0lucHV0VGV4dCc7XG5pbXBvcnQgeyBJbnB1dFRleHQgfSBmcm9tICcuLi9wcml2YXRlL0lucHV0L0lucHV0VGV4dCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0gVGV4dEZpZWxkUHJvcHMgJiBDb21iaW5hYmxlSW5wdXRQcm9wczxJbnB1dFRleHRQcm9wcz47XG5cbmNvbnN0IEZJRUxEX1RFWFQgPSAnVGV4dEZpZWxkJztcblxuZXhwb3J0IGNvbnN0IFRleHRGaWVsZDogRkM8UHJvcHM+ID0gKHsgaWQ6IG9wdGlvbmFsSWQsIHR5cGUgPSBGSUVMRF9UWVBFX0RFRkFVTFQsIC4uLnByb3BzIH0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IHJlZiA9IHVzZUZvcmNlZFJlZjxJbnB1dEltcGVyYXRpdmVIYW5kbGU+KCk7XG4gICAgY29uc3QgdGV4dEZpZWxkID0gdXNlVGV4dEZpZWxkKHtcbiAgICAgICAgaWQ6IG9wdGlvbmFsSWQsXG4gICAgICAgIHR5cGUsXG4gICAgICAgIC4uLnByb3BzLFxuICAgIH0pO1xuICAgIGNvbnN0IHsgZmllbGRQcm9wcywgaW5wdXRQcm9wcyB9ID0gdGV4dEZpZWxkO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBGSUVMRF9URVhUKTtcbiAgICBjb25zdCBpbnB1dCA9IDxJbnB1dFRleHQgey4uLmlucHV0UHJvcHN9IHJlZj17cmVmfSAvPjtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxTaW5nbGVMaW5lRmllbGRMYXlvdXRcbiAgICAgICAgICAgIHsuLi5maWVsZFByb3BzfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzLmpvaW4oJyAnKX1cbiAgICAgICAgICAgIGlucHV0PXtpbnB1dH1cbiAgICAgICAgICAgIGlucHV0SGFuZGxlPXtyZWYuY3VycmVudH1cbiAgICAgICAgLz5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBbUJBLE1BQU0sVUFBVSxHQUFHLFdBQVcsQ0FBQztNQUVsQixTQUFTLEdBQWMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxVQUFVLEVBQUUsSUFBSSxHQUFHLGtCQUFrQixFQUFFLEdBQUcsS0FBSyxFQUFFO0lBQ3hGLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLEdBQUcsR0FBRyxZQUFZLEVBQXlCLENBQUM7SUFDbEQsTUFBTSxTQUFTLEdBQUcsWUFBWSxDQUFDO1FBQzNCLEVBQUUsRUFBRSxVQUFVO1FBQ2QsSUFBSTtRQUNKLEdBQUcsS0FBSztLQUNYLENBQUMsQ0FBQztJQUNILE1BQU0sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLEdBQUcsU0FBUyxDQUFDO0lBRTdDLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxVQUFVLENBQUMsQ0FBQztJQUN4RCxNQUFNLEtBQUssR0FBR0EsNkJBQUMsU0FBUyxvQkFBSyxVQUFVLElBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUFDO0lBRXRELFFBQ0lBLDZCQUFDLHFCQUFxQixvQkFDZCxVQUFVLElBQ2QsU0FBUyxFQUFFLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQy9CLEtBQUssRUFBRSxLQUFLLEVBQ1osV0FBVyxFQUFFLEdBQUcsQ0FBQyxPQUFPLElBQzFCLEVBQ0o7QUFDTjs7OzsifQ==

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

@@ -0,0 +1,5 @@
+@import './mixins.less';
+
+.TextField {
+    .text-field-base();
+}

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

@@ -0,0 +1,9 @@
+import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
+
+var css_248z = "._1gSl7K{display:-webkit-box;display:-ms-flexbox;display:flex}";
+var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/TextField/style/index.module.less",__css:css_248z,"TextField":"_1gSl7K"};
+var stylesheet=css_248z;
+styleInject(css_248z);
+
+export { styles as default, stylesheet };
+

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

@@ -0,0 +1,3 @@
+.text-field-base() {
+    display: flex;
+}

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

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

package/dist/components/index.d.ts

@@ -17,5 +17,6 @@ export { PanelSection } from './Panel/private/PanelSection';
 export { PanelFooter } from './Panel/private/PanelFooter';
 export { PreplyLogo } from './PreplyLogo/PreplyLogo';
 export { Text } from './Text/Text';
+export { TextField } from './TextField/TextField';
 export { TextHighlighted } from './TextHighlighted/TextHighlighted';
 export { TextInline } from './TextInline/TextInline';

package/dist/components/index.js

@@ -17,6 +17,7 @@ export { PanelSection } from './Panel/private/PanelSection.js';
 export { PanelFooter } from './Panel/private/PanelFooter.js';
 export { PreplyLogo } from './PreplyLogo/PreplyLogo.js';
 export { Text } from './Text/Text.js';
+export { TextField } from './TextField/TextField.js';
 export { TextHighlighted } from './TextHighlighted/TextHighlighted.js';
 export { TextInline } from './TextInline/TextInline.js';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=

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

@@ -1,16 +1,17 @@
 import type { ButtonSize, ButtonVariant, Dataset, Responsive } from '@preply/ds-core';
-import { FC, MouseEvent, ReactNode } from 'react';
+import { FC, MouseEventHandler, ReactNode } from 'react';
 export interface ButtonBaseProps {
     variant?: ButtonVariant;
     size?: Responsive<ButtonSize>;
     fullWidth?: Responsive<boolean>;
     wrap?: boolean;
+    href?: string;
     url?: string;
     opensInNewTab?: boolean;
     submitsForm?: boolean;
     a11yLabel?: string;
     assistiveText?: string;
-    onClick?: (event: MouseEvent) => void;
+    onClick?: MouseEventHandler;
     disabled?: boolean;
     busy?: boolean;
     isIconButton: boolean;

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 = ({ children, variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, fullWidth = false, wrap = false, url, opensInNewTab, submitsForm, a11yLabel, assistiveText, onClick, disabled, busy, isIconButton, dataset, }) => {
+const ButtonBase = ({ children, variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, fullWidth = false, wrap = false, href, url, opensInNewTab, submitsForm, a11yLabel, assistiveText, onClick, disabled, busy, isIconButton, dataset, }) => {
     useStyleExtract(styles);
     const hostname = useHostname();
     const ref = useRef(null);
@@ -53,11 +53,12 @@ const ButtonBase = ({ children, variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_
         disabled,
         'aria-disabled': disabled || busy ? true : undefined,
     };
-    if (url) {
-        return (React__default.createElement("a", Object.assign({}, props, getExternalUrlProps(hostname, url, opensInNewTab), { ref: ref, role: "button", tabIndex: disabled ? -1 : 0, href: url, onKeyDown: handleKeyPress }), renderContent({ children, busy })));
+    const actualHref = href || url;
+    if (actualHref) {
+        return (React__default.createElement("a", Object.assign({}, props, getExternalUrlProps(hostname, actualHref, opensInNewTab), { ref: ref, role: "button", tabIndex: disabled ? -1 : 0, href: actualHref, onKeyDown: handleKeyPress }), renderContent({ children, busy })));
     }
     return (React__default.createElement("button", Object.assign({}, props, { type: submitsForm ? 'submit' : 'button' }), renderContent({ children, busy })));
 };
 
 export { ButtonBase };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uQmFzZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJpdmF0ZS9CdXR0b25CYXNlL0J1dHRvbkJhc2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQnV0dG9uU2l6ZSwgQnV0dG9uVmFyaWFudCwgRGF0YXNldCwgUmVzcG9uc2l2ZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIGdldEV4dGVybmFsVXJsUHJvcHMsXG4gICAgbWFwRWRnZUtleVRvU3RhbmRhcmQsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBtb2R1bGVMb2NhbHMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VIb3N0bmFtZSxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBLZXlib2FyZEV2ZW50LCBNb3VzZUV2ZW50LCBSZWFjdE5vZGUsIHVzZVJlZiB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgU3Bpbm5lciB9IGZyb20gJy4uLy4uL1NwaW5uZXIvU3Bpbm5lcic7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQnV0dG9uQmFzZVByb3BzIHtcbiAgICB2YXJpYW50PzogQnV0dG9uVmFyaWFudDtcbiAgICBzaXplPzogUmVzcG9uc2l2ZTxCdXR0b25TaXplPjtcbiAgICBmdWxsV2lkdGg/OiBSZXNwb25zaXZlPGJvb2xlYW4+O1xuICAgIHdyYXA/OiBib29sZWFuO1xuICAgIHVybD86IHN0cmluZztcbiAgICBvcGVuc0luTmV3VGFiPzogYm9vbGVhbjtcbiAgICBzdWJtaXRzRm9ybT86IGJvb2xlYW47XG4gICAgYTExeUxhYmVsPzogc3RyaW5nO1xuICAgIGFzc2lzdGl2ZVRleHQ/OiBzdHJpbmc7XG4gICAgb25DbGljaz86IChldmVudDogTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgICBkaXNhYmxlZD86IGJvb2xlYW47XG4gICAgYnVzeT86IGJvb2xlYW47XG4gICAgaXNJY29uQnV0dG9uOiBib29sZWFuO1xuICAgIGRhdGFzZXQ/OiBEYXRhc2V0O1xuICAgIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBCVVRUT05fQkFTRSA9ICdCdXR0b25CYXNlJztcblxuY29uc3QgcmVuZGVyQ29udGVudDogRkM8eyBidXN5PzogYm9vbGVhbiB9PiA9ICh7IGNoaWxkcmVuLCBidXN5IH0pID0+IHtcbiAgICBjb25zdCBjb250ZW50Q2xhc3NOYW1lcyA9IFsuLi5tb2R1bGVMb2NhbHMoc3R5bGVzLCBCVVRUT05fQkFTRSwgWydjb250ZW50J10pXTtcbiAgICBjb25zdCBidXN5Q2xhc3NOYW1lcyA9IFsuLi5tb2R1bGVMb2NhbHMoc3R5bGVzLCBCVVRUT05fQkFTRSwgWydidXN5J10pXTtcbiAgICByZXR1cm4gKFxuICAgICAgICA8PlxuICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtjb250ZW50Q2xhc3NOYW1lcy5qb2luKCcgJyl9PntjaGlsZHJlbn08L3NwYW4+XG4gICAgICAgICAgICB7YnVzeSAmJiAoXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtidXN5Q2xhc3NOYW1lcy5qb2luKCcgJyl9PlxuICAgICAgICAgICAgICAgICAgICA8U3Bpbm5lciAvPlxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvPlxuICAgICk7XG59O1xuXG5leHBvcnQgY29uc3QgQnV0dG9uQmFzZTogRkM8QnV0dG9uQmFzZVByb3BzPiA9ICh7XG4gICAgY2hpbGRyZW4sXG4gICAgdmFyaWFudCA9IEJVVFRPTl9WQVJJQU5UX0RFRkFVTFQsXG4gICAgc2l6ZSA9IEJVVFRPTl9TSVpFX0RFRkFVTFQsXG4gICAgZnVsbFdpZHRoID0gZmFsc2UsXG4gICAgd3JhcCA9IGZhbHNlLFxuICAgIHVybCxcbiAgICBvcGVuc0luTmV3VGFiLFxuICAgIHN1Ym1pdHNGb3JtLFxuICAgIGExMXlMYWJlbCxcbiAgICBhc3Npc3RpdmVUZXh0LFxuICAgIG9uQ2xpY2ssXG4gICAgZGlzYWJsZWQsXG4gICAgYnVzeSxcbiAgICBpc0ljb25CdXR0b24sXG4gICAgZGF0YXNldCxcbn0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGhvc3RuYW1lID0gdXNlSG9zdG5hbWUoKTtcbiAgICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTEFuY2hvckVsZW1lbnQ+KG51bGwpO1xuXG4gICAgY29uc3QgaGFuZGxlQ2xpY2sgPSAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgaWYgKGRpc2FibGVkIHx8IGJ1c3kpIHtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKG9uQ2xpY2spIHtcbiAgICAgICAgICAgIG9uQ2xpY2soZXZlbnQpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIGNvbnN0IGhhbmRsZUtleVByZXNzID0gKGV2ZW50OiBLZXlib2FyZEV2ZW50KSA9PiB7XG4gICAgICAgIGNvbnN0IGtleSA9IG1hcEVkZ2VLZXlUb1N0YW5kYXJkKGV2ZW50LmtleSk7XG4gICAgICAgIGlmIChrZXkgPT09ICcgJyB8fCBrZXkgPT09ICdFbnRlcicpIHtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICByZWYuY3VycmVudD8uY2xpY2soKTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIEJVVFRPTl9CQVNFLCBbXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3ZhcmlhbnQnLCB2YXJpYW50KSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnc2l6ZScsIHNpemUpLFxuICAgICAgICBpc0ljb25CdXR0b24gPyBzdHJpbmdDbGFzc05hbWVzKCdpcy1pY29uLWJ1dHRvbi1zaXplJywgc2l6ZSkgOiBbXSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXModW5kZWZpbmVkLCAnbm8td3JhcCcsIHdyYXApLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnd2lkdGgtZnVsbCcsICd3aWR0aC1hdXRvJywgZnVsbFdpZHRoKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2lzLWJ1c3knLCB1bmRlZmluZWQsIGJ1c3kpLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnaXMtaWNvbi1idXR0b24nLCB1bmRlZmluZWQsIGlzSWNvbkJ1dHRvbiksXG4gICAgXSk7XG5cbiAgICBjb25zdCB0aXRsZSA9IGlzSWNvbkJ1dHRvbiA/IGFzc2lzdGl2ZVRleHQgfHwgYTExeUxhYmVsIDogdW5kZWZpbmVkO1xuICAgIGNvbnN0IGFyaWFMYWJlbCA9ICFpc0ljb25CdXR0b24gPyBhc3Npc3RpdmVUZXh0IHx8IGExMXlMYWJlbCA6IHVuZGVmaW5lZDtcblxuICAgIGNvbnN0IHByb3BzID0ge1xuICAgICAgICAuLi5nZXREYXRhc2V0UHJvcHMoZGF0YXNldCksXG4gICAgICAgIGNsYXNzTmFtZTogY2xhc3NOYW1lcy5qb2luKCcgJyksXG4gICAgICAgIHRpdGxlLFxuICAgICAgICAnYXJpYS1sYWJlbCc6IGFyaWFMYWJlbCxcbiAgICAgICAgb25DbGljazogaGFuZGxlQ2xpY2ssXG4gICAgICAgIGRpc2FibGVkLFxuICAgICAgICAnYXJpYS1kaXNhYmxlZCc6IGRpc2FibGVkIHx8IGJ1c3kgPyB0cnVlIDogdW5kZWZpbmVkLFxuICAgIH07XG5cbiAgICBpZiAodXJsKSB7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgICAgICB7Li4uZ2V0RXh0ZXJuYWxVcmxQcm9wcyhob3N0bmFtZSwgdXJsLCBvcGVuc0luTmV3VGFiKX1cbiAgICAgICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgICAgICByb2xlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICB0YWJJbmRleD17ZGlzYWJsZWQgPyAtMSA6IDB9XG4gICAgICAgICAgICAgICAgaHJlZj17dXJsfVxuICAgICAgICAgICAgICAgIG9uS2V5RG93bj17aGFuZGxlS2V5UHJlc3N9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3JlbmRlckNvbnRlbnQoeyBjaGlsZHJlbiwgYnVzeSB9KX1cbiAgICAgICAgICAgIDwvYT5cbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8YnV0dG9uIHsuLi5wcm9wc30gdHlwZT17c3VibWl0c0Zvcm0gPyAnc3VibWl0JyA6ICdidXR0b24nfT5cbiAgICAgICAgICAgIHtyZW5kZXJDb250ZW50KHsgY2hpbGRyZW4sIGJ1c3kgfSl9XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFxQ0EsTUFBTSxXQUFXLEdBQUcsWUFBWSxDQUFDO0FBRWpDLE1BQU0sYUFBYSxHQUEyQixDQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtJQUM3RCxNQUFNLGlCQUFpQixHQUFHLENBQUMsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUM5RSxNQUFNLGNBQWMsR0FBRyxDQUFDLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxXQUFXLEVBQUUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENB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
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uQmFzZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJpdmF0ZS9CdXR0b25CYXNlL0J1dHRvbkJhc2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQnV0dG9uU2l6ZSwgQnV0dG9uVmFyaWFudCwgRGF0YXNldCwgUmVzcG9uc2l2ZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIGdldEV4dGVybmFsVXJsUHJvcHMsXG4gICAgbWFwRWRnZUtleVRvU3RhbmRhcmQsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBtb2R1bGVMb2NhbHMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VIb3N0bmFtZSxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBLZXlib2FyZEV2ZW50LCBNb3VzZUV2ZW50LCBNb3VzZUV2ZW50SGFuZGxlciwgUmVhY3ROb2RlLCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICcuLi8uLi9TcGlubmVyL1NwaW5uZXInO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJ1dHRvbkJhc2VQcm9wcyB7XG4gICAgdmFyaWFudD86IEJ1dHRvblZhcmlhbnQ7XG4gICAgc2l6ZT86IFJlc3BvbnNpdmU8QnV0dG9uU2l6ZT47XG4gICAgZnVsbFdpZHRoPzogUmVzcG9uc2l2ZTxib29sZWFuPjtcbiAgICB3cmFwPzogYm9vbGVhbjtcbiAgICBocmVmPzogc3RyaW5nO1xuICAgIHVybD86IHN0cmluZztcbiAgICBvcGVuc0luTmV3VGFiPzogYm9vbGVhbjtcbiAgICBzdWJtaXRzRm9ybT86IGJvb2xlYW47XG4gICAgYTExeUxhYmVsPzogc3RyaW5nO1xuICAgIGFzc2lzdGl2ZVRleHQ/OiBzdHJpbmc7XG4gICAgb25DbGljaz86IE1vdXNlRXZlbnRIYW5kbGVyO1xuICAgIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgICBidXN5PzogYm9vbGVhbjtcbiAgICBpc0ljb25CdXR0b246IGJvb2xlYW47XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG4gICAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IEJVVFRPTl9CQVNFID0gJ0J1dHRvbkJhc2UnO1xuXG5jb25zdCByZW5kZXJDb250ZW50OiBGQzx7IGJ1c3k/OiBib29sZWFuIH0+ID0gKHsgY2hpbGRyZW4sIGJ1c3kgfSkgPT4ge1xuICAgIGNvbnN0IGNvbnRlbnRDbGFzc05hbWVzID0gWy4uLm1vZHVsZUxvY2FscyhzdHlsZXMsIEJVVFRPTl9CQVNFLCBbJ2NvbnRlbnQnXSldO1xuICAgIGNvbnN0IGJ1c3lDbGFzc05hbWVzID0gWy4uLm1vZHVsZUxvY2FscyhzdHlsZXMsIEJVVFRPTl9CQVNFLCBbJ2J1c3knXSldO1xuICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2NvbnRlbnRDbGFzc05hbWVzLmpvaW4oJyAnKX0+e2NoaWxkcmVufTwvc3Bhbj5cbiAgICAgICAgICAgIHtidXN5ICYmIChcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2J1c3lDbGFzc05hbWVzLmpvaW4oJyAnKX0+XG4gICAgICAgICAgICAgICAgICAgIDxTcGlubmVyIC8+XG4gICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC8+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBCdXR0b25CYXNlOiBGQzxCdXR0b25CYXNlUHJvcHM+ID0gKHtcbiAgICBjaGlsZHJlbixcbiAgICB2YXJpYW50ID0gQlVUVE9OX1ZBUklBTlRfREVGQVVMVCxcbiAgICBzaXplID0gQlVUVE9OX1NJWkVfREVGQVVMVCxcbiAgICBmdWxsV2lkdGggPSBmYWxzZSxcbiAgICB3cmFwID0gZmFsc2UsXG4gICAgaHJlZixcbiAgICB1cmwsXG4gICAgb3BlbnNJbk5ld1RhYixcbiAgICBzdWJtaXRzRm9ybSxcbiAgICBhMTF5TGFiZWwsXG4gICAgYXNzaXN0aXZlVGV4dCxcbiAgICBvbkNsaWNrLFxuICAgIGRpc2FibGVkLFxuICAgIGJ1c3ksXG4gICAgaXNJY29uQnV0dG9uLFxuICAgIGRhdGFzZXQsXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBob3N0bmFtZSA9IHVzZUhvc3RuYW1lKCk7XG4gICAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxBbmNob3JFbGVtZW50PihudWxsKTtcblxuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKGV2ZW50OiBNb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgIGlmIChkaXNhYmxlZCB8fCBidXN5KSB7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9XG4gICAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgICAgICBvbkNsaWNrKGV2ZW50KTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBoYW5kbGVLZXlQcmVzcyA9IChldmVudDogS2V5Ym9hcmRFdmVudCkgPT4ge1xuICAgICAgICBjb25zdCBrZXkgPSBtYXBFZGdlS2V5VG9TdGFuZGFyZChldmVudC5rZXkpO1xuICAgICAgICBpZiAoa2V5ID09PSAnICcgfHwga2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgcmVmLmN1cnJlbnQ/LmNsaWNrKCk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBCVVRUT05fQkFTRSwgW1xuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCd2YXJpYW50JywgdmFyaWFudCksXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3NpemUnLCBzaXplKSxcbiAgICAgICAgaXNJY29uQnV0dG9uID8gc3RyaW5nQ2xhc3NOYW1lcygnaXMtaWNvbi1idXR0b24tc2l6ZScsIHNpemUpIDogW10sXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKHVuZGVmaW5lZCwgJ25vLXdyYXAnLCB3cmFwKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ3dpZHRoLWZ1bGwnLCAnd2lkdGgtYXV0bycsIGZ1bGxXaWR0aCksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdpcy1idXN5JywgdW5kZWZpbmVkLCBidXN5KSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2lzLWljb24tYnV0dG9uJywgdW5kZWZpbmVkLCBpc0ljb25CdXR0b24pLFxuICAgIF0pO1xuXG4gICAgY29uc3QgdGl0bGUgPSBpc0ljb25CdXR0b24gPyBhc3Npc3RpdmVUZXh0IHx8IGExMXlMYWJlbCA6IHVuZGVmaW5lZDtcbiAgICBjb25zdCBhcmlhTGFiZWwgPSAhaXNJY29uQnV0dG9uID8gYXNzaXN0aXZlVGV4dCB8fCBhMTF5TGFiZWwgOiB1bmRlZmluZWQ7XG5cbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpLFxuICAgICAgICBjbGFzc05hbWU6IGNsYXNzTmFtZXMuam9pbignICcpLFxuICAgICAgICB0aXRsZSxcbiAgICAgICAgJ2FyaWEtbGFiZWwnOiBhcmlhTGFiZWwsXG4gICAgICAgIG9uQ2xpY2s6IGhhbmRsZUNsaWNrLFxuICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgJ2FyaWEtZGlzYWJsZWQnOiBkaXNhYmxlZCB8fCBidXN5ID8gdHJ1ZSA6IHVuZGVmaW5lZCxcbiAgICB9O1xuXG4gICAgY29uc3QgYWN0dWFsSHJlZiA9IGhyZWYgfHwgdXJsO1xuICAgIGlmIChhY3R1YWxIcmVmKSB7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgICAgICB7Li4uZ2V0RXh0ZXJuYWxVcmxQcm9wcyhob3N0bmFtZSwgYWN0dWFsSHJlZiwgb3BlbnNJbk5ld1RhYil9XG4gICAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAgICAgcm9sZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgdGFiSW5kZXg9e2Rpc2FibGVkID8gLTEgOiAwfVxuICAgICAgICAgICAgICAgIGhyZWY9e2FjdHVhbEhyZWZ9XG4gICAgICAgICAgICAgICAgb25LZXlEb3duPXtoYW5kbGVLZXlQcmVzc31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cmVuZGVyQ29udGVudCh7IGNoaWxkcmVuLCBidXN5IH0pfVxuICAgICAgICAgICAgPC9hPlxuICAgICAgICApO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICAgIDxidXR0b24gey4uLnByb3BzfSB0eXBlPXtzdWJtaXRzRm9ybSA/ICdzdWJtaXQnIDogJ2J1dHRvbid9PlxuICAgICAgICAgICAge3JlbmRlckNvbnRlbnQoeyBjaGlsZHJlbiwgYnVzeSB9KX1cbiAgICAgICAgPC9idXR0b24+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7OztBQXNDQSxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUM7QUFFakMsTUFBTSxhQUFhLEdBQTJCLENBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO0lBQzdELE1BQU0saUJBQWlCLEdBQUcsQ0FBQyxHQUFHLFlBQVksQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMs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

package/dist/components/private/ButtonBase/style/mixins.less

@@ -1,5 +1,6 @@
 @import '@preply/ds-web-core/dist/generated/tokens.less';
 @import '@preply/ds-web-core/dist/generated/options.less';
+@import '@preply/ds-web-core/dist/focus/style/mixins.less';
 @import '@preply/ds-web-core/dist/responsive/style/mixins.less';
 @import '@preply/ds-web-core/dist/theme/style/declarations.mixins.less';
 
@@ -57,10 +58,7 @@
     }
 
     &:focus-visible {
-        outline-style: solid;
-        .focus-outline-color('action', 'base');
-        .focus-outline-width('action', 'base');
-        .focus-outline-offset('action', 'base');
+        .focus-outline();
     }
 
     &--is-busy {

package/dist/components/private/Field/FieldButton.d.ts

@@ -0,0 +1,4 @@
+import type { FieldButtonProps } from '@preply/ds-web-core';
+import { FC } from 'react';
+export declare type Props = FieldButtonProps;
+export declare const FieldButton: FC<Props>;

package/dist/components/private/Field/FieldButton.js

@@ -0,0 +1,20 @@
+import { useStyleExtract, moduleClassNames, getDatasetProps } from '@preply/ds-web-core';
+import React__default from 'react';
+import styles from './style/index.module.less.js';
+
+const FIELD_BUTTON = 'FieldButton';
+const FieldButton = ({ svg: Svg, assistiveText, onClick, dataset }) => {
+    useStyleExtract(styles);
+    const classNames = moduleClassNames(styles, FIELD_BUTTON);
+    const ownProps = {
+        ...getDatasetProps(dataset),
+        className: classNames.join(' '),
+        title: assistiveText,
+        onClick,
+    };
+    return (React__default.createElement("button", Object.assign({}, ownProps, { type: "button" }),
+        React__default.createElement(Svg, { "aria-hidden": "true", focusable: "false" })));
+};
+
+export { FieldButton };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRCdXR0b24uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ByaXZhdGUvRmllbGQvRmllbGRCdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgRmllbGRCdXR0b25Qcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHsgZ2V0RGF0YXNldFByb3BzLCBtb2R1bGVDbGFzc05hbWVzLCB1c2VTdHlsZUV4dHJhY3QgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSBGaWVsZEJ1dHRvblByb3BzO1xuXG5jb25zdCBGSUVMRF9CVVRUT04gPSAnRmllbGRCdXR0b24nO1xuXG5leHBvcnQgY29uc3QgRmllbGRCdXR0b246IEZDPFByb3BzPiA9ICh7IHN2ZzogU3ZnLCBhc3Npc3RpdmVUZXh0LCBvbkNsaWNrLCBkYXRhc2V0IH0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgRklFTERfQlVUVE9OKTtcblxuICAgIGNvbnN0IG93blByb3BzID0ge1xuICAgICAgICAuLi5nZXREYXRhc2V0UHJvcHMoZGF0YXNldCksXG4gICAgICAgIGNsYXNzTmFtZTogY2xhc3NOYW1lcy5qb2luKCcgJyksXG4gICAgICAgIHRpdGxlOiBhc3Npc3RpdmVUZXh0LFxuICAgICAgICBvbkNsaWNrLFxuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8YnV0dG9uIHsuLi5vd25Qcm9wc30gdHlwZT1cImJ1dHRvblwiPlxuICAgICAgICAgICAgPFN2ZyBhcmlhLWhpZGRlbj1cInRydWVcIiBmb2N1c2FibGU9XCJmYWxzZVwiIC8+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7O0FBUUEsTUFBTSxZQUFZLEdBQUcsYUFBYSxDQUFDO01BRXRCLFdBQVcsR0FBYyxDQUFDLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxhQUFhLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRTtJQUNoRixlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLFlBQVksQ0FBQyxDQUFDO0lBRTFELE1BQU0sUUFBUSxHQUFHO1FBQ2IsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDO1FBQzNCLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUMvQixLQUFLLEVBQUUsYUFBYTtRQUNwQixPQUFPO0tBQ1YsQ0FBQztJQUVGLFFBQ0lBLHlEQUFZLFFBQVEsSUFBRSxJQUFJLEVBQUMsUUFBUTtRQUMvQkEsNkJBQUMsR0FBRyxtQkFBYSxNQUFNLEVBQUMsU0FBUyxFQUFDLE9BQU8sR0FBRyxDQUN2QyxFQUNYO0FBQ047Ozs7In0=

package/dist/components/private/Field/FieldLayout.d.ts

@@ -0,0 +1,4 @@
+import type { FieldLayoutProps } from '@preply/ds-web-core';
+import { FC } from 'react';
+export declare type Props = FieldLayoutProps;
+export declare const FieldLayout: FC<Props>;

package/dist/components/private/Field/FieldLayout.js

@@ -0,0 +1,21 @@
+import { useStyleExtract, moduleClassNames, getDatasetProps } from '@preply/ds-web-core';
+import React__default from 'react';
+import styles from './style/index.module.less.js';
+
+const FIELD_LAYOUT = 'FieldLayout';
+const FieldLayout = ({ children, id, className, label, additionalText, errorMessage, preserveSpace, dataset, }) => {
+    useStyleExtract(styles);
+    const localClassNames = moduleClassNames(styles, FIELD_LAYOUT);
+    const allClassNames = [className, ...localClassNames];
+    const ownProps = { className: allClassNames.join(' '), ...getDatasetProps(dataset) };
+    const fieldDescription = errorMessage || additionalText;
+    const spacePreserver = !fieldDescription && preserveSpace ? React__default.createElement("span", null, "\u00A0") : undefined;
+    return (React__default.createElement("div", Object.assign({}, ownProps),
+        label && React__default.createElement("label", { htmlFor: id }, label),
+        children,
+        fieldDescription && React__default.createElement("div", { id: `${id}-desc` }, fieldDescription),
+        spacePreserver));
+};
+
+export { FieldLayout };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRMYXlvdXQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ByaXZhdGUvRmllbGQvRmllbGRMYXlvdXQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgRmllbGRMYXlvdXRQcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHsgZ2V0RGF0YXNldFByb3BzLCBtb2R1bGVDbGFzc05hbWVzLCB1c2VTdHlsZUV4dHJhY3QgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSBGaWVsZExheW91dFByb3BzO1xuXG5jb25zdCBGSUVMRF9MQVlPVVQgPSAnRmllbGRMYXlvdXQnO1xuXG5leHBvcnQgY29uc3QgRmllbGRMYXlvdXQ6IEZDPFByb3BzPiA9ICh7XG4gICAgY2hpbGRyZW4sXG4gICAgaWQsXG4gICAgY2xhc3NOYW1lLFxuICAgIGxhYmVsLFxuICAgIGFkZGl0aW9uYWxUZXh0LFxuICAgIGVycm9yTWVzc2FnZSxcbiAgICBwcmVzZXJ2ZVNwYWNlLFxuICAgIGRhdGFzZXQsXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBsb2NhbENsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgRklFTERfTEFZT1VUKTtcblxuICAgIGNvbnN0IGFsbENsYXNzTmFtZXMgPSBbY2xhc3NOYW1lLCAuLi5sb2NhbENsYXNzTmFtZXNdO1xuXG4gICAgY29uc3Qgb3duUHJvcHMgPSB7IGNsYXNzTmFtZTogYWxsQ2xhc3NOYW1lcy5qb2luKCcgJyksIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSB9O1xuXG4gICAgY29uc3QgZmllbGREZXNjcmlwdGlvbiA9IGVycm9yTWVzc2FnZSB8fCBhZGRpdGlvbmFsVGV4dDtcbiAgICBjb25zdCBzcGFjZVByZXNlcnZlciA9ICFmaWVsZERlc2NyaXB0aW9uICYmIHByZXNlcnZlU3BhY2UgPyA8c3Bhbj4mbmJzcDs8L3NwYW4+IDogdW5kZWZpbmVkO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdiB7Li4ub3duUHJvcHN9PlxuICAgICAgICAgICAgey8qIFRPRE8gZXh0cmFjdCA8bGFiZWw+IHRvIEZpZWxkTGFiZWwgKHB1YmxpYykgKi99XG4gICAgICAgICAgICB7bGFiZWwgJiYgPGxhYmVsIGh0bWxGb3I9e2lkfT57bGFiZWx9PC9sYWJlbD59XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICB7ZmllbGREZXNjcmlwdGlvbiAmJiA8ZGl2IGlkPXtgJHtpZH0tZGVzY2B9PntmaWVsZERlc2NyaXB0aW9ufTwvZGl2Pn1cbiAgICAgICAgICAgIHtzcGFjZVByZXNlcnZlcn1cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7QUFRQSxNQUFNLFlBQVksR0FBRyxhQUFhLENBQUM7TUFFdEIsV0FBVyxHQUFjLENBQUMsRUFDbkMsUUFBUSxFQUNSLEVBQUUsRUFDRixTQUFTLEVBQ1QsS0FBSyxFQUNMLGNBQWMsRUFDZCxZQUFZLEVBQ1osYUFBYSxFQUNiLE9BQU8sR0FDVjtJQUNHLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLGVBQWUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsWUFBWSxDQUFDLENBQUM7SUFFL0QsTUFBTSxhQUFhLEdBQUcsQ0FBQyxTQUFTLEVBQUUsR0FBRyxlQUFlLENBQUMsQ0FBQztJQUV0RCxNQUFNLFFBQVEsR0FBRyxFQUFFLFNBQVMsRUFBRSxhQUFhLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLEdBQUcsZUFBZSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7SUFFckYsTUFBTSxnQkFBZ0IsR0FBRyxZQUFZLElBQUksY0FBYyxDQUFDO0lBQ3hELE1BQU0sY0FBYyxHQUFHLENBQUMsZ0JBQWdCLElBQUksYUFBYSxHQUFHQSxvREFBbUIsR0FBRyxTQUFTLENBQUM7SUFFNUYsUUFDSUEsc0RBQVMsUUFBUTtRQUVaLEtBQUssSUFBSUEsd0NBQU8sT0FBTyxFQUFFLEVBQUUsSUFBRyxLQUFLLENBQVM7UUFDNUMsUUFBUTtRQUNSLGdCQUFnQixJQUFJQSxzQ0FBSyxFQUFFLEVBQUUsR0FBRyxFQUFFLE9BQU8sSUFBRyxnQkFBZ0IsQ0FBTztRQUNuRSxjQUFjLENBQ2IsRUFDUjtBQUNOOzs7OyJ9

package/dist/components/private/Field/SingleLineFieldLayout.d.ts

@@ -0,0 +1,7 @@
+import type { SingleLineFieldLayoutProps } from '@preply/ds-web-core';
+import { FC } from 'react';
+import { InputImperativeHandle } from '../Input/InputBase';
+export declare type Props = SingleLineFieldLayoutProps & {
+    inputHandle: InputImperativeHandle | null;
+};
+export declare const SingleLineFieldLayout: FC<Props>;