@preply/ds-web-lib 0.77.0 → 0.79.0

package/dist/components/private/FieldLabel/FieldLabel.js

@@ -11,15 +11,23 @@ const Required = ({ label = DEFAULT_REQUIRED_LABEL }) => {
         React__default.createElement("span", null, BULLET_BLACK_SMALL_CIRCLE),
         React__default.createElement("span", null, label)));
 };
-const FieldLabel = ({ id, label, hideLabel, required, requiredLabel, }) => {
+// We need to add a gap between label and required bullet
+// while giving the label "display: inline" to make it wrap
+const WrapLabelGap = () => {
+    const wrapGapClassnames = moduleLocals(styles, FIELD_LABEL, ['wrapGap']);
+    return React__default.createElement("span", { className: wrapGapClassnames.join(' ') });
+};
+const FieldLabel = ({ id, label, hideLabel, wrapLabel = false, required, requiredLabel, }) => {
     useStyleExtract(styles);
     const classNames = moduleClassNames(styles, FIELD_LABEL, [
         booleanClassNames('hide', undefined, hideLabel),
+        booleanClassNames('wrap', undefined, wrapLabel),
     ]);
     return (React__default.createElement("label", { htmlFor: id, className: useVisualModeClassNames(classNames).join(' ') },
         label,
+        wrapLabel && React__default.createElement(WrapLabelGap, null),
         required && React__default.createElement(Required, { label: requiredLabel })));
 };
 
 export { FieldLabel };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRMYWJlbC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJpdmF0ZS9GaWVsZExhYmVsL0ZpZWxkTGFiZWwudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgRmllbGRMYWJlbFByb3BzLFxuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgbW9kdWxlTG9jYWxzLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbiAgICB1c2VWaXN1YWxNb2RlQ2xhc3NOYW1lcyxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgRklFTERfTEFCRUwgPSAnRmllbGRMYWJlbCc7XG5cbmNvbnN0IEJVTExFVF9CTEFDS19TTUFMTF9DSVJDTEUgPSAnXFx1MjAyMic7XG5jb25zdCBERUZBVUxUX1JFUVVJUkVEX0xBQkVMID0gJ1JlcXVpcmVkJztcblxuY29uc3QgUmVxdWlyZWQ6IEZDPHsgbGFiZWw/OiBSZWFjdE5vZGUgfCBzdHJpbmcgfT4gPSAoeyBsYWJlbCA9IERFRkFVTFRfUkVRVUlSRURfTEFCRUwgfSkgPT4ge1xuICAgIGNvbnN0IHJlcXVpcmVkQ2xhc3NOYW1lcyA9IG1vZHVsZUxvY2FscyhzdHlsZXMsIEZJRUxEX0xBQkVMLCBbJ3JlcXVpcmVkJ10pO1xuICAgIHJldHVybiAoXG4gICAgICAgIDxzcGFuIGNsYXNzTmFtZT17cmVxdWlyZWRDbGFzc05hbWVzLmpvaW4oJyAnKX0+XG4gICAgICAgICAgICA8c3Bhbj57QlVMTEVUX0JMQUNLX1NNQUxMX0NJUkNMRX08L3NwYW4+XG4gICAgICAgICAgICA8c3Bhbj57bGFiZWx9PC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBGaWVsZExhYmVsOiBGQzxGaWVsZExhYmVsUHJvcHM+ID0gKHtcbiAgICBpZCxcbiAgICBsYWJlbCxcbiAgICBoaWRlTGFiZWwsXG4gICAgcmVxdWlyZWQsXG4gICAgcmVxdWlyZWRMYWJlbCxcbn0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgRklFTERfTEFCRUwsIFtcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2hpZGUnLCB1bmRlZmluZWQsIGhpZGVMYWJlbCksXG4gICAgXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8bGFiZWwgaHRtbEZvcj17aWR9IGNsYXNzTmFtZT17dXNlVmlzdWFsTW9kZUNsYXNzTmFtZXMoY2xhc3NOYW1lcykuam9pbignICcpfT5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgIHtyZXF1aXJlZCAmJiA8UmVxdWlyZWQgbGFiZWw9e3JlcXVpcmVkTGFiZWx9IC8+fVxuICAgICAgICA8L2xhYmVsPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7O0FBWUEsTUFBTSxXQUFXLEdBQUcsWUFBWSxDQUFDO0FBRWpDLE1BQU0seUJBQXlCLEdBQUcsUUFBUSxDQUFDO0FBQzNDLE1BQU0sc0JBQXNCLEdBQUcsVUFBVSxDQUFDO0FBRTFDLE1BQU0sUUFBUSxHQUF1QyxDQUFDLEVBQUUsS0FBSyxHQUFHLHNCQUFzQixFQUFFO0lBQ3BGLE1BQU0sa0JBQWtCLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxXQUFXLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO0lBQzNFLFFBQ0lBLHVDQUFNLFNBQVMsRUFBRSxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQ3pDQSwyQ0FBTyx5QkFBeUIsQ0FBUTtRQUN4Q0EsMkNBQU8sS0FBSyxDQUFRLENBQ2pCLEVBQ1Q7QUFDTixDQUFDLENBQUM7TUFFVyxVQUFVLEdBQXdCLENBQUMsRUFDNUMsRUFBRSxFQUNGLEtBQUssRUFDTCxTQUFTLEVBQ1QsUUFBUSxFQUNSLGFBQWEsR0FDaEI7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRTtRQUNyRCxpQkFBaUIsQ0FBQyxNQUFNLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQztLQUNsRCxDQUFDLENBQUM7SUFFSCxRQUNJQSx3Q0FBTyxPQUFPLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQ3ZFLEtBQUs7UUFDTCxRQUFRLElBQUlBLDZCQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsYUFBYSxHQUFJLENBQzNDLEVBQ1Y7QUFDTjs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRMYWJlbC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJpdmF0ZS9GaWVsZExhYmVsL0ZpZWxkTGFiZWwudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgRmllbGRMYWJlbFByb3BzLFxuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgbW9kdWxlTG9jYWxzLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbiAgICB1c2VWaXN1YWxNb2RlQ2xhc3NOYW1lcyxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgRklFTERfTEFCRUwgPSAnRmllbGRMYWJlbCc7XG5cbmNvbnN0IEJVTExFVF9CTEFDS19TTUFMTF9DSVJDTEUgPSAnXFx1MjAyMic7XG5jb25zdCBERUZBVUxUX1JFUVVJUkVEX0xBQkVMID0gJ1JlcXVpcmVkJztcblxuY29uc3QgUmVxdWlyZWQ6IEZDPHsgbGFiZWw/OiBSZWFjdE5vZGUgfCBzdHJpbmcgfT4gPSAoeyBsYWJlbCA9IERFRkFVTFRfUkVRVUlSRURfTEFCRUwgfSkgPT4ge1xuICAgIGNvbnN0IHJlcXVpcmVkQ2xhc3NOYW1lcyA9IG1vZHVsZUxvY2FscyhzdHlsZXMsIEZJRUxEX0xBQkVMLCBbJ3JlcXVpcmVkJ10pO1xuICAgIHJldHVybiAoXG4gICAgICAgIDxzcGFuIGNsYXNzTmFtZT17cmVxdWlyZWRDbGFzc05hbWVzLmpvaW4oJyAnKX0+XG4gICAgICAgICAgICA8c3Bhbj57QlVMTEVUX0JMQUNLX1NNQUxMX0NJUkNMRX08L3NwYW4+XG4gICAgICAgICAgICA8c3Bhbj57bGFiZWx9PC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgKTtcbn07XG5cbi8vIFdlIG5lZWQgdG8gYWRkIGEgZ2FwIGJldHdlZW4gbGFiZWwgYW5kIHJlcXVpcmVkIGJ1bGxldFxuLy8gd2hpbGUgZ2l2aW5nIHRoZSBsYWJlbCBcImRpc3BsYXk6IGlubGluZVwiIHRvIG1ha2UgaXQgd3JhcFxuY29uc3QgV3JhcExhYmVsR2FwOiBGQyA9ICgpID0+IHtcbiAgICBjb25zdCB3cmFwR2FwQ2xhc3NuYW1lcyA9IG1vZHVsZUxvY2FscyhzdHlsZXMsIEZJRUxEX0xBQkVMLCBbJ3dyYXBHYXAnXSk7XG4gICAgcmV0dXJuIDxzcGFuIGNsYXNzTmFtZT17d3JhcEdhcENsYXNzbmFtZXMuam9pbignICcpfSAvPjtcbn07XG5cbmV4cG9ydCBjb25zdCBGaWVsZExhYmVsOiBGQzxGaWVsZExhYmVsUHJvcHM+ID0gKHtcbiAgICBpZCxcbiAgICBsYWJlbCxcbiAgICBoaWRlTGFiZWwsXG4gICAgd3JhcExhYmVsID0gZmFsc2UsXG4gICAgcmVxdWlyZWQsXG4gICAgcmVxdWlyZWRMYWJlbCxcbn0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgRklFTERfTEFCRUwsIFtcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2hpZGUnLCB1bmRlZmluZWQsIGhpZGVMYWJlbCksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCd3cmFwJywgdW5kZWZpbmVkLCB3cmFwTGFiZWwpLFxuICAgIF0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGxhYmVsIGh0bWxGb3I9e2lkfSBjbGFzc05hbWU9e3VzZVZpc3VhbE1vZGVDbGFzc05hbWVzKGNsYXNzTmFtZXMpLmpvaW4oJyAnKX0+XG4gICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICB7d3JhcExhYmVsICYmIDxXcmFwTGFiZWxHYXAgLz59XG4gICAgICAgICAgICB7cmVxdWlyZWQgJiYgPFJlcXVpcmVkIGxhYmVsPXtyZXF1aXJlZExhYmVsfSAvPn1cbiAgICAgICAgPC9sYWJlbD5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7OztBQVlBLE1BQU0sV0FBVyxHQUFHLFlBQVksQ0FBQztBQUVqQyxNQUFNLHlCQUF5QixHQUFHLFFBQVEsQ0FBQztBQUMzQyxNQUFNLHNCQUFzQixHQUFHLFVBQVUsQ0FBQztBQUUxQyxNQUFNLFFBQVEsR0FBdUMsQ0FBQyxFQUFFLEtBQUssR0FBRyxzQkFBc0IsRUFBRTtJQUNwRixNQUFNLGtCQUFrQixHQUFHLFlBQVksQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQztJQUMzRSxRQUNJQSx1Q0FBTSxTQUFTLEVBQUUsa0JBQWtCLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUN6Q0EsMkNBQU8seUJBQXlCLENBQVE7UUFDeENBLDJDQUFPLEtBQUssQ0FBUSxDQUNqQixFQUNUO0FBQ04sQ0FBQyxDQUFDO0FBRUY7QUFDQTtBQUNBLE1BQU0sWUFBWSxHQUFPO0lBQ3JCLE1BQU0saUJBQWlCLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxXQUFXLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDO0lBQ3pFLE9BQU9BLHVDQUFNLFNBQVMsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUksQ0FBQztBQUM1RCxDQUFDLENBQUM7TUFFVyxVQUFVLEdBQXdCLENBQUMsRUFDNUMsRUFBRSxFQUNGLEtBQUssRUFDTCxTQUFTLEVBQ1QsU0FBUyxHQUFHLEtBQUssRUFDakIsUUFBUSxFQUNSLGFBQWEsR0FDaEI7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRTtRQUNyRCxpQkFBaUIsQ0FBQyxNQUFNLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQztRQUMvQyxpQkFBaUIsQ0FBQyxNQUFNLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQztLQUNsRCxDQUFDLENBQUM7SUFFSCxRQUNJQSx3Q0FBTyxPQUFPLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQ3ZFLEtBQUs7UUFDTCxTQUFTLElBQUlBLDZCQUFDLFlBQVksT0FBRztRQUM3QixRQUFRLElBQUlBLDZCQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsYUFBYSxHQUFJLENBQzNDLEVBQ1Y7QUFDTjs7OzsifQ==

package/dist/components/private/FieldLabel/style/index.module.less.js

@@ -1,7 +1,7 @@
 import styleInject from '../../../../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = "._2Upfo1{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:var(--e41135);font-size:var(--8d63e4);font-size:var(--343d89);font-style:var(--0ab3be);font-weight:var(--b44390);letter-spacing:var(--b8c41f);line-height:var(--d4313c);line-height:var(--360264);max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}._2Upfo1,._3PPYgv{grid-gap:var(--6947b0);display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--6947b0)}._3PPYgv{color:var(--3d280d)}._2ZcnmE{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}";
-var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/private/FieldLabel/style/index.module.less",__css:css_248z,"FieldLabel":"_2Upfo1","FieldLabel--required":"_3PPYgv","FieldLabel--hide":"_2ZcnmE"};
+var css_248z = "._2Upfo1{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;grid-gap:var(--6947b0);color:var(--e41135);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:var(--8d63e4);font-size:var(--343d89);font-style:var(--0ab3be);font-weight:var(--b44390);gap:var(--6947b0);letter-spacing:var(--b8c41f);line-height:var(--d4313c);line-height:var(--360264);max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}._1sPtiQ{display:inline}.jnlEwr{display:inline-block;width:var(--6947b0)}._3PPYgv{grid-gap:var(--6947b0);color:var(--3d280d);display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--6947b0)}._2ZcnmE{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}";
+var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/private/FieldLabel/style/index.module.less",__css:css_248z,"FieldLabel":"_2Upfo1","FieldLabel--wrap":"_1sPtiQ","FieldLabel--wrapGap":"jnlEwr","FieldLabel--required":"_3PPYgv","FieldLabel--hide":"_2ZcnmE"};
 var stylesheet=css_248z;
 styleInject(css_248z);
 

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

@@ -15,6 +15,15 @@
     gap: @root-space-3xs;
     max-width: max-content;
 
+    &--wrap {
+        display: inline;
+    }
+
+    &--wrapGap {
+        width: @root-space-3xs;
+        display: inline-block;
+    }
+
     &--required {
         display: flex;
         gap: @root-space-3xs;

package/dist/components/private/FieldLayoutBase/FieldLayoutBase.js

@@ -5,7 +5,7 @@ import { FieldLabel } from '../FieldLabel/FieldLabel.js';
 import styles from './style/index.module.less.js';
 
 const FIELD_LAYOUT_BASE = 'FieldLayoutBase';
-const FieldLayoutBase = ({ id, className, label, hideLabel, required, requiredLabel, additionalText, preserveSpace, hasError, dataset, children, }) => {
+const FieldLayoutBase = ({ id, className, label, hideLabel, wrapLabel = false, required, requiredLabel, additionalText, preserveSpace, hasError, dataset, children, }) => {
     useStyleExtract(styles);
     const localClassNames = moduleClassNames(styles, FIELD_LAYOUT_BASE);
     const allClassNames = [...localClassNames];
@@ -16,7 +16,7 @@ const FieldLayoutBase = ({ id, className, label, hideLabel, required, requiredLa
         className: useVisualModeClassNames(allClassNames).join(' '),
         ...getDatasetProps(dataset),
     };
-    const labelProps = { id, label, hideLabel, required, requiredLabel };
+    const labelProps = { id, label, hideLabel, wrapLabel, required, requiredLabel };
     const spacePreserver = !additionalText && preserveSpace ? React__default.createElement("span", null, "\u00A0") : undefined;
     const additionalTextVariant = hasError ? 'error' : 'normal';
     return (React__default.createElement("div", Object.assign({}, ownProps),
@@ -27,4 +27,4 @@ const FieldLayoutBase = ({ id, className, label, hideLabel, required, requiredLa
 };
 
 export { FieldLayoutBase };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRMYXlvdXRCYXNlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9wcml2YXRlL0ZpZWxkTGF5b3V0QmFzZS9GaWVsZExheW91dEJhc2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgRmllbGRBZGRpdGlvbmFsVGV4dFZhcmlhbnQsXG4gICAgRmllbGRMYXlvdXRCYXNlUHJvcHMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxuICAgIHVzZVZpc3VhbE1vZGVDbGFzc05hbWVzLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgRmllbGRBZGRpdGlvbmFsVGV4dCB9IGZyb20gJy4uLy4uL0ZpZWxkQWRkaXRpb25hbFRleHQvRmllbGRBZGRpdGlvbmFsVGV4dCc7XG5pbXBvcnQgeyBGaWVsZExhYmVsIH0gZnJvbSAnLi4vRmllbGRMYWJlbC9GaWVsZExhYmVsJztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgRklFTERfTEFZT1VUX0JBU0UgPSAnRmllbGRMYXlvdXRCYXNlJztcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGF5b3V0QmFzZTogRkM8RmllbGRMYXlvdXRCYXNlUHJvcHM+ID0gKHtcbiAgICBpZCxcbiAgICBjbGFzc05hbWUsXG4gICAgbGFiZWwsXG4gICAgaGlkZUxhYmVsLFxuICAgIHJlcXVpcmVkLFxuICAgIHJlcXVpcmVkTGFiZWwsXG4gICAgYWRkaXRpb25hbFRleHQsXG4gICAgcHJlc2VydmVTcGFjZSxcbiAgICBoYXNFcnJvcixcbiAgICBkYXRhc2V0LFxuICAgIGNoaWxkcmVuLFxufSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgbG9jYWxDbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIEZJRUxEX0xBWU9VVF9CQVNFKTtcblxuICAgIGNvbnN0IGFsbENsYXNzTmFtZXMgPSBbLi4ubG9jYWxDbGFzc05hbWVzXTtcbiAgICBpZiAoY2xhc3NOYW1lKSB7XG4gICAgICAgIGFsbENsYXNzTmFtZXMucHVzaChjbGFzc05hbWUpO1xuICAgIH1cblxuICAgIGNvbnN0IG93blByb3BzID0ge1xuICAgICAgICBjbGFzc05hbWU6IHVzZVZpc3VhbE1vZGVDbGFzc05hbWVzKGFsbENsYXNzTmFtZXMpLmpvaW4oJyAnKSxcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpLFxuICAgIH07XG4gICAgY29uc3QgbGFiZWxQcm9wcyA9IHsgaWQsIGxhYmVsLCBoaWRlTGFiZWwsIHJlcXVpcmVkLCByZXF1aXJlZExhYmVsIH07XG5cbiAgICBjb25zdCBzcGFjZVByZXNlcnZlciA9ICFhZGRpdGlvbmFsVGV4dCAmJiBwcmVzZXJ2ZVNwYWNlID8gPHNwYW4+Jm5ic3A7PC9zcGFuPiA6IHVuZGVmaW5lZDtcblxuICAgIGNvbnN0IGFkZGl0aW9uYWxUZXh0VmFyaWFudDogRmllbGRBZGRpdGlvbmFsVGV4dFZhcmlhbnQgPSBoYXNFcnJvciA/ICdlcnJvcicgOiAnbm9ybWFsJztcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXYgey4uLm93blByb3BzfT5cbiAgICAgICAgICAgIDxGaWVsZExhYmVsIHsuLi5sYWJlbFByb3BzfSAvPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAge2FkZGl0aW9uYWxUZXh0ICYmIChcbiAgICAgICAgICAgICAgICA8RmllbGRBZGRpdGlvbmFsVGV4dCBpZD17YCR7aWR9LWRlc2NgfSB2YXJpYW50PXthZGRpdGlvbmFsVGV4dFZhcmlhbnR9PlxuICAgICAgICAgICAgICAgICAgICB7YWRkaXRpb25hbFRleHR9XG4gICAgICAgICAgICAgICAgPC9GaWVsZEFkZGl0aW9uYWxUZXh0PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHtzcGFjZVByZXNlcnZlcn1cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7OztBQWVBLE1BQU0saUJBQWlCLEdBQUcsaUJBQWlCLENBQUM7TUFFL0IsZUFBZSxHQUE2QixDQUFDLEVBQ3RELEVBQUUsRUFDRixTQUFTLEVBQ1QsS0FBSyxFQUNMLFNBQVMsRUFDVCxRQUFRLEVBQ1IsYUFBYSxFQUNiLGNBQWMsRUFDZCxhQUFhLEVBQ2IsUUFBUSxFQUNSLE9BQU8sRUFDUCxRQUFRLEdBQ1g7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxlQUFlLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLGlCQUFpQixDQUFDLENBQUM7SUFFcEUsTUFBTSxhQUFhLEdBQUcsQ0FBQyxHQUFHLGVBQWUsQ0FBQyxDQUFDO0lBQzNDLElBQUksU0FBUyxFQUFFO1FBQ1gsYUFBYSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztLQUNqQztJQUVELE1BQU0sUUFBUSxHQUFHO1FBQ2IsU0FBUyxFQUFFLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7UUFDM0QsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDO0tBQzlCLENBQUM7SUFDRixNQUFNLFVBQVUsR0FBRyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxhQUFhLEVBQUUsQ0FBQztJQUVyRSxNQUFNLGNBQWMsR0FBRyxDQUFDLGNBQWMsSUFBSSxhQUFhLEdBQUdBLG9EQUFtQixHQUFHLFNBQVMsQ0FBQztJQUUxRixNQUFNLHFCQUFxQixHQUErQixRQUFRLEdBQUcsT0FBTyxHQUFHLFFBQVEsQ0FBQztJQUV4RixRQUNJQSxzREFBUyxRQUFRO1FBQ2JBLDZCQUFDLFVBQVUsb0JBQUssVUFBVSxFQUFJO1FBQzdCLFFBQVE7UUFDUixjQUFjLEtBQ1hBLDZCQUFDLG1CQUFtQixJQUFDLEVBQUUsRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxxQkFBcUIsSUFDaEUsY0FBYyxDQUNHLENBQ3pCO1FBQ0EsY0FBYyxDQUNiLEVBQ1I7QUFDTjs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRMYXlvdXRCYXNlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9wcml2YXRlL0ZpZWxkTGF5b3V0QmFzZS9GaWVsZExheW91dEJhc2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgRmllbGRBZGRpdGlvbmFsVGV4dFZhcmlhbnQsXG4gICAgRmllbGRMYXlvdXRCYXNlUHJvcHMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxuICAgIHVzZVZpc3VhbE1vZGVDbGFzc05hbWVzLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgRmllbGRBZGRpdGlvbmFsVGV4dCB9IGZyb20gJy4uLy4uL0ZpZWxkQWRkaXRpb25hbFRleHQvRmllbGRBZGRpdGlvbmFsVGV4dCc7XG5pbXBvcnQgeyBGaWVsZExhYmVsIH0gZnJvbSAnLi4vRmllbGRMYWJlbC9GaWVsZExhYmVsJztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgRklFTERfTEFZT1VUX0JBU0UgPSAnRmllbGRMYXlvdXRCYXNlJztcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGF5b3V0QmFzZTogRkM8RmllbGRMYXlvdXRCYXNlUHJvcHM+ID0gKHtcbiAgICBpZCxcbiAgICBjbGFzc05hbWUsXG4gICAgbGFiZWwsXG4gICAgaGlkZUxhYmVsLFxuICAgIHdyYXBMYWJlbCA9IGZhbHNlLFxuICAgIHJlcXVpcmVkLFxuICAgIHJlcXVpcmVkTGFiZWwsXG4gICAgYWRkaXRpb25hbFRleHQsXG4gICAgcHJlc2VydmVTcGFjZSxcbiAgICBoYXNFcnJvcixcbiAgICBkYXRhc2V0LFxuICAgIGNoaWxkcmVuLFxufSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgbG9jYWxDbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIEZJRUxEX0xBWU9VVF9CQVNFKTtcblxuICAgIGNvbnN0IGFsbENsYXNzTmFtZXMgPSBbLi4ubG9jYWxDbGFzc05hbWVzXTtcbiAgICBpZiAoY2xhc3NOYW1lKSB7XG4gICAgICAgIGFsbENsYXNzTmFtZXMucHVzaChjbGFzc05hbWUpO1xuICAgIH1cblxuICAgIGNvbnN0IG93blByb3BzID0ge1xuICAgICAgICBjbGFzc05hbWU6IHVzZVZpc3VhbE1vZGVDbGFzc05hbWVzKGFsbENsYXNzTmFtZXMpLmpvaW4oJyAnKSxcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpLFxuICAgIH07XG4gICAgY29uc3QgbGFiZWxQcm9wcyA9IHsgaWQsIGxhYmVsLCBoaWRlTGFiZWwsIHdyYXBMYWJlbCwgcmVxdWlyZWQsIHJlcXVpcmVkTGFiZWwgfTtcblxuICAgIGNvbnN0IHNwYWNlUHJlc2VydmVyID0gIWFkZGl0aW9uYWxUZXh0ICYmIHByZXNlcnZlU3BhY2UgPyA8c3Bhbj4mbmJzcDs8L3NwYW4+IDogdW5kZWZpbmVkO1xuXG4gICAgY29uc3QgYWRkaXRpb25hbFRleHRWYXJpYW50OiBGaWVsZEFkZGl0aW9uYWxUZXh0VmFyaWFudCA9IGhhc0Vycm9yID8gJ2Vycm9yJyA6ICdub3JtYWwnO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdiB7Li4ub3duUHJvcHN9PlxuICAgICAgICAgICAgPEZpZWxkTGFiZWwgey4uLmxhYmVsUHJvcHN9IC8+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICB7YWRkaXRpb25hbFRleHQgJiYgKFxuICAgICAgICAgICAgICAgIDxGaWVsZEFkZGl0aW9uYWxUZXh0IGlkPXtgJHtpZH0tZGVzY2B9IHZhcmlhbnQ9e2FkZGl0aW9uYWxUZXh0VmFyaWFudH0+XG4gICAgICAgICAgICAgICAgICAgIHthZGRpdGlvbmFsVGV4dH1cbiAgICAgICAgICAgICAgICA8L0ZpZWxkQWRkaXRpb25hbFRleHQ+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAge3NwYWNlUHJlc2VydmVyfVxuICAgICAgICA8L2Rpdj5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBZUEsTUFBTSxpQkFBaUIsR0FBRyxpQkFBaUIsQ0FBQztNQUUvQixlQUFlLEdBQTZCLENBQUMsRUFDdEQsRUFBRSxFQUNGLFNBQVMsRUFDVCxLQUFLLEVBQ0wsU0FBUyxFQUNULFNBQVMsR0FBRyxLQUFLLEVBQ2pCLFFBQVEsRUFDUixhQUFhLEVBQ2IsY0FBYyxFQUNkLGFBQWEsRUFDYixRQUFRLEVBQ1IsT0FBTyxFQUNQLFFBQVEsR0FDWDtJQUNHLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLGVBQWUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsaUJBQWlCLENBQUMsQ0FBQztJQUVwRSxNQUFNLGFBQWEsR0FBRyxDQUFDLEdBQUcsZUFBZSxDQUFDLENBQUM7SUFDM0MsSUFBSSxTQUFTLEVBQUU7UUFDWCxhQUFhLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0tBQ2pDO0lBRUQsTUFBTSxRQUFRLEdBQUc7UUFDYixTQUFTLEVBQUUsdUJBQXVCLENBQUMsYUFBYSxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUMzRCxHQUFHLGVBQWUsQ0FBQyxPQUFPLENBQUM7S0FDOUIsQ0FBQztJQUNGLE1BQU0sVUFBVSxHQUFHLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxhQUFhLEVBQUUsQ0FBQztJQUVoRixNQUFNLGNBQWMsR0FBRyxDQUFDLGNBQWMsSUFBSSxhQUFhLEdBQUdBLG9EQUFtQixHQUFHLFNBQVMsQ0FBQztJQUUxRixNQUFNLHFCQUFxQixHQUErQixRQUFRLEdBQUcsT0FBTyxHQUFHLFFBQVEsQ0FBQztJQUV4RixRQUNJQSxzREFBUyxRQUFRO1FBQ2JBLDZCQUFDLFVBQVUsb0JBQUssVUFBVSxFQUFJO1FBQzdCLFFBQVE7UUFDUixjQUFjLEtBQ1hBLDZCQUFDLG1CQUFtQixJQUFDLEVBQUUsRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxxQkFBcUIsSUFDaEUsY0FBYyxDQUNHLENBQ3pCO1FBQ0EsY0FBYyxDQUNiLEVBQ1I7QUFDTjs7OzsifQ==

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@preply/ds-web-lib",
-    "version": "0.77.0",
+    "version": "0.79.0",
     "publishConfig": {
         "access": "public"
     },
@@ -19,26 +19,26 @@
         "dev": "run build:rollup -w"
     },
     "dependencies": {
-        "@preply/ds-core": "0.77.0",
-        "@preply/ds-media-icons": "0.77.0",
-        "@preply/ds-web-core": "0.77.0",
-        "@preply/ds-web-root": "0.77.0"
+        "@preply/ds-core": "0.79.0",
+        "@preply/ds-media-icons": "0.79.0",
+        "@preply/ds-web-core": "0.79.0",
+        "@preply/ds-web-root": "0.79.0"
     },
     "peerDependencies": {
-        "@preply/ds-core": "0.77.0",
-        "@preply/ds-media-icons": "0.77.0",
-        "@preply/ds-web-core": "0.77.0",
-        "@preply/ds-web-root": "0.77.0",
+        "@preply/ds-core": "0.79.0",
+        "@preply/ds-media-icons": "0.79.0",
+        "@preply/ds-web-core": "0.79.0",
+        "@preply/ds-web-root": "0.79.0",
         "react": "^16.8.3",
         "react-dom": "^16.8.3"
     },
     "devDependencies": {
-        "@preply/ds-docs-toolkit": "0.77.0",
-        "@preply/ds-theme-base-ui": "0.77.0",
+        "@preply/ds-docs-toolkit": "0.79.0",
+        "@preply/ds-theme-base-ui": "0.79.0",
         "@storybook/addon-docs": "6.4.18",
         "@storybook/react": "6.4.18",
         "@testing-library/react": "11.2.7",
         "jsdom-testing-mocks": "^1.7.0"
     },
-    "gitHead": "de4e4ea26c0d8f58cb1ccf422ef97728571471e3"
+    "gitHead": "d7f86b874eb822e5b33ace5542894c06656352d3"
 }