datocms-react-ui 0.2.0-alpha.61 → 0.2.0-alpha.65

package/dist/esm/Button/index.d.ts

@@ -1,10 +1,25 @@
-import { ReactNode } from 'react';
+import React, { CSSProperties, MouseEventHandler, ReactNode } from 'react';
 export declare type ButtonProps = {
     children: ReactNode;
+    type: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
     className?: string;
     disabled?: boolean;
+    onClick?: MouseEventHandler;
     buttonType?: 'primary' | 'muted' | 'negative';
     buttonSize?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
     fullWidth?: boolean;
+    style?: CSSProperties;
 };
-export declare function Button({ children, className, disabled, buttonType, buttonSize, fullWidth, ...other }: ButtonProps): JSX.Element;
+export declare function Button({ children, className, disabled, buttonType, buttonSize, fullWidth, onClick, style, type, }: ButtonProps): JSX.Element;
+export declare type ButtonLinkProps = {
+    children: ReactNode;
+    href: string;
+    target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];
+    className?: string;
+    onClick?: MouseEventHandler;
+    buttonType?: 'primary' | 'muted' | 'negative';
+    buttonSize?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
+    fullWidth?: boolean;
+    style?: CSSProperties;
+};
+export declare function ButtonLink({ children, href, target, className, buttonType, buttonSize, onClick, fullWidth, style, }: ButtonLinkProps): JSX.Element;

package/dist/esm/Button/index.js

@@ -1,34 +1,19 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React from 'react';
 import cn from 'classnames';
 import styles from './styles.module.css.json';
 export function Button(_a) {
     var _b;
-    var children = _a.children, className = _a.className, disabled = _a.disabled, _c = _a.buttonType, buttonType = _c === void 0 ? 'muted' : _c, _d = _a.buttonSize, buttonSize = _d === void 0 ? 'm' : _d, fullWidth = _a.fullWidth, other = __rest(_a, ["children", "className", "disabled", "buttonType", "buttonSize", "fullWidth"]);
-    return (React.createElement("button", __assign({ className: cn(styles.button, styles["buttonType-" + buttonType], styles["buttonSize-" + buttonSize], (_b = {},
+    var children = _a.children, className = _a.className, disabled = _a.disabled, _c = _a.buttonType, buttonType = _c === void 0 ? 'muted' : _c, _d = _a.buttonSize, buttonSize = _d === void 0 ? 'm' : _d, fullWidth = _a.fullWidth, onClick = _a.onClick, style = _a.style, _e = _a.type, type = _e === void 0 ? 'button' : _e;
+    return (React.createElement("button", { type: type, className: cn(styles.button, styles["buttonType-" + buttonType], styles["buttonSize-" + buttonSize], (_b = {},
             _b[styles.disabled] = disabled,
             _b[styles.fullWidth] = fullWidth,
-            _b), className), disabled: disabled }, other), children));
+            _b), className), disabled: disabled, onClick: onClick, style: style }, children));
+}
+export function ButtonLink(_a) {
+    var _b;
+    var children = _a.children, href = _a.href, _c = _a.target, target = _c === void 0 ? '_blank' : _c, className = _a.className, _d = _a.buttonType, buttonType = _d === void 0 ? 'muted' : _d, _e = _a.buttonSize, buttonSize = _e === void 0 ? 'm' : _e, onClick = _a.onClick, fullWidth = _a.fullWidth, style = _a.style;
+    return (React.createElement("a", { href: href, target: target, className: cn(styles.button, styles["buttonType-" + buttonType], styles["buttonSize-" + buttonSize], (_b = {},
+            _b[styles.fullWidth] = fullWidth,
+            _b), className), style: style, onClick: onClick }, children));
 }
 //# sourceMappingURL=index.js.map

