react-miui 0.27.2 → 0.27.4

package/CHANGELOG.md

@@ -3,6 +3,16 @@ All notable changes to this project will be documented in this file.
 The format is based on [EZEZ Changelog](https://ezez.dev/guidelines/changelog/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+## [0.27.4] - 2025-01-05
+### Fixed
+- `Checkbox` readonly styles
+### Changed
+- added `error` prop support for `Input`, `Textarea`, `Select` and `Checkbox`
+
+## [0.27.3] - 2025-01-05
+### Fixed
+- `Input` does not react to `onChange` changes
+
 ## [0.27.2] - 2024-12-21
 ### Changed
 - `Action` now supports `badge` prop

package/dist/components/form/Checkbox.d.ts

@@ -5,6 +5,7 @@ type InputProps = React.ComponentProps<"input">;
 interface Props extends Partial<Pick<WrapperProps, "css" | "className">>, Omit<InputProps, "className"> {
     color?: string;
     children: React.ReactNode;
+    error?: boolean;
 }
 declare const Checkbox: React.FC<Props>;
 export { Checkbox };

package/dist/components/form/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAM3C,OAAO,EAAoB,YAAY,EAAa,MAAM,mBAAmB,CAAC;AAE9E,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AAC9D,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;AAEhD,UAAU,KAAM,SAAQ,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,GAAG,WAAW,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC;IAInG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAKD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiC7B,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAM3C,OAAO,EAAoB,YAAY,EAAa,MAAM,mBAAmB,CAAC;AAE9E,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AAC9D,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;AAEhD,UAAU,KAAM,SAAQ,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,GAAG,WAAW,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC;IAInG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB;AAKD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkC7B,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/form/Checkbox.js

@@ -39,7 +39,7 @@ const react_1 = __importStar(require("react"));
 const Checkmark_1 = require("../icons/Checkmark");
 const Checkbox_styled_1 = require("./Checkbox.styled");
 const Checkbox = (_a) => {
-    var { color, name, onChange, children, css, className } = _a, inputProps = __rest(_a, ["color", "name", "onChange", "children", "css", "className"]);
+    var { color, error, name, onChange, children, css, className } = _a, inputProps = __rest(_a, ["color", "error", "name", "onChange", "children", "css", "className"]);
     const style = {};
     color && (style["--color"] = color);
     const wrapperProps = { className };
@@ -54,7 +54,7 @@ const Checkbox = (_a) => {
         onChange === null || onChange === void 0 ? void 0 : onChange(e);
     }, [inputProps.readOnly, onChange]);
     return (react_1.default.createElement(Checkbox_styled_1.LabelWrapper, Object.assign({}, wrapperProps),
-        react_1.default.createElement("input", Object.assign({ type: "checkbox", name: name, onChange: handleChange }, inputProps)),
+        react_1.default.createElement("input", Object.assign({ type: "checkbox", name: name, onChange: handleChange, "data-error": error }, inputProps)),
         react_1.default.createElement(Checkbox_styled_1.CheckmarkWrapper, { css: style },
             react_1.default.createElement(Checkmark_1.Checkmark, null)),
         react_1.default.createElement(Checkbox_styled_1.TextLabel, null, children)));

package/dist/components/form/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAI3C,kDAA+C;AAE/C,uDAA8E;AAgB9E,MAAM,QAAQ,GAAoB,CAAC,EAGlC,EAAE,EAAE;QAH8B,EAE/B,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,OAClD,EADuD,UAAU,cAF/B,6DAGlC,CADiE;IAE9D,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,KAAK,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,CAAC;IAEpC,MAAM,YAAY,GAAoE,EAAE,SAAS,EAAE,CAAC;IACpG,IAAI,GAAG,EAAE,CAAC;QACN,YAAY,CAAC,GAAG,GAAG,GAAG,CAAC;IAC3B,CAAC;IAED,MAAM,YAAY,GAA+C,IAAA,mBAAW,EAAC,CAAC,CAAC,EAAE,EAAE;QAC/E,IAAI,UAAU,CAAC,QAAQ,EAAE,CAAC;YAEtB,CAAC,CAAC,aAAa,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC;YACnD,OAAO;QACX,CAAC;QACD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpC,OAAO,CACH,8BAAC,8BAAY,oBAAK,YAAY;QAC1B,uDACI,IAAI,EAAE,UAAU,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,YAAY,IAClB,UAAU,EAChB;QACF,8BAAC,kCAAgB,IAAC,GAAG,EAAE,KAAK;YAAE,8BAAC,qBAAS,OAAG,CAAmB;QAC9D,8BAAC,2BAAS,QAAE,QAAQ,CAAa,CACtB,CAClB,CAAC;AACN,CAAC,CAAC;AAEO,4BAAQ"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAI3C,kDAA+C;AAE/C,uDAA8E;AAiB9E,MAAM,QAAQ,GAAoB,CAAC,EAGlC,EAAE,EAAE;QAH8B,EAE/B,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,OACzD,EAD8D,UAAU,cAFtC,sEAGlC,CADwE;IAErE,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,KAAK,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,CAAC;IAEpC,MAAM,YAAY,GAAoE,EAAE,SAAS,EAAE,CAAC;IACpG,IAAI,GAAG,EAAE,CAAC;QACN,YAAY,CAAC,GAAG,GAAG,GAAG,CAAC;IAC3B,CAAC;IAED,MAAM,YAAY,GAA+C,IAAA,mBAAW,EAAC,CAAC,CAAC,EAAE,EAAE;QAC/E,IAAI,UAAU,CAAC,QAAQ,EAAE,CAAC;YAEtB,CAAC,CAAC,aAAa,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC;YACnD,OAAO;QACX,CAAC;QACD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpC,OAAO,CACH,8BAAC,8BAAY,oBAAK,YAAY;QAC1B,uDACI,IAAI,EAAE,UAAU,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,YAAY,gBACV,KAAK,IACb,UAAU,EAChB;QACF,8BAAC,kCAAgB,IAAC,GAAG,EAAE,KAAK;YAAE,8BAAC,qBAAS,OAAG,CAAmB;QAC9D,8BAAC,2BAAS,QAAE,QAAQ,CAAa,CACtB,CAClB,CAAC;AACN,CAAC,CAAC;AAEO,4BAAQ"}

