datocms-react-ui 0.2.0-alpha.60 → 0.2.0-y.0

package/dist/cjs/Button/index.js

@@ -1,26 +1,4 @@
 "use strict";
-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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -31,11 +9,11 @@ var classnames_1 = __importDefault(require("classnames"));
 var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
 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_1.default.createElement("button", __assign({ className: (0, classnames_1.default)(styles_module_css_json_1.default.button, styles_module_css_json_1.default["buttonType-" + buttonType], styles_module_css_json_1.default["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_1.default.createElement("button", { type: type, className: (0, classnames_1.default)(styles_module_css_json_1.default.button, styles_module_css_json_1.default["buttonType-" + buttonType], styles_module_css_json_1.default["buttonSize-" + buttonSize], (_b = {},
             _b[styles_module_css_json_1.default.disabled] = disabled,
             _b[styles_module_css_json_1.default.fullWidth] = fullWidth,
-            _b), className), disabled: disabled }, other), children));
+            _b), className), disabled: disabled, onClick: onClick, style: style }, children));
 }
 exports.Button = Button;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Button/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyC;AACzC,0DAA4B;AAC5B,oFAA8C;AAW9C,SAAgB,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,mDACE,SAAS,EAAE,IAAA,oBAAE,EACX,gCAAM,CAAC,MAAM,EACb,gCAAM,CAAC,gBAAc,UAAY,CAAC,EAClC,gCAAM,CAAC,gBAAc,UAAY,CAAC;YAEhC,GAAC,gCAAM,CAAC,QAAQ,IAAG,QAAQ;YAC3B,GAAC,gCAAM,CAAC,SAAS,IAAG,SAAS;iBAE/B,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,IACd,KAAK,GAER,QAAQ,CACF,CACV,CAAC;AACJ,CAAC;AA3BD,wBA2BC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Button/index.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA2E;AAC3E,0DAA4B;AAC5B,oFAA8C;AAc9C,SAAgB,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,0CACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,oBAAE,EACX,gCAAM,CAAC,MAAM,EACb,gCAAM,CAAC,gBAAc,UAAY,CAAC,EAClC,gCAAM,CAAC,gBAAc,UAAY,CAAC;YAEhC,GAAC,gCAAM,CAAC,QAAQ,IAAG,QAAQ;YAC3B,GAAC,gCAAM,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;AA/BD,wBA+BC"}

package/dist/cjs/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/cjs/Canvas/index.js

@@ -36,6 +36,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Canvas = void 0;
 var react_1 = __importStar(require("react"));
 var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