package/dist/esm/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Button/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAW9C,MAAM,UAAU,MAAM,CAAC,EAQT;;IAPZ,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,kBAAoB,EAApB,UAAU,mBAAG,OAAO,KAAA,EACpB,kBAAgB,EAAhB,UAAU,mBAAG,GAAG,KAAA,EAChB,SAAS,eAAA,EACN,KAAK,cAPa,8EAQtB,CADS;IAER,OAAO,CACL,yCACE,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,MAAM,EACb,MAAM,CAAC,gBAAc,UAAY,CAAC,EAClC,MAAM,CAAC,gBAAc,UAAY,CAAC;YAEhC,GAAC,MAAM,CAAC,QAAQ,IAAG,QAAQ;YAC3B,GAAC,MAAM,CAAC,SAAS,IAAG,SAAS;iBAE/B,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,IACd,KAAK,GAER,QAAQ,CACF,CACV,CAAC;AACJ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAC3E,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAc9C,MAAM,UAAU,MAAM,CAAC,EAUT;;QATZ,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,kBAAoB,EAApB,UAAU,mBAAG,OAAO,KAAA,EACpB,kBAAgB,EAAhB,UAAU,mBAAG,GAAG,KAAA,EAChB,SAAS,eAAA,EACT,OAAO,aAAA,EACP,KAAK,WAAA,EACL,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA;IAEf,OAAO,CACL,gCACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,MAAM,EACb,MAAM,CAAC,gBAAc,UAAY,CAAC,EAClC,MAAM,CAAC,gBAAc,UAAY,CAAC;YAEhC,GAAC,MAAM,CAAC,QAAQ,IAAG,QAAQ;YAC3B,GAAC,MAAM,CAAC,SAAS,IAAG,SAAS;iBAE/B,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,IAEX,QAAQ,CACF,CACV,CAAC;AACJ,CAAC;AAcD,MAAM,UAAU,UAAU,CAAC,EAUT;;QAThB,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,cAAiB,EAAjB,MAAM,mBAAG,QAAQ,KAAA,EACjB,SAAS,eAAA,EACT,kBAAoB,EAApB,UAAU,mBAAG,OAAO,KAAA,EACpB,kBAAgB,EAAhB,UAAU,mBAAG,GAAG,KAAA,EAChB,OAAO,aAAA,EACP,SAAS,eAAA,EACT,KAAK,WAAA;IAEL,OAAO,CACL,2BACE,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,MAAM,EACb,MAAM,CAAC,gBAAc,UAAY,CAAC,EAClC,MAAM,CAAC,gBAAc,UAAY,CAAC;YAEhC,GAAC,MAAM,CAAC,SAAS,IAAG,SAAS;iBAE/B,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,IAEf,QAAQ,CACP,CACL,CAAC;AACJ,CAAC"}

package/dist/esm/Button/styles.module.css.json

@@ -1 +1 @@
-{ "button": "_button_3nqqf_1", "disabled": "_disabled_3nqqf_30", "buttonType-muted": "_buttonType-muted_3nqqf_37", "buttonType-primary": "_buttonType-primary_3nqqf_42", "buttonType-negative": "_buttonType-negative_3nqqf_64", "buttonSize-xxs": "_buttonSize-xxs_3nqqf_82", "buttonSize-xs": "_buttonSize-xs_3nqqf_87", "buttonSize-s": "_buttonSize-s_3nqqf_92", "buttonSize-m": "_buttonSize-m_3nqqf_96", "buttonSize-l": "_buttonSize-l_3nqqf_101", "buttonSize-xl": "_buttonSize-xl_3nqqf_105", "fullWidth": "_fullWidth_3nqqf_110" }
+{ "button": "_button_p1vuc_1", "disabled": "_disabled_p1vuc_30", "buttonType-muted": "_buttonType-muted_p1vuc_37", "buttonType-primary": "_buttonType-primary_p1vuc_42", "buttonType-negative": "_buttonType-negative_p1vuc_64", "buttonSize-xxs": "_buttonSize-xxs_p1vuc_82", "buttonSize-xs": "_buttonSize-xs_p1vuc_87", "buttonSize-s": "_buttonSize-s_p1vuc_92", "buttonSize-m": "_buttonSize-m_p1vuc_97", "buttonSize-l": "_buttonSize-l_p1vuc_102", "buttonSize-xl": "_buttonSize-xl_p1vuc_107", "fullWidth": "_fullWidth_p1vuc_112" }

package/dist/esm/Canvas/index.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { RenderProperties } from 'datocms-plugins-sdk';
+import { RenderProperties } from 'datocms-plugin-sdk';
 export declare type CanvasProps = {
     ctx: RenderProperties;
     noAutoResizer?: boolean;

package/dist/esm/Canvas/index.js

@@ -11,6 +11,12 @@ var __assign = (this && this.__assign) || function () {
 };
 import React, { useEffect } from 'react';
 import styles from './styles.module.css.json';
+function camelToDash(str) {
+    if (str != str.toLowerCase()) {
+        str = str.replace(/[A-Z]/g, function (m) { return '-' + m.toLowerCase(); });
+    }
+    return str;
+}
 export function Canvas(_a) {
     var ctx = _a.ctx, children = _a.children, noAutoResizer = _a.noAutoResizer;
     var mode = ctx.mode;
@@ -26,7 +32,9 @@ export function Canvas(_a) {
     return (React.createElement("div", { className: styles.canvas, style: Object.entries(ctx.theme).reduce(function (acc, _a) {
             var _b;
             var k = _a[0], v = _a[1];
-            return (__assign(__assign({}, acc), (_b = {}, _b["--" + k] = v, _b)));
-        }, {}) }, children));
+            return (__assign(__assign({}, acc), (_b = {}, _b["--" + camelToDash(k)] = v, _b)));
+        }, {
+            padding: ctx.bodyPadding.map(function (p) { return p + "px"; }).join(' '),
+        }) }, children));
 }
 //# sourceMappingURL=index.js.map

