@preply/ds-web-lib 0.48.0 → 0.49.0

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

@@ -1,6 +1,6 @@
 import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = "._30mmOy{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7);margin:0}._1AeiIo{color:var(--4c4008)}.PrNSbP{color:var(--622733)}";
+var css_248z = "._30mmOy{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7);margin:0}._1AeiIo{color:var(--3d280d)}.PrNSbP{color:var(--9167e9)}";
 var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/FieldAdditionalText/style/index.module.less",__css:css_248z,"FieldAdditionalText":"_30mmOy","FieldAdditionalText--variant-normal":"_1AeiIo","FieldAdditionalText--variant-error":"PrNSbP"};
 var stylesheet=css_248z;
 styleInject(css_248z);

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

@@ -7,10 +7,10 @@
     .text-variant('s');
 
     &--variant-normal {
-        .color('field', 'additionalText-normal');
+        .color('content', 'secondary');
     }
 
     &--variant-error {
-        .color('field' , 'additionalText-error');
+        .color('content' , 'error');
     }
 }

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

@@ -1,6 +1,6 @@
 import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = "._1SK7Uw{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:var(--145676);border-radius:.001px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;width:var(--53cdfb)}._1SK7Uw:hover{background:rgba(9,15,25,.1)}._1SK7Uw:active{background:rgba(9,15,25,.15)}._1SK7Uw._2Ia3G8{outline-color:var(--603ec6);outline-offset:var(--c0b12c);outline-style:solid;outline-width:var(--99d31f)}._1SK7Uw:focus-visible{outline-color:var(--603ec6);outline-offset:var(--c0b12c);outline-style:solid;outline-width:var(--99d31f)}._1SK7Uw svg{height:var(--f02c4e);width:var(--f02c4e)}";
+var css_248z = "._1SK7Uw{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;border-radius:.001px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:var(--b26698);justify-content:center;min-width:var(--53cdfb)}._1SK7Uw:hover{background-color:var(--0bbea4)}._1SK7Uw:active{background-color:var(--33e933)}._1SK7Uw._2Ia3G8{outline-color:var(--603ec6);outline-offset:var(--c0b12c);outline-style:solid;outline-width:var(--99d31f)}._1SK7Uw:focus-visible{outline-color:var(--603ec6);outline-offset:var(--c0b12c);outline-style:solid;outline-width:var(--99d31f)}._1SK7Uw svg{height:var(--f02c4e);width:var(--f02c4e)}";
 var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/FieldButton/style/index.module.less",__css:css_248z,"FieldButton":"_1SK7Uw","focus-visible":"_2Ia3G8"};
 var stylesheet=css_248z;
 styleInject(css_248z);

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

@@ -9,22 +9,26 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    width: @root-size-600;
-    border: @root-palette-white; // TODO token @action-inline-bgColor
+    min-width: @root-size-600;
+    height: @root-size-500;
+    border-width: 1px;
+    border-style: solid;
+    .border-color('action', 'inline');
     background: none;