+function camelToDash(str) {
+    if (str != str.toLowerCase()) {
+        str = str.replace(/[A-Z]/g, function (m) { return '-' + m.toLowerCase(); });
+    }
+    return str;
+}
 function Canvas(_a) {
     var ctx = _a.ctx, children = _a.children, noAutoResizer = _a.noAutoResizer;
     var mode = ctx.mode;
@@ -51,8 +57,10 @@ function Canvas(_a) {
     return (react_1.default.createElement("div", { className: styles_module_css_json_1.default.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));
 }
 exports.Canvas = Canvas;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Canvas/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAoD;AAEpD,oFAA8C;AAQ9C,SAAgB,MAAM,CAAC,EAIT;QAHZ,GAAG,SAAA,EACH,QAAQ,cAAA,EACR,aAAa,mBAAA;IAEL,IAAA,IAAI,GAAM,GAAmC,KAAzC,CAA0C;IAEtD,IAAA,iBAAS,EAAC;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,uCACE,SAAS,EAAE,gCAAM,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;AA7BD,wBA6BC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Canvas/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAoD;AAEpD,oFAA8C;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,SAAgB,MAAM,CAAC,EAIT;QAHZ,GAAG,SAAA,EACH,QAAQ,cAAA,EACR,aAAa,mBAAA;IAEL,IAAA,IAAI,GAAM,GAAmC,KAAzC,CAA0C;IAEtD,IAAA,iBAAS,EAAC;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,uCACE,SAAS,EAAE,gCAAM,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;AA/BD,wBA+BC"}

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

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

package/dist/cjs/FieldError/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldError = void 0;
+var react_1 = __importDefault(require("react"));
+var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
+function FieldError(_a) {
+    var children = _a.children;
+    return react_1.default.createElement("div", { className: styles_module_css_json_1.default.fieldError }, children);
+}
+exports.FieldError = FieldError;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/FieldError/index.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyC;AACzC,oFAAyC;AAMzC,SAAgB,UAAU,CAAC,EAA6B;QAA3B,QAAQ,cAAA;IACnC,OAAO,uCAAK,SAAS,EAAE,gCAAC,CAAC,UAAU,IAAG,QAAQ,CAAO,CAAC;AACxD,CAAC;AAFD,gCAEC"}

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

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

package/dist/cjs/FieldGroup/index.js

@@ -0,0 +1,38 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldGroup = void 0;
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
+function FieldGroup(_a) {
+    var children = _a.children, className = _a.className, otherProps = __rest(_a, ["children", "className"]);
+    var classNames = (0, classnames_1.default)(styles_module_css_json_1.default.FieldGroup, className);
+    return (react_1.default.createElement("div", __assign({}, otherProps, { className: classNames }), react_1.default.Children.map(children, function (child) { return (react_1.default.createElement("div", { className: styles_module_css_json_1.default.FieldGroup__item }, child)); })));
+}
+exports.FieldGroup = FieldGroup;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/FieldGroup/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0DAA4B;AAC5B,oFAA8C;AAQ9C,SAAgB,UAAU,CAAC,EAIT;IAHhB,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACN,UAAU,cAHY,yBAI1B,CADc;IAEb,IAAM,UAAU,GAAG,IAAA,oBAAE,EAAC,gCAAM,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IAEpD,OAAO,CACL,kDAAS,UAAU,IAAE,SAAS,EAAE,UAAU,KACvC,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,IAAK,OAAA,CACvC,uCAAK,SAAS,EAAE,gCAAM,CAAC,gBAAgB,IAAG,KAAK,CAAO,CACvD,EAFwC,CAExC,CAAC,CACE,CACP,CAAC;AACJ,CAAC;AAdD,gCAcC"}

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

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

package/dist/cjs/FieldHint/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldHint = void 0;
+var react_1 = __importDefault(require("react"));
+var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
+function FieldHint(_a) {
+    var children = _a.children;
+    return react_1.default.createElement("div", { className: styles_module_css_json_1.default.fieldHint }, children);
+}
+exports.FieldHint = FieldHint;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/FieldHint/index.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyC;AACzC,oFAAyC;AAMzC,SAAgB,SAAS,CAAC,EAA4B;QAA1B,QAAQ,cAAA;IAClC,OAAO,uCAAK,SAAS,EAAE,gCAAC,CAAC,SAAS,IAAG,QAAQ,CAAO,CAAC;AACvD,CAAC;AAFD,8BAEC"}

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

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

package/dist/cjs/Form/index.js

@@ -0,0 +1,69 @@
+"use strict";
+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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = void 0;
+var react_1 = __importStar(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
+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 = (0, classnames_1.default)(styles_module_css_json_1.default.Form, className);
+    var formItemClassNames = (0, classnames_1.default)(styles_module_css_json_1.default.Form__item, styles_module_css_json_1.default["Form__item--" + spacing]);
+    var handleSubmit = (0, react_1.useCallback)(function (event) {
+        event.preventDefault();
+        if (onSubmit) {
+            onSubmit(event);
+        }
+    }, [onSubmit]);
+    return (react_1.default.createElement("form", __assign({ className: classNames, onSubmit: handleSubmit }, otherProps), react_1.Children.map(children, function (child) {
+        if (child) {
+            return react_1.default.createElement("div", { className: formItemClassNames }, child);
+        }
+        return null;
+    })));
+};
+exports.Form = Form;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Form/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAOe;AACf,0DAA4B;AAC5B,oFAA8C;AAUvC,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,IAAA,oBAAE,EAAC,gCAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,IAAM,kBAAkB,GAAG,IAAA,oBAAE,EAC3B,gCAAM,CAAC,UAAU,EACjB,gCAAM,CAAC,iBAAe,OAAS,CAAC,CACjC,CAAC;IAEF,IAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,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,iDAAM,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,IAAM,UAAU,GAChE,gBAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;QAC5B,IAAI,KAAK,EAAE;YACT,OAAO,uCAAK,SAAS,EAAE,kBAAkB,IAAG,KAAK,CAAO,CAAC;SAC1D;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,IAAI,QAkCf"}

package/dist/cjs/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/cjs/FormLabel/index.js

@@ -0,0 +1,45 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormLabel = void 0;
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
+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 = (0, classnames_1.default)(styles_module_css_json_1.default.formLabel, className, (_b = {},
+        _b[styles_module_css_json_1.default['formLabel--error']] = error,
+        _b));
+    return (react_1.default.createElement("label", __assign({ className: classNames, htmlFor: htmlFor }, otherProps),
+        react_1.default.createElement("span", { className: styles_module_css_json_1.default.formLabel__label },
+            children,
+            required && react_1.default.createElement("span", { className: styles_module_css_json_1.default.formLabel__required }, "*")),
+        code && react_1.default.createElement("span", { className: styles_module_css_json_1.default.formLabel__code }, code)));
+};
+exports.FormLabel = FormLabel;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/FormLabel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0DAA4B;AAC5B,oFAAyC;AAWlC,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,IAAA,oBAAE,EAAC,gCAAC,CAAC,SAAS,EAAE,SAAS;QAC1C,GAAC,gCAAC,CAAC,kBAAkB,CAAC,IAAG,KAAK;YAC9B,CAAC;IAEH,OAAO,CACL,kDAAO,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,IAAM,UAAU;QAC5D,wCAAM,SAAS,EAAE,gCAAC,CAAC,gBAAgB;YAChC,QAAQ;YACR,QAAQ,IAAI,wCAAM,SAAS,EAAE,gCAAC,CAAC,mBAAmB,QAAU,CACxD;QACN,IAAI,IAAI,wCAAM,SAAS,EAAE,gCAAC,CAAC,eAAe,IAAG,IAAI,CAAQ,CACpD,CACT,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,SAAS,aAsBpB"}

package/dist/cjs/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/cjs/SwitchField/index.js

@@ -0,0 +1,34 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SwitchField = void 0;
+var react_1 = __importDefault(require("react"));
+var __1 = require("..");
+var classnames_1 = __importDefault(require("classnames"));
+var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
+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_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: styles_module_css_json_1.default.switchField__flex },
+            react_1.default.createElement("div", { className: styles_module_css_json_1.default.switchField__switchInput },
+                react_1.default.createElement(__1.SwitchInput, __assign({}, switchInputProps, { name: name, value: value, onChange: onChange }))),
+            react_1.default.createElement(__1.FormLabel, __assign({}, formLabelProps, { htmlFor: id, required: required, className: (0, classnames_1.default)(styles_module_css_json_1.default.switchField__label, formLabelProps === null || formLabelProps === void 0 ? void 0 : formLabelProps.className) }), label)),
+        (hint || error) && (react_1.default.createElement("div", { className: styles_module_css_json_1.default.switchField__below },
+            hint && react_1.default.createElement(__1.FieldHint, null, hint),
+            error && react_1.default.createElement(__1.FieldError, null, error)))));
+}
+exports.SwitchField = SwitchField;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SwitchField/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyC;AACzC,wBAOY;AACZ,0DAA4B;AAC5B,oFAAyC;AAezC,SAAgB,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,uCAAK,SAAS,EAAE,gCAAC,CAAC,iBAAiB;YACjC,uCAAK,SAAS,EAAE,gCAAC,CAAC,wBAAwB;gBACxC,8BAAC,eAAW,eACN,gBAAgB,IACpB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IAClB,CACE;YACN,8BAAC,aAAS,eACJ,cAAc,IAClB,OAAO,EAAE,EAAE,EACX,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAA,oBAAE,EAAC,gCAAC,CAAC,kBAAkB,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,SAAS,CAAC,KAE7D,KAAK,CACI,CACR;QACL,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAClB,uCAAK,SAAS,EAAE,gCAAC,CAAC,kBAAkB;YACjC,IAAI,IAAI,8BAAC,aAAS,QAAE,IAAI,CAAa;YACrC,KAAK,IAAI,8BAAC,cAAU,QAAE,KAAK,CAAc,CACtC,CACP,CACA,CACJ,CAAC;AACJ,CAAC;AAxCD,kCAwCC"}