package/dist/esm/Canvas/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Canvas/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAQ9C,MAAM,UAAU,MAAM,CAAC,EAIT;QAHZ,GAAG,SAAA,EACH,QAAQ,cAAA,EACR,aAAa,mBAAA;IAEL,IAAA,IAAI,GAAM,GAAmC,KAAzC,CAA0C;IAEtD,SAAS,CAAC;QACR,IAAI,IAAI,KAAK,YAAY,IAAI,CAAC,aAAa,EAAE;YAC3C,IAAM,oBAAkB,GAAI,GAAkC,CAAC;YAC/D,oBAAkB,CAAC,gBAAgB,EAAE,CAAC;YAEtC,CAAA;gBACE,oBAAkB,CAAC,eAAe,EAAE,CAAC;YACvC,CAAC,CAAA,CAAC;SACH;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL,6BACE,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,MAAM,CACrC,UAAC,GAAG,EAAE,EAAM;;gBAAL,CAAC,QAAA,EAAE,CAAC,QAAA;YAAM,OAAA,uBAAM,GAAG,gBAAG,OAAK,CAAG,IAAG,CAAC,OAAG;QAA3B,CAA2B,EAC5C,EAAE,CACH,IAEA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Canvas/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAE9C,SAAS,WAAW,CAAC,GAAW;IAC9B,IAAI,GAAG,IAAI,GAAG,CAAC,WAAW,EAAE,EAAE;QAC5B,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,GAAG,GAAG,CAAC,CAAC,WAAW,EAAE,EAArB,CAAqB,CAAC,CAAC;KAC3D;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAQD,MAAM,UAAU,MAAM,CAAC,EAIT;QAHZ,GAAG,SAAA,EACH,QAAQ,cAAA,EACR,aAAa,mBAAA;IAEL,IAAA,IAAI,GAAM,GAAmC,KAAzC,CAA0C;IAEtD,SAAS,CAAC;QACR,IAAI,IAAI,KAAK,YAAY,IAAI,CAAC,aAAa,EAAE;YAC3C,IAAM,oBAAkB,GAAI,GAAkC,CAAC;YAC/D,oBAAkB,CAAC,gBAAgB,EAAE,CAAC;YAEtC,CAAA;gBACE,oBAAkB,CAAC,eAAe,EAAE,CAAC;YACvC,CAAC,CAAA,CAAC;SACH;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL,6BACE,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,MAAM,CACrC,UAAC,GAAG,EAAE,EAAM;;gBAAL,CAAC,QAAA,EAAE,CAAC,QAAA;YAAM,OAAA,uBAAM,GAAG,gBAAG,OAAK,WAAW,CAAC,CAAC,CAAG,IAAG,CAAC,OAAG;QAAxC,CAAwC,EACzD;YACE,OAAO,EAAE,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAG,CAAC,OAAI,EAAR,CAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;SACxD,CACF,IAEA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/Canvas/styles.module.css.json

@@ -1 +1 @@
-{ "canvas": "_canvas_vajvv_1" }
+{ "canvas": "_canvas_1kptt_1" }

package/dist/esm/FieldError/index.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+declare type FieldErrorProps = {
+    children: ReactNode;
+};
+export declare function FieldError({ children }: FieldErrorProps): JSX.Element;
+export {};

package/dist/esm/FieldError/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import s from './styles.module.css.json';
+export function FieldError(_a) {
+    var children = _a.children;
+    return React.createElement("div", { className: s.fieldError }, children);
+}
+//# sourceMappingURL=index.js.map

package/dist/esm/FieldError/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/FieldError/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,CAAC,MAAM,0BAA0B,CAAC;AAMzC,MAAM,UAAU,UAAU,CAAC,EAA6B;QAA3B,QAAQ,cAAA;IACnC,OAAO,6BAAK,SAAS,EAAE,CAAC,CAAC,UAAU,IAAG,QAAQ,CAAO,CAAC;AACxD,CAAC"}

package/dist/esm/FieldError/styles.module.css.json

@@ -0,0 +1 @@
+{ "fieldError": "_fieldError_qi0xk_1" }

package/dist/esm/FieldGroup/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface FieldGroupProps {
+    className?: string;
+    children: React.ReactNode;
+    style?: React.CSSProperties;
+}
+export declare function FieldGroup({ children, className, ...otherProps }: FieldGroupProps): JSX.Element;

package/dist/esm/FieldGroup/index.js

