@preply/ds-web-core 0.46.0 → 0.48.0

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { InputCommonProps } from '../../input';
+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">;

package/dist/accessibility/aria/utils.js

@@ -0,0 +1,22 @@
+const SUFIX = '-desc';
+const removeFalsyProperties = (props) => {
+    return Object.keys(props).reduce((acc, key) => {
+        if (props[key]) {
+            acc[key] = props[key];
+        }
+        return acc;
+    }, {});
+};
+const makeDescId = (id) => `${id}${SUFIX}`;
+const getAriaProps = ({ 'aria-describedby': ariaDescribedBy, 'aria-disabled': ariaDisabled, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, required, disabled, hasError, }) => {
+    const props = {
+        'aria-describedby': ariaDescribedBy || '',
+        'aria-disabled': !!ariaDisabled || !!disabled,
+        'aria-invalid': !!ariaInvalid || !!hasError,
+        'aria-required': !!ariaRequired || !!required,
+    };
+    return removeFalsyProperties(props);
+};
+
+export { getAriaProps, makeDescId };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hY2Nlc3NpYmlsaXR5L2FyaWEvdXRpbHMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBBUklBSW5wdXRQcm9wcywgQVJJQUlucHV0UHJvcHNNYXAsIElucHV0Q29tbW9uUHJvcHMgfSBmcm9tICcuLi8uLi9pbnB1dCc7XG5cbmNvbnN0IFNVRklYID0gJy1kZXNjJztcblxuY29uc3QgcmVtb3ZlRmFsc3lQcm9wZXJ0aWVzID0gKHByb3BzOiBBUklBSW5wdXRQcm9wc01hcCk6IEFSSUFJbnB1dFByb3BzID0+IHtcbiAgICByZXR1cm4gT2JqZWN0LmtleXMocHJvcHMpLnJlZHVjZSgoYWNjLCBrZXkpID0+IHtcbiAgICAgICAgaWYgKHByb3BzW2tleV0pIHtcbiAgICAgICAgICAgIGFjY1trZXldID0gcHJvcHNba2V5XTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gYWNjO1xuICAgIH0sIHt9KTtcbn07XG5cbmV4cG9ydCBjb25zdCBtYWtlRGVzY0lkID0gKGlkOiBzdHJpbmcpOiBzdHJpbmcgPT4gYCR7aWR9JHtTVUZJWH1gO1xuXG5leHBvcnQgY29uc3QgZ2V0QXJpYVByb3BzID0gKHtcbiAgICAnYXJpYS1kZXNjcmliZWRieSc6IGFyaWFEZXNjcmliZWRCeSxcbiAgICAnYXJpYS1kaXNhYmxlZCc6IGFyaWFEaXNhYmxlZCxcbiAgICAnYXJpYS1pbnZhbGlkJzogYXJpYUludmFsaWQsXG4gICAgJ2FyaWEtcmVxdWlyZWQnOiBhcmlhUmVxdWlyZWQsXG4gICAgcmVxdWlyZWQsXG4gICAgZGlzYWJsZWQsXG4gICAgaGFzRXJyb3IsXG59OiBJbnB1dENvbW1vblByb3BzKTogQVJJQUlucHV0UHJvcHMgPT4ge1xuICAgIGNvbnN0IHByb3BzID0ge1xuICAgICAgICAnYXJpYS1kZXNjcmliZWRieSc6IGFyaWFEZXNjcmliZWRCeSB8fCAnJyxcbiAgICAgICAgJ2FyaWEtZGlzYWJsZWQnOiAhIWFyaWFEaXNhYmxlZCB8fCAhIWRpc2FibGVkLFxuICAgICAgICAnYXJpYS1pbnZhbGlkJzogISFhcmlhSW52YWxpZCB8fCAhIWhhc0Vycm9yLFxuICAgICAgICAnYXJpYS1yZXF1aXJlZCc6ICEhYXJpYVJlcXVpcmVkIHx8ICEhcmVxdWlyZWQsXG4gICAgfTtcblxuICAgIHJldHVybiByZW1vdmVGYWxzeVByb3BlcnRpZXMocHJvcHMpO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxNQUFNLEtBQUssR0FBRyxPQUFPLENBQUM7QUFFdEIsTUFBTSxxQkFBcUIsR0FBRyxDQUFDLEtBQXdCO0lBQ25ELE9BQU8sTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxHQUFHLEVBQUUsR0FBRztRQUN0QyxJQUFJLEtBQUssQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUNaLEdBQUcsQ0FBQyxHQUFHLENBQUMsR0FBRyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7U0FDekI7UUFDRCxPQUFPLEdBQUcsQ0FBQztLQUNkLEVBQUUsRUFBRSxDQUFDLENBQUM7QUFDWCxDQUFDLENBQUM7TUFFVyxVQUFVLEdBQUcsQ0FBQyxFQUFVLEtBQWEsR0FBRyxFQUFFLEdBQUcsS0FBSyxHQUFHO01BRXJELFlBQVksR0FBRyxDQUFDLEVBQ3pCLGtCQUFrQixFQUFFLGVBQWUsRUFDbkMsZUFBZSxFQUFFLFlBQVksRUFDN0IsY0FBYyxFQUFFLFdBQVcsRUFDM0IsZUFBZSxFQUFFLFlBQVksRUFDN0IsUUFBUSxFQUNSLFFBQVEsRUFDUixRQUFRLEdBQ087SUFDZixNQUFNLEtBQUssR0FBRztRQUNWLGtCQUFrQixFQUFFLGVBQWUsSUFBSSxFQUFFO1FBQ3pDLGVBQWUsRUFBRSxDQUFDLENBQUMsWUFBWSxJQUFJLENBQUMsQ0FBQyxRQUFRO1FBQzdDLGNBQWMsRUFBRSxDQUFDLENBQUMsV0FBVyxJQUFJLENBQUMsQ0FBQyxRQUFRO1FBQzNDLGVBQWUsRUFBRSxDQUFDLENBQUMsWUFBWSxJQUFJLENBQUMsQ0FBQyxRQUFRO0tBQ2hELENBQUM7SUFFRixPQUFPLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0FBQ3hDOzs7OyJ9

package/dist/accessibility/index.d.ts

@@ -0,0 +1 @@
+export { getAriaProps } from './aria/utils';

package/dist/accessibility/index.js

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

package/dist/accessibility/style/mixins.less

@@ -0,0 +1,9 @@
+.sr-only() {
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    height: 1px;
+    overflow: hidden;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+}

package/dist/actions/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3QixxREFBeUQ7QUFDakY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9

package/dist/color/module-color/hooks/useColorClassNames.d.ts

