react-miui 0.32.2 → 0.33.0

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

@@ -1,4 +1,4 @@
-declare const StyledInput: import("@stitches/react/types/styled-component").StyledComponent<"input", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+declare const StyledInput: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"input", {}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -61,7 +61,7 @@ declare const StyledInput: import("@stitches/react/types/styled-component").Styl
         tableStripedBg: "#fafafa";
         toolButtonText: "#666e80";
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
+}, import("../../../../node_modules/@stitches/react/types/config").DefaultThemeMap, {
     mx: (value: string | number) => {
         marginLeft: string | number;
         marginRight: string | number;
@@ -83,12 +83,12 @@ declare const StyledInput: import("@stitches/react/types/styled-component").Styl
         height: string | number;
     };
 }>>;
-declare const StyledWrapper: import("@stitches/react/types/styled-component").StyledComponent<"div", {
+declare const StyledWrapper: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"div", {
     disabled?: boolean | "true";
     readOnly?: boolean | "true";
     focused?: boolean | "true";
     error?: boolean | "true";
-}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -151,7 +151,7 @@ declare const StyledWrapper: import("@stitches/react/types/styled-component").St
         tableStripedBg: "#fafafa";
         toolButtonText: "#666e80";
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
+}, import("../../../../node_modules/@stitches/react/types/config").DefaultThemeMap, {
     mx: (value: string | number) => {
         marginLeft: string | number;
         marginRight: string | number;
@@ -173,7 +173,7 @@ declare const StyledWrapper: import("@stitches/react/types/styled-component").St
         height: string | number;
     };
 }>>;
-declare const StyledPrefix: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+declare const StyledInputContainer: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -236,7 +236,7 @@ declare const StyledPrefix: import("@stitches/react/types/styled-component").Sty
         tableStripedBg: "#fafafa";
         toolButtonText: "#666e80";
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
+}, import("../../../../node_modules/@stitches/react/types/config").DefaultThemeMap, {
     mx: (value: string | number) => {
         marginLeft: string | number;
         marginRight: string | number;
@@ -258,7 +258,180 @@ declare const StyledPrefix: import("@stitches/react/types/styled-component").Sty
         height: string | number;
     };
 }>>;