@@ -0,0 +1,31 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import cn from 'classnames';
+import styles from './styles.module.css.json';
+export function FieldGroup(_a) {
+    var children = _a.children, className = _a.className, otherProps = __rest(_a, ["children", "className"]);
+    var classNames = cn(styles.FieldGroup, className);
+    return (React.createElement("div", __assign({}, otherProps, { className: classNames }), React.Children.map(children, function (child) { return (React.createElement("div", { className: styles.FieldGroup__item }, child)); })));
+}
+//# sourceMappingURL=index.js.map

package/dist/esm/FieldGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/FieldGroup/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAQ9C,MAAM,UAAU,UAAU,CAAC,EAIT;IAHhB,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACN,UAAU,cAHY,yBAI1B,CADc;IAEb,IAAM,UAAU,GAAG,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IAEpD,OAAO,CACL,wCAAS,UAAU,IAAE,SAAS,EAAE,UAAU,KACvC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,IAAK,OAAA,CACvC,6BAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,IAAG,KAAK,CAAO,CACvD,EAFwC,CAExC,CAAC,CACE,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/FieldGroup/styles.module.css.json

@@ -0,0 +1 @@
+{ "FieldGroup": "_FieldGroup_uz9ju_1", "FieldGroup__item": "_FieldGroup__item_uz9ju_5" }

package/dist/esm/FieldHint/index.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+declare type FieldHintProps = {
+    children: ReactNode;
+};
+export declare function FieldHint({ children }: FieldHintProps): JSX.Element;
+export {};

package/dist/esm/FieldHint/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import s from './styles.module.css.json';
+export function FieldHint(_a) {
+    var children = _a.children;
+    return React.createElement("div", { className: s.fieldHint }, children);
+}
+//# sourceMappingURL=index.js.map

package/dist/esm/FieldHint/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/FieldHint/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,CAAC,MAAM,0BAA0B,CAAC;AAMzC,MAAM,UAAU,SAAS,CAAC,EAA4B;QAA1B,QAAQ,cAAA;IAClC,OAAO,6BAAK,SAAS,EAAE,CAAC,CAAC,SAAS,IAAG,QAAQ,CAAO,CAAC;AACvD,CAAC"}

package/dist/esm/FieldHint/styles.module.css.json

@@ -0,0 +1 @@
+{ "fieldHint": "_fieldHint_1dor2_1" }

package/dist/esm/Form/index.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties, FormEventHandler, ReactNode } from 'react';
+export interface FormProps {
+    onSubmit?: FormEventHandler;
+    spacing?: 'condensed' | 'default';
+    style?: CSSProperties;
+    className?: string;
+    children: ReactNode;
+}
+export declare const Form: ({ children, className, onSubmit, spacing, ...otherProps }: FormProps) => JSX.Element;

package/dist/esm/Form/index.js