+    border: none;
     border-radius: @local-force-outline-to-be-round;
     cursor: pointer;
 
     &:hover {
-        background: rgba(9, 15, 25, 0.1); // TODO token @action-inline-hover-bgColor
+        .bg-color('action', 'inline-hover');
     }
 
     &:active {
-        background: rgba(9, 15, 25, 0.15); // TODO token @action-inline-active-bgColor
+        .bg-color('action', 'inline-active');
     }
 
     &:focus-visible {
-        .focus-outline(); // TODO problematic, doesn't align with underlying "input" border-radius: @root-radius-s; https://preply.slack.com/archives/C03EG5MS16U/p1663781844611059?thread_ts=1663779229.544659&cid=C03EG5MS16U
+        .focus-outline();
     }
 
     svg {

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

@@ -1,3 +1,3 @@
-import type { FieldLayoutProps } from '@preply/ds-web-core';
-import { FC } from 'react';
-export declare const FieldLayout: FC<FieldLayoutProps>;
+import type { FieldLayoutProps, InputImperativeHandle } from '@preply/ds-web-core';
+import React from 'react';
+export declare const FieldLayout: React.ForwardRefExoticComponent<FieldLayoutProps & React.RefAttributes<InputImperativeHandle>>;

package/dist/components/FieldLayout/FieldLayout.js

@@ -1,11 +1,14 @@
 import { useStyleExtract, moduleLocals, booleanClassNames } from '@preply/ds-web-core';
-import React__default from 'react';
+import React__default, { forwardRef, useImperativeHandle } from 'react';
 import { FieldLayoutBase } from '../private/FieldLayoutBase/FieldLayoutBase.js';
 import styles from './style/index.module.less.js';
 
 const FIELD_LAYOUT = 'FieldLayout';
-const FieldLayout = ({ id, className, input, icon, button, disabled, isFocused, hasError, inputHandle, ...props }) => {
+const FieldLayoutLocal = ({ id, className, input, icon, button, disabled, isFocused, hasError, inputHandle, ...props }, ref) => {
     useStyleExtract(styles);
+    useImperativeHandle(ref, () => ({
+        setFocus: () => inputHandle === null || inputHandle === void 0 ? void 0 : inputHandle.setFocus(),
+    }));
     const fieldClassNames = moduleLocals(styles, FIELD_LAYOUT, [
         booleanClassNames('is-disabled', undefined, disabled),
         booleanClassNames('is-focused', undefined, isFocused),
@@ -13,13 +16,17 @@ const FieldLayout = ({ id, className, input, icon, button, disabled, isFocused,
     ]);
     const allClassNames = [className, ...fieldClassNames];
     const inputClassNames = moduleLocals(styles, FIELD_LAYOUT, ['input']);
-    const handleClick = () => inputHandle === null || inputHandle === void 0 ? void 0 : inputHandle.focus();
+    const iconClassNames = moduleLocals(styles, FIELD_LAYOUT, ['icon']);
+    const handleClick = () => {
+        inputHandle === null || inputHandle === void 0 ? void 0 : inputHandle.setFocus();
+    };
     return (React__default.createElement(FieldLayoutBase, Object.assign({ id: id, className: allClassNames.join(' '), disabled: disabled, isFocused: isFocused, hasError: hasError }, props),
         React__default.createElement("div", { className: inputClassNames.join(' '), onClick: handleClick },
-            icon,
+            icon && React__default.createElement("span", { className: iconClassNames.join(' ') }, icon),
             input,
             button)));
-};
+};
+const FieldLayout = forwardRef(FieldLayoutLocal);
 
 export { FieldLayout };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRMYXlvdXQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpZWxkTGF5b3V0L0ZpZWxkTGF5b3V0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBqc3gtYTExeS9uby1zdGF0aWMtZWxlbWVudC1pbnRlcmFjdGlvbnMgKi9cbi8qIGVzbGludC1kaXNhYmxlIGpzeC1hMTF5L2NsaWNrLWV2ZW50cy1oYXZlLWtleS1ldmVudHMgKi9cbmltcG9ydCB0eXBlIHsgRmllbGRMYXlvdXRQcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHsgYm9vbGVhbkNsYXNzTmFtZXMsIG1vZHVsZUxvY2FscywgdXNlU3R5bGVFeHRyYWN0IH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEZpZWxkTGF5b3V0QmFzZSB9IGZyb20gJy4uL3ByaXZhdGUvRmllbGRMYXlvdXRCYXNlL0ZpZWxkTGF5b3V0QmFzZSc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IEZJRUxEX0xBWU9VVCA9ICdGaWVsZExheW91dCc7XG5cbmV4cG9ydCBjb25zdCBGaWVsZExheW91dDogRkM8RmllbGRMYXlvdXRQcm9wcz4gPSAoe1xuICAgIGlkLFxuICAgIGNsYXNzTmFtZSxcbiAgICBpbnB1dCxcbiAgICBpY29uLFxuICAgIGJ1dHRvbixcbiAgICBkaXNhYmxlZCxcbiAgICBpc0ZvY3VzZWQsXG4gICAgaGFzRXJyb3IsXG4gICAgaW5wdXRIYW5kbGUsXG4gICAgLi4ucHJvcHNcbn0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGZpZWxkQ2xhc3NOYW1lcyA9IG1vZHVsZUxvY2FscyhzdHlsZXMsIEZJRUxEX0xBWU9VVCwgW1xuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnaXMtZGlzYWJsZWQnLCB1bmRlZmluZWQsIGRpc2FibGVkKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2lzLWZvY3VzZWQnLCB1bmRlZmluZWQsIGlzRm9jdXNlZCksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdoYXMtZXJyb3InLCB1bmRlZmluZWQsIGhhc0Vycm9yKSxcbiAgICBdKTtcbiAgICBjb25zdCBhbGxDbGFzc05hbWVzID0gW2NsYXNzTmFtZSwgLi4uZmllbGRDbGFzc05hbWVzXTtcbiAgICBjb25zdCBpbnB1dENsYXNzTmFtZXMgPSBtb2R1bGVMb2NhbHMoc3R5bGVzLCBGSUVMRF9MQVlPVVQsIFsnaW5wdXQnXSk7XG5cbiAgICBjb25zdCBoYW5kbGVDbGljayA9ICgpID0+IGlucHV0SGFuZGxlPy5mb2N1cygpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEZpZWxkTGF5b3V0QmFzZVxuICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXthbGxDbGFzc05hbWVzLmpvaW4oJyAnKX1cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgIGlzRm9jdXNlZD17aXNGb2N1c2VkfVxuICAgICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17aW5wdXRDbGFzc05hbWVzLmpvaW4oJyAnKX0gb25DbGljaz17aGFuZGxlQ2xpY2t9PlxuICAgICAgICAgICAgICAgIHtpY29ufVxuICAgICAgICAgICAgICAgIHtpbnB1dH1cbiAgICAgICAgICAgICAgICB7YnV0dG9ufVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvRmllbGRMYXlvdXRCYXNlPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQVVBLE1BQU0sWUFBWSxHQUFHLGFBQWEsQ0FBQztNQUV0QixXQUFXLEdBQXlCLENBQUMsRUFDOUMsRUFBRSxFQUNGLFNBQVMsRUFDVCxLQUFLLEVBQ0wsSUFBSSxFQUNKLE1BQU0sRUFDTixRQUFRLEVBQ1IsU0FBUyxFQUNULFFBQVEsRUFDUixXQUFXLEVBQ1gsR0FBRyxLQUFLLEVBQ1g7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxlQUFlLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxZQUFZLEVBQUU7UUFDdkQsaUJBQWlCLENBQUMsYUFBYSxFQUFFLFNBQVMsRUFBRSxRQUFRLENBQUM7UUFDckQsaUJBQWlCLENBQUMsWUFBWSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUM7UUFDckQsaUJBQWlCLENBQUMsV0FBVyxFQUFFLFNBQVMsRUFBRSxRQUFRLENBQUM7S0FDdEQsQ0FBQyxDQUFDO0lBQ0gsTUFBTSxhQUFhLEdBQUcsQ0FBQyxTQUFTLEVBQUUsR0FBRyxlQUFlLENBQUMsQ0FBQztJQUN0RCxNQUFNLGVBQWUsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLFlBQVksRUFBRSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7SUFFdEUsTUFBTSxXQUFXLEdBQUcsTUFBTSxXQUFXLGFBQVgsV0FBVyx1QkFBWCxXQUFXLENBQUUsS0FBSyxFQUFFLENBQUM7SUFFL0MsUUFDSUEsNkJBQUMsZUFBZSxrQkFDWixFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxhQUFhLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUNsQyxRQUFRLEVBQUUsUUFBUSxFQUNsQixTQUFTLEVBQUUsU0FBUyxFQUNwQixRQUFRLEVBQUUsUUFBUSxJQUNkLEtBQUs7UUFFVEEsc0NBQUssU0FBUyxFQUFFLGVBQWUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsT0FBTyxFQUFFLFdBQVc7WUFDMUQsSUFBSTtZQUNKLEtBQUs7WUFDTCxNQUFNLENBQ0wsQ0FDUSxFQUNwQjtBQUNOOzs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRMYXlvdXQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpZWxkTGF5b3V0L0ZpZWxkTGF5b3V0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBqc3gtYTExeS9uby1zdGF0aWMtZWxlbWVudC1pbnRlcmFjdGlvbnMgKi9cbi8qIGVzbGludC1kaXNhYmxlIGpzeC1hMTF5L2NsaWNrLWV2ZW50cy1oYXZlLWtleS1ldmVudHMgKi9cbmltcG9ydCB0eXBlIHsgRmllbGRMYXlvdXRQcm9wcywgSW5wdXRJbXBlcmF0aXZlSGFuZGxlIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgeyBib29sZWFuQ2xhc3NOYW1lcywgbW9kdWxlTG9jYWxzLCB1c2VTdHlsZUV4dHJhY3QgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgZm9yd2FyZFJlZiwgdXNlSW1wZXJhdGl2ZUhhbmRsZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgRmllbGRMYXlvdXRCYXNlIH0gZnJvbSAnLi4vcHJpdmF0ZS9GaWVsZExheW91dEJhc2UvRmllbGRMYXlvdXRCYXNlJztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgRklFTERfTEFZT1VUID0gJ0ZpZWxkTGF5b3V0JztcblxuY29uc3QgRmllbGRMYXlvdXRMb2NhbDogRkM8RmllbGRMYXlvdXRQcm9wcz4gPSAoXG4gICAgeyBpZCwgY2xhc3NOYW1lLCBpbnB1dCwgaWNvbiwgYnV0dG9uLCBkaXNhYmxlZCwgaXNGb2N1c2VkLCBoYXNFcnJvciwgaW5wdXRIYW5kbGUsIC4uLnByb3BzIH0sXG4gICAgcmVmLFxuKSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICB1c2VJbXBlcmF0aXZlSGFuZGxlKHJlZiwgKCkgPT4gKHtcbiAgICAgICAgc2V0Rm9jdXM6ICgpID0+IGlucHV0SGFuZGxlPy5zZXRGb2N1cygpLFxuICAgIH0pKTtcblxuICAgIGNvbnN0IGZpZWxkQ2xhc3NOYW1lcyA9IG1vZHVsZUxvY2FscyhzdHlsZXMsIEZJRUxEX0xBWU9VVCwgW1xuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnaXMtZGlzYWJsZWQnLCB1bmRlZmluZWQsIGRpc2FibGVkKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2lzLWZvY3VzZWQnLCB1bmRlZmluZWQsIGlzRm9jdXNlZCksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdoYXMtZXJyb3InLCB1bmRlZmluZWQsIGhhc0Vycm9yKSxcbiAgICBdKTtcbiAgICBjb25zdCBhbGxDbGFzc05hbWVzID0gW2NsYXNzTmFtZSwgLi4uZmllbGRDbGFzc05hbWVzXTtcbiAgICBjb25zdCBpbnB1dENsYXNzTmFtZXMgPSBtb2R1bGVMb2NhbHMoc3R5bGVzLCBGSUVMRF9MQVlPVVQsIFsnaW5wdXQnXSk7XG4gICAgY29uc3QgaWNvbkNsYXNzTmFtZXMgPSBtb2R1bGVMb2NhbHMoc3R5bGVzLCBGSUVMRF9MQVlPVVQsIFsnaWNvbiddKTtcblxuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKCkgPT4ge1xuICAgICAgICBpbnB1dEhhbmRsZT8uc2V0Rm9jdXMoKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEZpZWxkTGF5b3V0QmFzZVxuICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXthbGxDbGFzc05hbWVzLmpvaW4oJyAnKX1cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgIGlzRm9jdXNlZD17aXNGb2N1c2VkfVxuICAgICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17aW5wdXRDbGFzc05hbWVzLmpvaW4oJyAnKX0gb25DbGljaz17aGFuZGxlQ2xpY2t9PlxuICAgICAgICAgICAgICAgIHtpY29uICYmIDxzcGFuIGNsYXNzTmFtZT17aWNvbkNsYXNzTmFtZXMuam9pbignICcpfT57aWNvbn08L3NwYW4+fVxuICAgICAgICAgICAgICAgIHtpbnB1dH1cbiAgICAgICAgICAgICAgICB7YnV0dG9ufVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvRmllbGRMYXlvdXRCYXNlPlxuICAgICk7XG59O1xuXG5leHBvcnQgY29uc3QgRmllbGRMYXlvdXQgPSBmb3J3YXJkUmVmPElucHV0SW1wZXJhdGl2ZUhhbmRsZSwgRmllbGRMYXlvdXRQcm9wcz4oRmllbGRMYXlvdXRMb2NhbCk7XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7O0FBVUEsTUFBTSxZQUFZLEdBQUcsYUFBYSxDQUFDO0FBRW5DLE1BQU0sZ0JBQWdCLEdBQXlCLENBQzNDLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxXQUFXLEVBQUUsR0FBRyxLQUFLLEVBQUUsRUFDNUYsR0FBRztJQUVILGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixtQkFBbUIsQ0FBQyxHQUFHLEVBQUUsT0FBTztRQUM1QixRQUFRLEVBQUUsTUFBTSxXQUFXLGFBQVgsV0FBVyx1QkFBWCxXQUFXLENBQUUsUUFBUSxFQUFFO0tBQzFDLENBQUMsQ0FBQyxDQUFDO0lBRUosTUFBTSxlQUFlLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxZQUFZLEVBQUU7UUFDdkQsaUJBQWlCLENBQUMsYUFBYSxFQUFFLFNBQVMsRUFBRSxRQUFRLENBQUM7UUFDckQsaUJBQWlCLENBQUMsWUFBWSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUM7UUFDckQsaUJBQWlCLENBQUMsV0FBVyxFQUFFLFNBQVMsRUFBRSxRQUFRLENBQUM7S0FDdEQsQ0FBQyxDQUFDO0lBQ0gsTUFBTSxhQUFhLEdBQUcsQ0FBQyxTQUFTLEVBQUUsR0FBRyxlQUFlLENBQUMsQ0FBQztJQUN0RCxNQUFNLGVBQWUsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLFlBQVksRUFBRSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7SUFDdEUsTUFBTSxjQUFjLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxZQUFZLEVBQUUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO0lBRXBFLE1BQU0sV0FBVyxHQUFHO1FBQ2hCLFdBQVcsYUFBWCxXQUFXLHVCQUFYLFdBQVcsQ0FBRSxRQUFRLEdBQUc7S0FDM0IsQ0FBQztJQUVGLFFBQ0lBLDZCQUFDLGVBQWUsa0JBQ1osRUFBRSxFQUFFLEVBQUUsRUFDTixTQUFTLEVBQUUsYUFBYSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFDbEMsUUFBUSxFQUFFLFFBQVEsRUFDbEIsU0FBUyxFQUFFLFNBQVMsRUFDcEIsUUFBUSxFQUFFLFFBQVEsSUFDZCxLQUFLO1FBRVRBLHNDQUFLLFNBQVMsRUFBRSxlQUFlLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLE9BQU8sRUFBRSxXQUFXO1lBQzFELElBQUksSUFBSUEsdUNBQU0sU0FBUyxFQUFFLGNBQWMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUcsSUFBSSxDQUFRO1lBQ2hFLEtBQUs7WUFDTCxNQUFNLENBQ0wsQ0FDUSxFQUNwQjtBQUNOLENBQUMsQ0FBQztNQUVXLFdBQVcsR0FBRyxVQUFVLENBQTBDLGdCQUFnQjs7OzsifQ==

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

@@ -1,7 +1,7 @@
 import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = "._3wd25W{background-color:var(--5836cb);border:2px solid var(--8f1238);border-radius:var(--bf855f);display:-webkit-box;display:-ms-flexbox;display:flex;padding:2px;padding-left:calc(var(--477fda) - 2px)}._3wd25W:hover{outline-color:var(--603ec6);outline-color:var(--902b50);outline-offset:var(--c0b12c);outline-offset:-2px;outline-style:solid;outline-width:var(--99d31f)}._3wd25W input{background:none;border:none;font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec);outline:none;padding:0}._3VIW2W ._3wd25W{outline-offset:var(--c0b12c);outline-offset:-2px}._2AzKuR ._3wd25W,._3VIW2W ._3wd25W{outline-color:var(--603ec6);outline-style:solid;outline-width:var(--99d31f)}._2AzKuR ._3wd25W{background-color:var(--04daeb);outline-color:transparent;outline-offset:var(--c0b12c)}._2oOvNj ._3wd25W{background-color:#f9e1e1;outline-color:var(--603ec6);outline-color:#c21f18;outline-offset:var(--c0b12c);outline-offset:-2px;outline-style:solid;outline-width:var(--99d31f)}";
-var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/FieldLayout/style/index.module.less",__css:css_248z,"FieldLayout--input":"_3wd25W","FieldLayout--is-focused":"_3VIW2W","FieldLayout--is-disabled":"_2AzKuR","FieldLayout--has-error":"_2oOvNj"};
+var css_248z = "._3wd25W{grid-gap:var(--1ba55a);background-color:var(--5836cb);border:var(--d9baa3) solid var(--29cd58);border-radius:var(--c4b051);display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--1ba55a);padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:var(--d9baa3)}._3wd25W:hover{border-color:var(--398094)}._3wd25W input{background:none;border:none;font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e);outline:none;padding:0}._3wd25W input::-webkit-input-placeholder{color:var(--3d280d)}._3wd25W input::-moz-placeholder{color:var(--3d280d)}._3wd25W input:-ms-input-placeholder{color:var(--3d280d)}._3wd25W input::-ms-input-placeholder{color:var(--3d280d)}._3wd25W input::placeholder{color:var(--3d280d)}.dR7X8n{height:var(--7c1b1c)}.dR7X8n svg{color:var(--3d280d)}._2oOvNj ._3wd25W{background-color:var(--4ae8c9);border-color:var(--eaf4a3)}._2oOvNj ._3wd25W input,._2oOvNj .dR7X8n svg{color:var(--9167e9)}._3VIW2W ._3wd25W{border-color:var(--398094)}._2AzKuR ._3wd25W{background-color:var(--04daeb);border-color:transparent}._3wd25W button{margin-bottom:calc(var(--1ba55a)*-1);margin-top:calc(var(--1ba55a)*-1)}";
+var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/FieldLayout/style/index.module.less",__css:css_248z,"FieldLayout--input":"_3wd25W","FieldLayout--icon":"dR7X8n","FieldLayout--has-error":"_2oOvNj","FieldLayout--is-focused":"_3VIW2W","FieldLayout--is-disabled":"_2AzKuR"};
 var stylesheet=css_248z;
 styleInject(css_248z);
 

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

@@ -1,6 +1,6 @@
+@import '@preply/ds-web-core/dist/focus/style/mixins.less';
 @import '@preply/ds-web-core/dist/generated/tokens.less';
 @import '@preply/ds-web-core/dist/typography/style/mixins.less';
-@import '@preply/ds-web-core/dist/focus/style/mixins.less';
 
 .unstyled-input() {
     border: none;
@@ -9,44 +9,66 @@
     outline: none;
 }
 
-@input-stroke-width: 2px; // TODO token @input-border-width; (new type, renderer cloned from outlineWidth)
-
 .field-layout() {
     &--input {
         display: flex;
-        padding: @input-stroke-width;
-        padding-left: calc(@root-space-xs - @input-stroke-width);
+        gap: @root-space-2xs;
+        padding: calc(@input-base-borderWidth ~'+' @root-space-2xs);
+        // https://stackoverflow.com/questions/14279328/is-there-a-way-to-use-variables-in-less-for-the-operator-like-calc100
+        padding-left: calc(@root-space-xs ~'-' @input-base-borderWidth);
+        padding-right: @input-base-borderWidth;
         background-color: @background-secondary;
-        border: @input-stroke-width solid @root-palette-gray-200;
-        border-radius: @root-radius-s; // TODO token @input-radius;
+        border-style: solid;
+        .border-color('border', 'base');
+        .border-width('input', 'base');
+        .border-radius('input', 'base');
 
         &:hover {
-            .focus-outline();
-            outline-offset: -@input-stroke-width;
-            outline-color: @action-variant-primary-hover-bgColor;
+            .border-color('border', 'focus');
         }
 
         input {
             .unstyled-input();
-            .text-variant('m-medium');
+            .text-variant('m');
+
+            &::placeholder {
+                .color('content', 'secondary');
+            }
         }
     }
 
+    &--icon {
+        height: @icon-size-s-size;
+
+        svg {
+            color: @content-secondary-color;
+        }
+    }
+
+    &--has-error &--input {
+        background-color: @background-error;
+        .border-color('border', 'error');
+
+        input {
+            .color('content', 'error');
+        }
+    }
+
+    &--has-error &--icon svg {
+        color: @content-error-color;
+    }
+
     &--is-focused &--input {
-        .focus-outline();
-        outline-offset: -@input-stroke-width;
+        .border-color('border', 'focus');
     }
 
     &--is-disabled &--input {
-        .focus-outline();
         background-color: @action-base-disabled-bgColor;
-        outline-color: transparent;
+        border-color: transparent;
     }
 
-    &--has-error &--input {
-        .focus-outline();
-        outline-offset: -@input-stroke-width;
-        background-color: #f9e1e1; // TODO @input-error-bgColor
-        outline-color: #c21f18; // TODO @input-error-borderColor
+    &--input button {
+        margin-top: calc(-1 ~'*' @root-space-2xs);
+        margin-bottom: calc(-1 ~'*' @root-space-2xs);
     }
 }

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

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

package/dist/components/Icon/Icon.js

@@ -24,4 +24,4 @@ const Icon = ({ svg: Svg, size = ICON_SIZE_DEFAULT, accent, color, label, datase
 };
 
 export { Icon };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSWNvbi9JY29uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yTmFtZSwgRGF0YXNldCwgSWNvblNpemUsIFRleHRBY2NlbnQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgSUNPTl9TSVpFX0RFRkFVTFQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBib29sZWFuQ2xhc3NOYW1lcyxcbiAgICBnZXREYXRhc2V0UHJvcHMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICB1c2VDb2xvckNsYXNzTmFtZXMsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxuICAgIHVzZVRleHRBY2NlbnRDbGFzc25hbWVzLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgU1ZHQXR0cmlidXRlcyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IHR5cGUgUmVhY3RTVkdDb21wb25lbnRUeXBlID0gUmVhY3QuQ29tcG9uZW50VHlwZTxTVkdBdHRyaWJ1dGVzPFNWR0VsZW1lbnQ+PjtcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gICAgc3ZnOiBSZWFjdFNWR0NvbXBvbmVudFR5cGU7XG4gICAgc2l6ZT86IEljb25TaXplO1xuICAgIGFjY2VudD86IFRleHRBY2NlbnQ7XG4gICAgY29sb3I/OiBDb2xvck5hbWU7XG4gICAgbGFiZWw/OiBzdHJpbmc7XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG59XG5cbmNvbnN0IElDT04gPSAnSWNvbic7XG5cbmV4cG9ydCBjb25zdCBJY29uOiBGQzxQcm9wcz4gPSAoe1xuICAgIHN2ZzogU3ZnLFxuICAgIHNpemUgPSBJQ09OX1NJWkVfREVGQVVMVCxcbiAgICBhY2NlbnQsXG4gICAgY29sb3IsXG4gICAgbGFiZWwsXG4gICAgZGF0YXNldCxcbn0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IHVzZU51bWVyaWNTaXplID0gIU51bWJlci5pc05hTihOdW1iZXIoc2l6ZSkpO1xuICAgIGNvbnN0IHN0eWxlID0gdXNlTnVtZXJpY1NpemUgPyB7IHdpZHRoOiBgJHtzaXplfXB4YCwgaGVpZ2h0OiBgJHtzaXplfXB4YCB9IDoge307XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIElDT04sIFtcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoYHNpemUtJHtzaXplIGFzIHN0cmluZ31gLCB1bmRlZmluZWQsICF1c2VOdW1lcmljU2l6ZSksXG4gICAgXSk7XG5cbiAgICBjb25zdCBhY3R1YWxDb2xvciA9IGFjY2VudCA/IHVuZGVmaW5lZCA6IGNvbG9yO1xuICAgIGNvbnN0IGFjY2VudENsYXNzTmFtZXMgPSB1c2VUZXh0QWNjZW50Q2xhc3NuYW1lcyhmYWxzZSwgYWNjZW50KTtcbiAgICBjb25zdCBjb2xvckNsYXNzTmFtZXMgPSB1c2VDb2xvckNsYXNzTmFtZXMoYWN0dWFsQ29sb3IpO1xuXG4gICAgY29uc3QgYWxsQ2xhc3NOYW1lcyA9IFsuLi5jbGFzc05hbWVzLCAuLi5hY2NlbnRDbGFzc05hbWVzLCAuLi5jb2xvckNsYXNzTmFtZXNdO1xuXG4gICAgY29uc3QgcHJvcHMgPSB7IGNsYXNzTmFtZTogYWxsQ2xhc3NOYW1lcy5qb2luKCcgJyksIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSB9O1xuXG4gICAgaWYgKCFTdmcpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdJY29uIHByb3Agc3ZnIGlzIG1hbmRhdG9yeScpO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICAgIDxzcGFuIHsuLi5wcm9wc30gc3R5bGU9e3N0eWxlfSBhcmlhLWhpZGRlbj17IWxhYmVsfSBhcmlhLWxhYmVsPXtsYWJlbH0+XG4gICAgICAgICAgICA8U3ZnIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIGZvY3VzYWJsZT1cImZhbHNlXCIgLz5cbiAgICAgICAgPC9zcGFuPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQXlCQSxNQUFNLElBQUksR0FBRyxNQUFNLENBQUM7TUFFUCxJQUFJLEdBQWMsQ0FBQyxFQUM1QixHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksR0FBRyxpQkFBaUIsRUFDeEIsTUFBTSxFQUNOLEtBQUssRUFDTCxLQUFLLEVBQ0wsT0FBTyxHQUNWO0lBQ0csZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE1BQU0sY0FBYyxHQUFHLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUNuRCxNQUFNLEtBQUssR0FBRyxjQUFjLEdBQUcsRUFBRSxLQUFLLEVBQUUsR0FBRyxJQUFJLElBQUksRUFBRSxNQUFNLEVBQUUsR0FBRyxJQUFJLElBQUksRUFBRSxHQUFHLEVBQUUsQ0FBQztJQUVoRixNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsSUFBSSxFQUFFO1FBQzlDLGlCQUFpQixDQUFDLFFBQVEsSUFBYyxFQUFFLEVBQUUsU0FBUyxFQUFFLENBQUMsY0FBYyxDQUFDO0tBQzFFLENBQUMsQ0FBQztJQUVILE1BQU0sV0FBVyxHQUFHLE1BQU0sR0FBRyxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBQy9DLE1BQU0sZ0JBQWdCLEdBQUcsdUJBQXVCLENBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxDQUFDO0lBQ2hFLE1BQU0sZUFBZSxHQUFHLGtCQUFrQixDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBRXhELE1BQU0sYUFBYSxHQUFHLENBQUMsR0FBRyxVQUFVLEVBQUUsR0FBRyxnQkFBZ0IsRUFBRSxHQUFHLGVBQWUsQ0FBQyxDQUFDO0lBRS9FLE1BQU0sS0FBSyxHQUFHLEVBQUUsU0FBUyxFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztJQUVsRixJQUFJLENBQUMsR0FBRyxFQUFFO1FBQ04sTUFBTSxJQUFJLEtBQUssQ0FBQyw0QkFBNEIsQ0FBQyxDQUFDO0tBQ2pEO0lBRUQsUUFDSUEsdURBQVUsS0FBSyxJQUFFLEtBQUssRUFBRSxLQUFLLGlCQUFlLENBQUMsS0FBSyxnQkFBYyxLQUFLO1FBQ2pFQSw2QkFBQyxHQUFHLG1CQUFhLE1BQU0sRUFBQyxTQUFTLEVBQUMsT0FBTyxHQUFHLENBQ3pDLEVBQ1Q7QUFDTjs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSWNvbi9JY29uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJQ09OX1NJWkVfREVGQVVMVCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgdHlwZSB7IEljb25Qcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBib29sZWFuQ2xhc3NOYW1lcyxcbiAgICBnZXREYXRhc2V0UHJvcHMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICB1c2VDb2xvckNsYXNzTmFtZXMsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxuICAgIHVzZVRleHRBY2NlbnRDbGFzc25hbWVzLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgSUNPTiA9ICdJY29uJztcblxuZXhwb3J0IGNvbnN0IEljb246IEZDPEljb25Qcm9wcz4gPSAoe1xuICAgIHN2ZzogU3ZnLFxuICAgIHNpemUgPSBJQ09OX1NJWkVfREVGQVVMVCxcbiAgICBhY2NlbnQsXG4gICAgY29sb3IsXG4gICAgbGFiZWwsXG4gICAgZGF0YXNldCxcbn0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IHVzZU51bWVyaWNTaXplID0gIU51bWJlci5pc05hTihOdW1iZXIoc2l6ZSkpO1xuICAgIGNvbnN0IHN0eWxlID0gdXNlTnVtZXJpY1NpemUgPyB7IHdpZHRoOiBgJHtzaXplfXB4YCwgaGVpZ2h0OiBgJHtzaXplfXB4YCB9IDoge307XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIElDT04sIFtcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoYHNpemUtJHtzaXplIGFzIHN0cmluZ31gLCB1bmRlZmluZWQsICF1c2VOdW1lcmljU2l6ZSksXG4gICAgXSk7XG5cbiAgICBjb25zdCBhY3R1YWxDb2xvciA9IGFjY2VudCA/IHVuZGVmaW5lZCA6IGNvbG9yO1xuICAgIGNvbnN0IGFjY2VudENsYXNzTmFtZXMgPSB1c2VUZXh0QWNjZW50Q2xhc3NuYW1lcyhmYWxzZSwgYWNjZW50KTtcbiAgICBjb25zdCBjb2xvckNsYXNzTmFtZXMgPSB1c2VDb2xvckNsYXNzTmFtZXMoYWN0dWFsQ29sb3IpO1xuXG4gICAgY29uc3QgYWxsQ2xhc3NOYW1lcyA9IFsuLi5jbGFzc05hbWVzLCAuLi5hY2NlbnRDbGFzc05hbWVzLCAuLi5jb2xvckNsYXNzTmFtZXNdO1xuXG4gICAgY29uc3QgcHJvcHMgPSB7IGNsYXNzTmFtZTogYWxsQ2xhc3NOYW1lcy5qb2luKCcgJyksIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSB9O1xuXG4gICAgaWYgKCFTdmcpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdJY29uIHByb3Agc3ZnIGlzIG1hbmRhdG9yeScpO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICAgIDxzcGFuIHsuLi5wcm9wc30gc3R5bGU9e3N0eWxlfSBhcmlhLWhpZGRlbj17IWxhYmVsfSBhcmlhLWxhYmVsPXtsYWJlbH0+XG4gICAgICAgICAgICA8U3ZnIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIGZvY3VzYWJsZT1cImZhbHNlXCIgLz5cbiAgICAgICAgPC9zcGFuPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQWNBLE1BQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQztNQUVQLElBQUksR0FBa0IsQ0FBQyxFQUNoQyxHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksR0FBRyxpQkFBaUIsRUFDeEIsTUFBTSxFQUNOLEtBQUssRUFDTCxLQUFLLEVBQ0wsT0FBTyxHQUNWO0lBQ0csZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE1BQU0sY0FBYyxHQUFHLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUNuRCxNQUFNLEtBQUssR0FBRyxjQUFjLEdBQUcsRUFBRSxLQUFLLEVBQUUsR0FBRyxJQUFJLElBQUksRUFBRSxNQUFNLEVBQUUsR0FBRyxJQUFJLElBQUksRUFBRSxHQUFHLEVBQUUsQ0FBQztJQUVoRixNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsSUFBSSxFQUFFO1FBQzlDLGlCQUFpQixDQUFDLFFBQVEsSUFBYyxFQUFFLEVBQUUsU0FBUyxFQUFFLENBQUMsY0FBYyxDQUFDO0tBQzFFLENBQUMsQ0FBQztJQUVILE1BQU0sV0FBVyxHQUFHLE1BQU0sR0FBRyxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBQy9DLE1BQU0sZ0JBQWdCLEdBQUcsdUJBQXVCLENBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxDQUFDO0lBQ2hFLE1BQU0sZUFBZSxHQUFHLGtCQUFrQixDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBRXhELE1BQU0sYUFBYSxHQUFHLENBQUMsR0FBRyxVQUFVLEVBQUUsR0FBRyxnQkFBZ0IsRUFBRSxHQUFHLGVBQWUsQ0FBQyxDQUFDO0lBRS9FLE1BQU0sS0FBSyxHQUFHLEVBQUUsU0FBUyxFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztJQUVsRixJQUFJLENBQUMsR0FBRyxFQUFFO1FBQ04sTUFBTSxJQUFJLEtBQUssQ0FBQyw0QkFBNEIsQ0FBQyxDQUFDO0tBQ2pEO0lBRUQsUUFDSUEsdURBQVUsS0FBSyxJQUFFLEtBQUssRUFBRSxLQUFLLGlCQUFlLENBQUMsS0FBSyxnQkFBYyxLQUFLO1FBQ2pFQSw2QkFBQyxHQUFHLG1CQUFhLE1BQU0sRUFBQyxTQUFTLEVBQUMsT0FBTyxHQUFHLENBQ3pDLEVBQ1Q7QUFDTjs7OzsifQ==

package/dist/components/IconButton/IconButton.d.ts

@@ -1,6 +1,6 @@
-import React, { FC, SVGAttributes } from 'react';
+import { ReactSVGComponentType } from '@preply/ds-web-core';
+import { FC } from 'react';
 import { ButtonBaseProps } from '../private/ButtonBase/ButtonBase';
-export declare type ReactSVGComponentType = React.ComponentType<SVGAttributes<SVGElement>>;
 export declare type IconButtonProps = Omit<ButtonBaseProps, 'fullWidth' | 'wrap' | 'isIconButton' | 'children'>;
 export declare type Props = IconButtonProps & {
     assistiveText: string;

package/dist/components/IconButton/IconButton.js

@@ -14,4 +14,4 @@ const IconButton = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAU
 };
 
 export { IconButton };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbkJ1dHRvbi5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSWNvbkJ1dHRvbi9JY29uQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHVzZUluc3RydW1lbnQgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgU1ZHQXR0cmlidXRlcyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQnV0dG9uQmFzZSwgQnV0dG9uQmFzZVByb3BzIH0gZnJvbSAnLi4vcHJpdmF0ZS9CdXR0b25CYXNlL0J1dHRvbkJhc2UnO1xuXG5leHBvcnQgdHlwZSBSZWFjdFNWR0NvbXBvbmVudFR5cGUgPSBSZWFjdC5Db21wb25lbnRUeXBlPFNWR0F0dHJpYnV0ZXM8U1ZHRWxlbWVudD4+O1xuXG5jb25zdCBJQ09OQlVUVE9OID0gJ0ljb25CdXR0b24nO1xuXG5leHBvcnQgdHlwZSBJY29uQnV0dG9uUHJvcHMgPSBPbWl0PFxuICAgIEJ1dHRvbkJhc2VQcm9wcyxcbiAgICAnZnVsbFdpZHRoJyB8ICd3cmFwJyB8ICdpc0ljb25CdXR0b24nIHwgJ2NoaWxkcmVuJ1xuPjtcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSBJY29uQnV0dG9uUHJvcHMgJiB7XG4gICAgYXNzaXN0aXZlVGV4dDogc3RyaW5nO1xuICAgIHN2ZzogUmVhY3RTVkdDb21wb25lbnRUeXBlO1xufTtcblxuZXhwb3J0IGNvbnN0IEljb25CdXR0b246IEZDPFByb3BzPiA9ICh7XG4gICAgdmFyaWFudCA9IEJVVFRPTl9WQVJJQU5UX0RFRkFVTFQsXG4gICAgc2l6ZSA9IEJVVFRPTl9TSVpFX0RFRkFVTFQsXG4gICAgdXJsLFxuICAgIGExMXlMYWJlbCxcbiAgICBzdmc6IFN2ZyxcbiAgICAuLi5wcm9wc1xufSkgPT4ge1xuICAgIHVzZUluc3RydW1lbnQoJ3JlbmRlcicsIHtcbiAgICAgICAgY29tcG9uZW50OiBJQ09OQlVUVE9OLFxuICAgICAgICBwcm9wczogeyB2YXJpYW50LCBzaXplLCB1cmwsIGExMXlMYWJlbCB9LFxuICAgIH0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEJ1dHRvbkJhc2VcbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgIGlzSWNvbkJ1dHRvblxuICAgICAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICB1cmw9e3VybH1cbiAgICAgICAgICAgIGExMXlMYWJlbD17YTExeUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgICA8U3ZnIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIGZvY3VzYWJsZT1cImZhbHNlXCIgLz5cbiAgICAgICAgPC9CdXR0b25CYXNlPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQVFBLE1BQU0sVUFBVSxHQUFHLFlBQVksQ0FBQztNQVluQixVQUFVLEdBQWMsQ0FBQyxFQUNsQyxPQUFPLEdBQUcsc0JBQXNCLEVBQ2hDLElBQUksR0FBRyxtQkFBbUIsRUFDMUIsR0FBRyxFQUNILFNBQVMsRUFDVCxHQUFHLEVBQUUsR0FBRyxFQUNSLEdBQUcsS0FBSyxFQUNYO0lBQ0csYUFBYSxDQUFDLFFBQVEsRUFBRTtRQUNwQixTQUFTLEVBQUUsVUFBVTtRQUNyQixLQUFLLEVBQUUsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUU7S0FDM0MsQ0FBQyxDQUFDO0lBRUgsUUFDSUEsNkJBQUMsVUFBVSxvQkFDSCxLQUFLLElBQ1QsWUFBWSxRQUNaLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLElBQUksRUFBRSxJQUFJLEVBQ1YsR0FBRyxFQUFFLEdBQUcsRUFDUixTQUFTLEVBQUUsU0FBUztRQUVwQkEsNkJBQUMsR0FBRyxtQkFBYSxNQUFNLEVBQUMsU0FBUyxFQUFDLE9BQU8sR0FBRyxDQUNuQyxFQUNmO0FBQ047Ozs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbkJ1dHRvbi5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSWNvbkJ1dHRvbi9JY29uQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IFJlYWN0U1ZHQ29tcG9uZW50VHlwZSwgdXNlSW5zdHJ1bWVudCB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBCdXR0b25CYXNlLCBCdXR0b25CYXNlUHJvcHMgfSBmcm9tICcuLi9wcml2YXRlL0J1dHRvbkJhc2UvQnV0dG9uQmFzZSc7XG5cbmNvbnN0IElDT05CVVRUT04gPSAnSWNvbkJ1dHRvbic7XG5cbmV4cG9ydCB0eXBlIEljb25CdXR0b25Qcm9wcyA9IE9taXQ8XG4gICAgQnV0dG9uQmFzZVByb3BzLFxuICAgICdmdWxsV2lkdGgnIHwgJ3dyYXAnIHwgJ2lzSWNvbkJ1dHRvbicgfCAnY2hpbGRyZW4nXG4+O1xuXG5leHBvcnQgdHlwZSBQcm9wcyA9IEljb25CdXR0b25Qcm9wcyAmIHtcbiAgICBhc3Npc3RpdmVUZXh0OiBzdHJpbmc7XG4gICAgc3ZnOiBSZWFjdFNWR0NvbXBvbmVudFR5cGU7XG59O1xuXG5leHBvcnQgY29uc3QgSWNvbkJ1dHRvbjogRkM8UHJvcHM+ID0gKHtcbiAgICB2YXJpYW50ID0gQlVUVE9OX1ZBUklBTlRfREVGQVVMVCxcbiAgICBzaXplID0gQlVUVE9OX1NJWkVfREVGQVVMVCxcbiAgICB1cmwsXG4gICAgYTExeUxhYmVsLFxuICAgIHN2ZzogU3ZnLFxuICAgIC4uLnByb3BzXG59KSA9PiB7XG4gICAgdXNlSW5zdHJ1bWVudCgncmVuZGVyJywge1xuICAgICAgICBjb21wb25lbnQ6IElDT05CVVRUT04sXG4gICAgICAgIHByb3BzOiB7IHZhcmlhbnQsIHNpemUsIHVybCwgYTExeUxhYmVsIH0sXG4gICAgfSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8QnV0dG9uQmFzZVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgaXNJY29uQnV0dG9uXG4gICAgICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgIHVybD17dXJsfVxuICAgICAgICAgICAgYTExeUxhYmVsPXthMTF5TGFiZWx9XG4gICAgICAgID5cbiAgICAgICAgICAgIDxTdmcgYXJpYS1oaWRkZW49XCJ0cnVlXCIgZm9jdXNhYmxlPVwiZmFsc2VcIiAvPlxuICAgICAgICA8L0J1dHRvbkJhc2U+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7O0FBTUEsTUFBTSxVQUFVLEdBQUcsWUFBWSxDQUFDO01BWW5CLFVBQVUsR0FBYyxDQUFDLEVBQ2xDLE9BQU8sR0FBRyxzQkFBc0IsRUFDaEMsSUFBSSxHQUFHLG1CQUFtQixFQUMxQixHQUFHLEVBQ0gsU0FBUyxFQUNULEdBQUcsRUFBRSxHQUFHLEVBQ1IsR0FBRyxLQUFLLEVBQ1g7SUFDRyxhQUFhLENBQUMsUUFBUSxFQUFFO1FBQ3BCLFNBQVMsRUFBRSxVQUFVO1FBQ3JCLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRTtLQUMzQyxDQUFDLENBQUM7SUFFSCxRQUNJQSw2QkFBQyxVQUFVLG9CQUNILEtBQUssSUFDVCxZQUFZLFFBQ1osT0FBTyxFQUFFLE9BQU8sRUFDaEIsSUFBSSxFQUFFLElBQUksRUFDVixHQUFHLEVBQUUsR0FBRyxFQUNSLFNBQVMsRUFBRSxTQUFTO1FBRXBCQSw2QkFBQyxHQUFHLG1CQUFhLE1BQU0sRUFBQyxTQUFTLEVBQUMsT0FBTyxHQUFHLENBQ25DLEVBQ2Y7QUFDTjs7OzsifQ==

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

@@ -5,6 +5,7 @@ export interface Props {
     stretch?: Responsive<boolean>;
     tag?: LayoutTag;
     hide?: Responsive<boolean>;
+    relative?: Responsive<boolean>;
     dataset?: Dataset;
     children?: ReactNode;
 }

package/dist/components/LayoutFlexItem/LayoutFlexItem.js

@@ -1,18 +1,24 @@
 import { LAYOUT_TAG_DEFAULT } from '@preply/ds-core';
-import { moduleClassNames, booleanClassNames, useAlignSelfClassNames, useLayoutHideClassnames, getDatasetProps } from '@preply/ds-web-core';
+import { moduleClassNames, booleanClassNames, useAlignSelfClassNames, useLayoutHideClassnames, useLayoutRelativeClassnames, getDatasetProps } from '@preply/ds-web-core';
 import React__default from 'react';
 import styles from './style/index.module.less.js';
 
 const LAYOUT_FLEX_ITEM = 'LayoutFlexItem';
-const LayoutFlexItem = ({ children, alignSelf, stretch = false, tag, hide, dataset, }) => {
+const LayoutFlexItem = ({ children, alignSelf, stretch = false, tag, hide, relative, dataset, }) => {
     const classNames = moduleClassNames(styles, LAYOUT_FLEX_ITEM, booleanClassNames('stretch', 'no-stretch', stretch));
     const alignSelfClassNames = useAlignSelfClassNames(alignSelf);
     const hideClassNames = useLayoutHideClassnames(hide);
-    const allClassNames = [...classNames, ...alignSelfClassNames, ...hideClassNames];
+    const relativeClassNames = useLayoutRelativeClassnames(relative);
+    const allClassNames = [
+        ...classNames,
+        ...alignSelfClassNames,
+        ...hideClassNames,
+        ...relativeClassNames,
+    ];
     const Tag = tag !== null && tag !== void 0 ? tag : LAYOUT_TAG_DEFAULT;
     const props = { className: allClassNames.join(' '), ...getDatasetProps(dataset) };
     return React__default.createElement(Tag, Object.assign({}, props), children);
 };
 
 export { LayoutFlexItem };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0RmxleEl0ZW0uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xheW91dEZsZXhJdGVtL0xheW91dEZsZXhJdGVtLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIERhdGFzZXQsXG4gICAgTEFZT1VUX1RBR19ERUZBVUxULFxuICAgIExheW91dEFsaWduU2VsZixcbiAgICBMYXlvdXRUYWcsXG4gICAgUmVzcG9uc2l2ZSxcbn0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgdXNlQWxpZ25TZWxmQ2xhc3NOYW1lcyxcbiAgICB1c2VMYXlvdXRIaWRlQ2xhc3NuYW1lcyxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gICAgYWxpZ25TZWxmPzogUmVzcG9uc2l2ZTxMYXlvdXRBbGlnblNlbGY+O1xuICAgIHN0cmV0Y2g/OiBSZXNwb25zaXZlPGJvb2xlYW4+O1xuICAgIHRhZz86IExheW91dFRhZztcbiAgICBoaWRlPzogUmVzcG9uc2l2ZTxib29sZWFuPjtcbiAgICBkYXRhc2V0PzogRGF0YXNldDtcbiAgICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgTEFZT1VUX0ZMRVhfSVRFTSA9ICdMYXlvdXRGbGV4SXRlbSc7XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRGbGV4SXRlbTogRkM8UHJvcHM+ID0gKHtcbiAgICBjaGlsZHJlbixcbiAgICBhbGlnblNlbGYsXG4gICAgc3RyZXRjaCA9IGZhbHNlLFxuICAgIHRhZyxcbiAgICBoaWRlLFxuICAgIGRhdGFzZXQsXG59KSA9PiB7XG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoXG4gICAgICAgIHN0eWxlcyxcbiAgICAgICAgTEFZT1VUX0ZMRVhfSVRFTSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ3N0cmV0Y2gnLCAnbm8tc3RyZXRjaCcsIHN0cmV0Y2gpLFxuICAgICk7XG5cbiAgICBjb25zdCBhbGlnblNlbGZDbGFzc05hbWVzID0gdXNlQWxpZ25TZWxmQ2xhc3NOYW1lcyhhbGlnblNlbGYpO1xuICAgIGNvbnN0IGhpZGVDbGFzc05hbWVzID0gdXNlTGF5b3V0SGlkZUNsYXNzbmFtZXMoaGlkZSk7XG4gICAgY29uc3QgYWxsQ2xhc3NOYW1lcyA9IFsuLi5jbGFzc05hbWVzLCAuLi5hbGlnblNlbGZDbGFzc05hbWVzLCAuLi5oaWRlQ2xhc3NOYW1lc107XG4gICAgY29uc3QgVGFnID0gdGFnID8/IExBWU9VVF9UQUdfREVGQVVMVDtcbiAgICBjb25zdCBwcm9wcyA9IHsgY2xhc3NOYW1lOiBhbGxDbGFzc05hbWVzLmpvaW4oJyAnKSwgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpIH07XG5cbiAgICByZXR1cm4gPFRhZyB7Li4ucHJvcHN9PntjaGlsZHJlbn08L1RhZz47XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQTJCQSxNQUFNLGdCQUFnQixHQUFHLGdCQUFnQixDQUFDO01BRTdCLGNBQWMsR0FBYyxDQUFDLEVBQ3RDLFFBQVEsRUFDUixTQUFTLEVBQ1QsT0FBTyxHQUFHLEtBQUssRUFDZixHQUFHLEVBQ0gsSUFBSSxFQUNKLE9BQU8sR0FDVjtJQUNHLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUMvQixNQUFNLEVBQ04sZ0JBQWdCLEVBQ2hCLGlCQUFpQixDQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsT0FBTyxDQUFDLENBQ3RELENBQUM7SUFFRixNQUFNLG1CQUFtQixHQUFHLHNCQUFzQixDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQzlELE1BQU0sY0FBYyxHQUFHLHVCQUF1QixDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3JELE1BQU0sYUFBYSxHQUFHLENBQUMsR0FBRyxVQUFVLEVBQUUsR0FBRyxtQkFBbUIsRUFBRSxHQUFHLGNBQWMsQ0FBQyxDQUFDO0lBQ2pGLE1BQU0sR0FBRyxHQUFHLEdBQUcsYUFBSCxHQUFHLGNBQUgsR0FBRyxHQUFJLGtCQUFrQixDQUFDO0lBQ3RDLE1BQU0sS0FBSyxHQUFHLEVBQUUsU0FBUyxFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztJQUVsRixPQUFPQSw2QkFBQyxHQUFHLG9CQUFLLEtBQUssR0FBRyxRQUFRLENBQU8sQ0FBQztBQUM1Qzs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0RmxleEl0ZW0uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xheW91dEZsZXhJdGVtL0xheW91dEZsZXhJdGVtLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIERhdGFzZXQsXG4gICAgTEFZT1VUX1RBR19ERUZBVUxULFxuICAgIExheW91dEFsaWduU2VsZixcbiAgICBMYXlvdXRUYWcsXG4gICAgUmVzcG9uc2l2ZSxcbn0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgdXNlQWxpZ25TZWxmQ2xhc3NOYW1lcyxcbiAgICB1c2VMYXlvdXRIaWRlQ2xhc3NuYW1lcyxcbiAgICB1c2VMYXlvdXRSZWxhdGl2ZUNsYXNzbmFtZXMsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIGFsaWduU2VsZj86IFJlc3BvbnNpdmU8TGF5b3V0QWxpZ25TZWxmPjtcbiAgICBzdHJldGNoPzogUmVzcG9uc2l2ZTxib29sZWFuPjtcbiAgICB0YWc/OiBMYXlvdXRUYWc7XG4gICAgaGlkZT86IFJlc3BvbnNpdmU8Ym9vbGVhbj47XG4gICAgcmVsYXRpdmU/OiBSZXNwb25zaXZlPGJvb2xlYW4+O1xuICAgIGRhdGFzZXQ/OiBEYXRhc2V0O1xuICAgIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBMQVlPVVRfRkxFWF9JVEVNID0gJ0xheW91dEZsZXhJdGVtJztcblxuZXhwb3J0IGNvbnN0IExheW91dEZsZXhJdGVtOiBGQzxQcm9wcz4gPSAoe1xuICAgIGNoaWxkcmVuLFxuICAgIGFsaWduU2VsZixcbiAgICBzdHJldGNoID0gZmFsc2UsXG4gICAgdGFnLFxuICAgIGhpZGUsXG4gICAgcmVsYXRpdmUsXG4gICAgZGF0YXNldCxcbn0pID0+IHtcbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhcbiAgICAgICAgc3R5bGVzLFxuICAgICAgICBMQVlPVVRfRkxFWF9JVEVNLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnc3RyZXRjaCcsICduby1zdHJldGNoJywgc3RyZXRjaCksXG4gICAgKTtcblxuICAgIGNvbnN0IGFsaWduU2VsZkNsYXNzTmFtZXMgPSB1c2VBbGlnblNlbGZDbGFzc05hbWVzKGFsaWduU2VsZik7XG4gICAgY29uc3QgaGlkZUNsYXNzTmFtZXMgPSB1c2VMYXlvdXRIaWRlQ2xhc3NuYW1lcyhoaWRlKTtcbiAgICBjb25zdCByZWxhdGl2ZUNsYXNzTmFtZXMgPSB1c2VMYXlvdXRSZWxhdGl2ZUNsYXNzbmFtZXMocmVsYXRpdmUpO1xuICAgIGNvbnN0IGFsbENsYXNzTmFtZXMgPSBbXG4gICAgICAgIC4uLmNsYXNzTmFtZXMsXG4gICAgICAgIC4uLmFsaWduU2VsZkNsYXNzTmFtZXMsXG4gICAgICAgIC4uLmhpZGVDbGFzc05hbWVzLFxuICAgICAgICAuLi5yZWxhdGl2ZUNsYXNzTmFtZXMsXG4gICAgXTtcbiAgICBjb25zdCBUYWcgPSB0YWcgPz8gTEFZT1VUX1RBR19ERUZBVUxUO1xuICAgIGNvbnN0IHByb3BzID0geyBjbGFzc05hbWU6IGFsbENsYXNzTmFtZXMuam9pbignICcpLCAuLi5nZXREYXRhc2V0UHJvcHMoZGF0YXNldCkgfTtcblxuICAgIHJldHVybiA8VGFnIHsuLi5wcm9wc30+e2NoaWxkcmVufTwvVGFnPjtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7O0FBNkJBLE1BQU0sZ0JBQWdCLEdBQUcsZ0JBQWdCLENBQUM7TUFFN0IsY0FBYyxHQUFjLENBQUMsRUFDdEMsUUFBUSxFQUNSLFNBQVMsRUFDVCxPQUFPLEdBQUcsS0FBSyxFQUNmLEdBQUcsRUFDSCxJQUFJLEVBQ0osUUFBUSxFQUNSLE9BQU8sR0FDVjtJQUNHLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUMvQixNQUFNLEVBQ04sZ0JBQWdCLEVBQ2hCLGlCQUFpQixDQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsT0FBTyxDQUFDLENBQ3RELENBQUM7SUFFRixNQUFNLG1CQUFtQixHQUFHLHNCQUFzQixDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQzlELE1BQU0sY0FBYyxHQUFHLHVCQUF1QixDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3JELE1BQU0sa0JBQWtCLEdBQUcsMkJBQTJCLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDakUsTUFBTSxhQUFhLEdBQUc7UUFDbEIsR0FBRyxVQUFVO1FBQ2IsR0FBRyxtQkFBbUI7UUFDdEIsR0FBRyxjQUFjO1FBQ2pCLEdBQUcsa0JBQWtCO0tBQ3hCLENBQUM7SUFDRixNQUFNLEdBQUcsR0FBRyxHQUFHLGFBQUgsR0FBRyxjQUFILEdBQUcsR0FBSSxrQkFBa0IsQ0FBQztJQUN0QyxNQUFNLEtBQUssR0FBRyxFQUFFLFNBQVMsRUFBRSxhQUFhLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLEdBQUcsZUFBZSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7SUFFbEYsT0FBT0EsNkJBQUMsR0FBRyxvQkFBSyxLQUFLLEdBQUcsUUFBUSxDQUFPLENBQUM7QUFDNUM7Ozs7In0=

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

@@ -4,6 +4,7 @@ export interface Props {
     alignSelf?: Responsive<LayoutAlignSelf>;
     tag?: LayoutTag;
     hide?: Responsive<boolean>;
+    relative?: Responsive<boolean>;
     dataset?: Dataset;
     children?: ReactNode;
 }

package/dist/components/LayoutGridItem/LayoutGridItem.js

@@ -1,18 +1,24 @@
 import { LAYOUT_TAG_DEFAULT } from '@preply/ds-core';
-import { moduleClassNames, useAlignSelfClassNames, useLayoutHideClassnames, getDatasetProps } from '@preply/ds-web-core';
+import { moduleClassNames, useAlignSelfClassNames, useLayoutHideClassnames, useLayoutRelativeClassnames, getDatasetProps } from '@preply/ds-web-core';
 import React__default from 'react';
 import styles from './style/index.module.less.js';
 
 const LAYOUT_GRID_ITEM = 'LayoutGridItem';
-const LayoutGridItem = ({ children, alignSelf, tag, hide, dataset }) => {
+const LayoutGridItem = ({ children, alignSelf, tag, hide, relative, dataset, }) => {
     const classNames = moduleClassNames(styles, LAYOUT_GRID_ITEM, []);
     const alignSelfClassNames = useAlignSelfClassNames(alignSelf);
     const hideClassNames = useLayoutHideClassnames(hide);
-    const allClassNames = [...classNames, ...alignSelfClassNames, ...hideClassNames];
+    const relativeClassNames = useLayoutRelativeClassnames(relative);
+    const allClassNames = [
+        ...classNames,
+        ...alignSelfClassNames,
+        ...hideClassNames,
+        ...relativeClassNames,
+    ];
     const Tag = tag !== null && tag !== void 0 ? tag : LAYOUT_TAG_DEFAULT;
     const props = { className: allClassNames.join(' '), ...getDatasetProps(dataset) };
     return React__default.createElement(Tag, Object.assign({}, props), children);
 };
 
 export { LayoutGridItem };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0R3JpZEl0ZW0uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xheW91dEdyaWRJdGVtL0xheW91dEdyaWRJdGVtLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIERhdGFzZXQsXG4gICAgTEFZT1VUX1RBR19ERUZBVUxULFxuICAgIExheW91dEFsaWduU2VsZixcbiAgICBMYXlvdXRUYWcsXG4gICAgUmVzcG9uc2l2ZSxcbn0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgdXNlQWxpZ25TZWxmQ2xhc3NOYW1lcyxcbiAgICB1c2VMYXlvdXRIaWRlQ2xhc3NuYW1lcyxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gICAgYWxpZ25TZWxmPzogUmVzcG9uc2l2ZTxMYXlvdXRBbGlnblNlbGY+O1xuICAgIHRhZz86IExheW91dFRhZztcbiAgICBoaWRlPzogUmVzcG9uc2l2ZTxib29sZWFuPjtcbiAgICBkYXRhc2V0PzogRGF0YXNldDtcbiAgICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn1cbmNvbnN0IExBWU9VVF9HUklEX0lURU0gPSAnTGF5b3V0R3JpZEl0ZW0nO1xuZXhwb3J0IGNvbnN0IExheW91dEdyaWRJdGVtOiBGQzxQcm9wcz4gPSAoeyBjaGlsZHJlbiwgYWxpZ25TZWxmLCB0YWcsIGhpZGUsIGRhdGFzZXQgfSkgPT4ge1xuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgTEFZT1VUX0dSSURfSVRFTSwgW10pO1xuXG4gICAgY29uc3QgYWxpZ25TZWxmQ2xhc3NOYW1lcyA9IHVzZUFsaWduU2VsZkNsYXNzTmFtZXMoYWxpZ25TZWxmKTtcbiAgICBjb25zdCBoaWRlQ2xhc3NOYW1lcyA9IHVzZUxheW91dEhpZGVDbGFzc25hbWVzKGhpZGUpO1xuICAgIGNvbnN0IGFsbENsYXNzTmFtZXMgPSBbLi4uY2xhc3NOYW1lcywgLi4uYWxpZ25TZWxmQ2xhc3NOYW1lcywgLi4uaGlkZUNsYXNzTmFtZXNdO1xuICAgIGNvbnN0IFRhZyA9IHRhZyA/PyBMQVlPVVRfVEFHX0RFRkFVTFQ7XG4gICAgY29uc3QgcHJvcHMgPSB7IGNsYXNzTmFtZTogYWxsQ2xhc3NOYW1lcy5qb2luKCcgJyksIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSB9O1xuXG4gICAgcmV0dXJuIDxUYWcgey4uLnByb3BzfT57Y2hpbGRyZW59PC9UYWc+O1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUF3QkEsTUFBTSxnQkFBZ0IsR0FBRyxnQkFBZ0IsQ0FBQztNQUM3QixjQUFjLEdBQWMsQ0FBQyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUU7SUFDakYsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLGdCQUFnQixFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRWxFLE1BQU0sbUJBQW1CLEdBQUcsc0JBQXNCLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDOUQsTUFBTSxjQUFjLEdBQUcsdUJBQXVCLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDckQsTUFBTSxhQUFhLEdBQUcsQ0FBQyxHQUFHLFVBQVUsRUFBRSxHQUFHLG1CQUFtQixFQUFFLEdBQUcsY0FBYyxDQUFDLENBQUM7SUFDakYsTUFBTSxHQUFHLEdBQUcsR0FBRyxhQUFILEdBQUcsY0FBSCxHQUFHLEdBQUksa0JBQWtCLENBQUM7SUFDdEMsTUFBTSxLQUFLLEdBQUcsRUFBRSxTQUFTLEVBQUUsYUFBYSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxHQUFHLGVBQWUsQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO0lBRWxGLE9BQU9BLDZCQUFDLEdBQUcsb0JBQUssS0FBSyxHQUFHLFFBQVEsQ0FBTyxDQUFDO0FBQzVDOzs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0R3JpZEl0ZW0uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xheW91dEdyaWRJdGVtL0xheW91dEdyaWRJdGVtLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIERhdGFzZXQsXG4gICAgTEFZT1VUX1RBR19ERUZBVUxULFxuICAgIExheW91dEFsaWduU2VsZixcbiAgICBMYXlvdXRUYWcsXG4gICAgUmVzcG9uc2l2ZSxcbn0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgdXNlQWxpZ25TZWxmQ2xhc3NOYW1lcyxcbiAgICB1c2VMYXlvdXRIaWRlQ2xhc3NuYW1lcyxcbiAgICB1c2VMYXlvdXRSZWxhdGl2ZUNsYXNzbmFtZXMsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIGFsaWduU2VsZj86IFJlc3BvbnNpdmU8TGF5b3V0QWxpZ25TZWxmPjtcbiAgICB0YWc/OiBMYXlvdXRUYWc7XG4gICAgaGlkZT86IFJlc3BvbnNpdmU8Ym9vbGVhbj47XG4gICAgcmVsYXRpdmU/OiBSZXNwb25zaXZlPGJvb2xlYW4+O1xuICAgIGRhdGFzZXQ/OiBEYXRhc2V0O1xuICAgIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufVxuY29uc3QgTEFZT1VUX0dSSURfSVRFTSA9ICdMYXlvdXRHcmlkSXRlbSc7XG5leHBvcnQgY29uc3QgTGF5b3V0R3JpZEl0ZW06IEZDPFByb3BzPiA9ICh7XG4gICAgY2hpbGRyZW4sXG4gICAgYWxpZ25TZWxmLFxuICAgIHRhZyxcbiAgICBoaWRlLFxuICAgIHJlbGF0aXZlLFxuICAgIGRhdGFzZXQsXG59KSA9PiB7XG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBMQVlPVVRfR1JJRF9JVEVNLCBbXSk7XG5cbiAgICBjb25zdCBhbGlnblNlbGZDbGFzc05hbWVzID0gdXNlQWxpZ25TZWxmQ2xhc3NOYW1lcyhhbGlnblNlbGYpO1xuICAgIGNvbnN0IGhpZGVDbGFzc05hbWVzID0gdXNlTGF5b3V0SGlkZUNsYXNzbmFtZXMoaGlkZSk7XG4gICAgY29uc3QgcmVsYXRpdmVDbGFzc05hbWVzID0gdXNlTGF5b3V0UmVsYXRpdmVDbGFzc25hbWVzKHJlbGF0aXZlKTtcbiAgICBjb25zdCBhbGxDbGFzc05hbWVzID0gW1xuICAgICAgICAuLi5jbGFzc05hbWVzLFxuICAgICAgICAuLi5hbGlnblNlbGZDbGFzc05hbWVzLFxuICAgICAgICAuLi5oaWRlQ2xhc3NOYW1lcyxcbiAgICAgICAgLi4ucmVsYXRpdmVDbGFzc05hbWVzLFxuICAgIF07XG4gICAgY29uc3QgVGFnID0gdGFnID8/IExBWU9VVF9UQUdfREVGQVVMVDtcbiAgICBjb25zdCBwcm9wcyA9IHsgY2xhc3NOYW1lOiBhbGxDbGFzc05hbWVzLmpvaW4oJyAnKSwgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpIH07XG5cbiAgICByZXR1cm4gPFRhZyB7Li4ucHJvcHN9PntjaGlsZHJlbn08L1RhZz47XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQTBCQSxNQUFNLGdCQUFnQixHQUFHLGdCQUFnQixDQUFDO01BQzdCLGNBQWMsR0FBYyxDQUFDLEVBQ3RDLFFBQVEsRUFDUixTQUFTLEVBQ1QsR0FBRyxFQUNILElBQUksRUFDSixRQUFRLEVBQ1IsT0FBTyxHQUNWO0lBQ0csTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLGdCQUFnQixFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRWxFLE1BQU0sbUJBQW1CLEdBQUcsc0JBQXNCLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDOUQsTUFBTSxjQUFjLEdBQUcsdUJBQXVCLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDckQsTUFBTSxrQkFBa0IsR0FBRywyQkFBMkIsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNqRSxNQUFNLGFBQWEsR0FBRztRQUNsQixHQUFHLFVBQVU7UUFDYixHQUFHLG1CQUFtQjtRQUN0QixHQUFHLGNBQWM7UUFDakIsR0FBRyxrQkFBa0I7S0FDeEIsQ0FBQztJQUNGLE1BQU0sR0FBRyxHQUFHLEdBQUcsYUFBSCxHQUFHLGNBQUgsR0FBRyxHQUFJLGtCQUFrQixDQUFDO0lBQ3RDLE1BQU0sS0FBSyxHQUFHLEVBQUUsU0FBUyxFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztJQUVsRixPQUFPQSw2QkFBQyxHQUFHLG9CQUFLLEtBQUssR0FBRyxRQUFRLENBQU8sQ0FBQztBQUM1Qzs7OzsifQ==

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

@@ -1,7 +1,7 @@
 import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".khPkeq{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);font-weight:var(--73984e);line-height:var(--d4313c);margin:0}._3oi7MN{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}._2B2g-a{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}._3J96VV{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}._2cZbUW{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}._1-U0bq{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}._2pwGnZ{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}._1uB1FT{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}._1jP5ux{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}._2arEvj{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}._1WpHZG{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}._1bYJYx{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}._1U1mdF{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}._1jxka_{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}.WomFka{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}._3Mf0zT{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}._1d3AcK{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}._3RQkIt{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}._3EjhIK{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}._2FsccD{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}.N2Yr83{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}._2XMSq8{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}@media (min-width:400px){._2XvR-U{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}._2QylDw{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}._2ugIkI{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}._2-fYu7{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}._4gkKyP{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}.dooZ7c{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}._2Cgfyq{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}._1gBBA_{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}._3q9jDC{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}._2b4IDD{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}._28Jyn5{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}._1tgX65{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}._1ZactN{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}._1ZUd91{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}.eEnYiH{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}.YEyqiA{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}._1MfOKh{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}.m0L7OZ{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}._28GEOG{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}._2csLtT{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}._3f0Ypb{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}}@media (min-width:700px){.gyRVWo{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}._2D9wAL{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}._1tjEyk{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}._1QuHA8{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}.oP5Cs3{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}._2At1C-{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}._3ZO0n8{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}._3mFg4h{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}._2NO6Co{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}.rxUwLG{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}._2njCJW{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}._2WKScT{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}._3ijJ6l{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}._1zGvkG{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}._1LaGa9{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}._3CRfYM{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}._2uYf0g{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}.vc5IXM{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}._39rPRd{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}.D0Q2fW{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}._3hsY5O{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}}@media (min-width:880px){._102ZVH{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}.q8EjDW{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}._2lLybv{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}._27McmK{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}._3iuMi1{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}._2wMKhp{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}._3lQVuY{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}._2Kuekv{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}.d2enwo{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}._2h6VBo{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}._9mwhtq{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}._1qLV7P{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}.-_kzIo{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}.yFJ4Py{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}._294sHt{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}._3pO-c1{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}._3w9qAK{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}.S6Kje4{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}.Tw-ZHl{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}._2z96lm{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}.s3rTvV{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}}@media (min-width:1200px){._2wPjuN{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}.yVALKh{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}._3nbJGs{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}.wWKdXu{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}._22V8Ot{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}.EusyEy{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}.jvErrT{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}._3j3QFh{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}._3vS0yL{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}._1GArnu{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}._21_WUA{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}._2E0TbE{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}._3FDxY7{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}._2p2AAn{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}.V7ST-S{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}._1u-3H9{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}._2vcCHn{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}._21vFnu{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}._3baaSO{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}._27Q3D_{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}._2E5_Zd{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}}@media (min-width:1900px){._9E-yS9{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}._2CdeiM{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}._1RFgVJ{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}._1GK1q6{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}._31ILKj{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}._3-ZEKq{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}._1Xi3K9{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}._34lAWh{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}._259Lde{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}.bzn5er{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}._1A4w7s{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}._3ZV7xg{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}._17KnOh{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}._13_DCm{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}._2diXMC{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}._1ew3dn{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}._1Gs9PJ{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}._2pquab{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}._2eBK30{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}._2nDmr0{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}._2rJ3hX{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}}._3mi36Z{font-weight:var(--6e9792)}._2RfMiY{font-size:var(--451335)}.gaw4M4{font-size:var(--619ce5)}._36gqA-{font-size:var(--9f7286)}._1nWKi2{font-size:var(--081924)}._1zStZk{font-size:var(--da41aa)}._3Zhulg{font-size:var(--698b61)}";
-var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Text/style/index.module.less",__css:css_248z,"Text":"khPkeq","Text--variant-xs":"_3oi7MN","Text--variant-s":"_2B2g-a","Text--variant-s-italic":"_3J96VV","Text--variant-s-medium":"_2cZbUW","Text--variant-s-medium-italic":"_1-U0bq","Text--variant-s-bold":"_2pwGnZ","Text--variant-s-bold-italic":"_1uB1FT","Text--variant-m":"_1jP5ux","Text--variant-m-italic":"_2arEvj","Text--variant-m-medium":"_1WpHZG","Text--variant-m-medium-italic":"_1bYJYx","Text--variant-m-bold":"_1U1mdF","Text--variant-m-bold-italic":"_1jxka_","Text--variant-l":"WomFka","Text--variant-l-italic":"_3Mf0zT","Text--variant-l-medium":"_1d3AcK","Text--variant-l-medium-italic":"_3RQkIt","Text--variant-xl":"_3EjhIK","Text--variant-xl-italic":"_2FsccD","Text--variant-xl-medium":"N2Yr83","Text--variant-xl-medium-italic":"_2XMSq8","Text--narrow-l--variant-xs":"_2XvR-U","Text--narrow-l--variant-s":"_2QylDw","Text--narrow-l--variant-s-italic":"_2ugIkI","Text--narrow-l--variant-s-medium":"_2-fYu7","Text--narrow-l--variant-s-medium-italic":"_4gkKyP","Text--narrow-l--variant-s-bold":"dooZ7c","Text--narrow-l--variant-s-bold-italic":"_2Cgfyq","Text--narrow-l--variant-m":"_1gBBA_","Text--narrow-l--variant-m-italic":"_3q9jDC","Text--narrow-l--variant-m-medium":"_2b4IDD","Text--narrow-l--variant-m-medium-italic":"_28Jyn5","Text--narrow-l--variant-m-bold":"_1tgX65","Text--narrow-l--variant-m-bold-italic":"_1ZactN","Text--narrow-l--variant-l":"_1ZUd91","Text--narrow-l--variant-l-italic":"eEnYiH","Text--narrow-l--variant-l-medium":"YEyqiA","Text--narrow-l--variant-l-medium-italic":"_1MfOKh","Text--narrow-l--variant-xl":"m0L7OZ","Text--narrow-l--variant-xl-italic":"_28GEOG","Text--narrow-l--variant-xl-medium":"_2csLtT","Text--narrow-l--variant-xl-medium-italic":"_3f0Ypb","Text--medium-s--variant-xs":"gyRVWo","Text--medium-s--variant-s":"_2D9wAL","Text--medium-s--variant-s-italic":"_1tjEyk","Text--medium-s--variant-s-medium":"_1QuHA8","Text--medium-s--variant-s-medium-italic":"oP5Cs3","Text--medium-s--variant-s-bold":"_2At1C-","Text--medium-s--variant-s-bold-italic":"_3ZO0n8","Text--medium-s--variant-m":"_3mFg4h","Text--medium-s--variant-m-italic":"_2NO6Co","Text--medium-s--variant-m-medium":"rxUwLG","Text--medium-s--variant-m-medium-italic":"_2njCJW","Text--medium-s--variant-m-bold":"_2WKScT","Text--medium-s--variant-m-bold-italic":"_3ijJ6l","Text--medium-s--variant-l":"_1zGvkG","Text--medium-s--variant-l-italic":"_1LaGa9","Text--medium-s--variant-l-medium":"_3CRfYM","Text--medium-s--variant-l-medium-italic":"_2uYf0g","Text--medium-s--variant-xl":"vc5IXM","Text--medium-s--variant-xl-italic":"_39rPRd","Text--medium-s--variant-xl-medium":"D0Q2fW","Text--medium-s--variant-xl-medium-italic":"_3hsY5O","Text--medium-l--variant-xs":"_102ZVH","Text--medium-l--variant-s":"q8EjDW","Text--medium-l--variant-s-italic":"_2lLybv","Text--medium-l--variant-s-medium":"_27McmK","Text--medium-l--variant-s-medium-italic":"_3iuMi1","Text--medium-l--variant-s-bold":"_2wMKhp","Text--medium-l--variant-s-bold-italic":"_3lQVuY","Text--medium-l--variant-m":"_2Kuekv","Text--medium-l--variant-m-italic":"d2enwo","Text--medium-l--variant-m-medium":"_2h6VBo","Text--medium-l--variant-m-medium-italic":"_9mwhtq","Text--medium-l--variant-m-bold":"_1qLV7P","Text--medium-l--variant-m-bold-italic":"-_kzIo","Text--medium-l--variant-l":"yFJ4Py","Text--medium-l--variant-l-italic":"_294sHt","Text--medium-l--variant-l-medium":"_3pO-c1","Text--medium-l--variant-l-medium-italic":"_3w9qAK","Text--medium-l--variant-xl":"S6Kje4","Text--medium-l--variant-xl-italic":"Tw-ZHl","Text--medium-l--variant-xl-medium":"_2z96lm","Text--medium-l--variant-xl-medium-italic":"s3rTvV","Text--wide-s--variant-xs":"_2wPjuN","Text--wide-s--variant-s":"yVALKh","Text--wide-s--variant-s-italic":"_3nbJGs","Text--wide-s--variant-s-medium":"wWKdXu","Text--wide-s--variant-s-medium-italic":"_22V8Ot","Text--wide-s--variant-s-bold":"EusyEy","Text--wide-s--variant-s-bold-italic":"jvErrT","Text--wide-s--variant-m":"_3j3QFh","Text--wide-s--variant-m-italic":"_3vS0yL","Text--wide-s--variant-m-medium":"_1GArnu","Text--wide-s--variant-m-medium-italic":"_21_WUA","Text--wide-s--variant-m-bold":"_2E0TbE","Text--wide-s--variant-m-bold-italic":"_3FDxY7","Text--wide-s--variant-l":"_2p2AAn","Text--wide-s--variant-l-italic":"V7ST-S","Text--wide-s--variant-l-medium":"_1u-3H9","Text--wide-s--variant-l-medium-italic":"_2vcCHn","Text--wide-s--variant-xl":"_21vFnu","Text--wide-s--variant-xl-italic":"_3baaSO","Text--wide-s--variant-xl-medium":"_27Q3D_","Text--wide-s--variant-xl-medium-italic":"_2E5_Zd","Text--wide-l--variant-xs":"_9E-yS9","Text--wide-l--variant-s":"_2CdeiM","Text--wide-l--variant-s-italic":"_1RFgVJ","Text--wide-l--variant-s-medium":"_1GK1q6","Text--wide-l--variant-s-medium-italic":"_31ILKj","Text--wide-l--variant-s-bold":"_3-ZEKq","Text--wide-l--variant-s-bold-italic":"_1Xi3K9","Text--wide-l--variant-m":"_34lAWh","Text--wide-l--variant-m-italic":"_259Lde","Text--wide-l--variant-m-medium":"bzn5er","Text--wide-l--variant-m-medium-italic":"_1A4w7s","Text--wide-l--variant-m-bold":"_3ZV7xg","Text--wide-l--variant-m-bold-italic":"_17KnOh","Text--wide-l--variant-l":"_13_DCm","Text--wide-l--variant-l-italic":"_2diXMC","Text--wide-l--variant-l-medium":"_1ew3dn","Text--wide-l--variant-l-medium-italic":"_1Gs9PJ","Text--wide-l--variant-xl":"_2pquab","Text--wide-l--variant-xl-italic":"_2eBK30","Text--wide-l--variant-xl-medium":"_2nDmr0","Text--wide-l--variant-xl-medium-italic":"_2rJ3hX","Text--strong":"_3mi36Z","Text--size-2xs":"_2RfMiY","Text--size-xs":"gaw4M4","Text--size-s":"_36gqA-","Text--size-m":"_1nWKi2","Text--size-l":"_1zStZk","Text--size-xl":"_3Zhulg"};
+var css_248z = ".khPkeq{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);font-weight:var(--73984e);line-height:var(--d4313c);margin:0}._3oi7MN{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}._3pLfSK{font-size:var(--547b8f);font-style:var(--abe371);font-variation-settings:var(--f65ebc);font-weight:var(--86a200);letter-spacing:var(--d7a1ad);line-height:var(--e7e648)}._2B2g-a{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}._3J96VV{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}._2cZbUW{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}._1-U0bq{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}._2pwGnZ{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}._1uB1FT{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}._1jP5ux{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}._2arEvj{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}._1WpHZG{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}._1bYJYx{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}._1U1mdF{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}._1jxka_{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}.WomFka{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}._3Mf0zT{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}._1d3AcK{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}._3RQkIt{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}._3EjhIK{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}._2FsccD{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}.N2Yr83{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}._2XMSq8{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}@media (min-width:400px){._2XvR-U{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}._3LWCYu{font-size:var(--547b8f);font-style:var(--abe371);font-variation-settings:var(--f65ebc);font-weight:var(--86a200);letter-spacing:var(--d7a1ad);line-height:var(--e7e648)}._2QylDw{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}._2ugIkI{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}._2-fYu7{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}._4gkKyP{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}.dooZ7c{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}._2Cgfyq{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}._1gBBA_{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}._3q9jDC{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}._2b4IDD{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}._28Jyn5{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}._1tgX65{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}._1ZactN{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}._1ZUd91{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}.eEnYiH{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}.YEyqiA{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}._1MfOKh{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}.m0L7OZ{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}._28GEOG{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}._2csLtT{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}._3f0Ypb{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}}@media (min-width:700px){.gyRVWo{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}._3d_9Sq{font-size:var(--547b8f);font-style:var(--abe371);font-variation-settings:var(--f65ebc);font-weight:var(--86a200);letter-spacing:var(--d7a1ad);line-height:var(--e7e648)}._2D9wAL{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}._1tjEyk{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}._1QuHA8{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}.oP5Cs3{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}._2At1C-{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}._3ZO0n8{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}._3mFg4h{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}._2NO6Co{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}.rxUwLG{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}._2njCJW{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}._2WKScT{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}._3ijJ6l{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}._1zGvkG{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}._1LaGa9{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}._3CRfYM{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}._2uYf0g{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}.vc5IXM{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}._39rPRd{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}.D0Q2fW{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}._3hsY5O{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}}@media (min-width:880px){._102ZVH{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}._2nooOU{font-size:var(--547b8f);font-style:var(--abe371);font-variation-settings:var(--f65ebc);font-weight:var(--86a200);letter-spacing:var(--d7a1ad);line-height:var(--e7e648)}.q8EjDW{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}._2lLybv{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}._27McmK{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}._3iuMi1{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}._2wMKhp{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}._3lQVuY{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}._2Kuekv{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}.d2enwo{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}._2h6VBo{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}._9mwhtq{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}._1qLV7P{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}.-_kzIo{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}.yFJ4Py{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}._294sHt{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}._3pO-c1{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}._3w9qAK{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}.S6Kje4{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}.Tw-ZHl{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}._2z96lm{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}.s3rTvV{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}}@media (min-width:1200px){._2wPjuN{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}._2Y3L5k{font-size:var(--547b8f);font-style:var(--abe371);font-variation-settings:var(--f65ebc);font-weight:var(--86a200);letter-spacing:var(--d7a1ad);line-height:var(--e7e648)}.yVALKh{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}._3nbJGs{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}.wWKdXu{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}._22V8Ot{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}.EusyEy{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}.jvErrT{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}._3j3QFh{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}._3vS0yL{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}._1GArnu{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}._21_WUA{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}._2E0TbE{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}._3FDxY7{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}._2p2AAn{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}.V7ST-S{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}._1u-3H9{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}._2vcCHn{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}._21vFnu{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}._3baaSO{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}._27Q3D_{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}._2E5_Zd{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}}@media (min-width:1900px){._9E-yS9{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}.nlkKv8{font-size:var(--547b8f);font-style:var(--abe371);font-variation-settings:var(--f65ebc);font-weight:var(--86a200);letter-spacing:var(--d7a1ad);line-height:var(--e7e648)}._2CdeiM{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}._1RFgVJ{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}._1GK1q6{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}._31ILKj{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}._3-ZEKq{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}._1Xi3K9{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}._34lAWh{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}._259Lde{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}.bzn5er{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}._1A4w7s{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}._3ZV7xg{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}._17KnOh{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}._13_DCm{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}._2diXMC{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}._1ew3dn{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}._1Gs9PJ{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}._2pquab{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}._2eBK30{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}._2nDmr0{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}._2rJ3hX{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}}._3mi36Z{font-weight:var(--6e9792)}._2RfMiY{font-size:var(--451335)}.gaw4M4{font-size:var(--619ce5)}._36gqA-{font-size:var(--9f7286)}._1nWKi2{font-size:var(--081924)}._1zStZk{font-size:var(--da41aa)}._3Zhulg{font-size:var(--698b61)}";
+var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Text/style/index.module.less",__css:css_248z,"Text":"khPkeq","Text--variant-xs":"_3oi7MN","Text--variant-xs-medium":"_3pLfSK","Text--variant-s":"_2B2g-a","Text--variant-s-italic":"_3J96VV","Text--variant-s-medium":"_2cZbUW","Text--variant-s-medium-italic":"_1-U0bq","Text--variant-s-bold":"_2pwGnZ","Text--variant-s-bold-italic":"_1uB1FT","Text--variant-m":"_1jP5ux","Text--variant-m-italic":"_2arEvj","Text--variant-m-medium":"_1WpHZG","Text--variant-m-medium-italic":"_1bYJYx","Text--variant-m-bold":"_1U1mdF","Text--variant-m-bold-italic":"_1jxka_","Text--variant-l":"WomFka","Text--variant-l-italic":"_3Mf0zT","Text--variant-l-medium":"_1d3AcK","Text--variant-l-medium-italic":"_3RQkIt","Text--variant-xl":"_3EjhIK","Text--variant-xl-italic":"_2FsccD","Text--variant-xl-medium":"N2Yr83","Text--variant-xl-medium-italic":"_2XMSq8","Text--narrow-l--variant-xs":"_2XvR-U","Text--narrow-l--variant-xs-medium":"_3LWCYu","Text--narrow-l--variant-s":"_2QylDw","Text--narrow-l--variant-s-italic":"_2ugIkI","Text--narrow-l--variant-s-medium":"_2-fYu7","Text--narrow-l--variant-s-medium-italic":"_4gkKyP","Text--narrow-l--variant-s-bold":"dooZ7c","Text--narrow-l--variant-s-bold-italic":"_2Cgfyq","Text--narrow-l--variant-m":"_1gBBA_","Text--narrow-l--variant-m-italic":"_3q9jDC","Text--narrow-l--variant-m-medium":"_2b4IDD","Text--narrow-l--variant-m-medium-italic":"_28Jyn5","Text--narrow-l--variant-m-bold":"_1tgX65","Text--narrow-l--variant-m-bold-italic":"_1ZactN","Text--narrow-l--variant-l":"_1ZUd91","Text--narrow-l--variant-l-italic":"eEnYiH","Text--narrow-l--variant-l-medium":"YEyqiA","Text--narrow-l--variant-l-medium-italic":"_1MfOKh","Text--narrow-l--variant-xl":"m0L7OZ","Text--narrow-l--variant-xl-italic":"_28GEOG","Text--narrow-l--variant-xl-medium":"_2csLtT","Text--narrow-l--variant-xl-medium-italic":"_3f0Ypb","Text--medium-s--variant-xs":"gyRVWo","Text--medium-s--variant-xs-medium":"_3d_9Sq","Text--medium-s--variant-s":"_2D9wAL","Text--medium-s--variant-s-italic":"_1tjEyk","Text--medium-s--variant-s-medium":"_1QuHA8","Text--medium-s--variant-s-medium-italic":"oP5Cs3","Text--medium-s--variant-s-bold":"_2At1C-","Text--medium-s--variant-s-bold-italic":"_3ZO0n8","Text--medium-s--variant-m":"_3mFg4h","Text--medium-s--variant-m-italic":"_2NO6Co","Text--medium-s--variant-m-medium":"rxUwLG","Text--medium-s--variant-m-medium-italic":"_2njCJW","Text--medium-s--variant-m-bold":"_2WKScT","Text--medium-s--variant-m-bold-italic":"_3ijJ6l","Text--medium-s--variant-l":"_1zGvkG","Text--medium-s--variant-l-italic":"_1LaGa9","Text--medium-s--variant-l-medium":"_3CRfYM","Text--medium-s--variant-l-medium-italic":"_2uYf0g","Text--medium-s--variant-xl":"vc5IXM","Text--medium-s--variant-xl-italic":"_39rPRd","Text--medium-s--variant-xl-medium":"D0Q2fW","Text--medium-s--variant-xl-medium-italic":"_3hsY5O","Text--medium-l--variant-xs":"_102ZVH","Text--medium-l--variant-xs-medium":"_2nooOU","Text--medium-l--variant-s":"q8EjDW","Text--medium-l--variant-s-italic":"_2lLybv","Text--medium-l--variant-s-medium":"_27McmK","Text--medium-l--variant-s-medium-italic":"_3iuMi1","Text--medium-l--variant-s-bold":"_2wMKhp","Text--medium-l--variant-s-bold-italic":"_3lQVuY","Text--medium-l--variant-m":"_2Kuekv","Text--medium-l--variant-m-italic":"d2enwo","Text--medium-l--variant-m-medium":"_2h6VBo","Text--medium-l--variant-m-medium-italic":"_9mwhtq","Text--medium-l--variant-m-bold":"_1qLV7P","Text--medium-l--variant-m-bold-italic":"-_kzIo","Text--medium-l--variant-l":"yFJ4Py","Text--medium-l--variant-l-italic":"_294sHt","Text--medium-l--variant-l-medium":"_3pO-c1","Text--medium-l--variant-l-medium-italic":"_3w9qAK","Text--medium-l--variant-xl":"S6Kje4","Text--medium-l--variant-xl-italic":"Tw-ZHl","Text--medium-l--variant-xl-medium":"_2z96lm","Text--medium-l--variant-xl-medium-italic":"s3rTvV","Text--wide-s--variant-xs":"_2wPjuN","Text--wide-s--variant-xs-medium":"_2Y3L5k","Text--wide-s--variant-s":"yVALKh","Text--wide-s--variant-s-italic":"_3nbJGs","Text--wide-s--variant-s-medium":"wWKdXu","Text--wide-s--variant-s-medium-italic":"_22V8Ot","Text--wide-s--variant-s-bold":"EusyEy","Text--wide-s--variant-s-bold-italic":"jvErrT","Text--wide-s--variant-m":"_3j3QFh","Text--wide-s--variant-m-italic":"_3vS0yL","Text--wide-s--variant-m-medium":"_1GArnu","Text--wide-s--variant-m-medium-italic":"_21_WUA","Text--wide-s--variant-m-bold":"_2E0TbE","Text--wide-s--variant-m-bold-italic":"_3FDxY7","Text--wide-s--variant-l":"_2p2AAn","Text--wide-s--variant-l-italic":"V7ST-S","Text--wide-s--variant-l-medium":"_1u-3H9","Text--wide-s--variant-l-medium-italic":"_2vcCHn","Text--wide-s--variant-xl":"_21vFnu","Text--wide-s--variant-xl-italic":"_3baaSO","Text--wide-s--variant-xl-medium":"_27Q3D_","Text--wide-s--variant-xl-medium-italic":"_2E5_Zd","Text--wide-l--variant-xs":"_9E-yS9","Text--wide-l--variant-xs-medium":"nlkKv8","Text--wide-l--variant-s":"_2CdeiM","Text--wide-l--variant-s-italic":"_1RFgVJ","Text--wide-l--variant-s-medium":"_1GK1q6","Text--wide-l--variant-s-medium-italic":"_31ILKj","Text--wide-l--variant-s-bold":"_3-ZEKq","Text--wide-l--variant-s-bold-italic":"_1Xi3K9","Text--wide-l--variant-m":"_34lAWh","Text--wide-l--variant-m-italic":"_259Lde","Text--wide-l--variant-m-medium":"bzn5er","Text--wide-l--variant-m-medium-italic":"_1A4w7s","Text--wide-l--variant-m-bold":"_3ZV7xg","Text--wide-l--variant-m-bold-italic":"_17KnOh","Text--wide-l--variant-l":"_13_DCm","Text--wide-l--variant-l-italic":"_2diXMC","Text--wide-l--variant-l-medium":"_1ew3dn","Text--wide-l--variant-l-medium-italic":"_1Gs9PJ","Text--wide-l--variant-xl":"_2pquab","Text--wide-l--variant-xl-italic":"_2eBK30","Text--wide-l--variant-xl-medium":"_2nDmr0","Text--wide-l--variant-xl-medium-italic":"_2rJ3hX","Text--strong":"_3mi36Z","Text--size-2xs":"_2RfMiY","Text--size-xs":"gaw4M4","Text--size-s":"_36gqA-","Text--size-m":"_1nWKi2","Text--size-l":"_1zStZk","Text--size-xl":"_3Zhulg"};
 var stylesheet=css_248z;
 styleInject(css_248z);
 

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

@@ -1,5 +1,7 @@
-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>;
+import { InputImperativeHandle } from '@preply/ds-web-core';
+import React from 'react';
+export declare const TextField: React.ForwardRefExoticComponent<import("@preply/ds-web-core").SingleLineFieldCommonProps & Pick<import("@preply/ds-web-core").InputTextProps, "autoComplete" | "placeholder" | "maxLength" | "name" | "value" | "defaultValue" | "onChange" | "onFocus" | "onBlur" | "onClick" | "onKeyDown" | "onKeyUp" | "required" | "disabled" | "hasError" | "dataset" | "onValueChange"> & {
+    id?: string | undefined;
+} & {
+    type?: "email" | "tel" | "url" | "text" | "search" | undefined;
+} & React.RefAttributes<InputImperativeHandle>>;