-declare const StyledSuffix: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+declare const StyledLabel: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"label", {
+    floating?: boolean | "true";
+    error?: boolean | "true";
+}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
+    colors: {
+        background: "white";
+        mainColor: "#008ad2";
+        mainColorAlt: "#006AA9";
+        activeBg: "#e7e7e7";
+        inactiveBg: "#d3d3de";
+        inactiveDarkBg: "#999";
+        toggleHandleBg: "#e0e0e0";
+        toggleHandleBorder: "#cdcdcd";
+        toggleBgDisabled: "#f0f0f0";
+        toggleHandleBorderDisabled: "#c29f7d";
+        toggleHandleBgDisabled: "#deae84";
+        icon: "#636363";
+        border: "#d5d5d5";
+        buttonBorder: "#bababa";
+        headerBorder: "#c8c8c9";
+        headerBg: "#efeff0";
+        headerText: "#484848";
+        text: "#323232";
+        text2: "#181818";
+        text3: "#000000";
+        sub: "#959595";
+        popText: "#666";
+        toolbarBorder: "#ababab";
+        toolbarBg: "#f8f8f8";
+        modalBg: "#f7f7f7";
+        modalButtonBg: "#f8f8f8";
+        modalButtonBorder: "#c2c2c2";
+        inputDisabledBg: "#f3f3f3";
+        inputDisabledText: "#959595";
+        choiceBg: "#ffffff";
+        choiceText: "#999999";
+        choiceActiveBg: "#f3f3f3";
+        choiceActiveText: "#313131";
+        choiceBorder: "#cfcfcf";
+        selectorText: "#606060";
+        selectorActive: "#008ad2";
+        blue1: "#038bf4";
+        blue2: "#b7d6f5";
+        blue3: "#dbe6ff";
+        blue4: "#33b4ff";
+        blue5: "#30a2e6";
+        orange1: "#ff7200";
+        orange1Darker: "#cc5b00";
+        purple1: "#7357e8";
+        green1: "#3ec234";
+        green1Darker: "#38af2f";
+        pink1: "#ff388f";
+        red1: "#ea2700";
+        yellow1: "#ffde9d";
+        yellow2: "#e4a429";
+        yellow3: "#fff5db";
+        pinky1: "#f5c0b7";
+        pinky2: "#e07b67";
+        pinky3: "#ffe1db";
+        grey1: "#737373";
+        focusColor: "#dcaf00";
+        scrollbarsThumb: "#737373";
+        scrollbarsBg: "transparent";
+        tableStripedBg: "#fafafa";
+        toolButtonText: "#666e80";
+    };
+}, import("../../../../node_modules/@stitches/react/types/config").DefaultThemeMap, {
+    mx: (value: string | number) => {
+        marginLeft: string | number;
+        marginRight: string | number;
+    };
+    my: (value: string | number) => {
+        marginTop: string | number;
+        marginBottom: string | number;
+    };
+    px: (value: string | number) => {
+        paddingLeft: string | number;
+        paddingRight: string | number;
+    };
+    py: (value: string | number) => {
+        paddingTop: string | number;
+        paddingBottom: string | number;
+    };
+    size: (value: string | number) => {
+        width: string | number;
+        height: string | number;
+    };
+}>>;
+declare const StyledPrefix: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
+    colors: {
+        background: "white";
+        mainColor: "#008ad2";
+        mainColorAlt: "#006AA9";
+        activeBg: "#e7e7e7";
+        inactiveBg: "#d3d3de";
+        inactiveDarkBg: "#999";
+        toggleHandleBg: "#e0e0e0";
+        toggleHandleBorder: "#cdcdcd";
+        toggleBgDisabled: "#f0f0f0";
+        toggleHandleBorderDisabled: "#c29f7d";
+        toggleHandleBgDisabled: "#deae84";
+        icon: "#636363";
+        border: "#d5d5d5";
+        buttonBorder: "#bababa";
+        headerBorder: "#c8c8c9";
+        headerBg: "#efeff0";
+        headerText: "#484848";
+        text: "#323232";
+        text2: "#181818";
+        text3: "#000000";
+        sub: "#959595";
+        popText: "#666";
+        toolbarBorder: "#ababab";
+        toolbarBg: "#f8f8f8";
+        modalBg: "#f7f7f7";
+        modalButtonBg: "#f8f8f8";
+        modalButtonBorder: "#c2c2c2";
+        inputDisabledBg: "#f3f3f3";
+        inputDisabledText: "#959595";
+        choiceBg: "#ffffff";
+        choiceText: "#999999";
+        choiceActiveBg: "#f3f3f3";
+        choiceActiveText: "#313131";
+        choiceBorder: "#cfcfcf";
+        selectorText: "#606060";
+        selectorActive: "#008ad2";
+        blue1: "#038bf4";
+        blue2: "#b7d6f5";
+        blue3: "#dbe6ff";
+        blue4: "#33b4ff";
+        blue5: "#30a2e6";
+        orange1: "#ff7200";
+        orange1Darker: "#cc5b00";
+        purple1: "#7357e8";
+        green1: "#3ec234";
+        green1Darker: "#38af2f";
+        pink1: "#ff388f";
+        red1: "#ea2700";
+        yellow1: "#ffde9d";
+        yellow2: "#e4a429";
+        yellow3: "#fff5db";
+        pinky1: "#f5c0b7";
+        pinky2: "#e07b67";
+        pinky3: "#ffe1db";
+        grey1: "#737373";
+        focusColor: "#dcaf00";
+        scrollbarsThumb: "#737373";
+        scrollbarsBg: "transparent";
+        tableStripedBg: "#fafafa";
+        toolButtonText: "#666e80";
+    };
+}, import("../../../../node_modules/@stitches/react/types/config").DefaultThemeMap, {
+    mx: (value: string | number) => {
+        marginLeft: string | number;
+        marginRight: string | number;
+    };
+    my: (value: string | number) => {
+        marginTop: string | number;
+        marginBottom: string | number;
+    };
+    px: (value: string | number) => {
+        paddingLeft: string | number;
+        paddingRight: string | number;
+    };
+    py: (value: string | number) => {
+        paddingTop: string | number;
+        paddingBottom: string | number;
+    };
+    size: (value: string | number) => {
+        width: string | number;
+        height: string | number;
+    };
+}>>;
+declare const StyledSuffix: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -321,7 +494,7 @@ declare const StyledSuffix: import("@stitches/react/types/styled-component").Sty
         tableStripedBg: "#fafafa";
         toolButtonText: "#666e80";
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
+}, import("../../../../node_modules/@stitches/react/types/config").DefaultThemeMap, {
     mx: (value: string | number) => {
         marginLeft: string | number;
         marginRight: string | number;
@@ -343,5 +516,5 @@ declare const StyledSuffix: import("@stitches/react/types/styled-component").Sty
         height: string | number;
     };
 }>>;