package/dist/cjs/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/cjs/SwitchInput/index.js

@@ -0,0 +1,61 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SwitchInput = void 0;
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
+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 = (0, classnames_1.default)(styles_module_css_json_1.default['switchInput'], className, (_b = {},
+        _b[styles_module_css_json_1.default['switchInput__checked']] = value,
+        _b[styles_module_css_json_1.default['switchInput__disabled']] = disabled,
+        _b));
+    return (react_1.default.createElement("button", __assign({}, restProps, { type: "button", role: "switch", "aria-checked": value, disabled: disabled, className: switchClassName, onKeyDown: onInternalKeyDown, onClick: onInternalClick }),
+        react_1.default.createElement("span", { className: styles_module_css_json_1.default['switchInput__inner'] })));
+}
+exports.SwitchInput = SwitchInput;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SwitchInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0DAA4B;AAC5B,oFAAyC;AAkBzC,SAAgB,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,IAAA,oBAAE,EAAC,gCAAC,CAAC,aAAa,CAAC,EAAE,SAAS;QACpD,GAAC,gCAAC,CAAC,sBAAsB,CAAC,IAAG,KAAK;QAClC,GAAC,gCAAC,CAAC,uBAAuB,CAAC,IAAG,QAAQ;YACtC,CAAC;IAEH,OAAO,CACL,qDACM,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,wCAAM,SAAS,EAAE,gCAAC,CAAC,oBAAoB,CAAC,GAAI,CACrC,CACV,CAAC;AACJ,CAAC;AArDD,kCAqDC"}