@@ -0,0 +1,43 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { Children, useCallback, } from 'react';
+import cn from 'classnames';
+import styles from './styles.module.css.json';
+export var Form = function (_a) {
+    var children = _a.children, className = _a.className, onSubmit = _a.onSubmit, _b = _a.spacing, spacing = _b === void 0 ? 'default' : _b, otherProps = __rest(_a, ["children", "className", "onSubmit", "spacing"]);
+    var classNames = cn(styles.Form, className);
+    var formItemClassNames = cn(styles.Form__item, styles["Form__item--" + spacing]);
+    var handleSubmit = useCallback(function (event) {
+        event.preventDefault();
+        if (onSubmit) {
+            onSubmit(event);
+        }
+    }, [onSubmit]);
+    return (React.createElement("form", __assign({ className: classNames, onSubmit: handleSubmit }, otherProps), Children.map(children, function (child) {
+        if (child) {
+            return React.createElement("div", { className: formItemClassNames }, child);
+        }
+        return null;
+    })));
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/Form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Form/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,QAAQ,EACR,WAAW,GAKZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAU9C,MAAM,CAAC,IAAM,IAAI,GAAG,UAAC,EAMT;IALV,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EAChB,UAAU,cALM,gDAMpB,CADc;IAEb,IAAM,UAAU,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,IAAM,kBAAkB,GAAG,EAAE,CAC3B,MAAM,CAAC,UAAU,EACjB,MAAM,CAAC,iBAAe,OAAS,CAAC,CACjC,CAAC;IAEF,IAAM,YAAY,GAAG,WAAW,CAC9B,UAAC,KAAgB;QACf,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,uCAAM,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,IAAM,UAAU,GAChE,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;QAC5B,IAAI,KAAK,EAAE;YACT,OAAO,6BAAK,SAAS,EAAE,kBAAkB,IAAG,KAAK,CAAO,CAAC;SAC1D;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/Form/styles.module.css.json

@@ -0,0 +1 @@
+{ "Form": "_Form_5qspp_1", "Form__item": "_Form__item_5qspp_5", "Form__item--default": "_Form__item--default_5qspp_13", "Form__item--condensed": "_Form__item--condensed_5qspp_17" }

package/dist/esm/FormLabel/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface FormLabelProps {
+    htmlFor: string;
+    children: React.ReactNode;
+    className?: string;
+    required?: boolean;
+    error?: boolean;
+    code?: React.ReactNode;
+}
+export declare const FormLabel: ({ children, className, htmlFor, code, required, error, ...otherProps }: FormLabelProps) => JSX.Element;

package/dist/esm/FormLabel/index.js

@@ -0,0 +1,38 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import cn from 'classnames';
+import s from './styles.module.css.json';
+export var FormLabel = function (_a) {
+    var _b;
+    var children = _a.children, className = _a.className, htmlFor = _a.htmlFor, code = _a.code, _c = _a.required, required = _c === void 0 ? false : _c, _d = _a.error, error = _d === void 0 ? false : _d, otherProps = __rest(_a, ["children", "className", "htmlFor", "code", "required", "error"]);
+    var classNames = cn(s.formLabel, className, (_b = {},
+        _b[s['formLabel--error']] = error,
+        _b));
+    return (React.createElement("label", __assign({ className: classNames, htmlFor: htmlFor }, otherProps),
+        React.createElement("span", { className: s.formLabel__label },
+            children,
+            required && React.createElement("span", { className: s.formLabel__required }, "*")),
+        code && React.createElement("span", { className: s.formLabel__code }, code)));
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/FormLabel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/FormLabel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,CAAC,MAAM,0BAA0B,CAAC;AAWzC,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAQT;;IAPf,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACV,UAAU,cAPW,iEAQzB,CADc;IAEb,IAAM,UAAU,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS;QAC1C,GAAC,CAAC,CAAC,kBAAkB,CAAC,IAAG,KAAK;YAC9B,CAAC;IAEH,OAAO,CACL,wCAAO,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,IAAM,UAAU;QAC5D,8BAAM,SAAS,EAAE,CAAC,CAAC,gBAAgB;YAChC,QAAQ;YACR,QAAQ,IAAI,8BAAM,SAAS,EAAE,CAAC,CAAC,mBAAmB,QAAU,CACxD;QACN,IAAI,IAAI,8BAAM,SAAS,EAAE,CAAC,CAAC,eAAe,IAAG,IAAI,CAAQ,CACpD,CACT,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/FormLabel/styles.module.css.json

@@ -0,0 +1 @@
+{ "formLabel": "_formLabel_tcjrv_1", "formLabel__code": "_formLabel__code_tcjrv_8", "formLabel--error": "_formLabel--error_tcjrv_14", "formLabel__label": "_formLabel__label_tcjrv_18", "formLabel__required": "_formLabel__required_tcjrv_30" }

package/dist/esm/SwitchField/index.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { FormLabelProps, SwitchInputProps } from '..';
+declare type SwitchFieldProps = {
+    id: string;
+    name: string;
+    label: ReactNode;
+    hint?: ReactNode;
+    error?: ReactNode;
+    required?: boolean;
+    formLabelProps?: FormLabelProps;
+    value: SwitchInputProps['value'];
+    onChange: SwitchInputProps['onChange'];
+    switchInputProps?: SwitchInputProps;
+};
+export declare function SwitchField({ id, name, label, hint, error, required, formLabelProps, value, onChange, switchInputProps, }: SwitchFieldProps): JSX.Element;
+export {};

package/dist/esm/SwitchField/index.js

@@ -0,0 +1,27 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { FieldError, FieldHint, FormLabel, SwitchInput, } from '..';
+import cn from 'classnames';
+import s from './styles.module.css.json';
+export function SwitchField(_a) {
+    var id = _a.id, name = _a.name, label = _a.label, hint = _a.hint, error = _a.error, required = _a.required, formLabelProps = _a.formLabelProps, value = _a.value, onChange = _a.onChange, switchInputProps = _a.switchInputProps;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: s.switchField__flex },
+            React.createElement("div", { className: s.switchField__switchInput },
+                React.createElement(SwitchInput, __assign({}, switchInputProps, { name: name, value: value, onChange: onChange }))),
+            React.createElement(FormLabel, __assign({}, formLabelProps, { htmlFor: id, required: required, className: cn(s.switchField__label, formLabelProps === null || formLabelProps === void 0 ? void 0 : formLabelProps.className), error: !!error }), label)),
+        (hint || error) && (React.createElement("div", { className: s.switchField__below },
+            error && React.createElement(FieldError, null, error),
+            hint && React.createElement(FieldHint, null, hint)))));
+}
+//# sourceMappingURL=index.js.map