-export { StyledInput, StyledWrapper, StyledPrefix, StyledSuffix, };
+export { StyledInput, StyledWrapper, StyledInputContainer, StyledLabel, StyledPrefix, StyledSuffix, };
 //# sourceMappingURL=Input.styled.d.ts.map

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":"AAGA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAyB,CAAC;AAE3C,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAyB,CAAC;AAE7C,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAIhB,CAAC;AAEH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAIhB,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":"AAGA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAyB,CAAC;AAE3C,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAyB,CAAC;AAE7C,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAgC,CAAC;AAE3D,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAyB,CAAC;AAE3C,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAIhB,CAAC;AAEH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAIhB,CAAC;AAEH,OAAO,EACH,WAAW,EACX,aAAa,EACb,oBAAoB,EACpB,WAAW,EACX,YAAY,EACZ,YAAY,GACf,CAAC"}

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

@@ -1,12 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledSuffix = exports.StyledPrefix = exports.StyledWrapper = exports.StyledInput = void 0;
+exports.StyledSuffix = exports.StyledPrefix = exports.StyledLabel = exports.StyledInputContainer = exports.StyledWrapper = exports.StyledInput = void 0;
 const theme_1 = require("../../../theme");
 const Input_css_1 = require("./Input.css");
 const StyledInput = (0, theme_1.styled)("input", Input_css_1.input);
 exports.StyledInput = StyledInput;
 const StyledWrapper = (0, theme_1.styled)("div", Input_css_1.wrapper);
 exports.StyledWrapper = StyledWrapper;
+const StyledInputContainer = (0, theme_1.styled)("div", Input_css_1.inputContainer);
+exports.StyledInputContainer = StyledInputContainer;
+const StyledLabel = (0, theme_1.styled)("label", Input_css_1.label);
+exports.StyledLabel = StyledLabel;
 const StyledPrefix = (0, theme_1.styled)("div", {
     marginRight: (0, theme_1.dimensionsPxToRem)(36),
     display: "flex",

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

@@ -1 +1 @@
-{"version":3,"file":"Input.styled.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.styled.ts"],"names":[],"mappings":";;;AAAA,0CAA2D;AAC3D,2CAA6C;AAE7C,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,OAAO,EAAE,iBAAK,CAAC,CAAC;AAiBvC,kCAAW;AAff,MAAM,aAAa,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE,mBAAO,CAAC,CAAC;AAgBzC,sCAAa;AAdjB,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAC/B,WAAW,EAAE,IAAA,yBAAiB,EAAC,EAAE,CAAC;IAClC,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,OAAO;CACjB,CAAC,CAAC;AAWC,oCAAY;AAThB,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAC/B,UAAU,EAAE,IAAA,yBAAiB,EAAC,EAAE,CAAC;IACjC,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,OAAO;CACjB,CAAC,CAAC;AAMC,oCAAY"}
+{"version":3,"file":"Input.styled.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.styled.ts"],"names":[],"mappings":";;;AAAA,0CAA2D;AAC3D,2CAAoE;AAEpE,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,OAAO,EAAE,iBAAK,CAAC,CAAC;AAqBvC,kCAAW;AAnBf,MAAM,aAAa,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE,mBAAO,CAAC,CAAC;AAoBzC,sCAAa;AAlBjB,MAAM,oBAAoB,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE,0BAAc,CAAC,CAAC;AAmBvD,oDAAoB;AAjBxB,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,OAAO,EAAE,iBAAK,CAAC,CAAC;AAkBvC,kCAAW;AAhBf,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAC/B,WAAW,EAAE,IAAA,yBAAiB,EAAC,EAAE,CAAC;IAClC,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,OAAO;CACjB,CAAC,CAAC;AAaC,oCAAY;AAXhB,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAC/B,UAAU,EAAE,IAAA,yBAAiB,EAAC,EAAE,CAAC;IACjC,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,OAAO;CACjB,CAAC,CAAC;AAQC,oCAAY"}

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