package/dist/components/form/Checkbox.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/form/Checkbox.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IAqCX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,QAAA,MAAM,OAAO,EAAE,KAAU,CAAC;AAM1B,QAAA,MAAM,SAAS,EAAE,KAyBhB,CAAC;AAEF,OAAO,EACH,OAAO,EACP,SAAS,GACZ,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/form/Checkbox.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IA0CX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,QAAA,MAAM,OAAO,EAAE,KAAU,CAAC;AAM1B,QAAA,MAAM,SAAS,EAAE,KAyBhB,CAAC;AAEF,OAAO,EACH,OAAO,EACP,SAAS,GACZ,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/form/Checkbox.stories.js

@@ -59,6 +59,11 @@ const meta = {
                 type: "boolean",
             },
         },
+        error: {
+            control: {
+                type: "boolean",
+            },
+        },
         onChange: {
             action: "onChange",
         },

package/dist/components/form/Checkbox.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.stories.js","sourceRoot":"","sources":["../../../src/components/form/Checkbox.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqD;AAErD,uCAAmC;AAInC,sCAAgC;AAChC,uCAAqC;AAErC,yCAAsC;AAEtC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,mBAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE;QACN,KAAK,EAAE;YACH,OAAO,EAAE;gBACL,IAAI,EAAE,OAAO;aAChB;SACJ;QACD,cAAc,EAAE;YACZ,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,OAAO,EAAE;YACL,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,QAAQ,EAAE;YACN,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,QAAQ,EAAE;YACN,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,QAAQ,EAAE;YACN,MAAM,EAAE,UAAU;SACrB;KACJ;IACD,IAAI,EAAE;QACF,QAAQ,EAAE,UAAU;KACvB;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU,EAAE,CAAC;AAkCtB,0BAAO;AAhCX,MAAM,KAAK,GAAG,IAAA,cAAM,EAAC,mBAAQ,EAAE;IAC3B,SAAS,EAAE,gBAAgB;CAC9B,CAAC,CAAC;AAEH,MAAM,SAAS,GAAU;IACrB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;QAClC,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAEzE,OAAO,CACH;YACI,8BAAC,YAAG,iCAA6B;YACjC,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,KAAK,EAAE,KAAK,IAAI;YACpC,8BAAC,YAAG,sBAAkB;YACtB,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,GAAG,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI;YACpD,8BAAC,YAAG,4BAAwB;YAC5B,8BAAC,KAAK,oBAAK,IAAA,YAAI,EAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,EAAI;YAClC,8BAAC,YAAG;;gBAA+B,MAAM,CAAC,CAAC,CAAC;oBAAQ;YACpD,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,YAAY,IAAI;YAC1D,8BAAC,YAAG,2BAAuB;YAC3B,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,QAAQ,EAAE,IAAI,IAAI;YACtC,8BAAC,YAAG,4BAAwB;YAC5B,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,QAAQ,EAAE,IAAI,IAAI,CACvC,CACN,CAAC;IACN,CAAC;IACD,IAAI,EAAE;QACF,cAAc,EAAE,IAAI;KACvB;CACJ,CAAC;AAIE,8BAAS;AAGb,kBAAe,IAAI,CAAC"}
+{"version":3,"file":"Checkbox.stories.js","sourceRoot":"","sources":["../../../src/components/form/Checkbox.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqD;AAErD,uCAAmC;AAInC,sCAAgC;AAChC,uCAAqC;AAErC,yCAAsC;AAEtC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,mBAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE;QACN,KAAK,EAAE;YACH,OAAO,EAAE;gBACL,IAAI,EAAE,OAAO;aAChB;SACJ;QACD,cAAc,EAAE;YACZ,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,OAAO,EAAE;YACL,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,QAAQ,EAAE;YACN,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,QAAQ,EAAE;YACN,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,KAAK,EAAE;YACH,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,QAAQ,EAAE;YACN,MAAM,EAAE,UAAU;SACrB;KACJ;IACD,IAAI,EAAE;QACF,QAAQ,EAAE,UAAU;KACvB;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU,EAAE,CAAC;AAkCtB,0BAAO;AAhCX,MAAM,KAAK,GAAG,IAAA,cAAM,EAAC,mBAAQ,EAAE;IAC3B,SAAS,EAAE,gBAAgB;CAC9B,CAAC,CAAC;AAEH,MAAM,SAAS,GAAU;IACrB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;QAClC,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAEzE,OAAO,CACH;YACI,8BAAC,YAAG,iCAA6B;YACjC,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,KAAK,EAAE,KAAK,IAAI;YACpC,8BAAC,YAAG,sBAAkB;YACtB,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,GAAG,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI;YACpD,8BAAC,YAAG,4BAAwB;YAC5B,8BAAC,KAAK,oBAAK,IAAA,YAAI,EAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,EAAI;YAClC,8BAAC,YAAG;;gBAA+B,MAAM,CAAC,CAAC,CAAC;oBAAQ;YACpD,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,YAAY,IAAI;YAC1D,8BAAC,YAAG,2BAAuB;YAC3B,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,QAAQ,EAAE,IAAI,IAAI;YACtC,8BAAC,YAAG,4BAAwB;YAC5B,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,QAAQ,EAAE,IAAI,IAAI,CACvC,CACN,CAAC;IACN,CAAC;IACD,IAAI,EAAE;QACF,cAAc,EAAE,IAAI;KACvB;CACJ,CAAC;AAIE,8BAAS;AAGb,kBAAe,IAAI,CAAC"}

package/dist/components/form/Checkbox.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.styled.d.ts","sourceRoot":"","sources":["../../../src/components/form/Checkbox.styled.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAiB,CAAC;AAEjC,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDpB,CAAC;AAEH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkBhB,CAAC;AAEH,OAAO,EACH,YAAY,EACZ,gBAAgB,EAChB,SAAS,GACZ,CAAC"}
+{"version":3,"file":"Checkbox.styled.d.ts","sourceRoot":"","sources":["../../../src/components/form/Checkbox.styled.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAiB,CAAC;AAEjC,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDpB,CAAC;AAEH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkBhB,CAAC;AAEH,OAAO,EACH,YAAY,EACZ,gBAAgB,EAChB,SAAS,GACZ,CAAC"}

package/dist/components/form/Checkbox.styled.js

@@ -41,11 +41,17 @@ const CheckmarkWrapper = (0, theme_1.styled)("div", {
             color: "$inputDisabledText",
         },
     },
-    ":readonly + &": {
+    "[readonly] + &": {
         [`+ ${TextLabel.toString()}`]: {
             color: "$inputDisabledText",
         },
     },
+    "[data-error=true] + &": {
+        borderColor: "$pinky2",
+        [`+ ${TextLabel.toString()}`]: {
+            color: "$red1",
+        },
+    },
 });
 exports.CheckmarkWrapper = CheckmarkWrapper;
 const LabelWrapper = (0, theme_1.styled)("label", {

package/dist/components/form/Checkbox.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.styled.js","sourceRoot":"","sources":["../../../src/components/form/Checkbox.styled.ts"],"names":[],"mappings":";;;AAAA,uCAAqC;AAErC,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,MAAM,CAAC,CAAC;AA2E7B,8BAAS;AAzEb,MAAM,gBAAgB,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IACnC,cAAc,EAAE,OAAO;IACvB,YAAY,EAAE,MAAM;IACpB,QAAQ,EAAE,uBAAuB;IACjC,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,aAAa;IACxB,gBAAgB,EAAE,QAAQ;IAC1B,YAAY,EAAE,QAAQ;IACtB,eAAe,EAAE,QAAQ;IACzB,WAAW,EAAE,YAAY;IAEzB,OAAO,EAAE;QACL,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,OAAO;KAChB;IAED,CAAC,KAAK,SAAS,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE;QAC3B,aAAa,EAAE,QAAQ;KAC1B;IAED,cAAc,EAAE;QACZ,aAAa,EAAE,CAAC;QAChB,OAAO,EAAE,cAAc;QACvB,YAAY,EAAE,cAAc;QAC5B,OAAO,EAAE;YACL,OAAO,EAAE,cAAc;SAC1B;KACJ;IAED,mBAAmB,EAAE;QACjB,UAAU,EAAE,iBAAiB;KAChC;IAED,eAAe,EAAE;QACb,UAAU,EAAE,WAAW;QACvB,CAAC,KAAK,SAAS,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE;YAC3B,KAAK,EAAE,oBAAoB;SAC9B;KACJ;IAED,eAAe,EAAE;QACb,CAAC,KAAK,SAAS,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE;YAC3B,KAAK,EAAE,oBAAoB;SAC9B;KACJ;CACJ,CAAC,CAAC;AAwBC,4CAAgB;AAtBpB,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,OAAO,EAAE;IACjC,SAAS,EAAE,mBAAmB;IAE9B,SAAS,EAAE;QACP,OAAO,EAAE,CAAC;QACV,QAAQ,EAAE,CAAC;QACX,WAAW,EAAE,UAAU;QACvB,QAAQ,EAAE,CAAC;QACX,eAAe,EAAE,QAAQ;QACzB,iBAAiB,EAAE;YACf,CAAC,KAAK,gBAAgB,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE;gBAClC,SAAS,EAAE,eAAe;aAC7B;SACJ;QACD,CAAC,KAAK,gBAAgB,CAAC,QAAQ,EAAE,MAAM,SAAS,CAAC,QAAQ,EAAE,cAAc,CAAC,EAAE;YACxE,UAAU,EAAE,QAAQ;SACvB;KACJ;CACJ,CAAC,CAAC;AAGC,oCAAY"}
+{"version":3,"file":"Checkbox.styled.js","sourceRoot":"","sources":["../../../src/components/form/Checkbox.styled.ts"],"names":[],"mappings":";;;AAAA,uCAAqC;AAErC,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,MAAM,CAAC,CAAC;AAkF7B,8BAAS;AAhFb,MAAM,gBAAgB,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IACnC,cAAc,EAAE,OAAO;IACvB,YAAY,EAAE,MAAM;IACpB,QAAQ,EAAE,uBAAuB;IACjC,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,aAAa;IACxB,gBAAgB,EAAE,QAAQ;IAC1B,YAAY,EAAE,QAAQ;IACtB,eAAe,EAAE,QAAQ;IACzB,WAAW,EAAE,YAAY;IAEzB,OAAO,EAAE;QACL,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,OAAO;KAChB;IAED,CAAC,KAAK,SAAS,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE;QAC3B,aAAa,EAAE,QAAQ;KAC1B;IAED,cAAc,EAAE;QACZ,aAAa,EAAE,CAAC;QAChB,OAAO,EAAE,cAAc;QACvB,YAAY,EAAE,cAAc;QAC5B,OAAO,EAAE;YACL,OAAO,EAAE,cAAc;SAC1B;KACJ;IAED,mBAAmB,EAAE;QACjB,UAAU,EAAE,iBAAiB;KAChC;IAED,eAAe,EAAE;QACb,UAAU,EAAE,WAAW;QACvB,CAAC,KAAK,SAAS,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE;YAC3B,KAAK,EAAE,oBAAoB;SAC9B;KACJ;IAED,gBAAgB,EAAE;QACd,CAAC,KAAK,SAAS,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE;YAC3B,KAAK,EAAE,oBAAoB;SAC9B;KACJ;IAED,uBAAuB,EAAE;QACrB,WAAW,EAAE,SAAS;QACtB,CAAC,KAAK,SAAS,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE;YAC3B,KAAK,EAAE,OAAO;SACjB;KACJ;CACJ,CAAC,CAAC;AAwBC,4CAAgB;AAtBpB,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,OAAO,EAAE;IACjC,SAAS,EAAE,mBAAmB;IAE9B,SAAS,EAAE;QACP,OAAO,EAAE,CAAC;QACV,QAAQ,EAAE,CAAC;QACX,WAAW,EAAE,UAAU;QACvB,QAAQ,EAAE,CAAC;QACX,eAAe,EAAE,QAAQ;QACzB,iBAAiB,EAAE;YACf,CAAC,KAAK,gBAAgB,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE;gBAClC,SAAS,EAAE,eAAe;aAC7B;SACJ;QACD,CAAC,KAAK,gBAAgB,CAAC,QAAQ,EAAE,MAAM,SAAS,CAAC,QAAQ,EAAE,cAAc,CAAC,EAAE;YACxE,UAAU,EAAE,QAAQ;SACvB;KACJ;CACJ,CAAC,CAAC;AAGC,oCAAY"}

package/dist/components/form/Select.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/form/Select.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,QAAA,MAAM,OAAO,EAAE,KASd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/form/Select.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAQX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,QAAA,MAAM,OAAO,EAAE,KASd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/form/Select.stories.js

@@ -10,6 +10,10 @@ const meta = {
     title: "Components/Form/Select",
     component: Select_1.Select,
     tags: ["autodocs", "form"],
+    argTypes: {
+        error: { type: "boolean" },
+        disabled: { type: "boolean" },
+    },
 };
 const Primary = {
     args: {

package/dist/components/form/Select.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.stories.js","sourceRoot":"","sources":["../../../src/components/form/Select.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,qCAAkC;AAElC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,eAAM;IACjB,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;CAC7B,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,QAAQ,EAAE;YACN,0CAAQ,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,YAAgB;YAC5C,0CAAQ,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,aAAiB;YAC7C,0CAAQ,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,YAAgB;SAC/C;QACD,QAAQ,EAAE,KAAK;KAClB;CACJ,CAAC;AAGE,0BAAO;AAGX,kBAAe,IAAI,CAAC"}
+{"version":3,"file":"Select.stories.js","sourceRoot":"","sources":["../../../src/components/form/Select.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,qCAAkC;AAElC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,eAAM;IACjB,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE;QACN,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;QAC1B,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;KAChC;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,QAAQ,EAAE;YACN,0CAAQ,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,YAAgB;YAC5C,0CAAQ,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,aAAiB;YAC7C,0CAAQ,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,YAAgB;SAC/C;QACD,QAAQ,EAAE,KAAK;KAClB;CACJ,CAAC;AAGE,0BAAO;AAGX,kBAAe,IAAI,CAAC"}

package/dist/components/form/Select.styled.d.ts

@@ -1,4 +1,6 @@
-declare const Select: import("@stitches/react/types/styled-component").StyledComponent<"select", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+declare const Select: import("@stitches/react/types/styled-component").StyledComponent<"select", {
+    error?: boolean | "true";
+}, {}, import("@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: string;
         mainColor: string;

package/dist/components/form/Select.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.styled.d.ts","sourceRoot":"","sources":["../../../src/components/form/Select.styled.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkBV,CAAC;AAEH,OAAO,EACH,MAAM,GACT,CAAC"}
+{"version":3,"file":"Select.styled.d.ts","sourceRoot":"","sources":["../../../src/components/form/Select.styled.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BV,CAAC;AAEH,OAAO,EACH,MAAM,GACT,CAAC"}

package/dist/components/form/Select.styled.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Select = void 0;
 const theme_1 = require("../../theme");
+const Input_css_1 = require("./input/Input.css");
 const Select = (0, theme_1.styled)("select", {
     "boxSizing": "border-box",
     "height": (0, theme_1.dimensionsPxToRem)(103),
@@ -15,10 +16,16 @@ const Select = (0, theme_1.styled)("select", {
     "padding": `0 ${(0, theme_1.dimensionsPxToRem)(36)}`,
     "border": `${(0, theme_1.borderPxToRem)(1)} solid $border`,
     "appearance": "auto",
-    "&:disabled": {
+    "&:where(:disabled)": {
         background: "$inputDisabledBg",
         color: "$inputDisabledText",
     },
+    "&:focus": Input_css_1.focusCSS,
+    "variants": {
+        error: {
+            true: Input_css_1.errorCSS,
+        },
+    },
 });
 exports.Select = Select;
 //# sourceMappingURL=Select.styled.js.map

package/dist/components/form/Select.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.styled.js","sourceRoot":"","sources":["../../../src/components/form/Select.styled.ts"],"names":[],"mappings":";;;AAAA,uCAAgF;AAEhF,MAAM,MAAM,GAAG,IAAA,cAAM,EAAC,QAAQ,EAAE;IAC5B,WAAW,EAAE,YAAY;IACzB,QAAQ,EAAE,IAAA,yBAAiB,EAAC,GAAG,CAAC;IAChC,OAAO,EAAE,OAAO;IAChB,SAAS,EAAE,MAAM;IACjB,YAAY,EAAE,QAAQ;IACtB,OAAO,EAAE,MAAM;IACf,YAAY,EAAE,OAAO;IACrB,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,IAAA,eAAO,EAAC,CAAC,CAAC;IAC1B,SAAS,EAAE,KAAK,IAAA,yBAAiB,EAAC,EAAE,CAAC,EAAE;IACvC,QAAQ,EAAE,GAAG,IAAA,qBAAa,EAAC,CAAC,CAAC,gBAAgB;IAC7C,YAAY,EAAE,MAAM;IAEpB,YAAY,EAAE;QACV,UAAU,EAAE,kBAAkB;QAC9B,KAAK,EAAE,oBAAoB;KAC9B;CACJ,CAAC,CAAC;AAGC,wBAAM"}
+{"version":3,"file":"Select.styled.js","sourceRoot":"","sources":["../../../src/components/form/Select.styled.ts"],"names":[],"mappings":";;;AAAA,uCAAgF;AAEhF,iDAAuD;AAEvD,MAAM,MAAM,GAAG,IAAA,cAAM,EAAC,QAAQ,EAAE;IAC5B,WAAW,EAAE,YAAY;IACzB,QAAQ,EAAE,IAAA,yBAAiB,EAAC,GAAG,CAAC;IAChC,OAAO,EAAE,OAAO;IAChB,SAAS,EAAE,MAAM;IACjB,YAAY,EAAE,QAAQ;IACtB,OAAO,EAAE,MAAM;IACf,YAAY,EAAE,OAAO;IACrB,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,IAAA,eAAO,EAAC,CAAC,CAAC;IAC1B,SAAS,EAAE,KAAK,IAAA,yBAAiB,EAAC,EAAE,CAAC,EAAE;IACvC,QAAQ,EAAE,GAAG,IAAA,qBAAa,EAAC,CAAC,CAAC,gBAAgB;IAC7C,YAAY,EAAE,MAAM;IAEpB,oBAAoB,EAAE;QAClB,UAAU,EAAE,kBAAkB;QAC9B,KAAK,EAAE,oBAAoB;KAC9B;IAED,SAAS,EAAE,oBAAQ;IAEnB,UAAU,EAAE;QACR,KAAK,EAAE;YACH,IAAI,EAAE,oBAAQ;SACjB;KACJ;CACJ,CAAC,CAAC;AAGC,wBAAM"}

package/dist/components/form/input/Input.css.d.ts

@@ -16,6 +16,13 @@ declare const input: {
         color: string;
     };
 };
+declare const focusCSS: {
+    borderColor: string;
+};
+declare const errorCSS: {
+    borderColor: string;
+    color: string;
+};
 declare const wrapper: {
     background: string;
     display: string;
@@ -41,7 +48,15 @@ declare const wrapper: {
                 borderColor: string;
             };
         };
+        error: {
+            true: {
+                "&": {
+                    borderColor: string;
+                    color: string;
+                };
+            };
+        };
     };
 };
-export { input, wrapper, };
+export { input, wrapper, focusCSS, errorCSS, };
 //# sourceMappingURL=Input.css.d.ts.map

package/dist/components/form/input/Input.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.css.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.css.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;CAmBV,CAAC;AAGF,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BZ,CAAC;AAGF,OAAO,EACH,KAAK,EACL,OAAO,GACV,CAAC"}
+{"version":3,"file":"Input.css.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.css.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;CAmBV,CAAC;AAGF,QAAA,MAAM,QAAQ;;CAEb,CAAC;AAEF,QAAA,MAAM,QAAQ;;;CAGb,CAAC;AAEF,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BZ,CAAC;AAGF,OAAO,EACH,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,GACX,CAAC"}

package/dist/components/form/input/Input.css.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.wrapper = exports.input = void 0;
+exports.errorCSS = exports.focusCSS = exports.wrapper = exports.input = void 0;
 const theme_1 = require("../../../theme");
 const input = {
     "height": (0, theme_1.dimensionsPxToRem)(103),
@@ -21,6 +21,15 @@ const input = {
     },
 };
 exports.input = input;
+const focusCSS = {
+    borderColor: "$focusColor",
+};
+exports.focusCSS = focusCSS;
+const errorCSS = {
+    borderColor: "$pinky2",
+    color: "$red1",
+};
+exports.errorCSS = errorCSS;
 const wrapper = {
     background: "white",
     display: "inline-flex",
@@ -42,8 +51,11 @@ const wrapper = {
             },
         },
         focused: {
+            true: focusCSS,
+        },
+        error: {
             true: {
-                borderColor: "$focusColor",
+                "&": errorCSS,
             },
         },
     },

package/dist/components/form/input/Input.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.css.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.css.ts"],"names":[],"mappings":";;;AAEA,0CAA+E;AAE/E,MAAM,KAAK,GAAG;IACV,QAAQ,EAAE,IAAA,yBAAiB,EAAC,GAAG,CAAC;IAChC,UAAU,EAAE,IAAA,mBAAW,EAAC,EAAE,CAAC;IAC3B,OAAO,EAAE,OAAO;IAChB,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,OAAO;IAClB,OAAO,EAAE,MAAM;IACf,YAAY,EAAE,MAAM;IACpB,YAAY,EAAE,SAAS;IACvB,SAAS,EAAE,SAAS;IACpB,MAAM,EAAE,CAAC;IAET,gBAAgB,EAAE;QACd,KAAK,EAAE,MAAM;KAChB;IAED,yBAAyB,EAAE;QACvB,KAAK,EAAE,SAAS;KACnB;CACJ,CAAC;AAkCE,sBAAK;AA/BT,MAAM,OAAO,GAAG;IACZ,UAAU,EAAE,OAAO;IACnB,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,MAAM;IACb,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,KAAK,IAAA,yBAAiB,EAAC,EAAE,CAAC,EAAE;IACrC,MAAM,EAAE,GAAG,IAAA,qBAAa,EAAC,CAAC,CAAC,gBAAgB;IAC3C,UAAU,EAAE,QAAQ;IAEpB,QAAQ,EAAE;QACN,QAAQ,EAAE;YACN,IAAI,EAAE;gBACF,UAAU,EAAE,kBAAkB;gBAC9B,KAAK,EAAE,oBAAoB;aAC9B;SACJ;QACD,QAAQ,EAAE;YACN,IAAI,EAAE;gBACF,KAAK,EAAE,oBAAoB;aAC9B;SACJ;QACD,OAAO,EAAE;YACL,IAAI,EAAE;gBACF,WAAW,EAAE,aAAa;aAC7B;SACJ;KACJ;CACJ,CAAC;AAKE,0BAAO"}
+{"version":3,"file":"Input.css.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.css.ts"],"names":[],"mappings":";;;AAEA,0CAA+E;AAE/E,MAAM,KAAK,GAAG;IACV,QAAQ,EAAE,IAAA,yBAAiB,EAAC,GAAG,CAAC;IAChC,UAAU,EAAE,IAAA,mBAAW,EAAC,EAAE,CAAC;IAC3B,OAAO,EAAE,OAAO;IAChB,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,OAAO;IAClB,OAAO,EAAE,MAAM;IACf,YAAY,EAAE,MAAM;IACpB,YAAY,EAAE,SAAS;IACvB,SAAS,EAAE,SAAS;IACpB,MAAM,EAAE,CAAC;IAET,gBAAgB,EAAE;QACd,KAAK,EAAE,MAAM;KAChB;IAED,yBAAyB,EAAE;QACvB,KAAK,EAAE,SAAS;KACnB;CACJ,CAAC;AA8CE,sBAAK;AA3CT,MAAM,QAAQ,GAAG;IACb,WAAW,EAAE,aAAa;CAC7B,CAAC;AA2CE,4BAAQ;AAzCZ,MAAM,QAAQ,GAAG;IACb,WAAW,EAAE,SAAS;IACtB,KAAK,EAAE,OAAO;CACjB,CAAC;AAuCE,4BAAQ;AArCZ,MAAM,OAAO,GAAG;IACZ,UAAU,EAAE,OAAO;IACnB,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,MAAM;IACb,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,KAAK,IAAA,yBAAiB,EAAC,EAAE,CAAC,EAAE;IACrC,MAAM,EAAE,GAAG,IAAA,qBAAa,EAAC,CAAC,CAAC,gBAAgB;IAC3C,UAAU,EAAE,QAAQ;IAEpB,QAAQ,EAAE;QACN,QAAQ,EAAE;YACN,IAAI,EAAE;gBACF,UAAU,EAAE,kBAAkB;gBAC9B,KAAK,EAAE,oBAAoB;aAC9B;SACJ;QACD,QAAQ,EAAE;YACN,IAAI,EAAE;gBACF,KAAK,EAAE,oBAAoB;aAC9B;SACJ;QACD,OAAO,EAAE;YACL,IAAI,EAAE,QAAQ;SACjB;QACD,KAAK,EAAE;YACH,IAAI,EAAE;gBACF,GAAG,EAAE,QAAQ;aAChB;SACJ;KACJ;CACJ,CAAC;AAKE,0BAAO"}

package/dist/components/form/input/Input.d.ts

@@ -4,6 +4,7 @@ interface CustomProps<T extends string> {
     children?: never;
     prefix?: React.ReactNode;
     suffix?: React.ReactNode;
+    error?: boolean;
     suggestions?: Value<T>[];
     onSuggestionMatch?: (value: Exclude<Value<T>, ObjectValue>, __chromiumPickedFromList: boolean) => void;
 }

package/dist/components/form/input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAQ9D,UAAU,WAAW,CAAC,CAAC,SAAS,MAAM;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,wBAAwB,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1G;AAED,KAAK,KAAK,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;AAK5G,QAAA,MAAM,KAAK,GAAI,CAAC,SAAS,MAAM,2HAO5B,KAAK,CAAC,CAAC,CAAC,KAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAuE1C,CAAC;AAEF,OAAO,EACH,KAAK,GACR,CAAC;AAEF,YAAY,EACR,KAAK,IAAI,UAAU,EACnB,WAAW,IAAI,gBAAgB,GAClC,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAQ9D,UAAU,WAAW,CAAC,CAAC,SAAS,MAAM;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,wBAAwB,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1G;AAED,KAAK,KAAK,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;AAK5G,QAAA,MAAM,KAAK,GAAI,CAAC,SAAS,MAAM,2HAO5B,KAAK,CAAC,CAAC,CAAC,KAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAwE1C,CAAC;AAEF,OAAO,EACH,KAAK,GACR,CAAC;AAEF,YAAY,EACR,KAAK,IAAI,UAAU,EACnB,WAAW,IAAI,gBAAgB,GAClC,CAAC"}

package/dist/components/form/input/Input.js

@@ -78,14 +78,14 @@ const Input = (_a) => {
         }
         info.picked = false;
         onChange === null || onChange === void 0 ? void 0 : onChange(e);
-    }, [suggestions]);
+    }, [suggestions, onChange]);
     const prefixElem = prefix ? react_1.default.createElement(Input_styled_1.StyledPrefix, null, prefix) : null;
     const suffixElem = suffix ? react_1.default.createElement(Input_styled_1.StyledSuffix, null, suffix) : null;
     const extraProps = {};
     if (suggestions) {
         extraProps.list = suggestionsId;
     }
-    return (react_1.default.createElement(Input_styled_1.StyledWrapper, { className: className, focused: Boolean(focused), disabled: Boolean(props.disabled), readOnly: Boolean(props.readOnly) },
+    return (react_1.default.createElement(Input_styled_1.StyledWrapper, { className: className, focused: Boolean(focused), disabled: Boolean(props.disabled), readOnly: Boolean(props.readOnly), error: Boolean(props.error) },
         prefixElem,
         react_1.default.createElement(Input_styled_1.StyledInput, Object.assign({}, props, extraProps, { onChange: handleChange, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, className: Input_module_scss_1.default.input })),
         react_1.default.createElement(Suggestions_1.Suggestions, { id: suggestionsId, suggestions: suggestions }),

package/dist/components/form/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.tsx"],"names":[],"mappings":"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"}

package/dist/components/form/input/Input.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAY5B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,QAAA,MAAM,OAAO,EAAE,KAMd,CAAC;AAMF,QAAA,MAAM,KAAK,EAAE,KAeZ,CAAC;AAEF,OAAO,EACH,OAAO,EAAE,KAAK,GACjB,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAW5B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,QAAA,MAAM,OAAO,EAAE,KAMd,CAAC;AAMF,QAAA,MAAM,KAAK,EAAE,KAeZ,CAAC;AAEF,OAAO,EACH,OAAO,EAAE,KAAK,GACjB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/form/input/Input.stories.js

@@ -13,12 +13,11 @@ const meta = {
     component: Input_1.Input,
     tags: ["autodocs", "form"],
     argTypes: {
-        prefix: {
-            type: "string",
-        },
-        suffix: {
-            type: "string",
-        },
+        error: { type: "boolean" },
+        disabled: { type: "boolean" },
+        readOnly: { type: "boolean" },
+        prefix: { type: "string" },
+        suffix: { type: "string" },
     },
 };
 const Primary = {

package/dist/components/form/input/Input.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,2CAA8C;AAC9C,mFAA0E;AAE1E,mCAAgC;AAEhC,MAAM,IAAI,GAAuB;IAC7B,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,aAAK;IAChB,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE;QACN,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;SACjB;QACD,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;SACjB;KACJ;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,WAAW,EAAE,UAAU;QACvB,MAAM,EAAE,8BAAC,WAAI,IAAC,IAAI,EAAE,WAAI,CAAC,OAAO,GAAI;QACpC,MAAM,EAAE,KAAK;KAChB;CACJ,CAAC;AAwBE,0BAAO;AAtBX,MAAM,qBAAqB,GAAG,CAAC,CAAS,EAAE,MAAe,EAAE,EAAE;IACzD,KAAK,CAAC,aAAa,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC;AACvE,CAAC,CAAC;AAEF,MAAM,KAAK,GAAU;IACjB,MAAM,EAAE,GAAG,EAAE,CAAC,CACV;QACI,8BAAC,aAAK,IAAC,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,8BAAC,WAAI,IAAC,IAAI,EAAE,WAAI,CAAC,OAAO,GAAI,EAAE,MAAM,EAAE,KAAK,GAAI;QACvF,8BAAC,aAAK,IAAC,KAAK,EAAE,mBAAmB,GAAI;QACrC,8BAAC,aAAK,IAAC,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,iBAAiB,GAAI;QAC1D,8BAAC,aAAK,IAAC,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,IAAI,GAAI;QACzE,8BAAC,aAAK,IAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,IAAI,GAAI;QACvE,8BAAC,aAAK,IACF,WAAW,EAAE,oCAAoC,EACjD,WAAW,EAAE,2BAAS,EACtB,iBAAiB,EAAE,qBAAqB,GAC1C,CACH,CACN;CACJ,CAAC;AAGW,sBAAK;AAGlB,kBAAe,IAAI,CAAC"}
+{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,2CAA8C;AAC9C,mFAA0E;AAE1E,mCAAgC;AAEhC,MAAM,IAAI,GAAuB;IAC7B,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,aAAK;IAChB,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE;QACN,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;QAC1B,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;QAC7B,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;QAC7B,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QAC1B,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;KAC7B;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,WAAW,EAAE,UAAU;QACvB,MAAM,EAAE,8BAAC,WAAI,IAAC,IAAI,EAAE,WAAI,CAAC,OAAO,GAAI;QACpC,MAAM,EAAE,KAAK;KAChB;CACJ,CAAC;AAwBE,0BAAO;AAtBX,MAAM,qBAAqB,GAAG,CAAC,CAAS,EAAE,MAAe,EAAE,EAAE;IACzD,KAAK,CAAC,aAAa,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC;AACvE,CAAC,CAAC;AAEF,MAAM,KAAK,GAAU;IACjB,MAAM,EAAE,GAAG,EAAE,CAAC,CACV;QACI,8BAAC,aAAK,IAAC,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,8BAAC,WAAI,IAAC,IAAI,EAAE,WAAI,CAAC,OAAO,GAAI,EAAE,MAAM,EAAE,KAAK,GAAI;QACvF,8BAAC,aAAK,IAAC,KAAK,EAAE,mBAAmB,GAAI;QACrC,8BAAC,aAAK,IAAC,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,iBAAiB,GAAI;QAC1D,8BAAC,aAAK,IAAC,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,IAAI,GAAI;QACzE,8BAAC,aAAK,IAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,IAAI,GAAI;QACvE,8BAAC,aAAK,IACF,WAAW,EAAE,oCAAoC,EACjD,WAAW,EAAE,2BAAS,EACtB,iBAAiB,EAAE,qBAAqB,GAC1C,CACH,CACN;CACJ,CAAC;AAGW,sBAAK;AAGlB,kBAAe,IAAI,CAAC"}

package/dist/components/form/input/Input.styled.d.ts

@@ -85,6 +85,7 @@ declare const StyledWrapper: import("@stitches/react/types/styled-component").St
     disabled?: boolean | "true";
     readOnly?: boolean | "true";
     focused?: boolean | "true";
+    error?: boolean | "true";
 }, {}, import("@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: string;

package/dist/components/form/input/Input.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.styled.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAyB,CAAC;AAE3C,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAyB,CAAC;AAE7C,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAGhB,CAAC;AAEH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAGhB,CAAC;AAEH,OAAO,EACH,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,GACf,CAAC"}
+{"version":3,"file":"Input.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.styled.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAyB,CAAC;AAE3C,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAyB,CAAC;AAE7C,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAGhB,CAAC;AAEH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAGhB,CAAC;AAEH,OAAO,EACH,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,GACf,CAAC"}

package/dist/components/form/textarea/TextArea.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 interface Props {
     children?: never;
+    error?: boolean;
 }
 declare const TextArea: React.FC<React.TextareaHTMLAttributes<HTMLTextAreaElement> & Props>;
 export { TextArea, };

package/dist/components/form/textarea/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAIrD,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,GAAG,KAAK,CA2BjF,CAAC;AAEF,OAAO,EACH,QAAQ,GACX,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAIrD,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,GAAG,KAAK,CA2BjF,CAAC;AAEF,OAAO,EACH,QAAQ,GACX,CAAC"}

package/dist/components/form/textarea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqD;AAErD,uDAAmD;AAMnD,MAAM,QAAQ,GAAwE,CAAC,EAItF,EAAE,EAAE;QAJkF,EACnF,QAAQ,EACR,OAAO,EAAE,MAAM,OAElB,EADM,KAAK,cAH2E,iCAItF,CADW;IAER,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAwC,EAAE,EAAE;QACzE,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,UAAU,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAwC,EAAE,EAAE;QACxE,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAC,CAAC,CAAC;IAChB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACH,8BAAC,gCAAc,oBACP,KAAK,IACT,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,EACjC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,EACjC,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,IACpB,CACL,CAAC;AACN,CAAC,CAAC;AAGE,4BAAQ"}
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqD;AAErD,uDAAmD;AAOnD,MAAM,QAAQ,GAAwE,CAAC,EAItF,EAAE,EAAE;QAJkF,EACnF,QAAQ,EACR,OAAO,EAAE,MAAM,OAElB,EADM,KAAK,cAH2E,iCAItF,CADW;IAER,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAwC,EAAE,EAAE;QACzE,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,UAAU,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAwC,EAAE,EAAE;QACxE,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAC,CAAC,CAAC;IAChB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACH,8BAAC,gCAAc,oBACP,KAAK,IACT,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,EACjC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,EACjC,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,IACpB,CACL,CAAC;AACN,CAAC,CAAC;AAGE,4BAAQ"}

package/dist/components/form/textarea/TextArea.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,QAAA,MAAM,OAAO,EAAE,KAEd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"TextArea.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IASX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,QAAA,MAAM,OAAO,EAAE,KAId,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/form/textarea/TextArea.stories.js

@@ -6,9 +6,16 @@ const meta = {
     title: "Components/Form/TextArea",
     component: TextArea_1.TextArea,
     tags: ["autodocs", "form"],
+    argTypes: {
+        error: { type: "boolean" },
+        disabled: { type: "boolean" },
+        readOnly: { type: "boolean" },
+    },
 };
 const Primary = {
-    args: {},
+    args: {
+        placeholder: "Type something here",
+    },
 };
 exports.Primary = Primary;
 exports.default = meta;

package/dist/components/form/textarea/TextArea.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.stories.js","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.stories.tsx"],"names":[],"mappings":";;;AAEA,yCAAsC;AAEtC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,mBAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;CAC7B,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE,EAAE;CACX,CAAC;AAGE,0BAAO;AAGX,kBAAe,IAAI,CAAC"}
+{"version":3,"file":"TextArea.stories.js","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.stories.tsx"],"names":[],"mappings":";;;AAEA,yCAAsC;AAEtC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,mBAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE;QACN,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;QAC1B,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;QAC7B,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;KAChC;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,WAAW,EAAE,qBAAqB;KACrC;CACJ,CAAC;AAGE,0BAAO;AAGX,kBAAe,IAAI,CAAC"}

package/dist/components/form/textarea/TextArea.styled.d.ts

@@ -2,6 +2,7 @@ declare const StyledTextArea: import("@stitches/react/types/styled-component").S
     disabled?: boolean | "true";
     readOnly?: boolean | "true";
     focused?: boolean | "true";
+    error?: boolean | "true";
 }, {}, import("@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: string;

package/dist/components/form/textarea/TextArea.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.styled.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAUlB,CAAC;AAEH,OAAO,EACH,cAAc,GACjB,CAAC"}
+{"version":3,"file":"TextArea.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.styled.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GASlB,CAAC;AAEH,OAAO,EACH,cAAc,GACjB,CAAC"}

package/dist/components/form/textarea/TextArea.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.styled.js","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.styled.ts"],"names":[],"mappings":";;;AAAA,0CAA2D;AAE3D,kDAAoD;AACpD,4DAAyD;AAEzD,MAAM,cAAc,GAAG,IAAA,cAAM,EAAC,UAAU,8DACjC,+BAAc,GACd,iBAAK,GACL,mBAAO,KAEV,OAAO,EAAE,SAAS,IAAA,yBAAiB,EAAC,EAAE,CAAC,EAAE,EACzC,MAAM,EAAE,OAAO,EACf,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,IAAA,yBAAiB,EAAC,GAAG,CAAC,IAEnC,CAAC;AAGC,wCAAc"}
+{"version":3,"file":"TextArea.styled.js","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.styled.ts"],"names":[],"mappings":";;;AAAA,0CAA2D;AAE3D,kDAAoD;AACpD,4DAAyD;AAEzD,MAAM,cAAc,GAAG,IAAA,cAAM,EAAC,UAAU,8DACjC,+BAAc,GACd,iBAAK,GACL,mBAAO,KAEV,OAAO,EAAE,SAAS,IAAA,yBAAiB,EAAC,EAAE,CAAC,EAAE,EACzC,MAAM,EAAE,OAAO,EACf,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,IAAA,yBAAiB,EAAC,GAAG,CAAC,IACnC,CAAC;AAGC,wCAAc"}