package/dist/esm/SwitchField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SwitchField/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EACL,UAAU,EACV,SAAS,EACT,SAAS,EAET,WAAW,GAEZ,MAAM,IAAI,CAAC;AACZ,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,CAAC,MAAM,0BAA0B,CAAC;AAezC,MAAM,UAAU,WAAW,CAAC,EAWT;QAVjB,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,gBAAgB,sBAAA;IAEhB,OAAO,CACL;QACE,6BAAK,SAAS,EAAE,CAAC,CAAC,iBAAiB;YACjC,6BAAK,SAAS,EAAE,CAAC,CAAC,wBAAwB;gBACxC,oBAAC,WAAW,eACN,gBAAgB,IACpB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IAClB,CACE;YACN,oBAAC,SAAS,eACJ,cAAc,IAClB,OAAO,EAAE,EAAE,EACX,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,SAAS,CAAC,EAC9D,KAAK,EAAE,CAAC,CAAC,KAAK,KAEb,KAAK,CACI,CACR;QACL,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAClB,6BAAK,SAAS,EAAE,CAAC,CAAC,kBAAkB;YACjC,KAAK,IAAI,oBAAC,UAAU,QAAE,KAAK,CAAc;YACzC,IAAI,IAAI,oBAAC,SAAS,QAAE,IAAI,CAAa,CAClC,CACP,CACA,CACJ,CAAC;AACJ,CAAC"}

package/dist/esm/SwitchField/styles.module.css.json

@@ -0,0 +1 @@
+{ "switchField__flex": "_switchField__flex_16z4j_1", "switchField__switchInput": "_switchField__switchInput_16z4j_6", "switchField__label": "_switchField__label_16z4j_10", "switchField__below": "_switchField__below_16z4j_22" }

package/dist/esm/SwitchInput/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare type SwitchInputChangeEventHandler = (newValue: boolean, event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
+export interface SwitchInputProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'onChange'> {
+    name: string;
+    disabled?: boolean;
+    onChange: SwitchInputChangeEventHandler;
+    onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;
+    value: boolean;
+}
+export declare function SwitchInput({ className, value, disabled, onClick, onChange, onKeyDown, ...restProps }: SwitchInputProps): JSX.Element;

package/dist/esm/SwitchInput/index.js

@@ -0,0 +1,54 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import cn from 'classnames';
+import s from './styles.module.css.json';
+export function SwitchInput(_a) {
+    var _b;
+    var className = _a.className, value = _a.value, disabled = _a.disabled, onClick = _a.onClick, onChange = _a.onChange, onKeyDown = _a.onKeyDown, restProps = __rest(_a, ["className", "value", "disabled", "onClick", "onChange", "onKeyDown"]);
+    function triggerChange(newValue, event) {
+        if (!disabled) {
+            onChange(newValue, event);
+        }
+    }
+    function onInternalKeyDown(e) {
+        if (e.key === 'ArrowLeft') {
+            triggerChange(false, e);
+        }
+        else if (e.key === 'ArrowRight') {
+            triggerChange(true, e);
+        }
+        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+    }
+    function onInternalClick(e) {
+        triggerChange(!value, e);
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
+    }
+    var switchClassName = cn(s['switchInput'], className, (_b = {},
+        _b[s['switchInput__checked']] = value,
+        _b[s['switchInput__disabled']] = disabled,
+        _b));
+    return (React.createElement("button", __assign({}, restProps, { type: "button", role: "switch", "aria-checked": value, disabled: disabled, className: switchClassName, onKeyDown: onInternalKeyDown, onClick: onInternalClick }),
+        React.createElement("span", { className: s['switchInput__inner'] })));
+}
+//# sourceMappingURL=index.js.map

package/dist/esm/SwitchInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SwitchInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,CAAC,MAAM,0BAA0B,CAAC;AAkBzC,MAAM,UAAU,WAAW,CAAC,EAQT;;IAPjB,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,SAAS,eAAA,EACN,SAAS,cAPc,sEAQ3B,CADa;IAEZ,SAAS,aAAa,CACpB,QAAiB,EACjB,KAE0C;QAE1C,IAAI,CAAC,QAAQ,EAAE;YACb,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;SAC3B;IACH,CAAC;IAED,SAAS,iBAAiB,CAAC,CAAyC;QAClE,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE;YACzB,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;SACzB;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY,EAAE;YACjC,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;SACxB;QACD,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,CAAC,CAAC,CAAC;IACjB,CAAC;IAED,SAAS,eAAe,CAAC,CAAsC;QAC7D,aAAa,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QACzB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;IACf,CAAC;IAED,IAAM,eAAe,GAAG,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,EAAE,SAAS;QACpD,GAAC,CAAC,CAAC,sBAAsB,CAAC,IAAG,KAAK;QAClC,GAAC,CAAC,CAAC,uBAAuB,CAAC,IAAG,QAAQ;YACtC,CAAC;IAEH,OAAO,CACL,2CACM,SAAS,IACb,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,kBACC,KAAK,EACnB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,eAAe,EAC1B,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,eAAe;QAExB,8BAAM,SAAS,EAAE,CAAC,CAAC,oBAAoB,CAAC,GAAI,CACrC,CACV,CAAC;AACJ,CAAC"}

package/dist/esm/SwitchInput/styles.module.css.json

@@ -0,0 +1 @@
+{ "switchInput__inner": "_switchInput__inner_1knbg_1", "switchInput": "_switchInput_1knbg_1", "switchInput__off": "_switchInput__off_1knbg_1", "switchInput__on": "_switchInput__on_1knbg_1", "switchInput__checked": "_switchInput__checked_1knbg_47", "switchInput__disabled": "_switchInput__disabled_1knbg_60", "none": "_none_1knbg_1" }

package/dist/esm/TextField/index.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { FormLabelProps, TextInputProps } from '..';
+declare type TextFieldProps = {
+    id: string;
+    name: string;
+    label: ReactNode;
+    hint?: ReactNode;
+    placeholder?: string;
+    error?: ReactNode;
+    required?: boolean;
+    formLabelProps?: FormLabelProps;
+    value: TextInputProps['value'];
+    onChange: TextInputProps['onChange'];
+    textInputProps?: TextInputProps;
+};
+export declare function TextField({ id, name, label, hint, error, required, placeholder, formLabelProps, value, onChange, textInputProps, }: TextFieldProps): JSX.Element;
+export {};

package/dist/esm/TextField/index.js

@@ -0,0 +1,22 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { FieldError, FieldHint, FormLabel, TextInput, } from '..';
+export function TextField(_a) {
+    var id = _a.id, name = _a.name, label = _a.label, hint = _a.hint, error = _a.error, required = _a.required, placeholder = _a.placeholder, formLabelProps = _a.formLabelProps, value = _a.value, onChange = _a.onChange, textInputProps = _a.textInputProps;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(FormLabel, __assign({}, formLabelProps, { htmlFor: id, required: required, error: !!error }), label),
+        React.createElement(TextInput, __assign({}, textInputProps, { id: id, name: name, value: value, placeholder: placeholder, onChange: onChange, error: !!error })),
+        error && React.createElement(FieldError, null, error),
+        hint && React.createElement(FieldHint, null, hint)));
+}
+//# sourceMappingURL=index.js.map

