@preply/ds-web-core 0.48.0 → 0.49.0

package/dist/accessibility/aria/types.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare type ARIAAttributeNames = 'aria-describedby' | 'aria-disabled' | 'aria-invalid' | 'aria-required';
+declare type WithRequired<T, K extends keyof T> = T & {
+    [P in K]-?: T[P];
+};
+export declare type ARIAInputPropsMap = WithRequired<ARIAInputProps, ARIAAttributeNames>;
+export declare type ARIAInputProps = Pick<React.HTMLAttributes<HTMLInputElement>, ARIAAttributeNames>;
+export {};

package/dist/accessibility/aria/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/dist/accessibility/aria/utils.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import type { InputCommonProps } from '../../input';
+import { InputCommonProps } from '../../input/private/types';
 export declare const makeDescId: (id: string) => string;
-export declare const getAriaProps: ({ "aria-describedby": ariaDescribedBy, "aria-disabled": ariaDisabled, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, required, disabled, hasError, }: InputCommonProps) => Pick<import("react").HTMLAttributes<HTMLInputElement>, "aria-describedby" | "aria-disabled" | "aria-invalid" | "aria-required">;
+export declare const getAriaProps: ({ "aria-describedby": ariaDescribedBy, "aria-disabled": ariaDisabled, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, required, disabled, hasError, }: InputCommonProps) => Pick<import("react").HTMLAttributes<HTMLInputElement>, import("./types").ARIAAttributeNames>;

package/dist/accessibility/aria/utils.js