package/dist/cjs/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/cjs/TextField/index.js

@@ -0,0 +1,29 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextField = void 0;
+var react_1 = __importDefault(require("react"));
+var __1 = require("..");
+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_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(__1.FormLabel, __assign({}, formLabelProps, { htmlFor: id, required: required }), label),
+        react_1.default.createElement(__1.TextInput, __assign({}, textInputProps, { id: id, name: name, value: value, placeholder: placeholder, onChange: onChange })),
+        hint && react_1.default.createElement(__1.FieldHint, null, hint),
+        error && react_1.default.createElement(__1.FieldError, null, error)));
+}
+exports.TextField = TextField;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TextField/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyC;AACzC,wBAOY;AAkBZ,SAAgB,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,8BAAC,aAAS,eAAK,cAAc,IAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,KAC3D,KAAK,CACI;QAEZ,8BAAC,aAAS,eACJ,cAAc,IAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,IAClB;QAED,IAAI,IAAI,8BAAC,aAAS,QAAE,IAAI,CAAa;QACrC,KAAK,IAAI,8BAAC,cAAU,QAAE,KAAK,CAAc,CACzC,CACJ,CAAC;AACJ,CAAC;AAhCD,8BAgCC"}

package/dist/cjs/TextField/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/cjs/TextInput/index.js