@@ -2,9 +2,14 @@ import React from "react";
 interface Props {
     children?: never;
     error?: boolean;
+    label?: string;
+    pinnedLabel?: boolean;
 }
 type TextAreaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & Props;
 declare const TextArea: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & Props & React.RefAttributes<HTMLTextAreaElement>>;
-export { TextArea };
+declare const TextAreaWrapperSelector: string;
+declare const TextAreaTextAreaSelector: string;
+declare const TextAreaLabelSelector: string;
+export { TextArea, TextAreaWrapperSelector, TextAreaTextAreaSelector, TextAreaLabelSelector, };
 export type { TextAreaProps };
 //# sourceMappingURL=TextArea.d.ts.map

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,KAA4C,MAAM,OAAO,CAAC;AAIjE,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,KAAK,aAAa,GAAG,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC;AAE/E,QAAA,MAAM,QAAQ,uIA4BZ,CAAC;AAKH,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IAMf,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,KAAK,aAAa,GAAG,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC;AAG/E,QAAA,MAAM,QAAQ,uIA2EZ,CAAC;AAKH,QAAA,MAAM,uBAAuB,QAAmC,CAAC;AACjE,QAAA,MAAM,wBAAwB,QAA4B,CAAC;AAC3D,QAAA,MAAM,qBAAqB,QAAyB,CAAC;AAErD,OAAO,EACH,QAAQ,EACR,uBAAuB,EACvB,wBAAwB,EACxB,qBAAqB,GACxB,CAAC;AACF,YAAY,EAAE,aAAa,EAAE,CAAC"}

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