package/dist/esm/TextField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TextField/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EACL,UAAU,EACV,SAAS,EACT,SAAS,EAET,SAAS,GAEV,MAAM,IAAI,CAAC;AAgBZ,MAAM,UAAU,SAAS,CAAC,EAYT;QAXf,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,cAAc,oBAAA;IAEd,OAAO,CACL;QACE,oBAAC,SAAS,eACJ,cAAc,IAClB,OAAO,EAAE,EAAE,EACX,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAC,CAAC,KAAK,KAEb,KAAK,CACI;QAEZ,oBAAC,SAAS,eACJ,cAAc,IAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAC,CAAC,KAAK,IACd;QAED,KAAK,IAAI,oBAAC,UAAU,QAAE,KAAK,CAAc;QACzC,IAAI,IAAI,oBAAC,SAAS,QAAE,IAAI,CAAa,CACrC,CACJ,CAAC;AACJ,CAAC"}

package/dist/esm/TextInput/index.d.ts

@@ -1,9 +1,13 @@
-/// <reference types="react" />
+import React, { RefObject } from 'react';
+export declare type TextInputChangeEventHandler = (newValue: string, event: React.ChangeEvent<HTMLInputElement>) => void;
 export declare type TextInputProps = {
+    type?: 'text' | 'password' | 'email' | 'number' | 'search' | 'url' | 'date' | 'time';
+    name?: string;
+    labelText?: string;
+    id?: string;
     className?: string;
-    disabled?: boolean;
-    textInputType?: 'primary' | 'muted' | 'negative';
-    textInputSize?: 'xxs' | 'xs' | 's' | 'l' | 'xl';
-    fullWidth?: boolean;
-};
-export declare function TextInput({ className, disabled, textInputType, textInputSize, fullWidth, ...other }: TextInputProps): JSX.Element;
+    onChange?: TextInputChangeEventHandler;
+    inputRef?: RefObject<HTMLInputElement>;
+    error?: boolean;
+} & Omit<JSX.IntrinsicElements['input'], 'onChange'>;
+export declare const TextInput: ({ className, disabled, error, id, inputRef, maxLength, name, labelText, onBlur, onChange, placeholder, required, type, value, ...otherProps }: TextInputProps) => JSX.Element;

package/dist/esm/TextInput/index.js

@@ -20,15 +20,21 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import React, { useCallback } from 'react';
 import cn from 'classnames';