@@ -10,6 +10,25 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 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)
@@ -26,16 +45,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextInput = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
-function TextInput(_a) {
+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_1.default.createElement("input", __assign({ type: "text", className: (0, classnames_1.default)(styles_module_css_json_1.default.textInput, styles_module_css_json_1.default["textInputType-" + textInputType], styles_module_css_json_1.default["textInputSize-" + textInputSize], (_b = {},
-            _b[styles_module_css_json_1.default.disabled] = disabled,
-            _b[styles_module_css_json_1.default.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 = (0, react_1.useCallback)(function (e) {
+        if (onChange) {
+            onChange(e.target.value, e);
+        }
+    }, [onChange]);
+    var classNames = (0, classnames_1.default)(styles_module_css_json_1.default['TextInput'], className, (_b = {},
+        _b[styles_module_css_json_1.default['TextInput--disabled']] = disabled,
+        _b[styles_module_css_json_1.default['TextInput--error']] = error,
+        _b));
+    return (react_1.default.createElement("div", { className: classNames },
+        react_1.default.createElement("input", __assign({ "aria-label": labelText, className: styles_module_css_json_1.default['TextInput__input'], id: id, name: name, required: required, placeholder: placeholder, maxLength: maxLength, disabled: disabled, onBlur: onBlur, onChange: handleChange, value: value, type: type, ref: inputRef }, otherProps))));
+};
 exports.TextInput = TextInput;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TextInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0DAA4B;AAC5B,oFAA8C;AAU9C,SAAgB,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,kDACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,IAAA,oBAAE,EACX,gCAAM,CAAC,SAAS,EAChB,gCAAM,CAAC,mBAAiB,aAAe,CAAC,EACxC,gCAAM,CAAC,mBAAiB,aAAe,CAAC;YAEtC,GAAC,gCAAM,CAAC,QAAQ,IAAG,QAAQ;YAC3B,GAAC,gCAAM,CAAC,SAAS,IAAG,SAAS;iBAE/B,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,IACd,KAAK,EACT,CACH,CAAC;AACJ,CAAC;AAzBD,8BAyBC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TextInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAmE;AACnE,0DAA4B;AAC5B,oFAAyC;AA2BlC,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,IAAA,mBAAW,EAC9B,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,IAAA,oBAAE,EAAC,gCAAC,CAAC,WAAW,CAAC,EAAE,SAAS;QAC7C,GAAC,gCAAC,CAAC,qBAAqB,CAAC,IAAG,QAAQ;QACpC,GAAC,gCAAC,CAAC,kBAAkB,CAAC,IAAG,KAAK;YAC9B,CAAC;IAEH,OAAO,CACL,uCAAK,SAAS,EAAE,UAAU;QACxB,gEACc,SAAS,EACrB,SAAS,EAAE,gCAAC,CAAC,kBAAkB,CAAC,EAChC,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,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAnDW,QAAA,SAAS,aAmDpB"}

package/dist/cjs/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_1m3nw_1", "TextInput--disabled": "_TextInput--disabled_1m3nw_4", "TextInput--error": "_TextInput--error_1m3nw_10", "TextInput__input": "_TextInput__input_1m3nw_18" }

package/dist/cjs/index.js

@@ -11,6 +11,14 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./Button"), exports);
-__exportStar(require("./TextInput"), exports);
 __exportStar(require("./Canvas"), exports);
+__exportStar(require("./FieldError"), exports);
+__exportStar(require("./FieldGroup"), exports);
+__exportStar(require("./FieldHint"), exports);
+__exportStar(require("./Form"), exports);
+__exportStar(require("./FormLabel"), exports);
+__exportStar(require("./SwitchField"), exports);
+__exportStar(require("./SwitchInput"), exports);
+__exportStar(require("./TextField"), exports);
+__exportStar(require("./TextInput"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAyB;AACzB,8CAA4B;AAC5B,2CAAyB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAyB;AACzB,2CAAyB;AACzB,+CAA6B;AAC7B,+CAA6B;AAC7B,8CAA4B;AAC5B,yCAAuB;AACvB,8CAA4B;AAC5B,gDAA8B;AAC9B,gDAA8B;AAC9B,8CAA4B;AAC5B,8CAA4B"}

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

@@ -1,10 +1,13 @@
-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;