@@ -19,4 +19,4 @@ const getAriaProps = ({ 'aria-describedby': ariaDescribedBy, 'aria-disabled': ar
 };
 
 export { getAriaProps, makeDescId };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hY2Nlc3NpYmlsaXR5L2FyaWEvdXRpbHMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBBUklBSW5wdXRQcm9wcywgQVJJQUlucHV0UHJvcHNNYXAsIElucHV0Q29tbW9uUHJvcHMgfSBmcm9tICcuLi8uLi9pbnB1dCc7XG5cbmNvbnN0IFNVRklYID0gJy1kZXNjJztcblxuY29uc3QgcmVtb3ZlRmFsc3lQcm9wZXJ0aWVzID0gKHByb3BzOiBBUklBSW5wdXRQcm9wc01hcCk6IEFSSUFJbnB1dFByb3BzID0+IHtcbiAgICByZXR1cm4gT2JqZWN0LmtleXMocHJvcHMpLnJlZHVjZSgoYWNjLCBrZXkpID0+IHtcbiAgICAgICAgaWYgKHByb3BzW2tleV0pIHtcbiAgICAgICAgICAgIGFjY1trZXldID0gcHJvcHNba2V5XTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gYWNjO1xuICAgIH0sIHt9KTtcbn07XG5cbmV4cG9ydCBjb25zdCBtYWtlRGVzY0lkID0gKGlkOiBzdHJpbmcpOiBzdHJpbmcgPT4gYCR7aWR9JHtTVUZJWH1gO1xuXG5leHBvcnQgY29uc3QgZ2V0QXJpYVByb3BzID0gKHtcbiAgICAnYXJpYS1kZXNjcmliZWRieSc6IGFyaWFEZXNjcmliZWRCeSxcbiAgICAnYXJpYS1kaXNhYmxlZCc6IGFyaWFEaXNhYmxlZCxcbiAgICAnYXJpYS1pbnZhbGlkJzogYXJpYUludmFsaWQsXG4gICAgJ2FyaWEtcmVxdWlyZWQnOiBhcmlhUmVxdWlyZWQsXG4gICAgcmVxdWlyZWQsXG4gICAgZGlzYWJsZWQsXG4gICAgaGFzRXJyb3IsXG59OiBJbnB1dENvbW1vblByb3BzKTogQVJJQUlucHV0UHJvcHMgPT4ge1xuICAgIGNvbnN0IHByb3BzID0ge1xuICAgICAgICAnYXJpYS1kZXNjcmliZWRieSc6IGFyaWFEZXNjcmliZWRCeSB8fCAnJyxcbiAgICAgICAgJ2FyaWEtZGlzYWJsZWQnOiAhIWFyaWFEaXNhYmxlZCB8fCAhIWRpc2FibGVkLFxuICAgICAgICAnYXJpYS1pbnZhbGlkJzogISFhcmlhSW52YWxpZCB8fCAhIWhhc0Vycm9yLFxuICAgICAgICAnYXJpYS1yZXF1aXJlZCc6ICEhYXJpYVJlcXVpcmVkIHx8ICEhcmVxdWlyZWQsXG4gICAgfTtcblxuICAgIHJldHVybiByZW1vdmVGYWxzeVByb3BlcnRpZXMocHJvcHMpO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxNQUFNLEtBQUssR0FBRyxPQUFPLENBQUM7QUFFdEIsTUFBTSxxQkFBcUIsR0FBRyxDQUFDLEtBQXdCO0lBQ25ELE9BQU8sTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxHQUFHLEVBQUUsR0FBRztRQUN0QyxJQUFJLEtBQUssQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUNaLEdBQUcsQ0FBQyxHQUFHLENBQUMsR0FBRyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7U0FDekI7UUFDRCxPQUFPLEdBQUcsQ0FBQztLQUNkLEVBQUUsRUFBRSxDQUFDLENBQUM7QUFDWCxDQUFDLENBQUM7TUFFVyxVQUFVLEdBQUcsQ0FBQyxFQUFVLEtBQWEsR0FBRyxFQUFFLEdBQUcsS0FBSyxHQUFHO01BRXJELFlBQVksR0FBRyxDQUFDLEVBQ3pCLGtCQUFrQixFQUFFLGVBQWUsRUFDbkMsZUFBZSxFQUFFLFlBQVksRUFDN0IsY0FBYyxFQUFFLFdBQVcsRUFDM0IsZUFBZSxFQUFFLFlBQVksRUFDN0IsUUFBUSxFQUNSLFFBQVEsRUFDUixRQUFRLEdBQ087SUFDZixNQUFNLEtBQUssR0FBRztRQUNWLGtCQUFrQixFQUFFLGVBQWUsSUFBSSxFQUFFO1FBQ3pDLGVBQWUsRUFBRSxDQUFDLENBQUMsWUFBWSxJQUFJLENBQUMsQ0FBQyxRQUFRO1FBQzdDLGNBQWMsRUFBRSxDQUFDLENBQUMsV0FBVyxJQUFJLENBQUMsQ0FBQyxRQUFRO1FBQzNDLGVBQWUsRUFBRSxDQUFDLENBQUMsWUFBWSxJQUFJLENBQUMsQ0FBQyxRQUFRO0tBQ2hELENBQUM7SUFFRixPQUFPLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0FBQ3hDOzs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hY2Nlc3NpYmlsaXR5L2FyaWEvdXRpbHMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5wdXRDb21tb25Qcm9wcyB9IGZyb20gJy4uLy4uL2lucHV0L3ByaXZhdGUvdHlwZXMnO1xuXG5pbXBvcnQgeyBBUklBSW5wdXRQcm9wcywgQVJJQUlucHV0UHJvcHNNYXAgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgU1VGSVggPSAnLWRlc2MnO1xuXG5jb25zdCByZW1vdmVGYWxzeVByb3BlcnRpZXMgPSAocHJvcHM6IEFSSUFJbnB1dFByb3BzTWFwKTogQVJJQUlucHV0UHJvcHMgPT4ge1xuICAgIHJldHVybiBPYmplY3Qua2V5cyhwcm9wcykucmVkdWNlKChhY2MsIGtleSkgPT4ge1xuICAgICAgICBpZiAocHJvcHNba2V5XSkge1xuICAgICAgICAgICAgYWNjW2tleV0gPSBwcm9wc1trZXldO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBhY2M7XG4gICAgfSwge30pO1xufTtcblxuZXhwb3J0IGNvbnN0IG1ha2VEZXNjSWQgPSAoaWQ6IHN0cmluZyk6IHN0cmluZyA9PiBgJHtpZH0ke1NVRklYfWA7XG5cbmV4cG9ydCBjb25zdCBnZXRBcmlhUHJvcHMgPSAoe1xuICAgICdhcmlhLWRlc2NyaWJlZGJ5JzogYXJpYURlc2NyaWJlZEJ5LFxuICAgICdhcmlhLWRpc2FibGVkJzogYXJpYURpc2FibGVkLFxuICAgICdhcmlhLWludmFsaWQnOiBhcmlhSW52YWxpZCxcbiAgICAnYXJpYS1yZXF1aXJlZCc6IGFyaWFSZXF1aXJlZCxcbiAgICByZXF1aXJlZCxcbiAgICBkaXNhYmxlZCxcbiAgICBoYXNFcnJvcixcbn06IElucHV0Q29tbW9uUHJvcHMpOiBBUklBSW5wdXRQcm9wcyA9PiB7XG4gICAgY29uc3QgcHJvcHMgPSB7XG4gICAgICAgICdhcmlhLWRlc2NyaWJlZGJ5JzogYXJpYURlc2NyaWJlZEJ5IHx8ICcnLFxuICAgICAgICAnYXJpYS1kaXNhYmxlZCc6ICEhYXJpYURpc2FibGVkIHx8ICEhZGlzYWJsZWQsXG4gICAgICAgICdhcmlhLWludmFsaWQnOiAhIWFyaWFJbnZhbGlkIHx8ICEhaGFzRXJyb3IsXG4gICAgICAgICdhcmlhLXJlcXVpcmVkJzogISFhcmlhUmVxdWlyZWQgfHwgISFyZXF1aXJlZCxcbiAgICB9O1xuXG4gICAgcmV0dXJuIHJlbW92ZUZhbHN5UHJvcGVydGllcyhwcm9wcyk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBLE1BQU0sS0FBSyxHQUFHLE9BQU8sQ0FBQztBQUV0QixNQUFNLHFCQUFxQixHQUFHLENBQUMsS0FBd0I7SUFDbkQsT0FBTyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEdBQUcsRUFBRSxHQUFHO1FBQ3RDLElBQUksS0FBSyxDQUFDLEdBQUcsQ0FBQyxFQUFFO1lBQ1osR0FBRyxDQUFDLEdBQUcsQ0FBQyxHQUFHLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztTQUN6QjtRQUNELE9BQU8sR0FBRyxDQUFDO0tBQ2QsRUFBRSxFQUFFLENBQUMsQ0FBQztBQUNYLENBQUMsQ0FBQztNQUVXLFVBQVUsR0FBRyxDQUFDLEVBQVUsS0FBYSxHQUFHLEVBQUUsR0FBRyxLQUFLLEdBQUc7TUFFckQsWUFBWSxHQUFHLENBQUMsRUFDekIsa0JBQWtCLEVBQUUsZUFBZSxFQUNuQyxlQUFlLEVBQUUsWUFBWSxFQUM3QixjQUFjLEVBQUUsV0FBVyxFQUMzQixlQUFlLEVBQUUsWUFBWSxFQUM3QixRQUFRLEVBQ1IsUUFBUSxFQUNSLFFBQVEsR0FDTztJQUNmLE1BQU0sS0FBSyxHQUFHO1FBQ1Ysa0JBQWtCLEVBQUUsZUFBZSxJQUFJLEVBQUU7UUFDekMsZUFBZSxFQUFFLENBQUMsQ0FBQyxZQUFZLElBQUksQ0FBQyxDQUFDLFFBQVE7UUFDN0MsY0FBYyxFQUFFLENBQUMsQ0FBQyxXQUFXLElBQUksQ0FBQyxDQUFDLFFBQVE7UUFDM0MsZUFBZSxFQUFFLENBQUMsQ0FBQyxZQUFZLElBQUksQ0FBQyxDQUFDLFFBQVE7S0FDaEQsQ0FBQztJQUVGLE9BQU8scUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUM7QUFDeEM7Ozs7In0=

package/dist/field/hooks/useTextField.d.ts

@@ -1,8 +1,12 @@
-import { SimpleTextInputTypeProps } from '../../input';
-import { FieldLayoutProps, TextFieldProps } from '../types';
+import type { InputTextProps } from '../../input';
+import type { FieldLayoutProps } from '../types';
 declare type UseTextFieldState = {
     layoutProps: Omit<FieldLayoutProps, 'input' | 'className' | 'inputHandle'>;
-    inputProps: SimpleTextInputTypeProps;
+    inputProps: InputTextProps;
 };
-export declare const useTextField: (props: TextFieldProps & Pick<SimpleTextInputTypeProps, "required" | "disabled" | "hasError" | "dataset" | "aria-describedby" | "aria-disabled" | "aria-invalid" | "aria-required" | "type" | "autoComplete" | "placeholder" | "maxLength" | "name" | "value" | "defaultValue" | "onChange" | "onFocus" | "onBlur" | "onClick" | "onKeyDown" | "onKeyUp">) => UseTextFieldState;
+export declare const useTextField: (props: import("../types").SingleLineFieldCommonProps & Pick<InputTextProps, "required" | "disabled" | "hasError" | "dataset" | "autoComplete" | "placeholder" | "maxLength" | "name" | "value" | "defaultValue" | "onChange" | "onFocus" | "onBlur" | "onClick" | "onKeyDown" | "onKeyUp" | "onValueChange"> & {
+    id?: string | undefined;
+} & {
+    type?: "email" | "tel" | "url" | "text" | "search" | undefined;
+} & Pick<InputTextProps, "required" | "disabled" | "hasError" | "dataset" | "type" | "aria-describedby" | "aria-disabled" | "aria-invalid" | "aria-required" | "autoComplete" | "placeholder" | "maxLength" | "name" | "value" | "defaultValue" | "onChange" | "onFocus" | "onBlur" | "onClick" | "onKeyDown" | "onKeyUp" | "onValueChange">) => UseTextFieldState;
 export {};

package/dist/field/hooks/useTextField.js

@@ -2,9 +2,10 @@ import { makeTinyId } from '@preply/ds-core';
 import { useState } from 'react';
 import { makeDescId } from '../../accessibility/aria/utils.js';
 import { FIELD_TYPE_DEFAULT } from '../constants.js';
+import { AUTO_COMPLETE_TEXT_DEFAULT } from '../../input/constants.js';
 
 const useTextField = (props) => {
-    const { type, id, value, label, hideLabel, additionalText, preserveSpace, required, disabled, hasError, errorMessage, icon, button, onFocus, onBlur, onChange, dataset, ...rest } = props;
+    const { type, id, value, label, hideLabel, preserveSpace, required, requiredLabel, additionalText, disabled, hasError, errorMessage, icon, button, onFocus, onBlur, onChange, autoComplete = AUTO_COMPLETE_TEXT_DEFAULT, inputDataset, dataset, ...rest } = props;
     const actualId = id || makeTinyId();
     const actualType = type !== null && type !== void 0 ? type : FIELD_TYPE_DEFAULT;
     const [isFocused, setIsFocused] = useState(false);
@@ -31,15 +32,16 @@ const useTextField = (props) => {
             id: actualId,
             label,
             hideLabel,
-            additionalText: actualAdditionalText,
             required,
+            requiredLabel,
+            additionalText: actualAdditionalText,
+            preserveSpace,
             disabled,
             isFocused,
             isTouched,
             isChanged,
             hasValue: typeof value !== undefined,
             hasError: actualHasError,
-            preserveSpace,
             icon,
             button,
             dataset,
@@ -48,13 +50,14 @@ const useTextField = (props) => {
             type: actualType,
             id: actualId,
             value,
-            // assitiveText: hideVisualLabel ?? label : undefined,
             onChange: handleChange,
             onFocus: handleFocus,
             onBlur: handleBlur,
             required,
             disabled,
             hasError: actualHasError,
+            autoComplete,
+            dataset: inputDataset,
             'aria-describedby': describeId,
             ...rest,
         },
@@ -62,4 +65,4 @@ const useTextField = (props) => {
 };
 
 export { useTextField };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGV4dEZpZWxkLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZmllbGQvaG9va3MvdXNlVGV4dEZpZWxkLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IG1ha2VUaW55SWQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgQ2hhbmdlRXZlbnRIYW5kbGVyLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgbWFrZURlc2NJZCB9IGZyb20gJy4uLy4uL2FjY2Vzc2liaWxpdHkvYXJpYS91dGlscyc7XG5pbXBvcnQgeyBGb2N1c0V2ZW50SGFuZGxlciB9IGZyb20gJy4uLy4uL2V2ZW50cyc7XG5pbXBvcnQgeyBTaW1wbGVUZXh0SW5wdXRUeXBlUHJvcHMgfSBmcm9tICcuLi8uLi9pbnB1dCc7XG5pbXBvcnQgeyBGSUVMRF9UWVBFX0RFRkFVTFQgfSBmcm9tICcuLi9jb25zdGFudHMnO1xuaW1wb3J0IHsgRmllbGRMYXlvdXRQcm9wcywgVGV4dEZpZWxkUHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5cbnR5cGUgVXNlVGV4dEZpZWxkU3RhdGUgPSB7XG4gICAgbGF5b3V0UHJvcHM6IE9taXQ8RmllbGRMYXlvdXRQcm9wcywgJ2lucHV0JyB8ICdjbGFzc05hbWUnIHwgJ2lucHV0SGFuZGxlJz47XG4gICAgaW5wdXRQcm9wczogU2ltcGxlVGV4dElucHV0VHlwZVByb3BzO1xufTtcblxuZXhwb3J0IGNvbnN0IHVzZVRleHRGaWVsZCA9IChcbiAgICBwcm9wczogVGV4dEZpZWxkUHJvcHMgJiBPbWl0PFNpbXBsZVRleHRJbnB1dFR5cGVQcm9wcywgJ2lkJz4sXG4pOiBVc2VUZXh0RmllbGRTdGF0ZSA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgICB0eXBlLFxuICAgICAgICBpZCxcbiAgICAgICAgdmFsdWUsXG4gICAgICAgIGxhYmVsLFxuICAgICAgICBoaWRlTGFiZWwsXG4gICAgICAgIGFkZGl0aW9uYWxUZXh0LFxuICAgICAgICBwcmVzZXJ2ZVNwYWNlLFxuICAgICAgICByZXF1aXJlZCxcbiAgICAgICAgZGlzYWJsZWQsXG4gICAgICAgIGhhc0Vycm9yLFxuICAgICAgICBlcnJvck1lc3NhZ2UsXG4gICAgICAgIGljb24sXG4gICAgICAgIGJ1dHRvbixcbiAgICAgICAgb25Gb2N1cyxcbiAgICAgICAgb25CbHVyLFxuICAgICAgICBvbkNoYW5nZSxcbiAgICAgICAgZGF0YXNldCxcbiAgICAgICAgLi4ucmVzdFxuICAgIH0gPSBwcm9wcztcblxuICAgIGNvbnN0IGFjdHVhbElkID0gaWQgfHwgbWFrZVRpbnlJZCgpO1xuICAgIGNvbnN0IGFjdHVhbFR5cGUgPSB0eXBlID8/IEZJRUxEX1RZUEVfREVGQVVMVDtcblxuICAgIGNvbnN0IFtpc0ZvY3VzZWQsIHNldElzRm9jdXNlZF0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG4gICAgY29uc3QgW2lzVG91Y2hlZCwgc2V0SXNUb3VjaGVkXSA9IHVzZVN0YXRlPGJvb2xlYW4+KGZhbHNlKTtcbiAgICBjb25zdCBbaXNDaGFuZ2VkLCBzZXRJc0NoYW5nZWRdID0gdXNlU3RhdGU8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gICAgY29uc3QgaGFuZGxlRm9jdXM6IEZvY3VzRXZlbnRIYW5kbGVyID0gZXYgPT4ge1xuICAgICAgICBzZXRJc0ZvY3VzZWQodHJ1ZSk7XG4gICAgICAgIHNldElzVG91Y2hlZCh0cnVlKTtcbiAgICAgICAgb25Gb2N1cz8uKGV2KTtcbiAgICB9O1xuXG4gICAgY29uc3QgaGFuZGxlQmx1cjogRm9jdXNFdmVudEhhbmRsZXIgPSBldiA9PiB7XG4gICAgICAgIHNldElzRm9jdXNlZChmYWxzZSk7XG4gICAgICAgIG9uQmx1cj8uKGV2KTtcbiAgICB9O1xuXG4gICAgY29uc3QgaGFuZGxlQ2hhbmdlOiBDaGFuZ2VFdmVudEhhbmRsZXIgPSBldiA9PiB7XG4gICAgICAgIHNldElzQ2hhbmdlZChmYWxzZSk7XG4gICAgICAgIG9uQ2hhbmdlPy4oZXYpO1xuICAgIH07XG5cbiAgICBjb25zdCBhY3R1YWxIYXNFcnJvciA9IGhhc0Vycm9yIHx8ICEhZXJyb3JNZXNzYWdlO1xuICAgIGNvbnN0IGFjdHVhbEFkZGl0aW9uYWxUZXh0ID0gZXJyb3JNZXNzYWdlIHx8IGFkZGl0aW9uYWxUZXh0O1xuICAgIGNvbnN0IGRlc2NyaWJlSWQgPSBhY3R1YWxIYXNFcnJvciB8fCAhIWFkZGl0aW9uYWxUZXh0ID8gbWFrZURlc2NJZChhY3R1YWxJZCkgOiB1bmRlZmluZWQ7XG5cbiAgICByZXR1cm4ge1xuICAgICAgICBsYXlvdXRQcm9wczoge1xuICAgICAgICAgICAgaWQ6IGFjdHVhbElkLFxuICAgICAgICAgICAgbGFiZWwsXG4gICAgICAgICAgICBoaWRlTGFiZWwsXG4gICAgICAgICAgICBhZGRpdGlvbmFsVGV4dDogYWN0dWFsQWRkaXRpb25hbFRleHQsXG4gICAgICAgICAgICByZXF1aXJlZCxcbiAgICAgICAgICAgIGRpc2FibGVkLFxuICAgICAgICAgICAgaXNGb2N1c2VkLFxuICAgICAgICAgICAgaXNUb3VjaGVkLFxuICAgICAgICAgICAgaXNDaGFuZ2VkLFxuICAgICAgICAgICAgaGFzVmFsdWU6IHR5cGVvZiB2YWx1ZSAhPT0gdW5kZWZpbmVkLFxuICAgICAgICAgICAgaGFzRXJyb3I6IGFjdHVhbEhhc0Vycm9yLFxuICAgICAgICAgICAgcHJlc2VydmVTcGFjZSxcbiAgICAgICAgICAgIGljb24sXG4gICAgICAgICAgICBidXR0b24sXG4gICAgICAgICAgICBkYXRhc2V0LFxuICAgICAgICB9LFxuICAgICAgICBpbnB1dFByb3BzOiB7XG4gICAgICAgICAgICB0eXBlOiBhY3R1YWxUeXBlLFxuICAgICAgICAgICAgaWQ6IGFjdHVhbElkLFxuICAgICAgICAgICAgdmFsdWUsXG4gICAgICAgICAgICAvLyBhc3NpdGl2ZVRleHQ6IGhpZGVWaXN1YWxMYWJlbCA/PyBsYWJlbCA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgIG9uQ2hhbmdlOiBoYW5kbGVDaGFuZ2UsXG4gICAgICAgICAgICBvbkZvY3VzOiBoYW5kbGVGb2N1cyxcbiAgICAgICAgICAgIG9uQmx1cjogaGFuZGxlQmx1cixcbiAgICAgICAgICAgIHJlcXVpcmVkLFxuICAgICAgICAgICAgZGlzYWJsZWQsXG4gICAgICAgICAgICBoYXNFcnJvcjogYWN0dWFsSGFzRXJyb3IsXG4gICAgICAgICAgICAnYXJpYS1kZXNjcmliZWRieSc6IGRlc2NyaWJlSWQsXG4gICAgICAgICAgICAuLi5yZXN0LFxuICAgICAgICB9LFxuICAgIH07XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O01BY2EsWUFBWSxHQUFHLENBQ3hCLEtBQTREO0lBRTVELE1BQU0sRUFDRixJQUFJLEVBQ0osRUFBRSxFQUNGLEtBQUssRUFDTCxLQUFLLEVBQ0wsU0FBUyxFQUNULGNBQWMsRUFDZCxhQUFhLEVBQ2IsUUFBUSxFQUNSLFFBQVEsRUFDUixRQUFRLEVBQ1IsWUFBWSxFQUNaLElBQUksRUFDSixNQUFNLEVBQ04sT0FBTyxFQUNQLE1BQU0sRUFDTixRQUFRLEVBQ1IsT0FBTyxFQUNQLEdBQUcsSUFBSSxFQUNWLEdBQUcsS0FBSyxDQUFDO0lBRVYsTUFBTSxRQUFRLEdBQUcsRUFBRSxJQUFJLFVBQVUsRUFBRSxDQUFDO0lBQ3BDLE1BQU0sVUFBVSxHQUFHLElBQUksYUFBSixJQUFJLGNBQUosSUFBSSxHQUFJLGtCQUFrQixDQUFDO0lBRTlDLE1BQU0sQ0FBQyxTQUFTLEVBQUUsWUFBWSxDQUFDLEdBQUcsUUFBUSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBQzNELE1BQU0sQ0FBQyxTQUFTLEVBQUUsWUFBWSxDQUFDLEdBQUcsUUFBUSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBQzNELE1BQU0sQ0FBQyxTQUFTLEVBQUUsWUFBWSxDQUFDLEdBQUcsUUFBUSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBRTNELE1BQU0sV0FBVyxHQUFzQixFQUFFO1FBQ3JDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNuQixZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDbkIsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLEVBQUUsRUFBRTtLQUNqQixDQUFDO0lBRUYsTUFBTSxVQUFVLEdBQXNCLEVBQUU7UUFDcEMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3BCLE1BQU0sYUFBTixNQUFNLHVCQUFOLE1BQU0sQ0FBRyxFQUFFLEVBQUU7S0FDaEIsQ0FBQztJQUVGLE1BQU0sWUFBWSxHQUF1QixFQUFFO1FBQ3ZDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNwQixRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUcsRUFBRSxFQUFFO0tBQ2xCLENBQUM7SUFFRixNQUFNLGNBQWMsR0FBRyxRQUFRLElBQUksQ0FBQyxDQUFDLFlBQVksQ0FBQztJQUNsRCxNQUFNLG9CQUFvQixHQUFHLFlBQVksSUFBSSxjQUFjLENBQUM7SUFDNUQsTUFBTSxVQUFVLEdBQUcsY0FBYyxJQUFJLENBQUMsQ0FBQyxjQUFjLEdBQUcsVUFBVSxDQUFDLFFBQVEsQ0FBQyxHQUFHLFNBQVMsQ0FBQztJQUV6RixPQUFPO1FBQ0gsV0FBVyxFQUFFO1lBQ1QsRUFBRSxFQUFFLFFBQVE7WUFDWixLQUFLO1lBQ0wsU0FBUztZQUNULGNBQWMsRUFBRSxvQkFBb0I7WUFDcEMsUUFBUTtZQUNSLFFBQVE7WUFDUixTQUFTO1lBQ1QsU0FBUztZQUNULFNBQVM7WUFDVCxRQUFRLEVBQUUsT0FBTyxLQUFLLEtBQUssU0FBUztZQUNwQyxRQUFRLEVBQUUsY0FBYztZQUN4QixhQUFhO1lBQ2IsSUFBSTtZQUNKLE1BQU07WUFDTixPQUFPO1NBQ1Y7UUFDRCxVQUFVLEVBQUU7WUFDUixJQUFJLEVBQUUsVUFBVTtZQUNoQixFQUFFLEVBQUUsUUFBUTtZQUNaLEtBQUs7O1lBRUwsUUFBUSxFQUFFLFlBQVk7WUFDdEIsT0FBTyxFQUFFLFdBQVc7WUFDcEIsTUFBTSxFQUFFLFVBQVU7WUFDbEIsUUFBUTtZQUNSLFFBQVE7WUFDUixRQUFRLEVBQUUsY0FBYztZQUN4QixrQkFBa0IsRUFBRSxVQUFVO1lBQzlCLEdBQUcsSUFBSTtTQUNWO0tBQ0osQ0FBQztBQUNOOzs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGV4dEZpZWxkLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZmllbGQvaG9va3MvdXNlVGV4dEZpZWxkLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IG1ha2VUaW55SWQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgQ2hhbmdlRXZlbnRIYW5kbGVyLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgbWFrZURlc2NJZCB9IGZyb20gJy4uLy4uL2FjY2Vzc2liaWxpdHkvYXJpYS91dGlscyc7XG5pbXBvcnQgdHlwZSB7IEZvY3VzRXZlbnRIYW5kbGVyIH0gZnJvbSAnLi4vLi4vZXZlbnRzJztcbmltcG9ydCB0eXBlIHsgSW5wdXRUZXh0UHJvcHMgfSBmcm9tICcuLi8uLi9pbnB1dCc7XG5pbXBvcnQgeyBBVVRPX0NPTVBMRVRFX1RFWFRfREVGQVVMVCB9IGZyb20gJy4uLy4uL2lucHV0JztcbmltcG9ydCB7IEZJRUxEX1RZUEVfREVGQVVMVCB9IGZyb20gJy4uL2NvbnN0YW50cyc7XG5pbXBvcnQgdHlwZSB7IEZpZWxkTGF5b3V0UHJvcHMsIFRleHRGaWVsZFByb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG50eXBlIFVzZVRleHRGaWVsZFN0YXRlID0ge1xuICAgIGxheW91dFByb3BzOiBPbWl0PEZpZWxkTGF5b3V0UHJvcHMsICdpbnB1dCcgfCAnY2xhc3NOYW1lJyB8ICdpbnB1dEhhbmRsZSc+O1xuICAgIGlucHV0UHJvcHM6IElucHV0VGV4dFByb3BzO1xufTtcblxuZXhwb3J0IGNvbnN0IHVzZVRleHRGaWVsZCA9IChcbiAgICBwcm9wczogVGV4dEZpZWxkUHJvcHMgJiBPbWl0PElucHV0VGV4dFByb3BzLCAnaWQnPixcbik6IFVzZVRleHRGaWVsZFN0YXRlID0+IHtcbiAgICBjb25zdCB7XG4gICAgICAgIHR5cGUsXG4gICAgICAgIGlkLFxuICAgICAgICB2YWx1ZSxcbiAgICAgICAgbGFiZWwsXG4gICAgICAgIGhpZGVMYWJlbCxcbiAgICAgICAgcHJlc2VydmVTcGFjZSxcbiAgICAgICAgcmVxdWlyZWQsXG4gICAgICAgIHJlcXVpcmVkTGFiZWwsXG4gICAgICAgIGFkZGl0aW9uYWxUZXh0LFxuICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgaGFzRXJyb3IsXG4gICAgICAgIGVycm9yTWVzc2FnZSxcbiAgICAgICAgaWNvbixcbiAgICAgICAgYnV0dG9uLFxuICAgICAgICBvbkZvY3VzLFxuICAgICAgICBvbkJsdXIsXG4gICAgICAgIG9uQ2hhbmdlLFxuICAgICAgICBhdXRvQ29tcGxldGUgPSBBVVRPX0NPTVBMRVRFX1RFWFRfREVGQVVMVCxcbiAgICAgICAgaW5wdXREYXRhc2V0LFxuICAgICAgICBkYXRhc2V0LFxuICAgICAgICAuLi5yZXN0XG4gICAgfSA9IHByb3BzO1xuXG4gICAgY29uc3QgYWN0dWFsSWQgPSBpZCB8fCBtYWtlVGlueUlkKCk7XG4gICAgY29uc3QgYWN0dWFsVHlwZSA9IHR5cGUgPz8gRklFTERfVFlQRV9ERUZBVUxUO1xuICAgIGNvbnN0IFtpc0ZvY3VzZWQsIHNldElzRm9jdXNlZF0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG4gICAgY29uc3QgW2lzVG91Y2hlZCwgc2V0SXNUb3VjaGVkXSA9IHVzZVN0YXRlPGJvb2xlYW4+KGZhbHNlKTtcbiAgICBjb25zdCBbaXNDaGFuZ2VkLCBzZXRJc0NoYW5nZWRdID0gdXNlU3RhdGU8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gICAgY29uc3QgaGFuZGxlRm9jdXM6IEZvY3VzRXZlbnRIYW5kbGVyID0gZXYgPT4ge1xuICAgICAgICBzZXRJc0ZvY3VzZWQodHJ1ZSk7XG4gICAgICAgIHNldElzVG91Y2hlZCh0cnVlKTtcbiAgICAgICAgb25Gb2N1cz8uKGV2KTtcbiAgICB9O1xuICAgIGNvbnN0IGhhbmRsZUJsdXI6IEZvY3VzRXZlbnRIYW5kbGVyID0gZXYgPT4ge1xuICAgICAgICBzZXRJc0ZvY3VzZWQoZmFsc2UpO1xuICAgICAgICBvbkJsdXI/Lihldik7XG4gICAgfTtcbiAgICBjb25zdCBoYW5kbGVDaGFuZ2U6IENoYW5nZUV2ZW50SGFuZGxlciA9IGV2ID0+IHtcbiAgICAgICAgc2V0SXNDaGFuZ2VkKGZhbHNlKTtcbiAgICAgICAgb25DaGFuZ2U/Lihldik7XG4gICAgfTtcblxuICAgIGNvbnN0IGFjdHVhbEhhc0Vycm9yID0gaGFzRXJyb3IgfHwgISFlcnJvck1lc3NhZ2U7XG4gICAgY29uc3QgYWN0dWFsQWRkaXRpb25hbFRleHQgPSBlcnJvck1lc3NhZ2UgfHwgYWRkaXRpb25hbFRleHQ7XG4gICAgY29uc3QgZGVzY3JpYmVJZCA9IGFjdHVhbEhhc0Vycm9yIHx8ICEhYWRkaXRpb25hbFRleHQgPyBtYWtlRGVzY0lkKGFjdHVhbElkKSA6IHVuZGVmaW5lZDtcblxuICAgIHJldHVybiB7XG4gICAgICAgIGxheW91dFByb3BzOiB7XG4gICAgICAgICAgICBpZDogYWN0dWFsSWQsXG4gICAgICAgICAgICBsYWJlbCxcbiAgICAgICAgICAgIGhpZGVMYWJlbCxcbiAgICAgICAgICAgIHJlcXVpcmVkLFxuICAgICAgICAgICAgcmVxdWlyZWRMYWJlbCxcbiAgICAgICAgICAgIGFkZGl0aW9uYWxUZXh0OiBhY3R1YWxBZGRpdGlvbmFsVGV4dCxcbiAgICAgICAgICAgIHByZXNlcnZlU3BhY2UsXG4gICAgICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgICAgIGlzRm9jdXNlZCxcbiAgICAgICAgICAgIGlzVG91Y2hlZCxcbiAgICAgICAgICAgIGlzQ2hhbmdlZCxcbiAgICAgICAgICAgIGhhc1ZhbHVlOiB0eXBlb2YgdmFsdWUgIT09IHVuZGVmaW5lZCxcbiAgICAgICAgICAgIGhhc0Vycm9yOiBhY3R1YWxIYXNFcnJvcixcbiAgICAgICAgICAgIGljb24sXG4gICAgICAgICAgICBidXR0b24sXG4gICAgICAgICAgICBkYXRhc2V0LFxuICAgICAgICB9LFxuICAgICAgICBpbnB1dFByb3BzOiB7XG4gICAgICAgICAgICB0eXBlOiBhY3R1YWxUeXBlLFxuICAgICAgICAgICAgaWQ6IGFjdHVhbElkLFxuICAgICAgICAgICAgdmFsdWUsXG4gICAgICAgICAgICBvbkNoYW5nZTogaGFuZGxlQ2hhbmdlLFxuICAgICAgICAgICAgb25Gb2N1czogaGFuZGxlRm9jdXMsXG4gICAgICAgICAgICBvbkJsdXI6IGhhbmRsZUJsdXIsXG4gICAgICAgICAgICByZXF1aXJlZCxcbiAgICAgICAgICAgIGRpc2FibGVkLFxuICAgICAgICAgICAgaGFzRXJyb3I6IGFjdHVhbEhhc0Vycm9yLFxuICAgICAgICAgICAgYXV0b0NvbXBsZXRlLFxuICAgICAgICAgICAgZGF0YXNldDogaW5wdXREYXRhc2V0LFxuICAgICAgICAgICAgJ2FyaWEtZGVzY3JpYmVkYnknOiBkZXNjcmliZUlkLFxuICAgICAgICAgICAgLi4ucmVzdCxcbiAgICAgICAgfSxcbiAgICB9O1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7TUFlYSxZQUFZLEdBQUcsQ0FDeEIsS0FBa0Q7SUFFbEQsTUFBTSxFQUNGLElBQUksRUFDSixFQUFFLEVBQ0YsS0FBSyxFQUNMLEtBQUssRUFDTCxTQUFTLEVBQ1QsYUFBYSxFQUNiLFFBQVEsRUFDUixhQUFhLEVBQ2IsY0FBYyxFQUNkLFFBQVEsRUFDUixRQUFRLEVBQ1IsWUFBWSxFQUNaLElBQUksRUFDSixNQUFNLEVBQ04sT0FBTyxFQUNQLE1BQU0sRUFDTixRQUFRLEVBQ1IsWUFBWSxHQUFHLDBCQUEwQixFQUN6QyxZQUFZLEVBQ1osT0FBTyxFQUNQLEdBQUcsSUFBSSxFQUNWLEdBQUcsS0FBSyxDQUFDO0lBRVYsTUFBTSxRQUFRLEdBQUcsRUFBRSxJQUFJLFVBQVUsRUFBRSxDQUFDO0lBQ3BDLE1BQU0sVUFBVSxHQUFHLElBQUksYUFBSixJQUFJLGNBQUosSUFBSSxHQUFJLGtCQUFrQixDQUFDO0lBQzlDLE1BQU0sQ0FBQyxTQUFTLEVBQUUsWUFBWSxDQUFDLEdBQUcsUUFBUSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBQzNELE1BQU0sQ0FBQyxTQUFTLEVBQUUsWUFBWSxDQUFDLEdBQUcsUUFBUSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBQzNELE1BQU0sQ0FBQyxTQUFTLEVBQUUsWUFBWSxDQUFDLEdBQUcsUUFBUSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBRTNELE1BQU0sV0FBVyxHQUFzQixFQUFFO1FBQ3JDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNuQixZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDbkIsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLEVBQUUsRUFBRTtLQUNqQixDQUFDO0lBQ0YsTUFBTSxVQUFVLEdBQXNCLEVBQUU7UUFDcEMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3BCLE1BQU0sYUFBTixNQUFNLHVCQUFOLE1BQU0sQ0FBRyxFQUFFLEVBQUU7S0FDaEIsQ0FBQztJQUNGLE1BQU0sWUFBWSxHQUF1QixFQUFFO1FBQ3ZDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNwQixRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUcsRUFBRSxFQUFFO0tBQ2xCLENBQUM7SUFFRixNQUFNLGNBQWMsR0FBRyxRQUFRLElBQUksQ0FBQyxDQUFDLFlBQVksQ0FBQztJQUNsRCxNQUFNLG9CQUFvQixHQUFHLFlBQVksSUFBSSxjQUFjLENBQUM7SUFDNUQsTUFBTSxVQUFVLEdBQUcsY0FBYyxJQUFJLENBQUMsQ0FBQyxjQUFjLEdBQUcsVUFBVSxDQUFDLFFBQVEsQ0FBQyxHQUFHLFNBQVMsQ0FBQztJQUV6RixPQUFPO1FBQ0gsV0FBVyxFQUFFO1lBQ1QsRUFBRSxFQUFFLFFBQVE7WUFDWixLQUFLO1lBQ0wsU0FBUztZQUNULFFBQVE7WUFDUixhQUFhO1lBQ2IsY0FBYyxFQUFFLG9CQUFvQjtZQUNwQyxhQUFhO1lBQ2IsUUFBUTtZQUNSLFNBQVM7WUFDVCxTQUFTO1lBQ1QsU0FBUztZQUNULFFBQVEsRUFBRSxPQUFPLEtBQUssS0FBSyxTQUFTO1lBQ3BDLFFBQVEsRUFBRSxjQUFjO1lBQ3hCLElBQUk7WUFDSixNQUFNO1lBQ04sT0FBTztTQUNWO1FBQ0QsVUFBVSxFQUFFO1lBQ1IsSUFBSSxFQUFFLFVBQVU7WUFDaEIsRUFBRSxFQUFFLFFBQVE7WUFDWixLQUFLO1lBQ0wsUUFBUSxFQUFFLFlBQVk7WUFDdEIsT0FBTyxFQUFFLFdBQVc7WUFDcEIsTUFBTSxFQUFFLFVBQVU7WUFDbEIsUUFBUTtZQUNSLFFBQVE7WUFDUixRQUFRLEVBQUUsY0FBYztZQUN4QixZQUFZO1lBQ1osT0FBTyxFQUFFLFlBQVk7WUFDckIsa0JBQWtCLEVBQUUsVUFBVTtZQUM5QixHQUFHLElBQUk7U0FDVjtLQUNKLENBQUM7QUFDTjs7OzsifQ==

package/dist/field/types.d.ts

@@ -1,8 +1,20 @@
-import { Dataset } from '@preply/ds-core';
-import { MouseEventHandler, ReactNode, SVGAttributes } from 'react';
-import { InputType, SimpleTextInputType, SingleLineInputType } from '../input';
+import type { Dataset } from '@preply/ds-core';
+import type { MouseEventHandler, ReactNode } from 'react';
+import { IconProps } from '../icon/types';
+import type { CombinableInputProps, InputType, SimpleTextInputType, SingleLineInputType } from '../input/private/types';
+import type { InputTextProps } from '../input/types';
+import { ReactSVGComponentType } from '../svg/types';
 export declare type FieldValue = string | number | boolean;
-declare type ReactSVGComponentType = React.ComponentType<SVGAttributes<SVGElement>>;
+/**
+ * <Field*> auxiliary component
+ */
+export interface FieldLabelProps {
+    id: string;
+    label?: string;
+    hideLabel?: boolean;
+    required?: boolean;
+    requiredLabel?: string;
+}
 export interface FieldButtonProps {
     svg: ReactSVGComponentType;
     assistiveText: string;
@@ -14,9 +26,10 @@ export interface FieldLayoutBaseProps {
     className?: string;
     label: string;
     hideLabel?: boolean;
+    required?: boolean;
+    requiredLabel?: string;
     additionalText?: string;
     preserveSpace?: boolean;
-    required?: boolean;
     disabled?: boolean;
     isFocused?: boolean;
     isTouched?: boolean;
@@ -27,12 +40,12 @@ export interface FieldLayoutBaseProps {
     children: ReactNode;
 }
 export interface InputImperativeHandle {
-    focus: () => void;
+    setFocus: () => void;
 }
 export interface FieldLayoutProps extends Omit<FieldLayoutBaseProps, 'children'> {
     input: React.ReactElement;
     inputHandle: InputImperativeHandle | null;
-    icon?: ReactSVGComponentType;
+    icon?: React.ReactElement<IconProps>;
     button?: React.ReactElement<FieldButtonProps>;
 }
 export declare type FieldAdditionalTextVariant = 'normal' | 'error';
@@ -41,10 +54,14 @@ export interface FieldAdditionalTextProps {
     id?: string;
     children: ReactNode;
 }
+/**
+ * <Field*>
+ */
 interface FieldCommonProps {
     type?: InputType;
     id?: string;
     label: string;
+    requiredLabel?: string;
     hideLabel?: boolean;
     additionalText?: string;
     preserveSpace?: boolean;
@@ -53,12 +70,15 @@ interface FieldCommonProps {
     dataset?: Dataset;
     inputDataset?: Dataset;
 }
-interface SingleLineFieldCommonProps extends FieldCommonProps {
+export interface SingleLineFieldCommonProps extends FieldCommonProps {
     type?: SingleLineInputType;
-    icon?: ReactSVGComponentType;
+    icon?: React.ReactElement<IconProps>;
     button?: React.ReactElement<FieldButtonProps>;
 }
-export interface TextFieldProps extends SingleLineFieldCommonProps {
+/**
+ * public <*Field> props
+ */
+export declare type TextFieldProps = SingleLineFieldCommonProps & CombinableInputProps<InputTextProps> & {
     type?: SimpleTextInputType;
-}
+};
 export {};

package/dist/generated/breakpoints.less

@@ -1,4 +1,4 @@
-/* AUTO GENERATED @Fri Dec 02 2022 15:15:52 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED @Fri Dec 16 2022 13:10:31 GMT+0000 (Coordinated Universal Time) */
 
 @breakpoints: {
     narrow-l: 400px;

package/dist/generated/options.less

@@ -1,4 +1,4 @@
-/* AUTO GENERATED @Fri Dec 02 2022 15:15:51 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED @Fri Dec 16 2022 13:10:30 GMT+0000 (Coordinated Universal Time) */
 
 @AVATAR_SIZE_OPTIONS: 2xs, xs, s, m, l, xl;
 @BOX_PADDING_OPTIONS: none, 3xs, 2xs, xs, s, m, l, xl;
@@ -30,8 +30,8 @@
 @TEXT_INLINE_TAG_OPTIONS: span, strong, em;
 @TEXT_SIZE_OPTIONS: 2xs, xs, s, m, l, xl;
 @TEXT_TAG_OPTIONS: p, div, span;
-@TEXT_VARIANT_OPTIONS: xs, s, s-italic, s-medium, s-medium-italic, s-bold, s-bold-italic, m,
-    m-italic, m-medium, m-medium-italic, m-bold, m-bold-italic, l, l-italic, l-medium,
+@TEXT_VARIANT_OPTIONS: xs, xs-medium, s, s-italic, s-medium, s-medium-italic, s-bold, s-bold-italic,
+    m, m-italic, m-medium, m-medium-italic, m-bold, m-bold-italic, l, l-italic, l-medium,
     l-medium-italic, xl, xl-italic, xl-medium, xl-medium-italic;
 @TEXT_WEIGHT_OPTIONS: 400, 500, 700, normal, medium, bold;
 @THEME_OPTIONS: bold-ui, base-ui, preply-ui;

package/dist/generated/tokens.less

@@ -1,4 +1,4 @@
-/* AUTO GENERATED @Fri Dec 02 2022 15:15:52 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED @Fri Dec 16 2022 13:10:30 GMT+0000 (Coordinated Universal Time) */
 
 @scheme-color: var(--aface6);
 @scheme-bgColor: var(--786b9e);
@@ -87,12 +87,16 @@
 @root-text-base-lineHeight: var(--d4313c);
 @background-primary: var(--7271a6);
 @background-secondary: var(--5836cb);
+@background-error: var(--4ae8c9);
 @background-overlay: var(--410fb7);
 @content-primary-color: var(--e41135);
 @content-secondary-color: var(--3d280d);
 @content-branded-color: var(--4dadf3);
 @content-positive-color: var(--318747);
 @content-error-color: var(--9167e9);
+@border-base-borderColor: var(--29cd58);
+@border-focus-borderColor: var(--398094);
+@border-error-borderColor: var(--eaf4a3);
 @action-base-borderRadius: var(--8d5131);
 @action-base-disabled-color: var(--a8b89c);
 @action-base-disabled-bgColor: var(--04daeb);
@@ -102,6 +106,9 @@
 @action-base-focus-outlineColor: var(--603ec6);
 @action-base-gap: var(--0aee7b);
 @action-inline-borderRadius: var(--5eeb28);
+@action-inline-borderColor: var(--ea1746);
+@action-inline-hover-bgColor: var(--0bbea4);
+@action-inline-active-bgColor: var(--33e933);
 @action-variant-primary-color: var(--d2baa6);
 @action-variant-secondary-color: var(--1614c9);
 @action-variant-tertiary-color: var(--937543);
@@ -248,6 +255,7 @@
 @text-size-l-fontSize: var(--da41aa);
 @text-size-xl-fontSize: var(--698b61);
 @text-variant-xs-fontSize: var(--4c9f68);
+@text-variant-xs-medium-fontSize: var(--547b8f);
 @text-variant-s-fontSize: var(--a7cfda);
 @text-variant-s-italic-fontSize: var(--79c03c);
 @text-variant-s-medium-fontSize: var(--28e99e);
@@ -269,6 +277,7 @@
 @text-variant-xl-medium-fontSize: var(--19e13e);
 @text-variant-xl-medium-italic-fontSize: var(--88dc17);
 @text-variant-xs-fontWeight: var(--71d69c);
+@text-variant-xs-medium-fontWeight: var(--86a200);
 @text-variant-s-fontWeight: var(--dc8b92);
 @text-variant-s-italic-fontWeight: var(--5127dd);
 @text-variant-s-medium-fontWeight: var(--ca04c0);
@@ -290,6 +299,7 @@
 @text-variant-xl-medium-fontWeight: var(--6455e5);
 @text-variant-xl-medium-italic-fontWeight: var(--cc6f61);
 @text-variant-xs-lineHeight: var(--543571);
+@text-variant-xs-medium-lineHeight: var(--e7e648);
 @text-variant-s-lineHeight: var(--c552e7);
 @text-variant-s-italic-lineHeight: var(--aeb64b);
 @text-variant-s-medium-lineHeight: var(--af784d);
@@ -311,6 +321,7 @@
 @text-variant-xl-medium-lineHeight: var(--85e4ac);
 @text-variant-xl-medium-italic-lineHeight: var(--904c1e);
 @text-variant-xs-letterSpacing: var(--29af86);
+@text-variant-xs-medium-letterSpacing: var(--d7a1ad);
 @text-variant-s-letterSpacing: var(--4d1d51);
 @text-variant-s-italic-letterSpacing: var(--a50d8c);
 @text-variant-s-medium-letterSpacing: var(--015e8c);
@@ -332,6 +343,7 @@
 @text-variant-xl-medium-letterSpacing: var(--e76960);
 @text-variant-xl-medium-italic-letterSpacing: var(--cf0e2c);
 @text-variant-xs-fontStyle: var(--647b4d);
+@text-variant-xs-medium-fontStyle: var(--abe371);
 @text-variant-s-fontStyle: var(--b8dd4e);
 @text-variant-s-italic-fontStyle: var(--c89e06);
 @text-variant-s-medium-fontStyle: var(--e1d91f);
@@ -353,6 +365,7 @@
 @text-variant-xl-medium-fontStyle: var(--0a5e67);
 @text-variant-xl-medium-italic-fontStyle: var(--6fc949);
 @text-variant-xs-variationSettings: var(--afe759);
+@text-variant-xs-medium-variationSettings: var(--f65ebc);
 @text-variant-s-variationSettings: var(--93fedc);
 @text-variant-s-italic-variationSettings: var(--0557d4);
 @text-variant-s-medium-variationSettings: var(--d7e46a);
@@ -380,8 +393,8 @@
 @text-weight-normal-fontWeight: var(--5ea101);
 @text-weight-medium-fontWeight: var(--2734e9);
 @text-weight-bold-fontWeight: var(--800787);
-@field-additionalText-normal-color: var(--4c4008);
-@field-additionalText-error-color: var(--622733);
+@input-base-borderWidth: var(--d9baa3);
+@input-base-borderRadius: var(--c4b051);
 @root-size-none: var(--c12f10);
 @root-size-25: var(--389aa7);
 @root-size-50: var(--8848e0);

package/dist/icon/index.d.ts

@@ -0,0 +1 @@
+export * from './types';

package/dist/icon/index.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/dist/icon/types.d.ts

@@ -0,0 +1,10 @@
+import type { ColorName, Dataset, IconSize, TextAccent } from '@preply/ds-core';
+import { ReactSVGComponentType } from '../svg/types';
+export interface IconProps {
+    svg: ReactSVGComponentType;
+    size?: IconSize;
+    accent?: TextAccent;
+    color?: ColorName;
+    label?: string;
+    dataset?: Dataset;
+}

package/dist/icon/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export * from './css-module';
 export * from './dom/props';
 export * from './events';
 export * from './field';
+export * from './icon';
 export * from './input';
 export * from './instrument';
 export * from './keyboard';
@@ -12,6 +13,7 @@ export * from './layout';
 export * from './location';
 export * from './responsive';
 export * from './ssr';
+export * from './svg';
 export * from './theme';
 export * from './token';
 export * from './types';

package/dist/index.js

@@ -15,7 +15,8 @@ export { useTextField } from './field/hooks/useTextField.js';
 export { ADDITIONAL_TEXT_VARIANT_OPTIONS } from './field/options.js';
 export { AUTO_COMPLETE_DATE_DEFAULT, AUTO_COMPLETE_PASSWORD_DEFAULT, AUTO_COMPLETE_TEXT_DEFAULT, INPUT_TYPE_DEFAULT } from './input/constants.js';
 export { AUTO_COMPLETE_DATE_OPTIONS, AUTO_COMPLETE_PASSWORD_OPTIONS, AUTO_COMPLETE_TEXT_OPTIONS, INPUT_TYPE_OPTIONS, INPUT_TYPE_SIMPLE_TEXT_OPTIONS } from './input/options.js';
-export { useForcedRef } from './input/util.js';
+export { getInputProps } from './input/utils/getInputProps.js';
+export { useForcedRef } from './input/utils/useForcedRef.js';
 export { useInstrument } from './instrument/hooks/useInstrument.js';
 export { InstrumentProvider } from './instrument/providers/Instrument.js';
 export { useLayoutClassNames } from './layout/hooks/useLayoutClassNames.js';
@@ -25,6 +26,7 @@ export { useLayoutGridResponsiveColumns } from './layout/hooks/useLayoutGridResp
 export { useLayoutHideClassnames } from './layout/module-layout-hide/hooks/useLayoutHideClassnames.js';
 export { useAlignSelfClassNames } from './layout/module-align-self/hooks/useAlignSelfClassNames.js';
 export { useLayoutPaddingClassnames } from './layout/module-layout-padding/hooks/useLayoutPaddingClassnames.js';
+export { useLayoutRelativeClassnames } from './layout/module-layout-relative/hooks/useLayoutRelativeClassnames.js';
 export { useLayoutGapClassnames } from './layout/module-layout-gap/hooks/useLayoutGapClassnames.js';
 export { minWidth } from './responsive/sc/mixins.js';
 export { ServerStyleSheet } from './ssr/classes/ServerStyleSheet.js';
@@ -47,4 +49,4 @@ export { withGetToken } from './token/hocs/withGetToken.js';
 export { useTextAccentClassnames } from './typography/module-text-accent/hooks/useTextAccentClassnames.js';
 export { useTextCenteredClassnames } from './typography/module-text-centered/hooks/useTextCenteredClassnames.js';
 export { useTextWeightClassNames } from './typography/module-text-weight/hooks/useTextWeightClassNames.js';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==

package/dist/input/index.d.ts

@@ -1,4 +1,5 @@
 export * from './constants';
 export * from './options';
 export * from './types';
-export * from './util';
+export * from './utils/getInputProps';
+export * from './utils/useForcedRef';

package/dist/input/index.js

@@ -1,4 +1,5 @@
 export { AUTO_COMPLETE_DATE_DEFAULT, AUTO_COMPLETE_PASSWORD_DEFAULT, AUTO_COMPLETE_TEXT_DEFAULT, INPUT_TYPE_DEFAULT } from './constants.js';
 export { AUTO_COMPLETE_DATE_OPTIONS, AUTO_COMPLETE_PASSWORD_OPTIONS, AUTO_COMPLETE_TEXT_OPTIONS, INPUT_TYPE_OPTIONS, INPUT_TYPE_SIMPLE_TEXT_OPTIONS } from './options.js';
-export { useForcedRef } from './util.js';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzsifQ==
+export { getInputProps } from './utils/getInputProps.js';
+export { useForcedRef } from './utils/useForcedRef.js';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7In0=

package/dist/input/options.d.ts

@@ -1,5 +1,5 @@
 import type { Option } from '@preply/ds-core-types';
-import type { AutoCompleteDateOptions, AutoCompletePasswordOptions, AutoCompleteTextOptions, InputType } from './types';
+import { AutoCompleteDateOptions, AutoCompletePasswordOptions, AutoCompleteTextOptions, InputType } from './private/types';
 export declare const INPUT_TYPE_SIMPLE_TEXT_OPTIONS: Option<InputType>[];
 export declare const INPUT_TYPE_OPTIONS: Option<InputType>[];
 export declare const AUTO_COMPLETE_TEXT_OPTIONS: Option<AutoCompleteTextOptions>[];

package/dist/input/options.js

@@ -37,4 +37,4 @@ const AUTO_COMPLETE_PASSWORD_OPTIONS = [
 ];
 
 export { AUTO_COMPLETE_DATE_OPTIONS, AUTO_COMPLETE_PASSWORD_OPTIONS, AUTO_COMPLETE_TEXT_OPTIONS, INPUT_TYPE_OPTIONS, INPUT_TYPE_SIMPLE_TEXT_OPTIONS };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9ucy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2lucHV0L29wdGlvbnMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBPcHRpb24gfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUtdHlwZXMnO1xuXG5pbXBvcnQgdHlwZSB7XG4gICAgQXV0b0NvbXBsZXRlRGF0ZU9wdGlvbnMsXG4gICAgQXV0b0NvbXBsZXRlUGFzc3dvcmRPcHRpb25zLFxuICAgIEF1dG9Db21wbGV0ZVRleHRPcHRpb25zLFxuICAgIElucHV0VHlwZSxcbn0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBJTlBVVF9UWVBFX1NJTVBMRV9URVhUX09QVElPTlM6IE9wdGlvbjxJbnB1dFR5cGU+W10gPSBbXG4gICAgeyBpZDogJ3RleHQnIH0sXG4gICAgeyBpZDogJ3NlYXJjaCcgfSxcbiAgICB7IGlkOiAnZW1haWwnIH0sXG4gICAgeyBpZDogJ3RlbCcgfSxcbiAgICB7IGlkOiAndXJsJyB9LFxuXTtcblxuZXhwb3J0IGNvbnN0IElOUFVUX1RZUEVfT1BUSU9OUzogT3B0aW9uPElucHV0VHlwZT5bXSA9IFtcbiAgICAuLi5JTlBVVF9UWVBFX1NJTVBMRV9URVhUX09QVElPTlMsXG4gICAgeyBpZDogJ3Bhc3N3b3JkJyB9LFxuICAgIHsgaWQ6ICdudW1iZXInIH0sXG4gICAgeyBpZDogJ2RhdGUnIH0sXG4gICAgeyBpZDogJ3RpbWUnIH0sXG4gICAgeyBpZDogJ2NoZWNrYm94JyB9LFxuICAgIHsgaWQ6ICdyYWRpbycgfSxcbiAgICB7IGlkOiAndGV4dGFyZWEnIH0sXG4gICAgeyBpZDogJ3NlbGVjdCcgfSxcbl07XG5cbmV4cG9ydCBjb25zdCBBVVRPX0NPTVBMRVRFX1RFWFRfT1BUSU9OUzogT3B0aW9uPEF1dG9Db21wbGV0ZVRleHRPcHRpb25zPltdID0gW1xuICAgIHsgaWQ6ICdvZmYnIH0sXG4gICAgeyBpZDogJ29uJyB9LFxuICAgIHsgaWQ6ICduYW1lJyB9LFxuICAgIHsgaWQ6ICdlbWFpbCcgfSxcbiAgICB7IGlkOiAndXNlcm5hbWUnIH0sXG4gICAgeyBpZDogJ2xhbmd1YWdlJyB9LFxuICAgIHsgaWQ6ICd0ZWwnIH0sXG4gICAgeyBpZDogJ3VybCcgfSxcbl07XG5cbmV4cG9ydCBjb25zdCBBVVRPX0NPTVBMRVRFX0RBVEVfT1BUSU9OUzogT3B0aW9uPEF1dG9Db21wbGV0ZURhdGVPcHRpb25zPltdID0gW1xuICAgIHsgaWQ6ICdvZmYnIH0sXG4gICAgeyBpZDogJ29uJyB9LFxuXTtcblxuZXhwb3J0IGNvbnN0IEFVVE9fQ09NUExFVEVfUEFTU1dPUkRfT1BUSU9OUzogT3B0aW9uPEF1dG9Db21wbGV0ZVBhc3N3b3JkT3B0aW9ucz5bXSA9IFtcbiAgICB7IGlkOiAnb2ZmJyB9LFxuICAgIHsgaWQ6ICduZXctcGFzc3dvcmQnIH0sXG4gICAgeyBpZDogJ2N1cnJlbnQtcGFzc3dvcmQnIH0sXG5dO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJNQVNhLDhCQUE4QixHQUF3QjtJQUMvRCxFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUU7SUFDZCxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUU7SUFDaEIsRUFBRSxFQUFFLEVBQUUsT0FBTyxFQUFFO0lBQ2YsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFO0lBQ2IsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFO0VBQ2Y7TUFFVyxrQkFBa0IsR0FBd0I7SUFDbkQsR0FBRyw4QkFBOEI7SUFDakMsRUFBRSxFQUFFLEVBQUUsVUFBVSxFQUFFO0lBQ2xCLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRTtJQUNoQixFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUU7SUFDZCxFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUU7SUFDZCxFQUFFLEVBQUUsRUFBRSxVQUFVLEVBQUU7SUFDbEIsRUFBRSxFQUFFLEVBQUUsT0FBTyxFQUFFO0lBQ2YsRUFBRSxFQUFFLEVBQUUsVUFBVSxFQUFFO0lBQ2xCLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRTtFQUNsQjtNQUVXLDBCQUEwQixHQUFzQztJQUN6RSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUU7SUFDYixFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUU7SUFDWixFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUU7SUFDZCxFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUU7SUFDZixFQUFFLEVBQUUsRUFBRSxVQUFVLEVBQUU7SUFDbEIsRUFBRSxFQUFFLEVBQUUsVUFBVSxFQUFFO0lBQ2xCLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRTtJQUNiLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRTtFQUNmO01BRVcsMEJBQTBCLEdBQXNDO0lBQ3pFLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRTtJQUNiLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRTtFQUNkO01BRVcsOEJBQThCLEdBQTBDO0lBQ2pGLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRTtJQUNiLEVBQUUsRUFBRSxFQUFFLGNBQWMsRUFBRTtJQUN0QixFQUFFLEVBQUUsRUFBRSxrQkFBa0IsRUFBRTs7Ozs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9ucy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2lucHV0L29wdGlvbnMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBPcHRpb24gfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUtdHlwZXMnO1xuXG5pbXBvcnQge1xuICAgIEF1dG9Db21wbGV0ZURhdGVPcHRpb25zLFxuICAgIEF1dG9Db21wbGV0ZVBhc3N3b3JkT3B0aW9ucyxcbiAgICBBdXRvQ29tcGxldGVUZXh0T3B0aW9ucyxcbiAgICBJbnB1dFR5cGUsXG59IGZyb20gJy4vcHJpdmF0ZS90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBJTlBVVF9UWVBFX1NJTVBMRV9URVhUX09QVElPTlM6IE9wdGlvbjxJbnB1dFR5cGU+W10gPSBbXG4gICAgeyBpZDogJ3RleHQnIH0sXG4gICAgeyBpZDogJ3NlYXJjaCcgfSxcbiAgICB7IGlkOiAnZW1haWwnIH0sXG4gICAgeyBpZDogJ3RlbCcgfSxcbiAgICB7IGlkOiAndXJsJyB9LFxuXTtcblxuZXhwb3J0IGNvbnN0IElOUFVUX1RZUEVfT1BUSU9OUzogT3B0aW9uPElucHV0VHlwZT5bXSA9IFtcbiAgICAuLi5JTlBVVF9UWVBFX1NJTVBMRV9URVhUX09QVElPTlMsXG4gICAgeyBpZDogJ3Bhc3N3b3JkJyB9LFxuICAgIHsgaWQ6ICdudW1iZXInIH0sXG4gICAgeyBpZDogJ2RhdGUnIH0sXG4gICAgeyBpZDogJ3RpbWUnIH0sXG4gICAgeyBpZDogJ2NoZWNrYm94JyB9LFxuICAgIHsgaWQ6ICdyYWRpbycgfSxcbiAgICB7IGlkOiAndGV4dGFyZWEnIH0sXG4gICAgeyBpZDogJ3NlbGVjdCcgfSxcbl07XG5cbmV4cG9ydCBjb25zdCBBVVRPX0NPTVBMRVRFX1RFWFRfT1BUSU9OUzogT3B0aW9uPEF1dG9Db21wbGV0ZVRleHRPcHRpb25zPltdID0gW1xuICAgIHsgaWQ6ICdvZmYnIH0sXG4gICAgeyBpZDogJ29uJyB9LFxuICAgIHsgaWQ6ICduYW1lJyB9LFxuICAgIHsgaWQ6ICdlbWFpbCcgfSxcbiAgICB7IGlkOiAndXNlcm5hbWUnIH0sXG4gICAgeyBpZDogJ2xhbmd1YWdlJyB9LFxuICAgIHsgaWQ6ICd0ZWwnIH0sXG4gICAgeyBpZDogJ3VybCcgfSxcbl07XG5cbmV4cG9ydCBjb25zdCBBVVRPX0NPTVBMRVRFX0RBVEVfT1BUSU9OUzogT3B0aW9uPEF1dG9Db21wbGV0ZURhdGVPcHRpb25zPltdID0gW1xuICAgIHsgaWQ6ICdvZmYnIH0sXG4gICAgeyBpZDogJ29uJyB9LFxuXTtcblxuZXhwb3J0IGNvbnN0IEFVVE9fQ09NUExFVEVfUEFTU1dPUkRfT1BUSU9OUzogT3B0aW9uPEF1dG9Db21wbGV0ZVBhc3N3b3JkT3B0aW9ucz5bXSA9IFtcbiAgICB7IGlkOiAnb2ZmJyB9LFxuICAgIHsgaWQ6ICduZXctcGFzc3dvcmQnIH0sXG4gICAgeyBpZDogJ2N1cnJlbnQtcGFzc3dvcmQnIH0sXG5dO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJNQVNhLDhCQUE4QixHQUF3QjtJQUMvRCxFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUU7SUFDZCxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUU7SUFDaEIsRUFBRSxFQUFFLEVBQUUsT0FBTyxFQUFFO0lBQ2YsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFO0lBQ2IsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFO0VBQ2Y7TUFFVyxrQkFBa0IsR0FBd0I7SUFDbkQsR0FBRyw4QkFBOEI7SUFDakMsRUFBRSxFQUFFLEVBQUUsVUFBVSxFQUFFO0lBQ2xCLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRTtJQUNoQixFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUU7SUFDZCxFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUU7SUFDZCxFQUFFLEVBQUUsRUFBRSxVQUFVLEVBQUU7SUFDbEIsRUFBRSxFQUFFLEVBQUUsT0FBTyxFQUFFO0lBQ2YsRUFBRSxFQUFFLEVBQUUsVUFBVSxFQUFFO0lBQ2xCLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRTtFQUNsQjtNQUVXLDBCQUEwQixHQUFzQztJQUN6RSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUU7SUFDYixFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUU7SUFDWixFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUU7SUFDZCxFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUU7SUFDZixFQUFFLEVBQUUsRUFBRSxVQUFVLEVBQUU7SUFDbEIsRUFBRSxFQUFFLEVBQUUsVUFBVSxFQUFFO0lBQ2xCLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRTtJQUNiLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRTtFQUNmO01BRVcsMEJBQTBCLEdBQXNDO0lBQ3pFLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRTtJQUNiLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRTtFQUNkO01BRVcsOEJBQThCLEdBQTBDO0lBQ2pGLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRTtJQUNiLEVBQUUsRUFBRSxFQUFFLGNBQWMsRUFBRTtJQUN0QixFQUFFLEVBQUUsRUFBRSxrQkFBa0IsRUFBRTs7Ozs7In0=

package/dist/input/private/types.d.ts

@@ -0,0 +1,103 @@
+import type { Dataset } from '@preply/ds-core';
+import { ChangeEventHandler, FocusEventHandler, KeyboardEventHandler, MouseEventHandler, ReactNode } from 'react';
+import type { ARIAAttributeNames, ARIAInputProps } from '../../accessibility/aria/types';
+export declare type SimpleTextInputType = 'text' | 'search' | 'email' | 'tel' | 'url';
+export declare type SingleLineInputType = SimpleTextInputType | 'password' | 'number' | 'date' | 'time';
+export declare type HTMLInputType = SingleLineInputType | 'checkbox' | 'radio';
+export declare type InputType = HTMLInputType | 'textarea' | 'select';
+export declare type AutoCompleteTextOptions = 'off' | 'on' | 'name' | 'email' | 'username' | 'language' | 'tel' | 'url';
+export declare type AutoCompleteDateOptions = 'off' | 'on';
+export declare type AutoCompletePasswordOptions = 'off' | 'new-password' | 'current-password';
+/**
+ * native <input> props
+ */
+export interface InputCommonProps extends ARIAInputProps {
+    type: InputType;
+    id: string;
+    name?: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: ChangeEventHandler;
+    onFocus?: FocusEventHandler;
+    onBlur?: FocusEventHandler;
+    onClick?: MouseEventHandler;
+    onKeyDown?: KeyboardEventHandler;
+    onKeyUp?: KeyboardEventHandler;
+    required?: boolean;
+    disabled?: boolean;
+    hasError?: boolean;
+    dataset?: Dataset;
+}
+export interface InputStringProps extends InputCommonProps {
+    type: SingleLineInputType | 'textarea';
+    placeholder?: string;
+    maxLength?: number;
+}
+export interface InputSingleLineProps extends InputStringProps {
+    type: SingleLineInputType;
+}
+export interface SimpleTextInputTypeProps extends InputSingleLineProps {
+    type: SimpleTextInputType;
+    autoComplete?: AutoCompleteTextOptions;
+}
+export interface InputTypeTextProps extends SimpleTextInputTypeProps {
+    type: 'text';
+}
+export interface InputTypeSearchProps extends SimpleTextInputTypeProps {
+    type: 'search';
+}
+export interface InputTypeEmailProps extends SimpleTextInputTypeProps {
+    type: 'email';
+}
+export interface InputTypeTelProps extends SimpleTextInputTypeProps {
+    type: 'tel';
+}
+export interface InputTypeUrlProps extends SimpleTextInputTypeProps {
+    type: 'url';
+}
+export interface InputTypePasswordProps extends InputSingleLineProps {
+    type: 'password';
+    autoComplete?: AutoCompletePasswordOptions;
+}
+export interface InputBoundedProps extends InputSingleLineProps {
+    type: 'number' | 'date' | 'time';
+    min?: string;
+    max?: string;
+}
+export interface InputTypeNumberProps extends InputBoundedProps {
+    type: 'number';
+}
+export interface InputTypeDateProps extends InputBoundedProps {
+    type: 'date';
+    autoComplete?: AutoCompleteDateOptions;
+}
+export interface InputTypeTimeProps extends InputBoundedProps {
+    type: 'time';
+}
+export interface InputCheckableProps extends InputCommonProps {
+    type: 'checkbox' | 'radio';
+    checked?: boolean;
+}
+export interface InputTypeCheckboxProps extends InputCheckableProps {
+    type: 'checkbox';
+}
+export interface InputTypeRadioProps extends InputCommonProps, InputCheckableProps {
+    type: 'radio';
+    name: string;
+}
+export interface InputTypeTextareaProps extends InputStringProps {
+    type: 'textarea';
+    rows?: number;
+}
+export interface InputTypeSelectProps extends InputCommonProps {
+    type: 'select';
+    children?: ReactNode;
+}
+export declare type InputGenericTextProps = InputTypeTextProps | InputTypeSearchProps | InputTypeEmailProps | InputTypeTelProps | InputTypeUrlProps;
+export declare type UnknownInputProps = InputTypeTextProps | InputTypeSearchProps | InputTypeEmailProps | InputTypeTelProps | InputTypeUrlProps | InputTypePasswordProps | InputTypeNumberProps | InputTypeDateProps | InputTypeTimeProps | InputTypeCheckboxProps | InputTypeRadioProps | InputTypeTextareaProps | InputTypeSelectProps;
+/**
+ * allows merging <Input*> props onto <Field*> props
+ */
+export declare type CombinableInputProps<T extends InputCommonProps> = Omit<T, 'id' | 'type' | ARIAAttributeNames> & {
+    id?: string;
+};

package/dist/input/private/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/dist/input/private/utils.d.ts

@@ -0,0 +1,9 @@
+import { InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes } from 'react';
+import type { InputBaseProps } from '../types';
+export declare const getTextProps: (props: InputBaseProps) => InputHTMLAttributes<HTMLInputElement>;
+export declare const getDateTimeProps: (props: InputBaseProps) => InputHTMLAttributes<HTMLInputElement>;
+export declare const getBoundedProps: (props: InputBaseProps) => InputHTMLAttributes<HTMLInputElement>;
+export declare const getTextareaProps: (props: InputBaseProps) => TextareaHTMLAttributes<HTMLTextAreaElement>;
+export declare const getCheckableProps: (props: InputBaseProps) => InputHTMLAttributes<HTMLInputElement>;
+export declare const getRadioProps: (props: InputBaseProps) => InputHTMLAttributes<HTMLInputElement>;
+export declare const getSelectProps: (props: InputBaseProps) => SelectHTMLAttributes<HTMLSelectElement>;

package/dist/input/private/utils.js

@@ -0,0 +1,87 @@
+const isText = (props) => {
+    const { type } = props;
+    return (type === 'text' ||
+        type === 'search' ||
+        type === 'password' ||
+        type === 'email' ||
+        type === 'tel' ||
+        type === 'url' ||
+        type === 'number' ||
+        type === 'textarea');
+};
+const isDateTime = (props) => {
+    const { type } = props;
+    return type === 'date' || type === 'time';
+};
+const isBounded = (props) => {
+    const { type } = props;
+    return type === 'number' || type === 'date' || type === 'time';
+};
+const isCheckable = (props) => {
+    const { type } = props;
+    return type === 'checkbox';
+};
+const isRadio = (props) => {
+    const { type } = props;
+    return type === 'radio';
+};
+const isTextarea = (props) => {
+    const { type } = props;
+    return type === 'number' || type === 'date' || type === 'time';
+};
+const isSelect = (props) => {
+    const { type } = props;
+    return type === 'select';
+};
+const getTextProps = (props) => {
+    if (isText(props)) {
+        const { value, placeholder, maxLength, autoComplete } = props;
+        return { value, placeholder, maxLength, autoComplete };
+    }
+    return {};
+};
+const getDateTimeProps = (props) => {
+    if (isDateTime(props)) {
+        const { defaultValue, placeholder, maxLength, autoComplete } = props;
+        return { defaultValue, placeholder, maxLength, autoComplete };
+    }
+    return {};
+};
+const getBoundedProps = (props) => {
+    if (isBounded(props)) {
+        const { min, max } = props;
+        return { min, max };
+    }
+    return {};
+};
+const getTextareaProps = (props) => {
+    if (isTextarea(props)) {
+        const { rows } = props;
+        return { rows };
+    }
+    return {};
+};
+const getCheckableProps = (props) => {
+    if (isCheckable(props)) {
+        const { checked } = props;
+        return { checked };
+    }
+    return {};
+};
+const getRadioProps = (props) => {
+    if (isRadio(props)) {
+        const { checked, name } = props;
+        return { defaultChecked: checked, name };
+    }
+    return {};
+};
+const getSelectProps = (props) => {
+    if (isSelect(props)) {
+        const { value, children } = props;
+        return { value, children };
+    }
+    return {};
+};
+
+export { getBoundedProps, getCheckableProps, getDateTimeProps, getRadioProps, getSelectProps, getTextProps, getTextareaProps };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9pbnB1dC9wcml2YXRlL3V0aWxzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IElucHV0SFRNTEF0dHJpYnV0ZXMsIFNlbGVjdEhUTUxBdHRyaWJ1dGVzLCBUZXh0YXJlYUhUTUxBdHRyaWJ1dGVzIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgdHlwZSB7IElucHV0QmFzZVByb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5pbXBvcnQgdHlwZSB7XG4gICAgSW5wdXRCb3VuZGVkUHJvcHMsXG4gICAgSW5wdXRDaGVja2FibGVQcm9wcyxcbiAgICBJbnB1dENvbW1vblByb3BzLFxuICAgIElucHV0VHlwZVNlbGVjdFByb3BzLFxuICAgIElucHV0VHlwZVRleHRQcm9wcyxcbiAgICBJbnB1dFR5cGVUZXh0YXJlYVByb3BzLFxufSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgaXNUZXh0ID0gKHByb3BzOiBJbnB1dENvbW1vblByb3BzKTogcHJvcHMgaXMgSW5wdXRUeXBlVGV4dFByb3BzID0+IHtcbiAgICBjb25zdCB7IHR5cGUgfSA9IHByb3BzO1xuICAgIHJldHVybiAoXG4gICAgICAgIHR5cGUgPT09ICd0ZXh0JyB8fFxuICAgICAgICB0eXBlID09PSAnc2VhcmNoJyB8fFxuICAgICAgICB0eXBlID09PSAncGFzc3dvcmQnIHx8XG4gICAgICAgIHR5cGUgPT09ICdlbWFpbCcgfHxcbiAgICAgICAgdHlwZSA9PT0gJ3RlbCcgfHxcbiAgICAgICAgdHlwZSA9PT0gJ3VybCcgfHxcbiAgICAgICAgdHlwZSA9PT0gJ251bWJlcicgfHxcbiAgICAgICAgdHlwZSA9PT0gJ3RleHRhcmVhJ1xuICAgICk7XG59O1xuXG5jb25zdCBpc0RhdGVUaW1lID0gKHByb3BzOiBJbnB1dENvbW1vblByb3BzKTogcHJvcHMgaXMgSW5wdXRUeXBlVGV4dFByb3BzID0+IHtcbiAgICBjb25zdCB7IHR5cGUgfSA9IHByb3BzO1xuICAgIHJldHVybiB0eXBlID09PSAnZGF0ZScgfHwgdHlwZSA9PT0gJ3RpbWUnO1xufTtcblxuY29uc3QgaXNCb3VuZGVkID0gKHByb3BzOiBJbnB1dENvbW1vblByb3BzKTogcHJvcHMgaXMgSW5wdXRCb3VuZGVkUHJvcHMgPT4ge1xuICAgIGNvbnN0IHsgdHlwZSB9ID0gcHJvcHM7XG4gICAgcmV0dXJuIHR5cGUgPT09ICdudW1iZXInIHx8IHR5cGUgPT09ICdkYXRlJyB8fCB0eXBlID09PSAndGltZSc7XG59O1xuXG5jb25zdCBpc0NoZWNrYWJsZSA9IChwcm9wczogSW5wdXRDb21tb25Qcm9wcyk6IHByb3BzIGlzIElucHV0Q2hlY2thYmxlUHJvcHMgPT4ge1xuICAgIGNvbnN0IHsgdHlwZSB9ID0gcHJvcHM7XG4gICAgcmV0dXJuIHR5cGUgPT09ICdjaGVja2JveCc7XG59O1xuXG5jb25zdCBpc1JhZGlvID0gKHByb3BzOiBJbnB1dENvbW1vblByb3BzKTogcHJvcHMgaXMgSW5wdXRDaGVja2FibGVQcm9wcyA9PiB7XG4gICAgY29uc3QgeyB0eXBlIH0gPSBwcm9wcztcbiAgICByZXR1cm4gdHlwZSA9PT0gJ3JhZGlvJztcbn07XG5cbmNvbnN0IGlzVGV4dGFyZWEgPSAocHJvcHM6IElucHV0Q29tbW9uUHJvcHMpOiBwcm9wcyBpcyBJbnB1dFR5cGVUZXh0YXJlYVByb3BzID0+IHtcbiAgICBjb25zdCB7IHR5cGUgfSA9IHByb3BzO1xuICAgIHJldHVybiB0eXBlID09PSAnbnVtYmVyJyB8fCB0eXBlID09PSAnZGF0ZScgfHwgdHlwZSA9PT0gJ3RpbWUnO1xufTtcblxuY29uc3QgaXNTZWxlY3QgPSAocHJvcHM6IElucHV0Q29tbW9uUHJvcHMpOiBwcm9wcyBpcyBJbnB1dFR5cGVTZWxlY3RQcm9wcyA9PiB7XG4gICAgY29uc3QgeyB0eXBlIH0gPSBwcm9wcztcbiAgICByZXR1cm4gdHlwZSA9PT0gJ3NlbGVjdCc7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0VGV4dFByb3BzID0gKHByb3BzOiBJbnB1dEJhc2VQcm9wcyk6IElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4gPT4ge1xuICAgIGlmIChpc1RleHQocHJvcHMpKSB7XG4gICAgICAgIGNvbnN0IHsgdmFsdWUsIHBsYWNlaG9sZGVyLCBtYXhMZW5ndGgsIGF1dG9Db21wbGV0ZSB9ID0gcHJvcHM7XG4gICAgICAgIHJldHVybiB7IHZhbHVlLCBwbGFjZWhvbGRlciwgbWF4TGVuZ3RoLCBhdXRvQ29tcGxldGUgfTtcbiAgICB9XG4gICAgcmV0dXJuIHt9O1xufTtcblxuZXhwb3J0IGNvbnN0IGdldERhdGVUaW1lUHJvcHMgPSAocHJvcHM6IElucHV0QmFzZVByb3BzKTogSW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiA9PiB7XG4gICAgaWYgKGlzRGF0ZVRpbWUocHJvcHMpKSB7XG4gICAgICAgIGNvbnN0IHsgZGVmYXVsdFZhbHVlLCBwbGFjZWhvbGRlciwgbWF4TGVuZ3RoLCBhdXRvQ29tcGxldGUgfSA9IHByb3BzO1xuICAgICAgICByZXR1cm4geyBkZWZhdWx0VmFsdWUsIHBsYWNlaG9sZGVyLCBtYXhMZW5ndGgsIGF1dG9Db21wbGV0ZSB9O1xuICAgIH1cbiAgICByZXR1cm4ge307XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Qm91bmRlZFByb3BzID0gKHByb3BzOiBJbnB1dEJhc2VQcm9wcyk6IElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4gPT4ge1xuICAgIGlmIChpc0JvdW5kZWQocHJvcHMpKSB7XG4gICAgICAgIGNvbnN0IHsgbWluLCBtYXggfSA9IHByb3BzO1xuICAgICAgICByZXR1cm4geyBtaW4sIG1heCB9O1xuICAgIH1cbiAgICByZXR1cm4ge307XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0VGV4dGFyZWFQcm9wcyA9IChcbiAgICBwcm9wczogSW5wdXRCYXNlUHJvcHMsXG4pOiBUZXh0YXJlYUhUTUxBdHRyaWJ1dGVzPEhUTUxUZXh0QXJlYUVsZW1lbnQ+ID0+IHtcbiAgICBpZiAoaXNUZXh0YXJlYShwcm9wcykpIHtcbiAgICAgICAgY29uc3QgeyByb3dzIH0gPSBwcm9wcztcbiAgICAgICAgcmV0dXJuIHsgcm93cyB9O1xuICAgIH1cbiAgICByZXR1cm4ge307XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Q2hlY2thYmxlUHJvcHMgPSAocHJvcHM6IElucHV0QmFzZVByb3BzKTogSW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiA9PiB7XG4gICAgaWYgKGlzQ2hlY2thYmxlKHByb3BzKSkge1xuICAgICAgICBjb25zdCB7IGNoZWNrZWQgfSA9IHByb3BzO1xuICAgICAgICByZXR1cm4geyBjaGVja2VkIH07XG4gICAgfVxuICAgIHJldHVybiB7fTtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRSYWRpb1Byb3BzID0gKHByb3BzOiBJbnB1dEJhc2VQcm9wcyk6IElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4gPT4ge1xuICAgIGlmIChpc1JhZGlvKHByb3BzKSkge1xuICAgICAgICBjb25zdCB7IGNoZWNrZWQsIG5hbWUgfSA9IHByb3BzO1xuICAgICAgICByZXR1cm4geyBkZWZhdWx0Q2hlY2tlZDogY2hlY2tlZCwgbmFtZSB9O1xuICAgIH1cbiAgICByZXR1cm4ge307XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0U2VsZWN0UHJvcHMgPSAocHJvcHM6IElucHV0QmFzZVByb3BzKTogU2VsZWN0SFRNTEF0dHJpYnV0ZXM8SFRNTFNlbGVjdEVsZW1lbnQ+ID0+IHtcbiAgICBpZiAoaXNTZWxlY3QocHJvcHMpKSB7XG4gICAgICAgIGNvbnN0IHsgdmFsdWUsIGNoaWxkcmVuIH0gPSBwcm9wcztcbiAgICAgICAgcmV0dXJuIHsgdmFsdWUsIGNoaWxkcmVuIH07XG4gICAgfVxuICAgIHJldHVybiB7fTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYUEsTUFBTSxNQUFNLEdBQUcsQ0FBQyxLQUF1QjtJQUNuQyxNQUFNLEVBQUUsSUFBSSxFQUFFLEdBQUcsS0FBSyxDQUFDO0lBQ3ZCLFFBQ0ksSUFBSSxLQUFLLE1BQU07UUFDZixJQUFJLEtBQUssUUFBUTtRQUNqQixJQUFJLEtBQUssVUFBVTtRQUNuQixJQUFJLEtBQUssT0FBTztRQUNoQixJQUFJLEtBQUssS0FBSztRQUNkLElBQUksS0FBSyxLQUFLO1FBQ2QsSUFBSSxLQUFLLFFBQVE7UUFDakIsSUFBSSxLQUFLLFVBQVUsRUFDckI7QUFDTixDQUFDLENBQUM7QUFFRixNQUFNLFVBQVUsR0FBRyxDQUFDLEtBQXVCO0lBQ3ZDLE1BQU0sRUFBRSxJQUFJLEVBQUUsR0FBRyxLQUFLLENBQUM7SUFDdkIsT0FBTyxJQUFJLEtBQUssTUFBTSxJQUFJLElBQUksS0FBSyxNQUFNLENBQUM7QUFDOUMsQ0FBQyxDQUFDO0FBRUYsTUFBTSxTQUFTLEdBQUcsQ0FBQyxLQUF1QjtJQUN0QyxNQUFNLEVBQUUsSUFBSSxFQUFFLEdBQUcsS0FBSyxDQUFDO0lBQ3ZCLE9BQU8sSUFBSSxLQUFLLFFBQVEsSUFBSSxJQUFJLEtBQUssTUFBTSxJQUFJLElBQUksS0FBSyxNQUFNLENBQUM7QUFDbkUsQ0FBQyxDQUFDO0FBRUYsTUFBTSxXQUFXLEdBQUcsQ0FBQyxLQUF1QjtJQUN4QyxNQUFNLEVBQUUsSUFBSSxFQUFFLEdBQUcsS0FBSyxDQUFDO0lBQ3ZCLE9BQU8sSUFBSSxLQUFLLFVBQVUsQ0FBQztBQUMvQixDQUFDLENBQUM7QUFFRixNQUFNLE9BQU8sR0FBRyxDQUFDLEtBQXVCO0lBQ3BDLE1BQU0sRUFBRSxJQUFJLEVBQUUsR0FBRyxLQUFLLENBQUM7SUFDdkIsT0FBTyxJQUFJLEtBQUssT0FBTyxDQUFDO0FBQzVCLENBQUMsQ0FBQztBQUVGLE1BQU0sVUFBVSxHQUFHLENBQUMsS0FBdUI7SUFDdkMsTUFBTSxFQUFFLElBQUksRUFBRSxHQUFHLEtBQUssQ0FBQztJQUN2QixPQUFPLElBQUksS0FBSyxRQUFRLElBQUksSUFBSSxLQUFLLE1BQU0sSUFBSSxJQUFJLEtBQUssTUFBTSxDQUFDO0FBQ25FLENBQUMsQ0FBQztBQUVGLE1BQU0sUUFBUSxHQUFHLENBQUMsS0FBdUI7SUFDckMsTUFBTSxFQUFFLElBQUksRUFBRSxHQUFHLEtBQUssQ0FBQztJQUN2QixPQUFPLElBQUksS0FBSyxRQUFRLENBQUM7QUFDN0IsQ0FBQyxDQUFDO01BRVcsWUFBWSxHQUFHLENBQUMsS0FBcUI7SUFDOUMsSUFBSSxNQUFNLENBQUMsS0FBSyxDQUFDLEVBQUU7UUFDZixNQUFNLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEdBQUcsS0FBSyxDQUFDO1FBQzlELE9BQU8sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsQ0FBQztLQUMxRDtJQUNELE9BQU8sRUFBRSxDQUFDO0FBQ2QsRUFBRTtNQUVXLGdCQUFnQixHQUFHLENBQUMsS0FBcUI7SUFDbEQsSUFBSSxVQUFVLENBQUMsS0FBSyxDQUFDLEVBQUU7UUFDbkIsTUFBTSxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxHQUFHLEtBQUssQ0FBQztRQUNyRSxPQUFPLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLENBQUM7S0FDakU7SUFDRCxPQUFPLEVBQUUsQ0FBQztBQUNkLEVBQUU7TUFFVyxlQUFlLEdBQUcsQ0FBQyxLQUFxQjtJQUNqRCxJQUFJLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBRTtRQUNsQixNQUFNLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxHQUFHLEtBQUssQ0FBQztRQUMzQixPQUFPLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxDQUFDO0tBQ3ZCO0lBQ0QsT0FBTyxFQUFFLENBQUM7QUFDZCxFQUFFO01BRVcsZ0JBQWdCLEdBQUcsQ0FDNUIsS0FBcUI7SUFFckIsSUFBSSxVQUFVLENBQUMsS0FBSyxDQUFDLEVBQUU7UUFDbkIsTUFBTSxFQUFFLElBQUksRUFBRSxHQUFHLEtBQUssQ0FBQztRQUN2QixPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7S0FDbkI7SUFDRCxPQUFPLEVBQUUsQ0FBQztBQUNkLEVBQUU7TUFFVyxpQkFBaUIsR0FBRyxDQUFDLEtBQXFCO0lBQ25ELElBQUksV0FBVyxDQUFDLEtBQUssQ0FBQyxFQUFFO1FBQ3BCLE1BQU0sRUFBRSxPQUFPLEVBQUUsR0FBRyxLQUFLLENBQUM7UUFDMUIsT0FBTyxFQUFFLE9BQU8sRUFBRSxDQUFDO0tBQ3RCO0lBQ0QsT0FBTyxFQUFFLENBQUM7QUFDZCxFQUFFO01BRVcsYUFBYSxHQUFHLENBQUMsS0FBcUI7SUFDL0MsSUFBSSxPQUFPLENBQUMsS0FBSyxDQUFDLEVBQUU7UUFDaEIsTUFBTSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsR0FBRyxLQUFLLENBQUM7UUFDaEMsT0FBTyxFQUFFLGNBQWMsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7S0FDNUM7SUFDRCxPQUFPLEVBQUUsQ0FBQztBQUNkLEVBQUU7TUFFVyxjQUFjLEdBQUcsQ0FBQyxLQUFxQjtJQUNoRCxJQUFJLFFBQVEsQ0FBQyxLQUFLLENBQUMsRUFBRTtRQUNqQixNQUFNLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxHQUFHLEtBQUssQ0FBQztRQUNsQyxPQUFPLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxDQUFDO0tBQzlCO0lBQ0QsT0FBTyxFQUFFLENBQUM7QUFDZDs7OzsifQ==

package/dist/input/types.d.ts

@@ -1,106 +1,44 @@
-import type { Dataset } from '@preply/ds-core';
-import { ChangeEventHandler, FocusEventHandler, KeyboardEventHandler, MouseEventHandler, ReactNode } from 'react';
-declare type ARIAAttributeNames = 'aria-describedby' | 'aria-disabled' | 'aria-invalid' | 'aria-required';
-declare type WithRequired<T, K extends keyof T> = T & {
-    [P in K]-?: T[P];
+import type { ValueChangeEventHandler } from '../events';
+import type { InputTypeCheckboxProps, InputTypeDateProps, InputTypeNumberProps, InputTypePasswordProps, InputTypeRadioProps, InputTypeSelectProps, InputTypeTextProps, InputTypeTextareaProps, InputTypeTimeProps, SimpleTextInputType, UnknownInputProps } from './private/types';
+/**
+ * private <Input*> components
+ */
+export declare type InputBaseProps = UnknownInputProps & {
+    className?: string;
 };
-export declare type ARIAInputPropsMap = WithRequired<ARIAInputProps, ARIAAttributeNames>;
-export declare type ARIAInputProps = Pick<React.HTMLAttributes<HTMLInputElement>, ARIAAttributeNames>;
-export declare type SimpleTextInputType = 'text' | 'search' | 'email' | 'tel' | 'url';
-export declare type SingleLineInputType = SimpleTextInputType | 'password' | 'number' | 'date' | 'time';
-export declare type HTMLInputType = SingleLineInputType | 'checkbox' | 'radio';
-export declare type InputType = HTMLInputType | 'textarea' | 'select';
-export declare type AutoCompleteTextOptions = 'off' | 'on' | 'name' | 'email' | 'username' | 'language' | 'tel' | 'url';
-export declare type AutoCompleteDateOptions = 'off' | 'on';
-export declare type AutoCompletePasswordOptions = 'off' | 'new-password' | 'current-password';
-export interface InputCommonProps extends ARIAInputProps {
-    type: InputType;
-    id: string;
-    name?: string;
-    value?: string;
-    defaultValue?: string;
-    onChange?: ChangeEventHandler;
-    onFocus?: FocusEventHandler;
-    onBlur?: FocusEventHandler;
-    onClick?: MouseEventHandler;
-    onKeyDown?: KeyboardEventHandler;
-    onKeyUp?: KeyboardEventHandler;
-    required?: boolean;
-    disabled?: boolean;
-    hasError?: boolean;
-    dataset?: Dataset;
-}
-export interface InputStringProps extends InputCommonProps {
-    type: SingleLineInputType | 'textarea';
-    placeholder?: string;
-    maxLength?: number;
-}
-export interface InputSingleLineProps extends InputStringProps {
-    type: SingleLineInputType;
-}
-export interface SimpleTextInputTypeProps extends InputSingleLineProps {
+export declare type InputTextProps = Omit<InputTypeTextProps, 'type'> & {
     type: SimpleTextInputType;
-    autoComplete?: AutoCompleteTextOptions;
-}
-export interface InputTypeTextProps extends SimpleTextInputTypeProps {
-    type: 'text';
-}
-export interface InputTypeSearchProps extends SimpleTextInputTypeProps {
-    type: 'search';
-}
-export interface InputTypeEmailProps extends SimpleTextInputTypeProps {
-    type: 'email';
-}
-export interface InputTypeTelProps extends SimpleTextInputTypeProps {
-    type: 'tel';
-}
-export interface InputTypeUrlProps extends SimpleTextInputTypeProps {
-    type: 'url';
-}
-export interface InputTypePasswordProps extends InputSingleLineProps {
-    type: 'password';
-    autoComplete?: AutoCompletePasswordOptions;
-}
-export interface InputBoundedProps extends InputSingleLineProps {
-    type: 'number' | 'date' | 'time';
-    min?: string;
-    max?: string;
-}
-export interface InputTypeNumberProps extends InputBoundedProps {
-    type: 'number';
-}
-export interface InputTypeDateProps extends InputBoundedProps {
-    type: 'date';
-    autoComplete?: AutoCompleteDateOptions;
-}
-export interface InputTypeTimeProps extends InputBoundedProps {
-    type: 'time';
-}
-export interface InputCheckableProps extends InputCommonProps {
-    type: 'checkbox' | 'radio';
+    onValueChange?: ValueChangeEventHandler<string>;
+};
+export declare type InputTimeProps = Omit<InputTypeTimeProps, 'type' | 'value'> & {
+    defaultValue?: string;
+    onValueChange?: ValueChangeEventHandler<string>;
+};
+export declare type RadioProps = Omit<InputTypeRadioProps, 'type' | 'value'> & {
     checked?: boolean;
-}
-export interface InputTypeCheckboxProps extends InputCheckableProps {
-    type: 'checkbox';
-}
-export interface InputTypeRadioProps extends InputCommonProps, InputCheckableProps {
-    type: 'radio';
     name: string;
-}
-export interface InputTypeTextareaProps extends InputStringProps {
-    type: 'textarea';
-    rows?: number;
-}
-export interface InputTypeSelectProps extends InputCommonProps {
-    type: 'select';
-    children?: ReactNode;
-}
-export declare type InputGenericTextProps = InputTypeTextProps | InputTypeSearchProps | InputTypeEmailProps | InputTypeTelProps | InputTypeUrlProps;
-declare type UnknownInputProps = InputTypeTextProps | InputTypeSearchProps | InputTypeEmailProps | InputTypeTelProps | InputTypeUrlProps | InputTypePasswordProps | InputTypeNumberProps | InputTypeDateProps | InputTypeTimeProps | InputTypeCheckboxProps | InputTypeRadioProps | InputTypeTextareaProps | InputTypeSelectProps;
-export declare type InputProps = UnknownInputProps & {
-    className?: string;
+    onValueChange?: ValueChangeEventHandler<boolean>;
+};
+export declare type SelectProps = Omit<InputTypeSelectProps, 'type'> & {
+    onValueChange?: ValueChangeEventHandler<string>;
+};
+export declare type TextareaProps = Omit<InputTypeTextareaProps, 'type'> & {
+    onValueChange?: ValueChangeEventHandler<string>;
+};
+export declare type CheckboxProps = Omit<InputTypeCheckboxProps, 'type' | 'value'> & {
+    checked?: boolean;
+    onValueChange?: ValueChangeEventHandler<boolean>;
+};
+export declare type InputDateProps = Omit<InputTypeDateProps, 'type' | 'value' | 'defaultValue'> & {
+    defaultValue?: Date;
+    onValueChange?: ValueChangeEventHandler<Date>;
+};
+export declare type InputNumberProps = Omit<InputTypeNumberProps, 'type' | 'value' | 'min' | 'max'> & {
+    value?: number;
+    min?: number;
+    max?: number;
+    onValueChange?: ValueChangeEventHandler<number>;
 };
-export declare type CombinableInputProps<T extends InputCommonProps> = Omit<T, 'id' | 'type'> & {
-    id?: string;
+export declare type InputPasswordProps = Omit<InputTypePasswordProps, 'type'> & {
+    onValueChange?: ValueChangeEventHandler<string>;
 };
-export {};

package/dist/input/utils/getInputProps.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+import type { InputBaseProps } from '../types';
+export declare const getInputProps: (props: InputBaseProps) => HTMLAttributes<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>;

package/dist/input/utils/getInputProps.js

@@ -0,0 +1,14 @@
+import { getTextProps, getDateTimeProps, getBoundedProps, getTextareaProps, getCheckableProps, getRadioProps, getSelectProps } from '../private/utils.js';
+
+const getInputProps = (props) => ({
+    ...getTextProps(props),
+    ...getDateTimeProps(props),
+    ...getBoundedProps(props),
+    ...getTextareaProps(props),
+    ...getCheckableProps(props),
+    ...getRadioProps(props),
+    ...getSelectProps(props),
+});
+
+export { getInputProps };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0SW5wdXRQcm9wcy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2lucHV0L3V0aWxzL2dldElucHV0UHJvcHMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSFRNTEF0dHJpYnV0ZXMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7XG4gICAgZ2V0Qm91bmRlZFByb3BzLFxuICAgIGdldENoZWNrYWJsZVByb3BzLFxuICAgIGdldERhdGVUaW1lUHJvcHMsXG4gICAgZ2V0UmFkaW9Qcm9wcyxcbiAgICBnZXRTZWxlY3RQcm9wcyxcbiAgICBnZXRUZXh0UHJvcHMsXG4gICAgZ2V0VGV4dGFyZWFQcm9wcyxcbn0gZnJvbSAnLi4vcHJpdmF0ZS91dGlscyc7XG5pbXBvcnQgdHlwZSB7IElucHV0QmFzZVByb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgZ2V0SW5wdXRQcm9wcyA9IChcbiAgICBwcm9wczogSW5wdXRCYXNlUHJvcHMsXG4pOiBIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50IHwgSFRNTFNlbGVjdEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PiA9PiAoe1xuICAgIC4uLmdldFRleHRQcm9wcyhwcm9wcyksXG4gICAgLi4uZ2V0RGF0ZVRpbWVQcm9wcyhwcm9wcyksXG4gICAgLi4uZ2V0Qm91bmRlZFByb3BzKHByb3BzKSxcbiAgICAuLi5nZXRUZXh0YXJlYVByb3BzKHByb3BzKSxcbiAgICAuLi5nZXRDaGVja2FibGVQcm9wcyhwcm9wcyksXG4gICAgLi4uZ2V0UmFkaW9Qcm9wcyhwcm9wcyksXG4gICAgLi4uZ2V0U2VsZWN0UHJvcHMocHJvcHMpLFxufSk7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7TUFhYSxhQUFhLEdBQUcsQ0FDekIsS0FBcUIsTUFDeUQ7SUFDOUUsR0FBRyxZQUFZLENBQUMsS0FBSyxDQUFDO0lBQ3RCLEdBQUcsZ0JBQWdCLENBQUMsS0FBSyxDQUFDO0lBQzFCLEdBQUcsZUFBZSxDQUFDLEtBQUssQ0FBQztJQUN6QixHQUFHLGdCQUFnQixDQUFDLEtBQUssQ0FBQztJQUMxQixHQUFHLGlCQUFpQixDQUFDLEtBQUssQ0FBQztJQUMzQixHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUM7SUFDdkIsR0FBRyxjQUFjLENBQUMsS0FBSyxDQUFDO0NBQzNCOzs7OyJ9

package/dist/input/utils/useForcedRef.js

@@ -0,0 +1,11 @@
+import { useState, useEffect, useRef } from 'react';
+
+function useForcedRef() {
+    const [init] = useState(true);
+    const [, setFauxState] = useState(false);
+    useEffect(() => setFauxState(init), [init]);
+    return useRef(null);
+}
+
+export { useForcedRef };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlRm9yY2VkUmVmLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaW5wdXQvdXRpbHMvdXNlRm9yY2VkUmVmLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlZk9iamVjdCwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgZnVuY3Rpb24gdXNlRm9yY2VkUmVmPFQ+KCk6IFJlZk9iamVjdDxUPiB7XG4gICAgY29uc3QgW2luaXRdID0gdXNlU3RhdGU8Ym9vbGVhbj4odHJ1ZSk7XG4gICAgY29uc3QgWywgc2V0RmF1eFN0YXRlXSA9IHVzZVN0YXRlPGJvb2xlYW4+KGZhbHNlKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiBzZXRGYXV4U3RhdGUoaW5pdCksIFtpbml0XSk7XG5cbiAgICByZXR1cm4gdXNlUmVmPFQ+KG51bGwpO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O1NBRWdCLFlBQVk7SUFDeEIsTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLFFBQVEsQ0FBVSxJQUFJLENBQUMsQ0FBQztJQUN2QyxNQUFNLEdBQUcsWUFBWSxDQUFDLEdBQUcsUUFBUSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBRWxELFNBQVMsQ0FBQyxNQUFNLFlBQVksQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7SUFFNUMsT0FBTyxNQUFNLENBQUksSUFBSSxDQUFDLENBQUM7QUFDM0I7Ozs7In0=

package/dist/layout/hooks/useLayoutFlexClassNames.js

@@ -5,11 +5,12 @@ import styles from '../style/index.module.less.js';
 import { moduleClassNames, booleanClassNames, stringClassNames } from '../../css-module/classNames.js';
 import { useLayoutPaddingClassnames } from '../module-layout-padding/hooks/useLayoutPaddingClassnames.js';
 import { useLayoutHideClassnames } from '../module-layout-hide/hooks/useLayoutHideClassnames.js';
+import { useLayoutRelativeClassnames } from '../module-layout-relative/hooks/useLayoutRelativeClassnames.js';
 
 const LAYOUT_FLEX = 'LayoutFlex';
 const useLayoutFlexClassNames = (layout, props) => {
     useStyleExtract(styles);
-    const { gap = LAYOUT_GAP_DEFAULT, padding = LAYOUT_PADDING_DEFAULT, nowrap, column, reverse, direction, justifyContent, alignItems, hide, inline, } = props || {};
+    const { gap = LAYOUT_GAP_DEFAULT, padding = LAYOUT_PADDING_DEFAULT, nowrap, column, reverse, direction, justifyContent, alignItems, hide, relative, inline, } = props || {};
     if (layout !== 'flex') {
         return [];
     }
@@ -28,8 +29,15 @@ const useLayoutFlexClassNames = (layout, props) => {
     const paddingClassNames = useLayoutPaddingClassnames(padding);
     const showClassName = inline ? 'inline-flex' : 'flex';
     const hideClassNames = useLayoutHideClassnames(hide, showClassName);
-    return [...classNames, ...gapClassNames, ...paddingClassNames, ...hideClassNames];
+    const relativeClassNames = useLayoutRelativeClassnames(relative);
+    return [
+        ...classNames,
+        ...gapClassNames,
+        ...paddingClassNames,
+        ...hideClassNames,
+        ...relativeClassNames,
+    ];
 };
 
 export { useLayoutFlexClassNames };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0RmxleENsYXNzTmFtZXMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYXlvdXQvaG9va3MvdXNlTGF5b3V0RmxleENsYXNzTmFtZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMYXlvdXRGbGV4UHJvcHMsIExheW91dFR5cGUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBMQVlPVVRfRkxFWF9ESVJFQ1RJT05fREVGQVVMVCxcbiAgICBMQVlPVVRfR0FQX0RFRkFVTFQsXG4gICAgTEFZT1VUX1BBRERJTkdfREVGQVVMVCxcbn0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgYm9vbGVhbkNsYXNzTmFtZXMsIG1vZHVsZUNsYXNzTmFtZXMsIHN0cmluZ0NsYXNzTmFtZXMgfSBmcm9tICcuLi8uLi9jc3MtbW9kdWxlJztcbmltcG9ydCB7IHVzZVN0eWxlRXh0cmFjdCB9IGZyb20gJy4uLy4uL3Nzci9ob29rcy91c2VTdHlsZUV4dHJhY3QnO1xuaW1wb3J0IHsgdXNlTGF5b3V0R2FwQ2xhc3NuYW1lcyB9IGZyb20gJy4uL21vZHVsZS1sYXlvdXQtZ2FwL2hvb2tzL3VzZUxheW91dEdhcENsYXNzbmFtZXMnO1xuaW1wb3J0IHsgdXNlTGF5b3V0SGlkZUNsYXNzbmFtZXMgfSBmcm9tICcuLi9tb2R1bGUtbGF5b3V0LWhpZGUnO1xuaW1wb3J0IHsgdXNlTGF5b3V0UGFkZGluZ0NsYXNzbmFtZXMgfSBmcm9tICcuLi9tb2R1bGUtbGF5b3V0LXBhZGRpbmcnO1xuaW1wb3J0IHN0eWxlcyBmcm9tICcuLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IExBWU9VVF9GTEVYID0gJ0xheW91dEZsZXgnO1xuXG50eXBlIEhvb2sgPSAobGF5b3V0PzogTGF5b3V0VHlwZSwgcHJvcHM/OiBMYXlvdXRGbGV4UHJvcHMpID0+IHN0cmluZ1tdO1xuXG5leHBvcnQgY29uc3QgdXNlTGF5b3V0RmxleENsYXNzTmFtZXM6IEhvb2sgPSAobGF5b3V0LCBwcm9wcykgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3Qge1xuICAgICAgICBnYXAgPSBMQVlPVVRfR0FQX0RFRkFVTFQsXG4gICAgICAgIHBhZGRpbmcgPSBMQVlPVVRfUEFERElOR19ERUZBVUxULFxuICAgICAgICBub3dyYXAsXG4gICAgICAgIGNvbHVtbixcbiAgICAgICAgcmV2ZXJzZSxcbiAgICAgICAgZGlyZWN0aW9uLFxuICAgICAgICBqdXN0aWZ5Q29udGVudCxcbiAgICAgICAgYWxpZ25JdGVtcyxcbiAgICAgICAgaGlkZSxcbiAgICAgICAgaW5saW5lLFxuICAgIH0gPSBwcm9wcyB8fCB7fTtcblxuICAgIGlmIChsYXlvdXQgIT09ICdmbGV4Jykge1xuICAgICAgICByZXR1cm4gW107XG4gICAgfVxuXG4gICAgY29uc3QgYWN0dWFsRGlyZWN0aW9uID1cbiAgICAgICAgZGlyZWN0aW9uIHx8ICghcmV2ZXJzZSAmJiAhY29sdW1uID8gTEFZT1VUX0ZMRVhfRElSRUNUSU9OX0RFRkFVTFQgOiB1bmRlZmluZWQpO1xuXG4gICAgY29uc3QgY29sdW1uQ2xhc3NOYW1lID0gY29sdW1uID8gJ2NvbHVtbicgOiAncm93JztcbiAgICBjb25zdCByZXZlcnNlQ2xhc3NOYW1lID0gcmV2ZXJzZSA/ICdyZXYnIDogJ2Z3ZCc7XG4gICAgY29uc3QgY29sdW1uUmV2ZXJzZUNsYXNzTmFtZSA9IGAke2NvbHVtbkNsYXNzTmFtZX0tJHtyZXZlcnNlQ2xhc3NOYW1lfWA7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIExBWU9VVF9GTEVYLCBbXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdub3dyYXAnLCB1bmRlZmluZWQsIG5vd3JhcCksXG4gICAgICAgIGNvbHVtblJldmVyc2VDbGFzc05hbWUsXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ2RpcmVjdGlvbicsIGFjdHVhbERpcmVjdGlvbiksXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ2p1c3RpZnktY29udGVudCcsIGp1c3RpZnlDb250ZW50KSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnYWxpZ24taXRlbXMnLCBhbGlnbkl0ZW1zKSxcbiAgICBdKTtcblxuICAgIGNvbnN0IGdhcENsYXNzTmFtZXMgPSB1c2VMYXlvdXRHYXBDbGFzc25hbWVzKGdhcCk7XG4gICAgY29uc3QgcGFkZGluZ0NsYXNzTmFtZXMgPSB1c2VMYXlvdXRQYWRkaW5nQ2xhc3NuYW1lcyhwYWRkaW5nKTtcbiAgICBjb25zdCBzaG93Q2xhc3NOYW1lID0gaW5saW5lID8gJ2lubGluZS1mbGV4JyA6ICdmbGV4JztcbiAgICBjb25zdCBoaWRlQ2xhc3NOYW1lcyA9IHVzZUxheW91dEhpZGVDbGFzc25hbWVzKGhpZGUsIHNob3dDbGFzc05hbWUpO1xuXG4gICAgcmV0dXJuIFsuLi5jbGFzc05hbWVzLCAuLi5nYXBDbGFzc05hbWVzLCAuLi5wYWRkaW5nQ2xhc3NOYW1lcywgLi4uaGlkZUNsYXNzTmFtZXNdO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQWNBLE1BQU0sV0FBVyxHQUFHLFlBQVksQ0FBQztNQUlwQix1QkFBdUIsR0FBUyxDQUFDLE1BQU0sRUFBRSxLQUFLO0lBQ3ZELGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLEVBQ0YsR0FBRyxHQUFHLGtCQUFrQixFQUN4QixPQUFPLEdBQUcsc0JBQXNCLEVBQ2hDLE1BQU0sRUFDTixNQUFNLEVBQ04sT0FBTyxFQUNQLFNBQVMsRUFDVCxjQUFjLEVBQ2QsVUFBVSxFQUNWLElBQUksRUFDSixNQUFNLEdBQ1QsR0FBRyxLQUFLLElBQUksRUFBRSxDQUFDO0lBRWhCLElBQUksTUFBTSxLQUFLLE1BQU0sRUFBRTtRQUNuQixPQUFPLEVBQUUsQ0FBQztLQUNiO0lBRUQsTUFBTSxlQUFlLEdBQ2pCLFNBQVMsS0FBSyxDQUFDLE9BQU8sSUFBSSxDQUFDLE1BQU0sR0FBRyw2QkFBNkIsR0FBRyxTQUFTLENBQUMsQ0FBQztJQUVuRixNQUFNLGVBQWUsR0FBRyxNQUFNLEdBQUcsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUNsRCxNQUFNLGdCQUFnQixHQUFHLE9BQU8sR0FBRyxLQUFLLEdBQUcsS0FBSyxDQUFDO0lBQ2pELE1BQU0sc0JBQXNCLEdBQUcsR0FBRyxlQUFlLElBQUksZ0JBQWdCLEVBQUUsQ0FBQztJQUV4RSxNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFO1FBQ3JELGlCQUFpQixDQUFDLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxDQUFDO1FBQzlDLHNCQUFzQjtRQUN0QixnQkFBZ0IsQ0FBQyxXQUFXLEVBQUUsZUFBZSxDQUFDO1FBQzlDLGdCQUFnQixDQUFDLGlCQUFpQixFQUFFLGNBQWMsQ0FBQztRQUNuRCxnQkFBZ0IsQ0FBQyxhQUFhLEVBQUUsVUFBVSxDQUFDO0tBQzlDLENBQUMsQ0FBQztJQUVILE1BQU0sYUFBYSxHQUFHLHNCQUFzQixDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2xELE1BQU0saUJBQWlCLEdBQUcsMEJBQTBCLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDOUQsTUFBTSxhQUFhLEdBQUcsTUFBTSxHQUFHLGFBQWEsR0FBRyxNQUFNLENBQUM7SUFDdEQsTUFBTSxjQUFjLEdBQUcsdUJBQXVCLENBQUMsSUFBSSxFQUFFLGFBQWEsQ0FBQyxDQUFDO0lBRXBFLE9BQU8sQ0FBQyxHQUFHLFVBQVUsRUFBRSxHQUFHLGFBQWEsRUFBRSxHQUFHLGlCQUFpQixFQUFFLEdBQUcsY0FBYyxDQUFDLENBQUM7QUFDdEY7Ozs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0RmxleENsYXNzTmFtZXMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYXlvdXQvaG9va3MvdXNlTGF5b3V0RmxleENsYXNzTmFtZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMYXlvdXRGbGV4UHJvcHMsIExheW91dFR5cGUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBMQVlPVVRfRkxFWF9ESVJFQ1RJT05fREVGQVVMVCxcbiAgICBMQVlPVVRfR0FQX0RFRkFVTFQsXG4gICAgTEFZT1VUX1BBRERJTkdfREVGQVVMVCxcbn0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgYm9vbGVhbkNsYXNzTmFtZXMsIG1vZHVsZUNsYXNzTmFtZXMsIHN0cmluZ0NsYXNzTmFtZXMgfSBmcm9tICcuLi8uLi9jc3MtbW9kdWxlJztcbmltcG9ydCB7IHVzZVN0eWxlRXh0cmFjdCB9IGZyb20gJy4uLy4uL3Nzci9ob29rcy91c2VTdHlsZUV4dHJhY3QnO1xuaW1wb3J0IHsgdXNlTGF5b3V0R2FwQ2xhc3NuYW1lcyB9IGZyb20gJy4uL21vZHVsZS1sYXlvdXQtZ2FwL2hvb2tzL3VzZUxheW91dEdhcENsYXNzbmFtZXMnO1xuaW1wb3J0IHsgdXNlTGF5b3V0SGlkZUNsYXNzbmFtZXMgfSBmcm9tICcuLi9tb2R1bGUtbGF5b3V0LWhpZGUnO1xuaW1wb3J0IHsgdXNlTGF5b3V0UGFkZGluZ0NsYXNzbmFtZXMgfSBmcm9tICcuLi9tb2R1bGUtbGF5b3V0LXBhZGRpbmcnO1xuaW1wb3J0IHsgdXNlTGF5b3V0UmVsYXRpdmVDbGFzc25hbWVzIH0gZnJvbSAnLi4vbW9kdWxlLWxheW91dC1yZWxhdGl2ZSc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4uL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgTEFZT1VUX0ZMRVggPSAnTGF5b3V0RmxleCc7XG5cbnR5cGUgSG9vayA9IChsYXlvdXQ/OiBMYXlvdXRUeXBlLCBwcm9wcz86IExheW91dEZsZXhQcm9wcykgPT4gc3RyaW5nW107XG5cbmV4cG9ydCBjb25zdCB1c2VMYXlvdXRGbGV4Q2xhc3NOYW1lczogSG9vayA9IChsYXlvdXQsIHByb3BzKSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCB7XG4gICAgICAgIGdhcCA9IExBWU9VVF9HQVBfREVGQVVMVCxcbiAgICAgICAgcGFkZGluZyA9IExBWU9VVF9QQURESU5HX0RFRkFVTFQsXG4gICAgICAgIG5vd3JhcCxcbiAgICAgICAgY29sdW1uLFxuICAgICAgICByZXZlcnNlLFxuICAgICAgICBkaXJlY3Rpb24sXG4gICAgICAgIGp1c3RpZnlDb250ZW50LFxuICAgICAgICBhbGlnbkl0ZW1zLFxuICAgICAgICBoaWRlLFxuICAgICAgICByZWxhdGl2ZSxcbiAgICAgICAgaW5saW5lLFxuICAgIH0gPSBwcm9wcyB8fCB7fTtcblxuICAgIGlmIChsYXlvdXQgIT09ICdmbGV4Jykge1xuICAgICAgICByZXR1cm4gW107XG4gICAgfVxuXG4gICAgY29uc3QgYWN0dWFsRGlyZWN0aW9uID1cbiAgICAgICAgZGlyZWN0aW9uIHx8ICghcmV2ZXJzZSAmJiAhY29sdW1uID8gTEFZT1VUX0ZMRVhfRElSRUNUSU9OX0RFRkFVTFQgOiB1bmRlZmluZWQpO1xuXG4gICAgY29uc3QgY29sdW1uQ2xhc3NOYW1lID0gY29sdW1uID8gJ2NvbHVtbicgOiAncm93JztcbiAgICBjb25zdCByZXZlcnNlQ2xhc3NOYW1lID0gcmV2ZXJzZSA/ICdyZXYnIDogJ2Z3ZCc7XG4gICAgY29uc3QgY29sdW1uUmV2ZXJzZUNsYXNzTmFtZSA9IGAke2NvbHVtbkNsYXNzTmFtZX0tJHtyZXZlcnNlQ2xhc3NOYW1lfWA7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIExBWU9VVF9GTEVYLCBbXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdub3dyYXAnLCB1bmRlZmluZWQsIG5vd3JhcCksXG4gICAgICAgIGNvbHVtblJldmVyc2VDbGFzc05hbWUsXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ2RpcmVjdGlvbicsIGFjdHVhbERpcmVjdGlvbiksXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ2p1c3RpZnktY29udGVudCcsIGp1c3RpZnlDb250ZW50KSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnYWxpZ24taXRlbXMnLCBhbGlnbkl0ZW1zKSxcbiAgICBdKTtcblxuICAgIGNvbnN0IGdhcENsYXNzTmFtZXMgPSB1c2VMYXlvdXRHYXBDbGFzc25hbWVzKGdhcCk7XG4gICAgY29uc3QgcGFkZGluZ0NsYXNzTmFtZXMgPSB1c2VMYXlvdXRQYWRkaW5nQ2xhc3NuYW1lcyhwYWRkaW5nKTtcbiAgICBjb25zdCBzaG93Q2xhc3NOYW1lID0gaW5saW5lID8gJ2lubGluZS1mbGV4JyA6ICdmbGV4JztcbiAgICBjb25zdCBoaWRlQ2xhc3NOYW1lcyA9IHVzZUxheW91dEhpZGVDbGFzc25hbWVzKGhpZGUsIHNob3dDbGFzc05hbWUpO1xuICAgIGNvbnN0IHJlbGF0aXZlQ2xhc3NOYW1lcyA9IHVzZUxheW91dFJlbGF0aXZlQ2xhc3NuYW1lcyhyZWxhdGl2ZSk7XG5cbiAgICByZXR1cm4gW1xuICAgICAgICAuLi5jbGFzc05hbWVzLFxuICAgICAgICAuLi5nYXBDbGFzc05hbWVzLFxuICAgICAgICAuLi5wYWRkaW5nQ2xhc3NOYW1lcyxcbiAgICAgICAgLi4uaGlkZUNsYXNzTmFtZXMsXG4gICAgICAgIC4uLnJlbGF0aXZlQ2xhc3NOYW1lcyxcbiAgICBdO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFlQSxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUM7TUFJcEIsdUJBQXVCLEdBQVMsQ0FBQyxNQUFNLEVBQUUsS0FBSztJQUN2RCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxFQUNGLEdBQUcsR0FBRyxrQkFBa0IsRUFDeEIsT0FBTyxHQUFHLHNCQUFzQixFQUNoQyxNQUFNLEVBQ04sTUFBTSxFQUNOLE9BQU8sRUFDUCxTQUFTLEVBQ1QsY0FBYyxFQUNkLFVBQVUsRUFDVixJQUFJLEVBQ0osUUFBUSxFQUNSLE1BQU0sR0FDVCxHQUFHLEtBQUssSUFBSSxFQUFFLENBQUM7SUFFaEIsSUFBSSxNQUFNLEtBQUssTUFBTSxFQUFFO1FBQ25CLE9BQU8sRUFBRSxDQUFDO0tBQ2I7SUFFRCxNQUFNLGVBQWUsR0FDakIsU0FBUyxLQUFLLENBQUMsT0FBTyxJQUFJLENBQUMsTUFBTSxHQUFHLDZCQUE2QixHQUFHLFNBQVMsQ0FBQyxDQUFDO0lBRW5GLE1BQU0sZUFBZSxHQUFHLE1BQU0sR0FBRyxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ2xELE1BQU0sZ0JBQWdCLEdBQUcsT0FBTyxHQUFHLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDakQsTUFBTSxzQkFBc0IsR0FBRyxHQUFHLGVBQWUsSUFBSSxnQkFBZ0IsRUFBRSxDQUFDO0lBRXhFLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxXQUFXLEVBQUU7UUFDckQsaUJBQWlCLENBQUMsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUM7UUFDOUMsc0JBQXNCO1FBQ3RCLGdCQUFnQixDQUFDLFdBQVcsRUFBRSxlQUFlLENBQUM7UUFDOUMsZ0JBQWdCLENBQUMsaUJBQWlCLEVBQUUsY0FBYyxDQUFDO1FBQ25ELGdCQUFnQixDQUFDLGFBQWEsRUFBRSxVQUFVLENBQUM7S0FDOUMsQ0FBQyxDQUFDO0lBRUgsTUFBTSxhQUFhLEdBQUcsc0JBQXNCLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDbEQsTUFBTSxpQkFBaUIsR0FBRywwQkFBMEIsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUM5RCxNQUFNLGFBQWEsR0FBRyxNQUFNLEdBQUcsYUFBYSxHQUFHLE1BQU0sQ0FBQztJQUN0RCxNQUFNLGNBQWMsR0FBRyx1QkFBdUIsQ0FBQyxJQUFJLEVBQUUsYUFBYSxDQUFDLENBQUM7SUFDcEUsTUFBTSxrQkFBa0IsR0FBRywyQkFBMkIsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUVqRSxPQUFPO1FBQ0gsR0FBRyxVQUFVO1FBQ2IsR0FBRyxhQUFhO1FBQ2hCLEdBQUcsaUJBQWlCO1FBQ3BCLEdBQUcsY0FBYztRQUNqQixHQUFHLGtCQUFrQjtLQUN4QixDQUFDO0FBQ047Ozs7In0=

package/dist/layout/hooks/useLayoutGridClassNames.js

@@ -4,12 +4,13 @@ import { useLayoutGapClassnames } from '../module-layout-gap/hooks/useLayoutGapC
 import styles from '../style/index.module.less.js';
 import { useLayoutPaddingClassnames } from '../module-layout-padding/hooks/useLayoutPaddingClassnames.js';
 import { useLayoutHideClassnames } from '../module-layout-hide/hooks/useLayoutHideClassnames.js';
+import { useLayoutRelativeClassnames } from '../module-layout-relative/hooks/useLayoutRelativeClassnames.js';
 import { moduleClassNames, stringClassNames } from '../../css-module/classNames.js';
 
 const LAYOUT_GRID = 'LayoutGrid';
 const useLayoutGridClassNames = (layout, props) => {
     useStyleExtract(styles);
-    const { gap = LAYOUT_GAP_DEFAULT, padding = LAYOUT_PADDING_DEFAULT, justifyContent, alignItems, justifyItems, hide, } = props || {};
+    const { gap = LAYOUT_GAP_DEFAULT, padding = LAYOUT_PADDING_DEFAULT, justifyContent, alignItems, justifyItems, hide, relative, } = props || {};
     if (layout !== 'grid') {
         return [];
     }
@@ -21,8 +22,15 @@ const useLayoutGridClassNames = (layout, props) => {
     const gapClassNames = useLayoutGapClassnames(gap);
     const paddingClassNames = useLayoutPaddingClassnames(padding);
     const hideClassNames = useLayoutHideClassnames(hide, 'grid');
-    return [...classNames, ...gapClassNames, ...paddingClassNames, ...hideClassNames];
+    const relativeClassNames = useLayoutRelativeClassnames(relative);
+    return [
+        ...classNames,
+        ...gapClassNames,
+        ...paddingClassNames,
+        ...hideClassNames,
+        ...relativeClassNames,
+    ];
 };
 
 export { useLayoutGridClassNames };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0R3JpZENsYXNzTmFtZXMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYXlvdXQvaG9va3MvdXNlTGF5b3V0R3JpZENsYXNzTmFtZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMYXlvdXRHcmlkUHJvcHMsIExheW91dFR5cGUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgTEFZT1VUX0dBUF9ERUZBVUxULCBMQVlPVVRfUEFERElOR19ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgbW9kdWxlQ2xhc3NOYW1lcywgc3RyaW5nQ2xhc3NOYW1lcyB9IGZyb20gJy4uLy4uL2Nzcy1tb2R1bGUnO1xuaW1wb3J0IHsgdXNlU3R5bGVFeHRyYWN0IH0gZnJvbSAnLi4vLi4vc3NyL2hvb2tzL3VzZVN0eWxlRXh0cmFjdCc7XG5pbXBvcnQgeyB1c2VMYXlvdXRHYXBDbGFzc25hbWVzIH0gZnJvbSAnLi4vbW9kdWxlLWxheW91dC1nYXAvaG9va3MvdXNlTGF5b3V0R2FwQ2xhc3NuYW1lcyc7XG5pbXBvcnQgeyB1c2VMYXlvdXRIaWRlQ2xhc3NuYW1lcyB9IGZyb20gJy4uL21vZHVsZS1sYXlvdXQtaGlkZSc7XG5pbXBvcnQgeyB1c2VMYXlvdXRQYWRkaW5nQ2xhc3NuYW1lcyB9IGZyb20gJy4uL21vZHVsZS1sYXlvdXQtcGFkZGluZyc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4uL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgTEFZT1VUX0dSSUQgPSAnTGF5b3V0R3JpZCc7XG5cbnR5cGUgSG9vayA9IChsYXlvdXQ/OiBMYXlvdXRUeXBlLCBwcm9wcz86IExheW91dEdyaWRQcm9wcykgPT4gc3RyaW5nW107XG5cbmV4cG9ydCBjb25zdCB1c2VMYXlvdXRHcmlkQ2xhc3NOYW1lczogSG9vayA9IChsYXlvdXQsIHByb3BzKSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCB7XG4gICAgICAgIGdhcCA9IExBWU9VVF9HQVBfREVGQVVMVCxcbiAgICAgICAgcGFkZGluZyA9IExBWU9VVF9QQURESU5HX0RFRkFVTFQsXG4gICAgICAgIGp1c3RpZnlDb250ZW50LFxuICAgICAgICBhbGlnbkl0ZW1zLFxuICAgICAgICBqdXN0aWZ5SXRlbXMsXG4gICAgICAgIGhpZGUsXG4gICAgfSA9IHByb3BzIHx8IHt9O1xuXG4gICAgaWYgKGxheW91dCAhPT0gJ2dyaWQnKSB7XG4gICAgICAgIHJldHVybiBbXTtcbiAgICB9XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIExBWU9VVF9HUklELCBbXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ2p1c3RpZnktY29udGVudCcsIGp1c3RpZnlDb250ZW50KSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnYWxpZ24taXRlbXMnLCBhbGlnbkl0ZW1zKSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnanVzdGlmeS1pdGVtcycsIGp1c3RpZnlJdGVtcyksXG4gICAgXSk7XG5cbiAgICBjb25zdCBnYXBDbGFzc05hbWVzID0gdXNlTGF5b3V0R2FwQ2xhc3NuYW1lcyhnYXApO1xuICAgIGNvbnN0IHBhZGRpbmdDbGFzc05hbWVzID0gdXNlTGF5b3V0UGFkZGluZ0NsYXNzbmFtZXMocGFkZGluZyk7XG4gICAgY29uc3QgaGlkZUNsYXNzTmFtZXMgPSB1c2VMYXlvdXRIaWRlQ2xhc3NuYW1lcyhoaWRlLCAnZ3JpZCcpO1xuXG4gICAgcmV0dXJuIFsuLi5jbGFzc05hbWVzLCAuLi5nYXBDbGFzc05hbWVzLCAuLi5wYWRkaW5nQ2xhc3NOYW1lcywgLi4uaGlkZUNsYXNzTmFtZXNdO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQVVBLE1BQU0sV0FBVyxHQUFHLFlBQVksQ0FBQztNQUlwQix1QkFBdUIsR0FBUyxDQUFDLE1BQU0sRUFBRSxLQUFLO0lBQ3ZELGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLEVBQ0YsR0FBRyxHQUFHLGtCQUFrQixFQUN4QixPQUFPLEdBQUcsc0JBQXNCLEVBQ2hDLGNBQWMsRUFDZCxVQUFVLEVBQ1YsWUFBWSxFQUNaLElBQUksR0FDUCxHQUFHLEtBQUssSUFBSSxFQUFFLENBQUM7SUFFaEIsSUFBSSxNQUFNLEtBQUssTUFBTSxFQUFFO1FBQ25CLE9BQU8sRUFBRSxDQUFDO0tBQ2I7SUFFRCxNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFO1FBQ3JELGdCQUFnQixDQUFDLGlCQUFpQixFQUFFLGNBQWMsQ0FBQztRQUNuRCxnQkFBZ0IsQ0FBQyxhQUFhLEVBQUUsVUFBVSxDQUFDO1FBQzNDLGdCQUFnQixDQUFDLGVBQWUsRUFBRSxZQUFZLENBQUM7S0FDbEQsQ0FBQyxDQUFDO0lBRUgsTUFBTSxhQUFhLEdBQUcsc0JBQXNCLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDbEQsTUFBTSxpQkFBaUIsR0FBRywwQkFBMEIsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUM5RCxNQUFNLGNBQWMsR0FBRyx1QkFBdUIsQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFFN0QsT0FBTyxDQUFDLEdBQUcsVUFBVSxFQUFFLEdBQUcsYUFBYSxFQUFFLEdBQUcsaUJBQWlCLEVBQUUsR0FBRyxjQUFjLENBQUMsQ0FBQztBQUN0Rjs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0R3JpZENsYXNzTmFtZXMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYXlvdXQvaG9va3MvdXNlTGF5b3V0R3JpZENsYXNzTmFtZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMYXlvdXRHcmlkUHJvcHMsIExheW91dFR5cGUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgTEFZT1VUX0dBUF9ERUZBVUxULCBMQVlPVVRfUEFERElOR19ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgbW9kdWxlQ2xhc3NOYW1lcywgc3RyaW5nQ2xhc3NOYW1lcyB9IGZyb20gJy4uLy4uL2Nzcy1tb2R1bGUnO1xuaW1wb3J0IHsgdXNlU3R5bGVFeHRyYWN0IH0gZnJvbSAnLi4vLi4vc3NyL2hvb2tzL3VzZVN0eWxlRXh0cmFjdCc7XG5pbXBvcnQgeyB1c2VMYXlvdXRHYXBDbGFzc25hbWVzIH0gZnJvbSAnLi4vbW9kdWxlLWxheW91dC1nYXAvaG9va3MvdXNlTGF5b3V0R2FwQ2xhc3NuYW1lcyc7XG5pbXBvcnQgeyB1c2VMYXlvdXRIaWRlQ2xhc3NuYW1lcyB9IGZyb20gJy4uL21vZHVsZS1sYXlvdXQtaGlkZSc7XG5pbXBvcnQgeyB1c2VMYXlvdXRQYWRkaW5nQ2xhc3NuYW1lcyB9IGZyb20gJy4uL21vZHVsZS1sYXlvdXQtcGFkZGluZyc7XG5pbXBvcnQgeyB1c2VMYXlvdXRSZWxhdGl2ZUNsYXNzbmFtZXMgfSBmcm9tICcuLi9tb2R1bGUtbGF5b3V0LXJlbGF0aXZlJztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5jb25zdCBMQVlPVVRfR1JJRCA9ICdMYXlvdXRHcmlkJztcblxudHlwZSBIb29rID0gKGxheW91dD86IExheW91dFR5cGUsIHByb3BzPzogTGF5b3V0R3JpZFByb3BzKSA9PiBzdHJpbmdbXTtcblxuZXhwb3J0IGNvbnN0IHVzZUxheW91dEdyaWRDbGFzc05hbWVzOiBIb29rID0gKGxheW91dCwgcHJvcHMpID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IHtcbiAgICAgICAgZ2FwID0gTEFZT1VUX0dBUF9ERUZBVUxULFxuICAgICAgICBwYWRkaW5nID0gTEFZT1VUX1BBRERJTkdfREVGQVVMVCxcbiAgICAgICAganVzdGlmeUNvbnRlbnQsXG4gICAgICAgIGFsaWduSXRlbXMsXG4gICAgICAgIGp1c3RpZnlJdGVtcyxcbiAgICAgICAgaGlkZSxcbiAgICAgICAgcmVsYXRpdmUsXG4gICAgfSA9IHByb3BzIHx8IHt9O1xuXG4gICAgaWYgKGxheW91dCAhPT0gJ2dyaWQnKSB7XG4gICAgICAgIHJldHVybiBbXTtcbiAgICB9XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIExBWU9VVF9HUklELCBbXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ2p1c3RpZnktY29udGVudCcsIGp1c3RpZnlDb250ZW50KSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnYWxpZ24taXRlbXMnLCBhbGlnbkl0ZW1zKSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnanVzdGlmeS1pdGVtcycsIGp1c3RpZnlJdGVtcyksXG4gICAgXSk7XG5cbiAgICBjb25zdCBnYXBDbGFzc05hbWVzID0gdXNlTGF5b3V0R2FwQ2xhc3NuYW1lcyhnYXApO1xuICAgIGNvbnN0IHBhZGRpbmdDbGFzc05hbWVzID0gdXNlTGF5b3V0UGFkZGluZ0NsYXNzbmFtZXMocGFkZGluZyk7XG4gICAgY29uc3QgaGlkZUNsYXNzTmFtZXMgPSB1c2VMYXlvdXRIaWRlQ2xhc3NuYW1lcyhoaWRlLCAnZ3JpZCcpO1xuICAgIGNvbnN0IHJlbGF0aXZlQ2xhc3NOYW1lcyA9IHVzZUxheW91dFJlbGF0aXZlQ2xhc3NuYW1lcyhyZWxhdGl2ZSk7XG5cbiAgICByZXR1cm4gW1xuICAgICAgICAuLi5jbGFzc05hbWVzLFxuICAgICAgICAuLi5nYXBDbGFzc05hbWVzLFxuICAgICAgICAuLi5wYWRkaW5nQ2xhc3NOYW1lcyxcbiAgICAgICAgLi4uaGlkZUNsYXNzTmFtZXMsXG4gICAgICAgIC4uLnJlbGF0aXZlQ2xhc3NOYW1lcyxcbiAgICBdO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFXQSxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUM7TUFJcEIsdUJBQXVCLEdBQVMsQ0FBQyxNQUFNLEVBQUUsS0FBSztJQUN2RCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxFQUNGLEdBQUcsR0FBRyxrQkFBa0IsRUFDeEIsT0FBTyxHQUFHLHNCQUFzQixFQUNoQyxjQUFjLEVBQ2QsVUFBVSxFQUNWLFlBQVksRUFDWixJQUFJLEVBQ0osUUFBUSxHQUNYLEdBQUcsS0FBSyxJQUFJLEVBQUUsQ0FBQztJQUVoQixJQUFJLE1BQU0sS0FBSyxNQUFNLEVBQUU7UUFDbkIsT0FBTyxFQUFFLENBQUM7S0FDYjtJQUVELE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxXQUFXLEVBQUU7UUFDckQsZ0JBQWdCLENBQUMsaUJBQWlCLEVBQUUsY0FBYyxDQUFDO1FBQ25ELGdCQUFnQixDQUFDLGFBQWEsRUFBRSxVQUFVLENBQUM7UUFDM0MsZ0JBQWdCLENBQUMsZUFBZSxFQUFFLFlBQVksQ0FBQztLQUNsRCxDQUFDLENBQUM7SUFFSCxNQUFNLGFBQWEsR0FBRyxzQkFBc0IsQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNsRCxNQUFNLGlCQUFpQixHQUFHLDBCQUEwQixDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQzlELE1BQU0sY0FBYyxHQUFHLHVCQUF1QixDQUFDLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQztJQUM3RCxNQUFNLGtCQUFrQixHQUFHLDJCQUEyQixDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBRWpFLE9BQU87UUFDSCxHQUFHLFVBQVU7UUFDYixHQUFHLGFBQWE7UUFDaEIsR0FBRyxpQkFBaUI7UUFDcEIsR0FBRyxjQUFjO1FBQ2pCLEdBQUcsa0JBQWtCO0tBQ3hCLENBQUM7QUFDTjs7OzsifQ==

package/dist/layout/index.d.ts

@@ -5,4 +5,5 @@ export { useLayoutGridResponsiveColumns } from './hooks/useLayoutGridResponsiveC
 export { useLayoutHideClassnames } from './module-layout-hide';
 export { useAlignSelfClassNames } from './module-align-self';
 export { useLayoutPaddingClassnames } from './module-layout-padding';
+export { useLayoutRelativeClassnames } from './module-layout-relative';
 export * from './module-layout-gap';

package/dist/layout/index.js

@@ -5,5 +5,6 @@ export { useLayoutGridResponsiveColumns } from './hooks/useLayoutGridResponsiveC
 export { useLayoutHideClassnames } from './module-layout-hide/hooks/useLayoutHideClassnames.js';
 export { useAlignSelfClassNames } from './module-align-self/hooks/useAlignSelfClassNames.js';
 export { useLayoutPaddingClassnames } from './module-layout-padding/hooks/useLayoutPaddingClassnames.js';
+export { useLayoutRelativeClassnames } from './module-layout-relative/hooks/useLayoutRelativeClassnames.js';
 export { useLayoutGapClassnames } from './module-layout-gap/hooks/useLayoutGapClassnames.js';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OzsifQ==

package/dist/layout/module-layout-relative/hooks/useLayoutRelativeClassnames.d.ts

@@ -0,0 +1,3 @@
+export declare const useLayoutRelativeClassnames: (relative?: boolean | ({
+    _: boolean;
+} & Partial<Record<import("@preply/ds-core").Breakpoint, boolean>>) | undefined) => string[];

package/dist/layout/module-layout-relative/hooks/useLayoutRelativeClassnames.js

@@ -0,0 +1,14 @@
+import { useStyleExtract } from '../../../ssr/hooks/useStyleExtract.js';
+import styles from '../style/index.module.less.js';
+import { moduleLocals, booleanClassNames } from '../../../css-module/classNames.js';
+
+const LAYOUT_RELATIVE = 'LayoutRelative';
+const useLayoutRelativeClassnames = (relative) => {
+    useStyleExtract(styles);
+    return moduleLocals(styles, LAYOUT_RELATIVE, [
+        booleanClassNames('relative', undefined, relative),
+    ]);
+};
+
+export { useLayoutRelativeClassnames };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0UmVsYXRpdmVDbGFzc25hbWVzLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGF5b3V0L21vZHVsZS1sYXlvdXQtcmVsYXRpdmUvaG9va3MvdXNlTGF5b3V0UmVsYXRpdmVDbGFzc25hbWVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVzcG9uc2l2ZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5cbmltcG9ydCB7IGJvb2xlYW5DbGFzc05hbWVzLCBtb2R1bGVMb2NhbHMgfSBmcm9tICcuLi8uLi8uLi9jc3MtbW9kdWxlJztcbmltcG9ydCB7IHVzZVN0eWxlRXh0cmFjdCB9IGZyb20gJy4uLy4uLy4uL3Nzci9ob29rcy91c2VTdHlsZUV4dHJhY3QnO1xuaW1wb3J0IHN0eWxlcyBmcm9tICcuLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IExBWU9VVF9SRUxBVElWRSA9ICdMYXlvdXRSZWxhdGl2ZSc7XG5cbmV4cG9ydCBjb25zdCB1c2VMYXlvdXRSZWxhdGl2ZUNsYXNzbmFtZXMgPSAocmVsYXRpdmU/OiBSZXNwb25zaXZlPGJvb2xlYW4+KTogc3RyaW5nW10gPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgcmV0dXJuIG1vZHVsZUxvY2FscyhzdHlsZXMsIExBWU9VVF9SRUxBVElWRSwgW1xuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygncmVsYXRpdmUnLCB1bmRlZmluZWQsIHJlbGF0aXZlKSxcbiAgICBdKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQU1BLE1BQU0sZUFBZSxHQUFHLGdCQUFnQixDQUFDO01BRTVCLDJCQUEyQixHQUFHLENBQUMsUUFBOEI7SUFDdEUsZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE9BQU8sWUFBWSxDQUFDLE1BQU0sRUFBRSxlQUFlLEVBQUU7UUFDekMsaUJBQWlCLENBQUMsVUFBVSxFQUFFLFNBQVMsRUFBRSxRQUFRLENBQUM7S0FDckQsQ0FBQyxDQUFDO0FBQ1A7Ozs7In0=

package/dist/layout/module-layout-relative/index.d.ts

@@ -0,0 +1 @@
+export { useLayoutRelativeClassnames } from './hooks/useLayoutRelativeClassnames';

package/dist/layout/module-layout-relative/index.js

@@ -0,0 +1,2 @@
+export { useLayoutRelativeClassnames } from './hooks/useLayoutRelativeClassnames.js';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/dist/layout/module-layout-relative/style/index.module.less

@@ -0,0 +1,5 @@
+@import './mixins.less';
+
+.LayoutRelative {
+    .layout-relative();
+}

package/dist/layout/module-layout-relative/style/index.module.less.js

@@ -0,0 +1,9 @@
+import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
+
+var css_248z = "._3xRBBL{position:relative}";
+var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-core/src/layout/module-layout-relative/style/index.module.less",__css:css_248z,"LayoutRelative--relative":"_3xRBBL"};
+var stylesheet=css_248z;
+styleInject(css_248z);
+
+export { styles as default, stylesheet };
+

package/dist/layout/module-layout-relative/style/mixins.less

@@ -0,0 +1,5 @@
+.layout-relative() {
+    &--relative {
+        position: relative;
+    }
+}

package/dist/layout/module-layout-relative/style/mixins.less.js

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

package/dist/svg/index.d.ts

@@ -0,0 +1 @@
+export * from './types';

package/dist/svg/index.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/dist/svg/types.d.ts

@@ -0,0 +1,2 @@
+import { SVGAttributes } from 'react';
+export declare type ReactSVGComponentType = React.ComponentType<SVGAttributes<SVGElement>>;

package/dist/svg/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/dist/theme/style/declarations.mixins.less

@@ -96,6 +96,11 @@
     background-color: @@token;
 }
 
+.border-width(@namespace, @key) {
+    @token: '@{namespace}-@{key}-borderWidth';
+    border-width: @@token;
+}
+
 .border-color(@namespace, @key) {
     @token: '@{namespace}-@{key}-borderColor';
     border-color: @@token;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@preply/ds-web-core",
-    "version": "0.48.0",
+    "version": "0.49.0",
     "publishConfig": {
         "access": "public"
     },
@@ -19,14 +19,14 @@
         "dev": "run build:rollup -w"
     },
     "dependencies": {
-        "@preply/ds-core": "0.48.0",
-        "@preply/ds-core-types": "0.48.0"
+        "@preply/ds-core": "0.49.0",
+        "@preply/ds-core-types": "0.49.0"
     },
     "peerDependencies": {
-        "@preply/ds-core": "0.48.0",
-        "@preply/ds-core-types": "0.48.0",
+        "@preply/ds-core": "0.49.0",
+        "@preply/ds-core-types": "0.49.0",
         "react": "^16.8.3",
         "react-dom": "^16.8.3"
     },
-    "gitHead": "fbdfd8333ec527e33eb0eb6dc1b3d8b0a90fe20b"
+    "gitHead": "3e8afea186374a22e2491bf687edd78b6ff99e60"
 }

package/dist/input/util.js

@@ -1,11 +0,0 @@
-import { useState, useEffect, useRef } from 'react';
-
-function useForcedRef() {
-    const [init] = useState(true);
-    const [, setFauxState] = useState(false);
-    useEffect(() => setFauxState(init), [init]);
-    return useRef(null);
-}
-
-export { useForcedRef };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2lucHV0L3V0aWwudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVmT2JqZWN0LCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBmdW5jdGlvbiB1c2VGb3JjZWRSZWY8VD4oKTogUmVmT2JqZWN0PFQ+IHtcbiAgICBjb25zdCBbaW5pdF0gPSB1c2VTdGF0ZTxib29sZWFuPih0cnVlKTtcbiAgICBjb25zdCBbLCBzZXRGYXV4U3RhdGVdID0gdXNlU3RhdGU8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHNldEZhdXhTdGF0ZShpbml0KSwgW2luaXRdKTtcblxuICAgIHJldHVybiB1c2VSZWY8VD4obnVsbCk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7U0FFZ0IsWUFBWTtJQUN4QixNQUFNLENBQUMsSUFBSSxDQUFDLEdBQUcsUUFBUSxDQUFVLElBQUksQ0FBQyxDQUFDO0lBQ3ZDLE1BQU0sR0FBRyxZQUFZLENBQUMsR0FBRyxRQUFRLENBQVUsS0FBSyxDQUFDLENBQUM7SUFFbEQsU0FBUyxDQUFDLE1BQU0sWUFBWSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUU1QyxPQUFPLE1BQU0sQ0FBSSxJQUFJLENBQUMsQ0FBQztBQUMzQjs7OzsifQ==