-import styles from './styles.module.css.json';
-export function TextInput(_a) {
+import s from './styles.module.css.json';
+export var TextInput = function (_a) {
     var _b;
-    var className = _a.className, disabled = _a.disabled, _c = _a.textInputType, textInputType = _c === void 0 ? 'muted' : _c, _d = _a.textInputSize, textInputSize = _d === void 0 ? 's' : _d, fullWidth = _a.fullWidth, other = __rest(_a, ["className", "disabled", "textInputType", "textInputSize", "fullWidth"]);
-    return (React.createElement("input", __assign({ type: "text", className: cn(styles.textInput, styles["textInputType-" + textInputType], styles["textInputSize-" + textInputSize], (_b = {},
-            _b[styles.disabled] = disabled,
-            _b[styles.fullWidth] = fullWidth,
-            _b), className), disabled: disabled }, other)));
-}
+    var className = _a.className, _c = _a.disabled, disabled = _c === void 0 ? false : _c, error = _a.error, id = _a.id, inputRef = _a.inputRef, maxLength = _a.maxLength, name = _a.name, labelText = _a.labelText, onBlur = _a.onBlur, onChange = _a.onChange, placeholder = _a.placeholder, _d = _a.required, required = _d === void 0 ? false : _d, type = _a.type, value = _a.value, otherProps = __rest(_a, ["className", "disabled", "error", "id", "inputRef", "maxLength", "name", "labelText", "onBlur", "onChange", "placeholder", "required", "type", "value"]);
+    var handleChange = useCallback(function (e) {
+        if (onChange) {
+            onChange(e.target.value, e);
+        }
+    }, [onChange]);
+    var classNames = cn(s['TextInput'], className, (_b = {},
+        _b[s['TextInput--disabled']] = disabled,
+        _b[s['TextInput--error']] = error,
+        _b));
+    return (React.createElement("input", __assign({ className: classNames, "aria-label": labelText, id: id, name: name, required: required, placeholder: placeholder, maxLength: maxLength, disabled: disabled, onBlur: onBlur, onChange: handleChange, value: value, type: type, ref: inputRef }, otherProps)));
+};
 //# sourceMappingURL=index.js.map

package/dist/esm/TextInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TextInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAU9C,MAAM,UAAU,SAAS,CAAC,EAOT;;IANf,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,qBAAuB,EAAvB,aAAa,mBAAG,OAAO,KAAA,EACvB,qBAAmB,EAAnB,aAAa,mBAAG,GAAG,KAAA,EACnB,SAAS,eAAA,EACN,KAAK,cANgB,wEAOzB,CADS;IAER,OAAO,CACL,wCACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,SAAS,EAChB,MAAM,CAAC,mBAAiB,aAAe,CAAC,EACxC,MAAM,CAAC,mBAAiB,aAAe,CAAC;YAEtC,GAAC,MAAM,CAAC,QAAQ,IAAG,QAAQ;YAC3B,GAAC,MAAM,CAAC,SAAS,IAAG,SAAS;iBAE/B,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,IACd,KAAK,EACT,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TextInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAA0B,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,CAAC,MAAM,0BAA0B,CAAC;AA0BzC,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAgBT;;IAff,IAAA,SAAS,eAAA,EACT,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,KAAK,WAAA,EACL,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,IAAI,UAAA,EACJ,KAAK,WAAA,EACF,UAAU,cAfW,wJAgBzB,CADc;IAEb,IAAM,YAAY,GAAG,WAAW,CAC9B,UAAC,CAAgC;QAC/B,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;SAC7B;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,IAAM,UAAU,GAAG,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,SAAS;QAC7C,GAAC,CAAC,CAAC,qBAAqB,CAAC,IAAG,QAAQ;QACpC,GAAC,CAAC,CAAC,kBAAkB,CAAC,IAAG,KAAK;YAC9B,CAAC;IAEH,OAAO,CACL,wCACE,SAAS,EAAE,UAAU,gBACT,SAAS,EACrB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,QAAQ,IACT,UAAU,EACd,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/TextInput/styles.module.css.json

@@ -1 +1 @@
-{ "textInput": "_textInput_18slj_1", "disabled": "_disabled_18slj_32", "textInputType-muted": "_textInputType-muted_18slj_39", "textInputType-primary": "_textInputType-primary_18slj_44", "textInputType-negative": "_textInputType-negative_18slj_67", "textInputSize-xxs": "_textInputSize-xxs_18slj_85", "textInputSize-xs": "_textInputSize-xs_18slj_90", "textInputSize-s": "_textInputSize-s_18slj_95", "textInputSize-l": "_textInputSize-l_18slj_99", "textInputSize-xl": "_textInputSize-xl_18slj_103", "fullWidth": "_fullWidth_18slj_108" }
+{ "TextInput": "_TextInput_pdyay_1", "TextInput--disabled": "_TextInput--disabled_pdyay_30", "TextInput--error": "_TextInput--error_pdyay_36" }