@@ -1 +1 @@
-export declare const useColorClassNames: (color?: "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | undefined) => string[];
+export declare const useColorClassNames: (color?: "white" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | undefined) => string[];

package/dist/color/module-color/style/index.module.less.js

@@ -1,7 +1,7 @@
 import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = "._1vfDCY{color:var(--55407f)}._1o2DZF{color:var(--8f1238)}.q9fWe6{color:var(--da403c)}._1kfchs{color:var(--7c8c3c)}._3uaBxy{color:var(--c9575b)}.eDvRT_{color:var(--2fb6f7)}._3Ifh5r{color:var(--54ed1d)}._3LVNko{color:var(--b706bf)}._2VdjaD{color:var(--4adefb)}.yh0c33{color:var(--de8a40)}.Aq4AtN{color:var(--574543)}._3RuNeA{color:var(--1383a7)}._2bQCMl{color:var(--9f1066)}._3FBrRQ{color:var(--d4cf94)}._3NFMly{color:var(--bbfa9f)}._2YTgye{color:var(--5f8b30)}._31OOeZ{color:var(--c7d8be)}._3Pou89{color:var(--17bab8)}._2nKF5_{color:var(--f017e5)}.-HvjkO{color:var(--2242ed)}._3Kg-jM{color:var(--e40de4)}._1AH5nF{color:var(--ecb5d5)}._1swZ2a{color:var(--5b5cb0)}.OKvn8i{color:var(--d55c71)}.zHIi6Q{color:var(--4e47fe)}._2eZwFa{color:var(--3e7877)}.uEusgR{color:var(--21906f)}._2CdJlo{color:var(--5d87f3)}._2EQ-Hn{color:var(--201e14)}._1p2EKt{color:var(--e1c27c)}._2zLkru{color:var(--6a1420)}._1UFSvM{color:var(--1a9963)}._1IatQi{color:var(--b774df)}._1U0k7H{color:var(--f72cdd)}.wW0RJ9{color:var(--6cbd80)}._1HVxJ3{color:var(--5893e7)}";
-var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-core/src/color/module-color/style/index.module.less",__css:css_248z,"Color--color-gray-100":"_1vfDCY","Color--color-gray-200":"_1o2DZF","Color--color-gray-300":"q9fWe6","Color--color-gray-400":"_1kfchs","Color--color-gray-500":"_3uaBxy","Color--color-gray-600":"eDvRT_","Color--color-teal-100":"_3Ifh5r","Color--color-teal-200":"_3LVNko","Color--color-teal-300":"_2VdjaD","Color--color-teal-400":"yh0c33","Color--color-teal-500":"Aq4AtN","Color--color-green-100":"_3RuNeA","Color--color-green-200":"_2bQCMl","Color--color-green-300":"_3FBrRQ","Color--color-green-400":"_3NFMly","Color--color-green-500":"_2YTgye","Color--color-yellow-100":"_31OOeZ","Color--color-yellow-200":"_3Pou89","Color--color-yellow-300":"_2nKF5_","Color--color-yellow-400":"-HvjkO","Color--color-yellow-500":"_3Kg-jM","Color--color-red-100":"_1AH5nF","Color--color-red-200":"_1swZ2a","Color--color-red-300":"OKvn8i","Color--color-red-400":"zHIi6Q","Color--color-red-500":"_2eZwFa","Color--color-blue-100":"uEusgR","Color--color-blue-200":"_2CdJlo","Color--color-blue-300":"_2EQ-Hn","Color--color-blue-400":"_1p2EKt","Color--color-blue-500":"_2zLkru","Color--color-magenta-100":"_1UFSvM","Color--color-magenta-200":"_1IatQi","Color--color-magenta-300":"_1U0k7H","Color--color-magenta-400":"wW0RJ9","Color--color-magenta-500":"_1HVxJ3"};
+var css_248z = "._1oG1KT{color:var(--145676)}._1vfDCY{color:var(--55407f)}._1o2DZF{color:var(--8f1238)}.q9fWe6{color:var(--da403c)}._1kfchs{color:var(--7c8c3c)}._3uaBxy{color:var(--c9575b)}.eDvRT_{color:var(--2fb6f7)}._3Ifh5r{color:var(--54ed1d)}._3LVNko{color:var(--b706bf)}._2VdjaD{color:var(--4adefb)}.yh0c33{color:var(--de8a40)}.Aq4AtN{color:var(--574543)}._3RuNeA{color:var(--1383a7)}._2bQCMl{color:var(--9f1066)}._3FBrRQ{color:var(--d4cf94)}._3NFMly{color:var(--bbfa9f)}._2YTgye{color:var(--5f8b30)}._31OOeZ{color:var(--c7d8be)}._3Pou89{color:var(--17bab8)}._2nKF5_{color:var(--f017e5)}.-HvjkO{color:var(--2242ed)}._3Kg-jM{color:var(--e40de4)}._1AH5nF{color:var(--ecb5d5)}._1swZ2a{color:var(--5b5cb0)}.OKvn8i{color:var(--d55c71)}.zHIi6Q{color:var(--4e47fe)}._2eZwFa{color:var(--3e7877)}.uEusgR{color:var(--21906f)}._2CdJlo{color:var(--5d87f3)}._2EQ-Hn{color:var(--201e14)}._1p2EKt{color:var(--e1c27c)}._2zLkru{color:var(--6a1420)}._1UFSvM{color:var(--1a9963)}._1IatQi{color:var(--b774df)}._1U0k7H{color:var(--f72cdd)}.wW0RJ9{color:var(--6cbd80)}._1HVxJ3{color:var(--5893e7)}";
+var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-core/src/color/module-color/style/index.module.less",__css:css_248z,"Color--color-white":"_1oG1KT","Color--color-gray-100":"_1vfDCY","Color--color-gray-200":"_1o2DZF","Color--color-gray-300":"q9fWe6","Color--color-gray-400":"_1kfchs","Color--color-gray-500":"_3uaBxy","Color--color-gray-600":"eDvRT_","Color--color-teal-100":"_3Ifh5r","Color--color-teal-200":"_3LVNko","Color--color-teal-300":"_2VdjaD","Color--color-teal-400":"yh0c33","Color--color-teal-500":"Aq4AtN","Color--color-green-100":"_3RuNeA","Color--color-green-200":"_2bQCMl","Color--color-green-300":"_3FBrRQ","Color--color-green-400":"_3NFMly","Color--color-green-500":"_2YTgye","Color--color-yellow-100":"_31OOeZ","Color--color-yellow-200":"_3Pou89","Color--color-yellow-300":"_2nKF5_","Color--color-yellow-400":"-HvjkO","Color--color-yellow-500":"_3Kg-jM","Color--color-red-100":"_1AH5nF","Color--color-red-200":"_1swZ2a","Color--color-red-300":"OKvn8i","Color--color-red-400":"zHIi6Q","Color--color-red-500":"_2eZwFa","Color--color-blue-100":"uEusgR","Color--color-blue-200":"_2CdJlo","Color--color-blue-300":"_2EQ-Hn","Color--color-blue-400":"_1p2EKt","Color--color-blue-500":"_2zLkru","Color--color-magenta-100":"_1UFSvM","Color--color-magenta-200":"_1IatQi","Color--color-magenta-300":"_1U0k7H","Color--color-magenta-400":"wW0RJ9","Color--color-magenta-500":"_1HVxJ3"};
 var stylesheet=css_248z;
 styleInject(css_248z);
 

package/dist/dom/props/constants.d.ts

@@ -1,6 +1,5 @@
-export declare const PROPS_EXTERNAL_REL: {
-    rel: string;
-};
+export declare const REL_VALUES_EXTERNAL_URL: string[];
+export declare const REL_VALUES_NO_FOLLOW: string[];
 export declare const PROPS_EXTERNAL_TARGET: {
     target: string;
 };

package/dist/dom/props/constants.js

@@ -1,5 +1,6 @@
-const PROPS_EXTERNAL_REL = { rel: 'noreferrer noopener' };
+const REL_VALUES_EXTERNAL_URL = ['noreferrer', 'noopener'];
+const REL_VALUES_NO_FOLLOW = ['nofollow'];
 const PROPS_EXTERNAL_TARGET = { target: '_blank' };
 
-export { PROPS_EXTERNAL_REL, PROPS_EXTERNAL_TARGET };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZG9tL3Byb3BzL2NvbnN0YW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY29uc3QgUFJPUFNfRVhURVJOQUxfUkVMID0geyByZWw6ICdub3JlZmVycmVyIG5vb3BlbmVyJyB9O1xuZXhwb3J0IGNvbnN0IFBST1BTX0VYVEVSTkFMX1RBUkdFVCA9IHsgdGFyZ2V0OiAnX2JsYW5rJyB9O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJNQUFhLGtCQUFrQixHQUFHLEVBQUUsR0FBRyxFQUFFLHFCQUFxQixHQUFHO01BQ3BELHFCQUFxQixHQUFHLEVBQUUsTUFBTSxFQUFFLFFBQVE7Ozs7In0=
+export { PROPS_EXTERNAL_TARGET, REL_VALUES_EXTERNAL_URL, REL_VALUES_NO_FOLLOW };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZG9tL3Byb3BzL2NvbnN0YW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY29uc3QgUkVMX1ZBTFVFU19FWFRFUk5BTF9VUkwgPSBbJ25vcmVmZXJyZXInLCAnbm9vcGVuZXInXTtcbmV4cG9ydCBjb25zdCBSRUxfVkFMVUVTX05PX0ZPTExPVyA9IFsnbm9mb2xsb3cnXTtcbmV4cG9ydCBjb25zdCBQUk9QU19FWFRFUk5BTF9UQVJHRVQgPSB7IHRhcmdldDogJ19ibGFuaycgfTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiTUFBYSx1QkFBdUIsR0FBRyxDQUFDLFlBQVksRUFBRSxVQUFVLEVBQUU7TUFDckQsb0JBQW9CLEdBQUcsQ0FBQyxVQUFVLEVBQUU7TUFDcEMscUJBQXFCLEdBQUcsRUFBRSxNQUFNLEVBQUUsUUFBUTs7OzsifQ==

package/dist/dom/props/index.d.ts

@@ -1,4 +1,4 @@
 import type { Dataset } from '@preply/ds-core';
 import type { AnchorProps } from '../../types';
 export declare const getDatasetProps: (dataset?: Dataset | undefined) => Dataset;
-export declare const getExternalUrlProps: (hostname: string | undefined, url: string, opensInNewTab?: boolean | undefined) => AnchorProps;
+export declare const getExternalUrlProps: (hostname: string | undefined, url: string, opensInNewTab?: boolean | undefined, nofollow?: boolean | undefined) => AnchorProps;

package/dist/dom/props/index.js

@@ -1,6 +1,6 @@
 import { currentHostname } from '../../location/index.js';
 import { domainOf } from '../../url/index.js';
-import { PROPS_EXTERNAL_REL, PROPS_EXTERNAL_TARGET } from './constants.js';
+import { REL_VALUES_EXTERNAL_URL, REL_VALUES_NO_FOLLOW, PROPS_EXTERNAL_TARGET } from './constants.js';
 
 const getDatasetProps = (dataset) => {
     if (!dataset) {
@@ -11,15 +11,18 @@ const getDatasetProps = (dataset) => {
         return acc;
     }, {});
 };
-const getExternalUrlProps = (hostname, url, opensInNewTab) => {
+const getExternalUrlProps = (hostname, url, opensInNewTab, nofollow) => {
     const local = hostname || currentHostname();
     const isAbsolute = /^[a-z]+:/.test(url) || url.startsWith('//');
     const isExternal = isAbsolute && domainOf(url) !== local;
-    const propsRel = isExternal ? PROPS_EXTERNAL_REL : {};
+    const relValuesNoFollow = isExternal ? REL_VALUES_EXTERNAL_URL : [];
+    const relValuesExternalUrl = nofollow ? REL_VALUES_NO_FOLLOW : [];
+    const relValues = [...relValuesNoFollow, ...relValuesExternalUrl].join(' ');
+    const propsRel = relValues ? { rel: relValues } : {};
     const useExternalTarget = opensInNewTab === undefined ? isExternal : opensInNewTab;
     const propsTarget = useExternalTarget ? PROPS_EXTERNAL_TARGET : {};
     return { ...propsRel, ...propsTarget };
 };
 
 export { getDatasetProps, getExternalUrlProps };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kb20vcHJvcHMvaW5kZXgudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBEYXRhc2V0IH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgY3VycmVudEhvc3RuYW1lIH0gZnJvbSAnLi4vLi4vbG9jYXRpb24nO1xuaW1wb3J0IHR5cGUgeyBBbmNob3JQcm9wcyB9IGZyb20gJy4uLy4uL3R5cGVzJztcbmltcG9ydCB7IGRvbWFpbk9mIH0gZnJvbSAnLi4vLi4vdXJsJztcblxuaW1wb3J0IHsgUFJPUFNfRVhURVJOQUxfUkVMLCBQUk9QU19FWFRFUk5BTF9UQVJHRVQgfSBmcm9tICcuL2NvbnN0YW50cyc7XG5cbmV4cG9ydCBjb25zdCBnZXREYXRhc2V0UHJvcHMgPSAoZGF0YXNldD86IERhdGFzZXQpOiBEYXRhc2V0ID0+IHtcbiAgICBpZiAoIWRhdGFzZXQpIHtcbiAgICAgICAgcmV0dXJuIHt9O1xuICAgIH1cbiAgICByZXR1cm4gT2JqZWN0LmtleXMoZGF0YXNldCkucmVkdWNlKChhY2MsIGtleSkgPT4ge1xuICAgICAgICBhY2NbYGRhdGEtJHtrZXl9YF0gPSBkYXRhc2V0W2tleV07XG4gICAgICAgIHJldHVybiBhY2M7XG4gICAgfSwge30gYXMgRGF0YXNldCk7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0RXh0ZXJuYWxVcmxQcm9wcyA9IChcbiAgICBob3N0bmFtZTogc3RyaW5nIHwgdW5kZWZpbmVkLFxuICAgIHVybDogc3RyaW5nLFxuICAgIG9wZW5zSW5OZXdUYWI/OiBib29sZWFuLFxuKTogQW5jaG9yUHJvcHMgPT4ge1xuICAgIGNvbnN0IGxvY2FsID0gaG9zdG5hbWUgfHwgY3VycmVudEhvc3RuYW1lKCk7XG4gICAgY29uc3QgaXNBYnNvbHV0ZSA9IC9eW2Etel0rOi8udGVzdCh1cmwpIHx8IHVybC5zdGFydHNXaXRoKCcvLycpO1xuICAgIGNvbnN0IGlzRXh0ZXJuYWwgPSBpc0Fic29sdXRlICYmIGRvbWFpbk9mKHVybCkgIT09IGxvY2FsO1xuXG4gICAgY29uc3QgcHJvcHNSZWwgPSBpc0V4dGVybmFsID8gUFJPUFNfRVhURVJOQUxfUkVMIDoge307XG5cbiAgICBjb25zdCB1c2VFeHRlcm5hbFRhcmdldCA9IG9wZW5zSW5OZXdUYWIgPT09IHVuZGVmaW5lZCA/IGlzRXh0ZXJuYWwgOiBvcGVuc0luTmV3VGFiO1xuICAgIGNvbnN0IHByb3BzVGFyZ2V0ID0gdXNlRXh0ZXJuYWxUYXJnZXQgPyBQUk9QU19FWFRFUk5BTF9UQVJHRVQgOiB7fTtcblxuICAgIHJldHVybiB7IC4uLnByb3BzUmVsLCAuLi5wcm9wc1RhcmdldCB9O1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O01BUWEsZUFBZSxHQUFHLENBQUMsT0FBaUI7SUFDN0MsSUFBSSxDQUFDLE9BQU8sRUFBRTtRQUNWLE9BQU8sRUFBRSxDQUFDO0tBQ2I7SUFDRCxPQUFPLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsR0FBRyxFQUFFLEdBQUc7UUFDeEMsR0FBRyxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUMsR0FBRyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDbEMsT0FBTyxHQUFHLENBQUM7S0FDZCxFQUFFLEVBQWEsQ0FBQyxDQUFDO0FBQ3RCLEVBQUU7TUFFVyxtQkFBbUIsR0FBRyxDQUMvQixRQUE0QixFQUM1QixHQUFXLEVBQ1gsYUFBdUI7SUFFdkIsTUFBTSxLQUFLLEdBQUcsUUFBUSxJQUFJLGVBQWUsRUFBRSxDQUFDO0lBQzVDLE1BQU0sVUFBVSxHQUFHLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksR0FBRyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNoRSxNQUFNLFVBQVUsR0FBRyxVQUFVLElBQUksUUFBUSxDQUFDLEdBQUcsQ0FBQyxLQUFLLEtBQUssQ0FBQztJQUV6RCxNQUFNLFFBQVEsR0FBRyxVQUFVLEdBQUcsa0JBQWtCLEdBQUcsRUFBRSxDQUFDO0lBRXRELE1BQU0saUJBQWlCLEdBQUcsYUFBYSxLQUFLLFNBQVMsR0FBRyxVQUFVLEdBQUcsYUFBYSxDQUFDO0lBQ25GLE1BQU0sV0FBVyxHQUFHLGlCQUFpQixHQUFHLHFCQUFxQixHQUFHLEVBQUUsQ0FBQztJQUVuRSxPQUFPLEVBQUUsR0FBRyxRQUFRLEVBQUUsR0FBRyxXQUFXLEVBQUUsQ0FBQztBQUMzQzs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kb20vcHJvcHMvaW5kZXgudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBEYXRhc2V0IH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgY3VycmVudEhvc3RuYW1lIH0gZnJvbSAnLi4vLi4vbG9jYXRpb24nO1xuaW1wb3J0IHR5cGUgeyBBbmNob3JQcm9wcyB9IGZyb20gJy4uLy4uL3R5cGVzJztcbmltcG9ydCB7IGRvbWFpbk9mIH0gZnJvbSAnLi4vLi4vdXJsJztcblxuaW1wb3J0IHsgUFJPUFNfRVhURVJOQUxfVEFSR0VULCBSRUxfVkFMVUVTX0VYVEVSTkFMX1VSTCwgUkVMX1ZBTFVFU19OT19GT0xMT1cgfSBmcm9tICcuL2NvbnN0YW50cyc7XG5cbmV4cG9ydCBjb25zdCBnZXREYXRhc2V0UHJvcHMgPSAoZGF0YXNldD86IERhdGFzZXQpOiBEYXRhc2V0ID0+IHtcbiAgICBpZiAoIWRhdGFzZXQpIHtcbiAgICAgICAgcmV0dXJuIHt9O1xuICAgIH1cbiAgICByZXR1cm4gT2JqZWN0LmtleXMoZGF0YXNldCkucmVkdWNlKChhY2MsIGtleSkgPT4ge1xuICAgICAgICBhY2NbYGRhdGEtJHtrZXl9YF0gPSBkYXRhc2V0W2tleV07XG4gICAgICAgIHJldHVybiBhY2M7XG4gICAgfSwge30gYXMgRGF0YXNldCk7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0RXh0ZXJuYWxVcmxQcm9wcyA9IChcbiAgICBob3N0bmFtZTogc3RyaW5nIHwgdW5kZWZpbmVkLFxuICAgIHVybDogc3RyaW5nLFxuICAgIG9wZW5zSW5OZXdUYWI/OiBib29sZWFuLFxuICAgIG5vZm9sbG93PzogYm9vbGVhbixcbik6IEFuY2hvclByb3BzID0+IHtcbiAgICBjb25zdCBsb2NhbCA9IGhvc3RuYW1lIHx8IGN1cnJlbnRIb3N0bmFtZSgpO1xuICAgIGNvbnN0IGlzQWJzb2x1dGUgPSAvXlthLXpdKzovLnRlc3QodXJsKSB8fCB1cmwuc3RhcnRzV2l0aCgnLy8nKTtcbiAgICBjb25zdCBpc0V4dGVybmFsID0gaXNBYnNvbHV0ZSAmJiBkb21haW5PZih1cmwpICE9PSBsb2NhbDtcblxuICAgIGNvbnN0IHJlbFZhbHVlc05vRm9sbG93ID0gaXNFeHRlcm5hbCA/IFJFTF9WQUxVRVNfRVhURVJOQUxfVVJMIDogW107XG4gICAgY29uc3QgcmVsVmFsdWVzRXh0ZXJuYWxVcmwgPSBub2ZvbGxvdyA/IFJFTF9WQUxVRVNfTk9fRk9MTE9XIDogW107XG5cbiAgICBjb25zdCByZWxWYWx1ZXMgPSBbLi4ucmVsVmFsdWVzTm9Gb2xsb3csIC4uLnJlbFZhbHVlc0V4dGVybmFsVXJsXS5qb2luKCcgJyk7XG4gICAgY29uc3QgcHJvcHNSZWwgPSByZWxWYWx1ZXMgPyB7IHJlbDogcmVsVmFsdWVzIH0gOiB7fTtcblxuICAgIGNvbnN0IHVzZUV4dGVybmFsVGFyZ2V0ID0gb3BlbnNJbk5ld1RhYiA9PT0gdW5kZWZpbmVkID8gaXNFeHRlcm5hbCA6IG9wZW5zSW5OZXdUYWI7XG4gICAgY29uc3QgcHJvcHNUYXJnZXQgPSB1c2VFeHRlcm5hbFRhcmdldCA/IFBST1BTX0VYVEVSTkFMX1RBUkdFVCA6IHt9O1xuXG4gICAgcmV0dXJuIHsgLi4ucHJvcHNSZWwsIC4uLnByb3BzVGFyZ2V0IH07XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7TUFRYSxlQUFlLEdBQUcsQ0FBQyxPQUFpQjtJQUM3QyxJQUFJLENBQUMsT0FBTyxFQUFFO1FBQ1YsT0FBTyxFQUFFLENBQUM7S0FDYjtJQUNELE9BQU8sTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxHQUFHLEVBQUUsR0FBRztRQUN4QyxHQUFHLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQyxHQUFHLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUNsQyxPQUFPLEdBQUcsQ0FBQztLQUNkLEVBQUUsRUFBYSxDQUFDLENBQUM7QUFDdEIsRUFBRTtNQUVXLG1CQUFtQixHQUFHLENBQy9CLFFBQTRCLEVBQzVCLEdBQVcsRUFDWCxhQUF1QixFQUN2QixRQUFrQjtJQUVsQixNQUFNLEtBQUssR0FBRyxRQUFRLElBQUksZUFBZSxFQUFFLENBQUM7SUFDNUMsTUFBTSxVQUFVLEdBQUcsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxHQUFHLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2hFLE1BQU0sVUFBVSxHQUFHLFVBQVUsSUFBSSxRQUFRLENBQUMsR0FBRyxDQUFDLEtBQUssS0FBSyxDQUFDO0lBRXpELE1BQU0saUJBQWlCLEdBQUcsVUFBVSxHQUFHLHVCQUF1QixHQUFHLEVBQUUsQ0FBQztJQUNwRSxNQUFNLG9CQUFvQixHQUFHLFFBQVEsR0FBRyxvQkFBb0IsR0FBRyxFQUFFLENBQUM7SUFFbEUsTUFBTSxTQUFTLEdBQUcsQ0FBQyxHQUFHLGlCQUFpQixFQUFFLEdBQUcsb0JBQW9CLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDNUUsTUFBTSxRQUFRLEdBQUcsU0FBUyxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsQ0FBQztJQUVyRCxNQUFNLGlCQUFpQixHQUFHLGFBQWEsS0FBSyxTQUFTLEdBQUcsVUFBVSxHQUFHLGFBQWEsQ0FBQztJQUNuRixNQUFNLFdBQVcsR0FBRyxpQkFBaUIsR0FBRyxxQkFBcUIsR0FBRyxFQUFFLENBQUM7SUFFbkUsT0FBTyxFQUFFLEdBQUcsUUFBUSxFQUFFLEdBQUcsV0FBVyxFQUFFLENBQUM7QUFDM0M7Ozs7In0=

package/dist/events/hooks/useFocusEvents.d.ts

@@ -0,0 +1,7 @@
+import { FocusEventHandlers } from '..';
+declare type FocusOptions = FocusEventHandlers & {
+    disabled?: boolean;
+    captureChildEvents: boolean;
+};
+export declare const useFocusEvents: ({ disabled, captureChildEvents, onFocus, onBlur, }: FocusOptions) => FocusEventHandlers;
+export {};

package/dist/events/hooks/useFocusEvents.js

@@ -0,0 +1,27 @@
+import { useMemo } from 'react';
+
+const makeEventHandler = (onFocus, captureChildEvents) => {
+    if (!onFocus) {
+        return undefined;
+    }
+    return (event) => {
+        if (!captureChildEvents && event.target !== event.currentTarget) {
+            return;
+        }
+        onFocus(event);
+    };
+};
+const useFocusEvents = ({ disabled, captureChildEvents, onFocus, onBlur, }) => {
+    return useMemo(() => {
+        if (disabled) {
+            return {};
+        }
+        return {
+            onFocus: makeEventHandler(onFocus, captureChildEvents),
+            onBlur: makeEventHandler(onBlur, captureChildEvents),
+        };
+    }, [disabled, captureChildEvents, onFocus, onBlur]);
+};
+
+export { useFocusEvents };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlRm9jdXNFdmVudHMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9ldmVudHMvaG9va3MvdXNlRm9jdXNFdmVudHMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRm9jdXNFdmVudCwgRm9jdXNFdmVudEhhbmRsZXIsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEZvY3VzRXZlbnRIYW5kbGVycyB9IGZyb20gJy4uJztcblxudHlwZSBGb2N1c09wdGlvbnMgPSBGb2N1c0V2ZW50SGFuZGxlcnMgJiB7XG4gICAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAgIGNhcHR1cmVDaGlsZEV2ZW50czogYm9vbGVhbjtcbn07XG5cbmNvbnN0IG1ha2VFdmVudEhhbmRsZXIgPSAoXG4gICAgb25Gb2N1czogRm9jdXNFdmVudEhhbmRsZXIgfCB1bmRlZmluZWQsXG4gICAgY2FwdHVyZUNoaWxkRXZlbnRzOiBib29sZWFuLFxuKTogRm9jdXNFdmVudEhhbmRsZXIgfCB1bmRlZmluZWQgPT4ge1xuICAgIGlmICghb25Gb2N1cykge1xuICAgICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgIH1cbiAgICByZXR1cm4gKGV2ZW50OiBGb2N1c0V2ZW50KSA9PiB7XG4gICAgICAgIGlmICghY2FwdHVyZUNoaWxkRXZlbnRzICYmIGV2ZW50LnRhcmdldCAhPT0gZXZlbnQuY3VycmVudFRhcmdldCkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIG9uRm9jdXMoZXZlbnQpO1xuICAgIH07XG59O1xuXG5leHBvcnQgY29uc3QgdXNlRm9jdXNFdmVudHMgPSAoe1xuICAgIGRpc2FibGVkLFxuICAgIGNhcHR1cmVDaGlsZEV2ZW50cyxcbiAgICBvbkZvY3VzLFxuICAgIG9uQmx1cixcbn06IEZvY3VzT3B0aW9ucyk6IEZvY3VzRXZlbnRIYW5kbGVycyA9PiB7XG4gICAgcmV0dXJuIHVzZU1lbW8oKCkgPT4ge1xuICAgICAgICBpZiAoZGlzYWJsZWQpIHtcbiAgICAgICAgICAgIHJldHVybiB7fTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgb25Gb2N1czogbWFrZUV2ZW50SGFuZGxlcihvbkZvY3VzLCBjYXB0dXJlQ2hpbGRFdmVudHMpLFxuICAgICAgICAgICAgb25CbHVyOiBtYWtlRXZlbnRIYW5kbGVyKG9uQmx1ciwgY2FwdHVyZUNoaWxkRXZlbnRzKSxcbiAgICAgICAgfTtcbiAgICB9LCBbZGlzYWJsZWQsIGNhcHR1cmVDaGlsZEV2ZW50cywgb25Gb2N1cywgb25CbHVyXSk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBU0EsTUFBTSxnQkFBZ0IsR0FBRyxDQUNyQixPQUFzQyxFQUN0QyxrQkFBMkI7SUFFM0IsSUFBSSxDQUFDLE9BQU8sRUFBRTtRQUNWLE9BQU8sU0FBUyxDQUFDO0tBQ3BCO0lBQ0QsT0FBTyxDQUFDLEtBQWlCO1FBQ3JCLElBQUksQ0FBQyxrQkFBa0IsSUFBSSxLQUFLLENBQUMsTUFBTSxLQUFLLEtBQUssQ0FBQyxhQUFhLEVBQUU7WUFDN0QsT0FBTztTQUNWO1FBQ0QsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDO0tBQ2xCLENBQUM7QUFDTixDQUFDLENBQUM7TUFFVyxjQUFjLEdBQUcsQ0FBQyxFQUMzQixRQUFRLEVBQ1Isa0JBQWtCLEVBQ2xCLE9BQU8sRUFDUCxNQUFNLEdBQ0s7SUFDWCxPQUFPLE9BQU8sQ0FBQztRQUNYLElBQUksUUFBUSxFQUFFO1lBQ1YsT0FBTyxFQUFFLENBQUM7U0FDYjtRQUNELE9BQU87WUFDSCxPQUFPLEVBQUUsZ0JBQWdCLENBQUMsT0FBTyxFQUFFLGtCQUFrQixDQUFDO1lBQ3RELE1BQU0sRUFBRSxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsa0JBQWtCLENBQUM7U0FDdkQsQ0FBQztLQUNMLEVBQUUsQ0FBQyxRQUFRLEVBQUUsa0JBQWtCLEVBQUUsT0FBTyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUM7QUFDeEQ7Ozs7In0=

package/dist/events/index.d.ts

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

package/dist/events/index.js

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

package/dist/events/types.d.ts

@@ -0,0 +1,7 @@
+import { FocusEvent } from 'react';
+export declare type FocusEventHandler = (event: FocusEvent) => void;
+export declare type ValueChangeEventHandler<T> = (value: T) => void;
+export interface FocusEventHandlers {
+    onFocus?: FocusEventHandler;
+    onBlur?: FocusEventHandler;
+}

package/dist/events/types.js

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

package/dist/field/constants.d.ts

@@ -0,0 +1,3 @@
+import { FieldAdditionalTextVariant } from './types';
+export declare const FIELD_TYPE_DEFAULT = "text";
+export declare const FIELD_ADDITIONAL_TEXT_VARIANT_DEFAULT: FieldAdditionalTextVariant;

package/dist/field/constants.js

@@ -0,0 +1,5 @@
+const FIELD_TYPE_DEFAULT = 'text';
+const FIELD_ADDITIONAL_TEXT_VARIANT_DEFAULT = 'normal';
+
+export { FIELD_ADDITIONAL_TEXT_VARIANT_DEFAULT, FIELD_TYPE_DEFAULT };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlcyI6WyIuLi8uLi9zcmMvZmllbGQvY29uc3RhbnRzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZpZWxkQWRkaXRpb25hbFRleHRWYXJpYW50IH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBGSUVMRF9UWVBFX0RFRkFVTFQgPSAndGV4dCc7XG5leHBvcnQgY29uc3QgRklFTERfQURESVRJT05BTF9URVhUX1ZBUklBTlRfREVGQVVMVDogRmllbGRBZGRpdGlvbmFsVGV4dFZhcmlhbnQgPSAnbm9ybWFsJztcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiTUFFYSxrQkFBa0IsR0FBRyxPQUFPO01BQzVCLHFDQUFxQyxHQUErQjs7OzsifQ==

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

@@ -0,0 +1,8 @@
+import { SimpleTextInputTypeProps } from '../../input';
+import { FieldLayoutProps, TextFieldProps } from '../types';
+declare type UseTextFieldState = {
+    layoutProps: Omit<FieldLayoutProps, 'input' | 'className' | 'inputHandle'>;
+    inputProps: SimpleTextInputTypeProps;
+};
+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 {};

package/dist/field/hooks/useTextField.js

@@ -0,0 +1,65 @@
+import { makeTinyId } from '@preply/ds-core';
+import { useState } from 'react';
+import { makeDescId } from '../../accessibility/aria/utils.js';
+import { FIELD_TYPE_DEFAULT } from '../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 actualId = id || makeTinyId();
+    const actualType = type !== null && type !== void 0 ? type : FIELD_TYPE_DEFAULT;
+    const [isFocused, setIsFocused] = useState(false);
+    const [isTouched, setIsTouched] = useState(false);
+    const [isChanged, setIsChanged] = useState(false);
+    const handleFocus = ev => {
+        setIsFocused(true);
+        setIsTouched(true);
+        onFocus === null || onFocus === void 0 ? void 0 : onFocus(ev);
+    };
+    const handleBlur = ev => {
+        setIsFocused(false);
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(ev);
+    };
+    const handleChange = ev => {
+        setIsChanged(false);
+        onChange === null || onChange === void 0 ? void 0 : onChange(ev);
+    };
+    const actualHasError = hasError || !!errorMessage;
+    const actualAdditionalText = errorMessage || additionalText;
+    const describeId = actualHasError || !!additionalText ? makeDescId(actualId) : undefined;
+    return {
+        layoutProps: {
+            id: actualId,
+            label,
+            hideLabel,
+            additionalText: actualAdditionalText,
+            required,
+            disabled,
+            isFocused,
+            isTouched,
+            isChanged,
+            hasValue: typeof value !== undefined,
+            hasError: actualHasError,
+            preserveSpace,
+            icon,
+            button,
+            dataset,
+        },
+        inputProps: {
+            type: actualType,
+            id: actualId,
+            value,
+            // assitiveText: hideVisualLabel ?? label : undefined,
+            onChange: handleChange,
+            onFocus: handleFocus,
+            onBlur: handleBlur,
+            required,
+            disabled,
+            hasError: actualHasError,
+            'aria-describedby': describeId,
+            ...rest,
+        },
+    };
+};
+
+export { useTextField };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGV4dEZpZWxkLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZmllbGQvaG9va3MvdXNlVGV4dEZpZWxkLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IG1ha2VUaW55SWQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgQ2hhbmdlRXZlbnRIYW5kbGVyLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgbWFrZURlc2NJZCB9IGZyb20gJy4uLy4uL2FjY2Vzc2liaWxpdHkvYXJpYS91dGlscyc7XG5pbXBvcnQgeyBGb2N1c0V2ZW50SGFuZGxlciB9IGZyb20gJy4uLy4uL2V2ZW50cyc7XG5pbXBvcnQgeyBTaW1wbGVUZXh0SW5wdXRUeXBlUHJvcHMgfSBmcm9tICcuLi8uLi9pbnB1dCc7XG5pbXBvcnQgeyBGSUVMRF9UWVBFX0RFRkFVTFQgfSBmcm9tICcuLi9jb25zdGFudHMnO1xuaW1wb3J0IHsgRmllbGRMYXlvdXRQcm9wcywgVGV4dEZpZWxkUHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5cbnR5cGUgVXNlVGV4dEZpZWxkU3RhdGUgPSB7XG4gICAgbGF5b3V0UHJvcHM6IE9taXQ8RmllbGRMYXlvdXRQcm9wcywgJ2lucHV0JyB8ICdjbGFzc05hbWUnIHwgJ2lucHV0SGFuZGxlJz47XG4gICAgaW5wdXRQcm9wczogU2ltcGxlVGV4dElucHV0VHlwZVByb3BzO1xufTtcblxuZXhwb3J0IGNvbnN0IHVzZVRleHRGaWVsZCA9IChcbiAgICBwcm9wczogVGV4dEZpZWxkUHJvcHMgJiBPbWl0PFNpbXBsZVRleHRJbnB1dFR5cGVQcm9wcywgJ2lkJz4sXG4pOiBVc2VUZXh0RmllbGRTdGF0ZSA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgICB0eXBlLFxuICAgICAgICBpZCxcbiAgICAgICAgdmFsdWUsXG4gICAgICAgIGxhYmVsLFxuICAgICAgICBoaWRlTGFiZWwsXG4gICAgICAgIGFkZGl0aW9uYWxUZXh0LFxuICAgICAgICBwcmVzZXJ2ZVNwYWNlLFxuICAgICAgICByZXF1aXJlZCxcbiAgICAgICAgZGlzYWJsZWQsXG4gICAgICAgIGhhc0Vycm9yLFxuICAgICAgICBlcnJvck1lc3NhZ2UsXG4gICAgICAgIGljb24sXG4gICAgICAgIGJ1dHRvbixcbiAgICAgICAgb25Gb2N1cyxcbiAgICAgICAgb25CbHVyLFxuICAgICAgICBvbkNoYW5nZSxcbiAgICAgICAgZGF0YXNldCxcbiAgICAgICAgLi4ucmVzdFxuICAgIH0gPSBwcm9wcztcblxuICAgIGNvbnN0IGFjdHVhbElkID0gaWQgfHwgbWFrZVRpbnlJZCgpO1xuICAgIGNvbnN0IGFjdHVhbFR5cGUgPSB0eXBlID8/IEZJRUxEX1RZUEVfREVGQVVMVDtcblxuICAgIGNvbnN0IFtpc0ZvY3VzZWQsIHNldElzRm9jdXNlZF0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG4gICAgY29uc3QgW2lzVG91Y2hlZCwgc2V0SXNUb3VjaGVkXSA9IHVzZVN0YXRlPGJvb2xlYW4+KGZhbHNlKTtcbiAgICBjb25zdCBbaXNDaGFuZ2VkLCBzZXRJc0NoYW5nZWRdID0gdXNlU3RhdGU8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gICAgY29uc3QgaGFuZGxlRm9jdXM6IEZvY3VzRXZlbnRIYW5kbGVyID0gZXYgPT4ge1xuICAgICAgICBzZXRJc0ZvY3VzZWQodHJ1ZSk7XG4gICAgICAgIHNldElzVG91Y2hlZCh0cnVlKTtcbiAgICAgICAgb25Gb2N1cz8uKGV2KTtcbiAgICB9O1xuXG4gICAgY29uc3QgaGFuZGxlQmx1cjogRm9jdXNFdmVudEhhbmRsZXIgPSBldiA9PiB7XG4gICAgICAgIHNldElzRm9jdXNlZChmYWxzZSk7XG4gICAgICAgIG9uQmx1cj8uKGV2KTtcbiAgICB9O1xuXG4gICAgY29uc3QgaGFuZGxlQ2hhbmdlOiBDaGFuZ2VFdmVudEhhbmRsZXIgPSBldiA9PiB7XG4gICAgICAgIHNldElzQ2hhbmdlZChmYWxzZSk7XG4gICAgICAgIG9uQ2hhbmdlPy4oZXYpO1xuICAgIH07XG5cbiAgICBjb25zdCBhY3R1YWxIYXNFcnJvciA9IGhhc0Vycm9yIHx8ICEhZXJyb3JNZXNzYWdlO1xuICAgIGNvbnN0IGFjdHVhbEFkZGl0aW9uYWxUZXh0ID0gZXJyb3JNZXNzYWdlIHx8IGFkZGl0aW9uYWxUZXh0O1xuICAgIGNvbnN0IGRlc2NyaWJlSWQgPSBhY3R1YWxIYXNFcnJvciB8fCAhIWFkZGl0aW9uYWxUZXh0ID8gbWFrZURlc2NJZChhY3R1YWxJZCkgOiB1bmRlZmluZWQ7XG5cbiAgICByZXR1cm4ge1xuICAgICAgICBsYXlvdXRQcm9wczoge1xuICAgICAgICAgICAgaWQ6IGFjdHVhbElkLFxuICAgICAgICAgICAgbGFiZWwsXG4gICAgICAgICAgICBoaWRlTGFiZWwsXG4gICAgICAgICAgICBhZGRpdGlvbmFsVGV4dDogYWN0dWFsQWRkaXRpb25hbFRleHQsXG4gICAgICAgICAgICByZXF1aXJlZCxcbiAgICAgICAgICAgIGRpc2FibGVkLFxuICAgICAgICAgICAgaXNGb2N1c2VkLFxuICAgICAgICAgICAgaXNUb3VjaGVkLFxuICAgICAgICAgICAgaXNDaGFuZ2VkLFxuICAgICAgICAgICAgaGFzVmFsdWU6IHR5cGVvZiB2YWx1ZSAhPT0gdW5kZWZpbmVkLFxuICAgICAgICAgICAgaGFzRXJyb3I6IGFjdHVhbEhhc0Vycm9yLFxuICAgICAgICAgICAgcHJlc2VydmVTcGFjZSxcbiAgICAgICAgICAgIGljb24sXG4gICAgICAgICAgICBidXR0b24sXG4gICAgICAgICAgICBkYXRhc2V0LFxuICAgICAgICB9LFxuICAgICAgICBpbnB1dFByb3BzOiB7XG4gICAgICAgICAgICB0eXBlOiBhY3R1YWxUeXBlLFxuICAgICAgICAgICAgaWQ6IGFjdHVhbElkLFxuICAgICAgICAgICAgdmFsdWUsXG4gICAgICAgICAgICAvLyBhc3NpdGl2ZVRleHQ6IGhpZGVWaXN1YWxMYWJlbCA/PyBsYWJlbCA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgIG9uQ2hhbmdlOiBoYW5kbGVDaGFuZ2UsXG4gICAgICAgICAgICBvbkZvY3VzOiBoYW5kbGVGb2N1cyxcbiAgICAgICAgICAgIG9uQmx1cjogaGFuZGxlQmx1cixcbiAgICAgICAgICAgIHJlcXVpcmVkLFxuICAgICAgICAgICAgZGlzYWJsZWQsXG4gICAgICAgICAgICBoYXNFcnJvcjogYWN0dWFsSGFzRXJyb3IsXG4gICAgICAgICAgICAnYXJpYS1kZXNjcmliZWRieSc6IGRlc2NyaWJlSWQsXG4gICAgICAgICAgICAuLi5yZXN0LFxuICAgICAgICB9LFxuICAgIH07XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O01BY2EsWUFBWSxHQUFHLENBQ3hCLEtBQTREO0lBRTVELE1BQU0sRUFDRixJQUFJLEVBQ0osRUFBRSxFQUNGLEtBQUssRUFDTCxLQUFLLEVBQ0wsU0FBUyxFQUNULGNBQWMsRUFDZCxhQUFhLEVBQ2IsUUFBUSxFQUNSLFFBQVEsRUFDUixRQUFRLEVBQ1IsWUFBWSxFQUNaLElBQUksRUFDSixNQUFNLEVBQ04sT0FBTyxFQUNQLE1BQU0sRUFDTixRQUFRLEVBQ1IsT0FBTyxFQUNQLEdBQUcsSUFBSSxFQUNWLEdBQUcsS0FBSyxDQUFDO0lBRVYsTUFBTSxRQUFRLEdBQUcsRUFBRSxJQUFJLFVBQVUsRUFBRSxDQUFDO0lBQ3BDLE1BQU0sVUFBVSxHQUFHLElBQUksYUFBSixJQUFJLGNBQUosSUFBSSxHQUFJLGtCQUFrQixDQUFDO0lBRTlDLE1BQU0sQ0FBQyxTQUFTLEVBQUUsWUFBWSxDQUFDLEdBQUcsUUFBUSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBQzNELE1BQU0sQ0FBQyxTQUFTLEVBQUUsWUFBWSxDQUFDLEdBQUcsUUFBUSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBQzNELE1BQU0sQ0FBQyxTQUFTLEVBQUUsWUFBWSxDQUFDLEdBQUcsUUFBUSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBRTNELE1BQU0sV0FBVyxHQUFzQixFQUFFO1FBQ3JDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNuQixZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDbkIsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLEVBQUUsRUFBRTtLQUNqQixDQUFDO0lBRUYsTUFBTSxVQUFVLEdBQXNCLEVBQUU7UUFDcEMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3BCLE1BQU0sYUFBTixNQUFNLHVCQUFOLE1BQU0sQ0FBRyxFQUFFLEVBQUU7S0FDaEIsQ0FBQztJQUVGLE1BQU0sWUFBWSxHQUF1QixFQUFFO1FBQ3ZDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNwQixRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUcsRUFBRSxFQUFFO0tBQ2xCLENBQUM7SUFFRixNQUFNLGNBQWMsR0FBRyxRQUFRLElBQUksQ0FBQyxDQUFDLFlBQVksQ0FBQztJQUNsRCxNQUFNLG9CQUFvQixHQUFHLFlBQVksSUFBSSxjQUFjLENBQUM7SUFDNUQsTUFBTSxVQUFVLEdBQUcsY0FBYyxJQUFJLENBQUMsQ0FBQyxjQUFjLEdBQUcsVUFBVSxDQUFDLFFBQVEsQ0FBQyxHQUFHLFNBQVMsQ0FBQztJQUV6RixPQUFPO1FBQ0gsV0FBVyxFQUFFO1lBQ1QsRUFBRSxFQUFFLFFBQVE7WUFDWixLQUFLO1lBQ0wsU0FBUztZQUNULGNBQWMsRUFBRSxvQkFBb0I7WUFDcEMsUUFBUTtZQUNSLFFBQVE7WUFDUixTQUFTO1lBQ1QsU0FBUztZQUNULFNBQVM7WUFDVCxRQUFRLEVBQUUsT0FBTyxLQUFLLEtBQUssU0FBUztZQUNwQyxRQUFRLEVBQUUsY0FBYztZQUN4QixhQUFhO1lBQ2IsSUFBSTtZQUNKLE1BQU07WUFDTixPQUFPO1NBQ1Y7UUFDRCxVQUFVLEVBQUU7WUFDUixJQUFJLEVBQUUsVUFBVTtZQUNoQixFQUFFLEVBQUUsUUFBUTtZQUNaLEtBQUs7O1lBRUwsUUFBUSxFQUFFLFlBQVk7WUFDdEIsT0FBTyxFQUFFLFdBQVc7WUFDcEIsTUFBTSxFQUFFLFVBQVU7WUFDbEIsUUFBUTtZQUNSLFFBQVE7WUFDUixRQUFRLEVBQUUsY0FBYztZQUN4QixrQkFBa0IsRUFBRSxVQUFVO1lBQzlCLEdBQUcsSUFBSTtTQUNWO0tBQ0osQ0FBQztBQUNOOzs7OyJ9

package/dist/field/index.d.ts

@@ -0,0 +1,4 @@
+export * from './constants';
+export * from './hooks/useTextField';
+export * from './options';
+export * from './types';

package/dist/field/index.js

@@ -0,0 +1,4 @@
+export { FIELD_ADDITIONAL_TEXT_VARIANT_DEFAULT, FIELD_TYPE_DEFAULT } from './constants.js';
+export { useTextField } from './hooks/useTextField.js';
+export { ADDITIONAL_TEXT_VARIANT_OPTIONS } from './options.js';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzsifQ==

package/dist/field/options.d.ts

@@ -0,0 +1,3 @@
+import type { Option } from '@preply/ds-core-types';
+import type { FieldAdditionalTextVariant } from './types';
+export declare const ADDITIONAL_TEXT_VARIANT_OPTIONS: Option<FieldAdditionalTextVariant>[];

package/dist/field/options.js

@@ -0,0 +1,7 @@
+const ADDITIONAL_TEXT_VARIANT_OPTIONS = [
+    { id: 'normal' },
+    { id: 'error' },
+];
+
+export { ADDITIONAL_TEXT_VARIANT_OPTIONS };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9ucy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2ZpZWxkL29wdGlvbnMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBPcHRpb24gfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUtdHlwZXMnO1xuXG5pbXBvcnQgdHlwZSB7IEZpZWxkQWRkaXRpb25hbFRleHRWYXJpYW50IH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBBRERJVElPTkFMX1RFWFRfVkFSSUFOVF9PUFRJT05TOiBPcHRpb248RmllbGRBZGRpdGlvbmFsVGV4dFZhcmlhbnQ+W10gPSBbXG4gICAgeyBpZDogJ25vcm1hbCcgfSxcbiAgICB7IGlkOiAnZXJyb3InIH0sXG5dO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJNQUlhLCtCQUErQixHQUF5QztJQUNqRixFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUU7SUFDaEIsRUFBRSxFQUFFLEVBQUUsT0FBTyxFQUFFOzs7OzsifQ==

package/dist/field/types.d.ts

@@ -0,0 +1,64 @@
+import { Dataset } from '@preply/ds-core';
+import { MouseEventHandler, ReactNode, SVGAttributes } from 'react';
+import { InputType, SimpleTextInputType, SingleLineInputType } from '../input';
+export declare type FieldValue = string | number | boolean;
+declare type ReactSVGComponentType = React.ComponentType<SVGAttributes<SVGElement>>;
+export interface FieldButtonProps {
+    svg: ReactSVGComponentType;
+    assistiveText: string;
+    onClick: MouseEventHandler;
+    dataset?: Dataset;
+}
+export interface FieldLayoutBaseProps {
+    id: string;
+    className?: string;
+    label: string;
+    hideLabel?: boolean;
+    additionalText?: string;
+    preserveSpace?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    isFocused?: boolean;
+    isTouched?: boolean;
+    isChanged?: boolean;
+    hasValue?: boolean;
+    hasError?: boolean;
+    dataset?: Dataset;
+    children: ReactNode;
+}
+export interface InputImperativeHandle {
+    focus: () => void;
+}
+export interface FieldLayoutProps extends Omit<FieldLayoutBaseProps, 'children'> {
+    input: React.ReactElement;
+    inputHandle: InputImperativeHandle | null;
+    icon?: ReactSVGComponentType;
+    button?: React.ReactElement<FieldButtonProps>;
+}
+export declare type FieldAdditionalTextVariant = 'normal' | 'error';
+export interface FieldAdditionalTextProps {
+    variant?: FieldAdditionalTextVariant;
+    id?: string;
+    children: ReactNode;
+}
+interface FieldCommonProps {
+    type?: InputType;
+    id?: string;
+    label: string;
+    hideLabel?: boolean;
+    additionalText?: string;
+    preserveSpace?: boolean;
+    hasError?: boolean;
+    errorMessage?: string;
+    dataset?: Dataset;
+    inputDataset?: Dataset;
+}
+interface SingleLineFieldCommonProps extends FieldCommonProps {
+    type?: SingleLineInputType;
+    icon?: ReactSVGComponentType;
+    button?: React.ReactElement<FieldButtonProps>;
+}
+export interface TextFieldProps extends SingleLineFieldCommonProps {
+    type?: SimpleTextInputType;
+}
+export {};

package/dist/field/types.js

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

package/dist/focus/style/mixins.less

@@ -0,0 +1,8 @@
+@import '../../theme/style/declarations.mixins.less';
+
+.focus-outline() {
+    outline-style: solid;
+    .focus-outline-color('action', 'base');
+    .focus-outline-width('action', 'base');
+    .focus-outline-offset('action', 'base');
+}

package/dist/focus/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3QixxREFBeUQ7QUFDakY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9

package/dist/generated/breakpoints.less

@@ -1,4 +1,4 @@
-/* AUTO GENERATED @Thu Oct 27 2022 11:02:30 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED @Fri Dec 02 2022 15:15:52 GMT+0000 (Coordinated Universal Time) */
 
 @breakpoints: {
     narrow-l: 400px;

package/dist/generated/options.less

@@ -1,14 +1,14 @@
-/* AUTO GENERATED @Thu Oct 27 2022 11:02:29 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED @Fri Dec 02 2022 15:15:51 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;
 @BOX_RADIUS_OPTIONS: none, m, l;
 @BUTTON_SIZE_OPTIONS: xs, s, m, l, xl;
 @BUTTON_VARIANT_OPTIONS: primary, secondary, tertiary, quaternary, plain, dangerous;
-@COLOR_NAME_OPTIONS: gray-100, gray-200, gray-300, gray-400, gray-500, gray-600, teal-100, teal-200,
-    teal-300, teal-400, teal-500, green-100, green-200, green-300, green-400, green-500, yellow-100,
-    yellow-200, yellow-300, yellow-400, yellow-500, red-100, red-200, red-300, red-400, red-500,
-    blue-100, blue-200, blue-300, blue-400, blue-500, magenta-100, magenta-200, magenta-300,
+@COLOR_NAME_OPTIONS: white, gray-100, gray-200, gray-300, gray-400, gray-500, gray-600, teal-100,
+    teal-200, teal-300, teal-400, teal-500, green-100, green-200, green-300, green-400, green-500,
+    yellow-100, yellow-200, yellow-300, yellow-400, yellow-500, red-100, red-200, red-300, red-400,
+    red-500, blue-100, blue-200, blue-300, blue-400, blue-500, magenta-100, magenta-200, magenta-300,
     magenta-400, magenta-500;
 @COLOR_SCHEME_OPTIONS: base, banner, invert;
 @HEADING_LEVEL_OPTIONS: h1, h2, h3, h4, h5;

package/dist/generated/tokens.less

@@ -1,4 +1,4 @@
-/* AUTO GENERATED @Thu Oct 27 2022 11:02:30 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED @Fri Dec 02 2022 15:15:52 GMT+0000 (Coordinated Universal Time) */
 
 @scheme-color: var(--aface6);
 @scheme-bgColor: var(--786b9e);
@@ -92,6 +92,7 @@
 @content-secondary-color: var(--3d280d);
 @content-branded-color: var(--4dadf3);
 @content-positive-color: var(--318747);
+@content-error-color: var(--9167e9);
 @action-base-borderRadius: var(--8d5131);
 @action-base-disabled-color: var(--a8b89c);
 @action-base-disabled-bgColor: var(--04daeb);
@@ -379,6 +380,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);
 @root-size-none: var(--c12f10);
 @root-size-25: var(--389aa7);
 @root-size-50: var(--8848e0);

package/dist/index.d.ts

@@ -1,7 +1,11 @@
+export * from './accessibility';
 export * from './color/module-color';
 export * from './color-scheme';
 export * from './css-module';
 export * from './dom/props';
+export * from './events';
+export * from './field';
+export * from './input';
 export * from './instrument';
 export * from './keyboard';
 export * from './layout';

package/dist/index.js

@@ -1,6 +1,7 @@
 export { getDatasetProps, getExternalUrlProps } from './dom/props/index.js';
 export { mapEdgeKeyToStandard } from './keyboard/index.js';
 export { currentHostname, currentHref } from './location/index.js';
+export { getAriaProps } from './accessibility/aria/utils.js';
 export { useColorClassNames } from './color/module-color/hooks/useColorClassNames.js';
 export { colorSchemes } from './color-scheme/colorSchemes.js';
 export { ColorScheme } from './color-scheme/classes/ColorScheme.js';
@@ -8,6 +9,13 @@ export { ColorSchemeProvider } from './color-scheme/providers/ColorSchemeProvide
 export { useColorScheme } from './color-scheme/hooks/useColorScheme.js';
 export { withColorScheme } from './color-scheme/hocs/withColorScheme.js';
 export { booleanClassNames, globalClassNames, longhandClassNames, moduleClassName, moduleClassNames, moduleLocals, stringClassNames } from './css-module/classNames.js';
+export { useFocusEvents } from './events/hooks/useFocusEvents.js';
+export { FIELD_ADDITIONAL_TEXT_VARIANT_DEFAULT, FIELD_TYPE_DEFAULT } from './field/constants.js';
+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 { useInstrument } from './instrument/hooks/useInstrument.js';
 export { InstrumentProvider } from './instrument/providers/Instrument.js';
 export { useLayoutClassNames } from './layout/hooks/useLayoutClassNames.js';
@@ -39,4 +47,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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=

package/dist/input/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const INPUT_TYPE_DEFAULT = "text";
+export declare const AUTO_COMPLETE_TEXT_DEFAULT = "off";
+export declare const AUTO_COMPLETE_PASSWORD_DEFAULT = "off";
+export declare const AUTO_COMPLETE_DATE_DEFAULT = "off";

package/dist/input/constants.js

@@ -0,0 +1,7 @@
+const INPUT_TYPE_DEFAULT = 'text';
+const AUTO_COMPLETE_TEXT_DEFAULT = 'off';
+const AUTO_COMPLETE_PASSWORD_DEFAULT = 'off';
+const AUTO_COMPLETE_DATE_DEFAULT = 'off';
+
+export { AUTO_COMPLETE_DATE_DEFAULT, AUTO_COMPLETE_PASSWORD_DEFAULT, AUTO_COMPLETE_TEXT_DEFAULT, INPUT_TYPE_DEFAULT };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaW5wdXQvY29uc3RhbnRzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjb25zdCBJTlBVVF9UWVBFX0RFRkFVTFQgPSAndGV4dCc7XG5cbmV4cG9ydCBjb25zdCBBVVRPX0NPTVBMRVRFX1RFWFRfREVGQVVMVCA9ICdvZmYnO1xuZXhwb3J0IGNvbnN0IEFVVE9fQ09NUExFVEVfUEFTU1dPUkRfREVGQVVMVCA9ICdvZmYnO1xuZXhwb3J0IGNvbnN0IEFVVE9fQ09NUExFVEVfREFURV9ERUZBVUxUID0gJ29mZic7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ik1BQWEsa0JBQWtCLEdBQUcsT0FBTztNQUU1QiwwQkFBMEIsR0FBRyxNQUFNO01BQ25DLDhCQUE4QixHQUFHLE1BQU07TUFDdkMsMEJBQTBCLEdBQUc7Ozs7In0=

package/dist/input/index.d.ts

@@ -0,0 +1,4 @@
+export * from './constants';
+export * from './options';
+export * from './types';
+export * from './util';

package/dist/input/index.js

@@ -0,0 +1,4 @@
+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==

package/dist/input/options.d.ts

@@ -0,0 +1,7 @@
+import type { Option } from '@preply/ds-core-types';
+import type { AutoCompleteDateOptions, AutoCompletePasswordOptions, AutoCompleteTextOptions, InputType } from './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>[];
+export declare const AUTO_COMPLETE_DATE_OPTIONS: Option<AutoCompleteDateOptions>[];
+export declare const AUTO_COMPLETE_PASSWORD_OPTIONS: Option<AutoCompletePasswordOptions>[];

package/dist/input/options.js

@@ -0,0 +1,40 @@
+const INPUT_TYPE_SIMPLE_TEXT_OPTIONS = [
+    { id: 'text' },
+    { id: 'search' },
+    { id: 'email' },
+    { id: 'tel' },
+    { id: 'url' },
+];
+const INPUT_TYPE_OPTIONS = [
+    ...INPUT_TYPE_SIMPLE_TEXT_OPTIONS,
+    { id: 'password' },
+    { id: 'number' },
+    { id: 'date' },
+    { id: 'time' },
+    { id: 'checkbox' },
+    { id: 'radio' },
+    { id: 'textarea' },
+    { id: 'select' },
+];
+const AUTO_COMPLETE_TEXT_OPTIONS = [
+    { id: 'off' },
+    { id: 'on' },
+    { id: 'name' },
+    { id: 'email' },
+    { id: 'username' },
+    { id: 'language' },
+    { id: 'tel' },
+    { id: 'url' },
+];
+const AUTO_COMPLETE_DATE_OPTIONS = [
+    { id: 'off' },
+    { id: 'on' },
+];
+const AUTO_COMPLETE_PASSWORD_OPTIONS = [
+    { id: 'off' },
+    { id: 'new-password' },
+    { id: 'current-password' },
+];
+
+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=

package/dist/input/types.d.ts

@@ -0,0 +1,106 @@
+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];
+};
+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 {
+    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;
+declare type UnknownInputProps = InputTypeTextProps | InputTypeSearchProps | InputTypeEmailProps | InputTypeTelProps | InputTypeUrlProps | InputTypePasswordProps | InputTypeNumberProps | InputTypeDateProps | InputTypeTimeProps | InputTypeCheckboxProps | InputTypeRadioProps | InputTypeTextareaProps | InputTypeSelectProps;
+export declare type InputProps = UnknownInputProps & {
+    className?: string;
+};
+export declare type CombinableInputProps<T extends InputCommonProps> = Omit<T, 'id' | 'type'> & {
+    id?: string;
+};
+export {};

package/dist/input/types.js

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

package/dist/input/util.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare function useForcedRef<T>(): RefObject<T>;

package/dist/input/util.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2lucHV0L3V0aWwudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVmT2JqZWN0LCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBmdW5jdGlvbiB1c2VGb3JjZWRSZWY8VD4oKTogUmVmT2JqZWN0PFQ+IHtcbiAgICBjb25zdCBbaW5pdF0gPSB1c2VTdGF0ZTxib29sZWFuPih0cnVlKTtcbiAgICBjb25zdCBbLCBzZXRGYXV4U3RhdGVdID0gdXNlU3RhdGU8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHNldEZhdXhTdGF0ZShpbml0KSwgW2luaXRdKTtcblxuICAgIHJldHVybiB1c2VSZWY8VD4obnVsbCk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7U0FFZ0IsWUFBWTtJQUN4QixNQUFNLENBQUMsSUFBSSxDQUFDLEdBQUcsUUFBUSxDQUFVLElBQUksQ0FBQyxDQUFDO0lBQ3ZDLE1BQU0sR0FBRyxZQUFZLENBQUMsR0FBRyxRQUFRLENBQVUsS0FBSyxDQUFDLENBQUM7SUFFbEQsU0FBUyxDQUFDLE1BQU0sWUFBWSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUU1QyxPQUFPLE1BQU0sQ0FBSSxJQUFJLENBQUMsQ0FBQztBQUMzQjs7OzsifQ==

package/dist/typography/style/mixins.less

@@ -37,16 +37,20 @@
     });
 }
 
+.text-variant(@text-variant) {
+    @token: 'variant-@{text-variant}';
+    .font-size('text', @token);
+    .font-weight('text', @token);
+    .line-height('text', @token);
+    .letter-spacing('text', @token);
+    .font-style('text', @token);
+}
+
 .text-variants() {
     .responsive({
         each(@TEXT_VARIANT_OPTIONS,  {
             &--variant-@{value} {
-                @token: 'variant-@{value}';
-                .font-size('text', @token);
-                .font-weight('text', @token);
-                .line-height('text', @token);
-                .letter-spacing('text', @token);
-                .font-style('text', @token)
+                .text-variant(@value);
             }
         });
     });

package/package.json

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