@@ -44,12 +44,20 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextArea = void 0;
+exports.TextAreaLabelSelector = exports.TextAreaTextAreaSelector = exports.TextAreaWrapperSelector = exports.TextArea = void 0;
 const react_1 = __importStar(require("react"));
 const TextArea_styled_1 = require("./TextArea.styled");
 const TextArea = (0, react_1.forwardRef)((_a, ref) => {
-    var { children, onFocus, onBlur } = _a, props = __rest(_a, ["children", "onFocus", "onBlur"]);
+    var { children, className, onFocus, onBlur, onChange, error, label, pinnedLabel = true, placeholder, id } = _a, props = __rest(_a, ["children", "className", "onFocus", "onBlur", "onChange", "error", "label", "pinnedLabel", "placeholder", "id"]);
     const [focused, setFocused] = (0, react_1.useState)(false);
+    const [internalHasValue, setInternalHasValue] = (0, react_1.useState)(() => {
+        var _a;
+        return Boolean((_a = props.value) !== null && _a !== void 0 ? _a : props.defaultValue);
+    });
+    const isControlled = props.value !== undefined;
+    const hasValue = isControlled ? Boolean(props.value) : internalHasValue;
+    const generatedInputId = (0, react_1.useId)();
+    const inputId = id !== null && id !== void 0 ? id : (label ? generatedInputId : undefined);
     const handleFocus = (0, react_1.useCallback)((e) => {
         setFocused(true);
         onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
@@ -58,9 +66,29 @@ const TextArea = (0, react_1.forwardRef)((_a, ref) => {
         setFocused(false);
         onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
     }, [onBlur]);
-    return (react_1.default.createElement(TextArea_styled_1.StyledTextArea, Object.assign({}, props, { ref: ref, disabled: Boolean(props.disabled), readOnly: Boolean(props.readOnly), focused: focused, onFocus: handleFocus, onBlur: handleBlur })));
+    const handleChange = (0, react_1.useCallback)((e) => {
+        if (!isControlled) {
+            setInternalHasValue(Boolean(e.currentTarget.value));
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(e);
+    }, [isControlled, onChange]);
+    const floating = Boolean(label) && (pinnedLabel || focused || hasValue);
+    const showPlaceholder = !label || floating;
+    const effectivePlaceholder = showPlaceholder ? placeholder : undefined;
+    const labelElem = label
+        ? (react_1.default.createElement(TextArea_styled_1.StyledLabel, { htmlFor: inputId, floating: floating, error: Boolean(error) }, label))
+        : null;
+    return (react_1.default.createElement(TextArea_styled_1.StyledTextAreaWrapper, { className: className, focused: focused, disabled: Boolean(props.disabled), readOnly: Boolean(props.readOnly), error: Boolean(error) },
+        labelElem,
+        react_1.default.createElement(TextArea_styled_1.StyledTextArea, Object.assign({}, props, { ref: ref, id: inputId, placeholder: effectivePlaceholder, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange, "data-error": Boolean(error) }))));
 });
 exports.TextArea = TextArea;
 TextArea.displayName = "TextArea";
-TextArea.toString = () => TextArea_styled_1.StyledTextArea.toString();
+TextArea.toString = () => TextArea_styled_1.StyledTextAreaWrapper.toString();
+const TextAreaWrapperSelector = TextArea_styled_1.StyledTextAreaWrapper.toString();
+exports.TextAreaWrapperSelector = TextAreaWrapperSelector;
+const TextAreaTextAreaSelector = TextArea_styled_1.StyledTextArea.toString();
+exports.TextAreaTextAreaSelector = TextAreaTextAreaSelector;
+const TextAreaLabelSelector = TextArea_styled_1.StyledLabel.toString();
+exports.TextAreaLabelSelector = TextAreaLabelSelector;
 //# sourceMappingURL=TextArea.js.map

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,+CAAiE;AAEjE,uDAAmD;AASnD,MAAM,QAAQ,GAAG,IAAA,kBAAU,EAAqC,CAAC,EAIhE,EAAE,GAAG,EAAE,EAAE;QAJuD,EAC7D,QAAQ,EACR,OAAO,EAAE,MAAM,OAElB,EADM,KAAK,cAHqD,iCAIhE,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,GAAG,EAAE,GAAG,EACR,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,CAAC;AAKM,4BAAQ;AAHjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAClC,QAAQ,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,gCAAc,CAAC,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.tsx"],"names":[],"mappings":"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"}

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

@@ -1,9 +1,9 @@
-declare const StyledTextArea: import("@stitches/react/types/styled-component").StyledComponent<"textarea", {
+declare const StyledTextAreaWrapper: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"div", {
     disabled?: boolean | "true";
     readOnly?: boolean | "true";
     focused?: boolean | "true";
     error?: boolean | "true";
-}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -66,7 +66,7 @@ declare const StyledTextArea: import("@stitches/react/types/styled-component").S
         tableStripedBg: "#fafafa";
         toolButtonText: "#666e80";
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
+}, import("../../../../node_modules/@stitches/react/types/config").DefaultThemeMap, {
     mx: (value: string | number) => {
         marginLeft: string | number;
         marginRight: string | number;
@@ -88,5 +88,178 @@ declare const StyledTextArea: import("@stitches/react/types/styled-component").S
         height: string | number;
     };
 }>>;
-export { StyledTextArea, };
+declare const StyledTextArea: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"textarea", {}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
+    colors: {
+        background: "white";
+        mainColor: "#008ad2";
+        mainColorAlt: "#006AA9";
+        activeBg: "#e7e7e7";
+        inactiveBg: "#d3d3de";
+        inactiveDarkBg: "#999";
+        toggleHandleBg: "#e0e0e0";
+        toggleHandleBorder: "#cdcdcd";
+        toggleBgDisabled: "#f0f0f0";
+        toggleHandleBorderDisabled: "#c29f7d";
+        toggleHandleBgDisabled: "#deae84";
+        icon: "#636363";
+        border: "#d5d5d5";
+        buttonBorder: "#bababa";
+        headerBorder: "#c8c8c9";
+        headerBg: "#efeff0";
+        headerText: "#484848";
+        text: "#323232";
+        text2: "#181818";
+        text3: "#000000";
+        sub: "#959595";
+        popText: "#666";
+        toolbarBorder: "#ababab";
+        toolbarBg: "#f8f8f8";
+        modalBg: "#f7f7f7";
+        modalButtonBg: "#f8f8f8";
+        modalButtonBorder: "#c2c2c2";
+        inputDisabledBg: "#f3f3f3";
+        inputDisabledText: "#959595";
+        choiceBg: "#ffffff";
+        choiceText: "#999999";
+        choiceActiveBg: "#f3f3f3";
+        choiceActiveText: "#313131";
+        choiceBorder: "#cfcfcf";
+        selectorText: "#606060";
+        selectorActive: "#008ad2";
+        blue1: "#038bf4";
+        blue2: "#b7d6f5";
+        blue3: "#dbe6ff";
+        blue4: "#33b4ff";
+        blue5: "#30a2e6";
+        orange1: "#ff7200";
+        orange1Darker: "#cc5b00";
+        purple1: "#7357e8";
+        green1: "#3ec234";
+        green1Darker: "#38af2f";
+        pink1: "#ff388f";
+        red1: "#ea2700";
+        yellow1: "#ffde9d";
+        yellow2: "#e4a429";
+        yellow3: "#fff5db";
+        pinky1: "#f5c0b7";
+        pinky2: "#e07b67";
+        pinky3: "#ffe1db";
+        grey1: "#737373";
+        focusColor: "#dcaf00";
+        scrollbarsThumb: "#737373";
+        scrollbarsBg: "transparent";
+        tableStripedBg: "#fafafa";
+        toolButtonText: "#666e80";
+    };
+}, import("../../../../node_modules/@stitches/react/types/config").DefaultThemeMap, {
+    mx: (value: string | number) => {
+        marginLeft: string | number;
+        marginRight: string | number;
+    };
+    my: (value: string | number) => {
+        marginTop: string | number;
+        marginBottom: string | number;
+    };
+    px: (value: string | number) => {
+        paddingLeft: string | number;
+        paddingRight: string | number;
+    };
+    py: (value: string | number) => {
+        paddingTop: string | number;
+        paddingBottom: string | number;
+    };
+    size: (value: string | number) => {
+        width: string | number;
+        height: string | number;
+    };
+}>>;
+declare const StyledLabel: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"label", {
+    floating?: boolean | "true";
+    error?: boolean | "true";
+}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
+    colors: {
+        background: "white";
+        mainColor: "#008ad2";
+        mainColorAlt: "#006AA9";
+        activeBg: "#e7e7e7";
+        inactiveBg: "#d3d3de";
+        inactiveDarkBg: "#999";
+        toggleHandleBg: "#e0e0e0";
+        toggleHandleBorder: "#cdcdcd";
+        toggleBgDisabled: "#f0f0f0";
+        toggleHandleBorderDisabled: "#c29f7d";
+        toggleHandleBgDisabled: "#deae84";
+        icon: "#636363";
+        border: "#d5d5d5";
+        buttonBorder: "#bababa";
+        headerBorder: "#c8c8c9";
+        headerBg: "#efeff0";
+        headerText: "#484848";
+        text: "#323232";
+        text2: "#181818";
+        text3: "#000000";
+        sub: "#959595";
+        popText: "#666";
+        toolbarBorder: "#ababab";
+        toolbarBg: "#f8f8f8";
+        modalBg: "#f7f7f7";
+        modalButtonBg: "#f8f8f8";
+        modalButtonBorder: "#c2c2c2";
+        inputDisabledBg: "#f3f3f3";
+        inputDisabledText: "#959595";
+        choiceBg: "#ffffff";
+        choiceText: "#999999";
+        choiceActiveBg: "#f3f3f3";
+        choiceActiveText: "#313131";
+        choiceBorder: "#cfcfcf";
+        selectorText: "#606060";
+        selectorActive: "#008ad2";
+        blue1: "#038bf4";
+        blue2: "#b7d6f5";
+        blue3: "#dbe6ff";
+        blue4: "#33b4ff";
+        blue5: "#30a2e6";
+        orange1: "#ff7200";
+        orange1Darker: "#cc5b00";
+        purple1: "#7357e8";
+        green1: "#3ec234";
+        green1Darker: "#38af2f";
+        pink1: "#ff388f";
+        red1: "#ea2700";
+        yellow1: "#ffde9d";
+        yellow2: "#e4a429";
+        yellow3: "#fff5db";
+        pinky1: "#f5c0b7";
+        pinky2: "#e07b67";
+        pinky3: "#ffe1db";
+        grey1: "#737373";
+        focusColor: "#dcaf00";
+        scrollbarsThumb: "#737373";
+        scrollbarsBg: "transparent";
+        tableStripedBg: "#fafafa";
+        toolButtonText: "#666e80";
+    };
+}, import("../../../../node_modules/@stitches/react/types/config").DefaultThemeMap, {
+    mx: (value: string | number) => {
+        marginLeft: string | number;
+        marginRight: string | number;
+    };
+    my: (value: string | number) => {
+        marginTop: string | number;
+        marginBottom: string | number;
+    };
+    px: (value: string | number) => {
+        paddingLeft: string | number;
+        paddingRight: string | number;
+    };
+    py: (value: string | number) => {
+        paddingTop: string | number;
+        paddingBottom: string | number;
+    };
+    size: (value: string | number) => {
+        width: string | number;
+        height: string | number;
+    };
+}>>;
+export { StyledTextAreaWrapper, StyledTextArea, StyledLabel, };
 //# sourceMappingURL=TextArea.styled.d.ts.map

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":"AAIA,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GASlB,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":"AAIA,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAIzB,CAAC;AAEH,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GASlB,CAAC;AAEH,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAIf,CAAC;AAEH,OAAO,EACH,qBAAqB,EACrB,cAAc,EACd,WAAW,GACd,CAAC"}

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

@@ -1,9 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledTextArea = void 0;
+exports.StyledLabel = exports.StyledTextArea = exports.StyledTextAreaWrapper = void 0;
 const scrollbars_css_1 = require("../../../scrollbars.css");
 const theme_1 = require("../../../theme");
 const Input_css_1 = require("../input/Input.css");
-const StyledTextArea = (0, theme_1.styled)("textarea", Object.assign(Object.assign(Object.assign(Object.assign({}, scrollbars_css_1.miuiScrollbars), Input_css_1.input), Input_css_1.wrapper), { padding: `1.2em ${(0, theme_1.dimensionsPxToRem)(36)}`, height: "unset", resize: "vertical", minHeight: (0, theme_1.dimensionsPxToRem)(103) }));
+const StyledTextAreaWrapper = (0, theme_1.styled)("div", Object.assign(Object.assign({}, Input_css_1.wrapper), { display: "block", padding: 0 }));
+exports.StyledTextAreaWrapper = StyledTextAreaWrapper;
+const StyledTextArea = (0, theme_1.styled)("textarea", Object.assign(Object.assign(Object.assign({}, scrollbars_css_1.miuiScrollbars), Input_css_1.input), { backgroundColor: "transparent", padding: `1.2em ${(0, theme_1.dimensionsPxToRem)(36)}`, height: "unset", resize: "vertical", minHeight: (0, theme_1.dimensionsPxToRem)(103) }));
 exports.StyledTextArea = StyledTextArea;
+const StyledLabel = (0, theme_1.styled)("label", Input_css_1.label, {
+    top: `calc(${(0, theme_1.fontPxToRem)(25)} * 1.7)`,
+    left: (0, theme_1.dimensionsPxToRem)(36),
+    transform: "translateY(-50%)",
+});
+exports.StyledLabel = StyledLabel;
 //# sourceMappingURL=TextArea.styled.js.map

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,4DAAyD;AACzD,0CAA2D;AAC3D,kDAAoD;AAEpD,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"}
+{"version":3,"file":"TextArea.styled.js","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.styled.ts"],"names":[],"mappings":";;;AAAA,4DAAyD;AACzD,0CAAwE;AACxE,kDAAyE;AAEzE,MAAM,qBAAqB,GAAG,IAAA,cAAM,EAAC,KAAK,kCACnC,mBAAO,KACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,IACZ,CAAC;AAoBC,sDAAqB;AAlBzB,MAAM,cAAc,GAAG,IAAA,cAAM,EAAC,UAAU,gDACjC,+BAAc,GACd,iBAAK,KAER,eAAe,EAAE,aAAa,EAC9B,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;AAUC,wCAAc;AARlB,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,OAAO,EAAE,iBAAU,EAAE;IAC5C,GAAG,EAAE,QAAQ,IAAA,mBAAW,EAAC,EAAE,CAAC,SAAS;IACrC,IAAI,EAAE,IAAA,yBAAiB,EAAC,EAAE,CAAC;IAC3B,SAAS,EAAE,kBAAkB;CAChC,CAAC,CAAC;AAKC,kCAAW"}

package/dist/components/layout/card/Card.styled.d.ts

@@ -1,6 +1,6 @@
-declare const StyledCard: import("@stitches/react/types/styled-component").StyledComponent<"div", {
+declare const StyledCard: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"div", {
     variant?: "margin";
-}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -63,7 +63,7 @@ declare const StyledCard: import("@stitches/react/types/styled-component").Style
         tableStripedBg: "#fafafa";
         toolButtonText: "#666e80";
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
+}, import("../../../../node_modules/@stitches/react/types/config").DefaultThemeMap, {
     mx: (value: string | number) => {
         marginLeft: string | number;
         marginRight: string | number;