@reitwagen/design-components 0.6.6 → 0.7.0

package/dist/components/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/Chip/Chip.styles.js

@@ -82,7 +82,7 @@ exports.chipVariants = (0, class_variance_authority_1.cva)("ui:flex ui:items-cen
             variant: "line",
             isSelected: true,
             isActive: false,
-            className: "ui:text-white ui:bg-gray-700",
+            className: "ui:text-white ui:bg-gray-700 ui:border ui:border-gray-700",
         },
         {
             variant: "line",

package/dist/components/FormControl/FormControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../../src/components/FormControl/FormControl.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,qBAAqB,EAQtB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,KAAK,uBAAuB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAIF,eAAO,MAAM,cAAc,+BAS1B,CAAC;AAEF,QAAA,MAAM,mBAAmB,oFAAwC,CAAC;AAElE,MAAM,MAAM,oBAAoB,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAC7D,aAAa,GACb,YAAY,CAAC,OAAO,mBAAmB,CAAC,GAAG;IACzC;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEJ;;;;;;;;;;;GAWG;AACH,iBAAS,eAAe,CAAC,EACvB,EAAE,EAAE,MAAM,EACV,QAAgB,EAChB,QAAgB,EAChB,KAAa,EACb,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAyDtB;kBAjEQ,eAAe;;;AAqExB,eAAO,MAAM,WAAW;;;CAGtB,CAAC"}
+{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../../src/components/FormControl/FormControl.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,qBAAqB,EAQtB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,KAAK,uBAAuB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAIF,eAAO,MAAM,cAAc,+BAS1B,CAAC;AAEF,QAAA,MAAM,mBAAmB,oFAAwC,CAAC;AAElE,MAAM,MAAM,oBAAoB,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAC7D,aAAa,GACb,YAAY,CAAC,OAAO,mBAAmB,CAAC,GAAG;IACzC;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEJ;;;;;;;;;;;GAWG;AACH,iBAAS,eAAe,CAAC,EACvB,EAAE,EAAE,MAAM,EACV,QAAgB,EAChB,QAAgB,EAChB,KAAa,EACb,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAmEtB;kBA3EQ,eAAe;;;AA+ExB,eAAO,MAAM,WAAW;;;CAGtB,CAAC"}

package/dist/components/FormControl/FormControl.js

@@ -7,6 +7,7 @@ const react_1 = require("react");
 const class_variance_authority_1 = require("class-variance-authority");
 const style_1 = require("../../utils/style");
 const TextInput_1 = require("../TextInput/TextInput");
+const Textarea_1 = require("../Textarea/Textarea");
 const FormControlLabel_1 = require("./FormControlLabel");
 const FormControlValidation_1 = require("./FormControlValidation");
 const FormControlContext = (0, react_1.createContext)(null);
@@ -58,6 +59,16 @@ function FormControlBase({ id: idProp, required = false, disabled = false, error
                 });
                 break;
             }
+            case Textarea_1.Textarea: {
+                const textareaChild = child;
+                inputSlot = (0, react_1.cloneElement)(textareaChild, {
+                    id,
+                    disabled: disabled || textareaChild.props.disabled,
+                    required: required || textareaChild.props.required,
+                    variant: error ? "error" : textareaChild.props.variant,
+                });
+                break;
+            }
             case FormControlValidation_1.FormControlValidation:
                 validationSlot = child;
                 break;

package/dist/components/Textarea/Textarea.d.ts

@@ -0,0 +1,34 @@
+import { ComponentPropsWithRef, ReactNode } from "react";
+import { VariantProps } from "class-variance-authority";
+import { textareaVariants } from "./Textarea.styles";
+export type TextareaProps = ComponentPropsWithRef<"textarea"> & VariantProps<typeof textareaVariants> & {
+    /**
+     * 입력 안내 컨텐츠 (textarea 하단에 표시)
+     */
+    supportContent?: ReactNode;
+};
+/**
+ * `Textarea`: 여러 줄 텍스트 입력을 위한 컴포넌트입니다. FormControl과 함께 사용하면 label, validation 등의 기능을 자동으로 제공받습니다.
+ * @see [RDS Storybook: Textarea](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-textarea--docs)
+ * @see [RDS Storybook: FormControl](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-formcontrol--docs)
+ * @example
+ * ```tsx
+ * // 독립적으로 사용
+ * <Textarea
+ *   placeholder="내용을 입력하세요"
+ *   supportContent="최소 10자 이상 입력해주세요"
+ *   onChange={(e) => setContent(e.target.value)}
+ * />
+ *
+ * // FormControl과 함께 사용
+ * <FormControl required>
+ *   <FormControl.Label>상세 설명</FormControl.Label>
+ *   <Textarea placeholder="내용을 입력하세요" />
+ * </FormControl>
+ * ```
+ */
+export declare function Textarea({ variant, disabled, className, supportContent, value: controlledValue, onChange, ...props }: TextareaProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Textarea {
+    var displayName: string;
+}
+//# sourceMappingURL=Textarea.d.ts.map

package/dist/components/Textarea/Textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,qBAAqB,EAIrB,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,MAAM,aAAa,GAAG,qBAAqB,CAAC,UAAU,CAAC,GAC3D,YAAY,CAAC,OAAO,gBAAgB,CAAC,GAAG;IACtC;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,cAAc,EACd,KAAK,EAAE,eAAe,EACtB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,2CAkDf;yBA1De,QAAQ"}

package/dist/components/Textarea/Textarea.js

@@ -0,0 +1,55 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Textarea = Textarea;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const style_1 = require("../../utils/style");
+const Textarea_styles_1 = require("./Textarea.styles");
+/**
+ * `Textarea`: 여러 줄 텍스트 입력을 위한 컴포넌트입니다. FormControl과 함께 사용하면 label, validation 등의 기능을 자동으로 제공받습니다.
+ * @see [RDS Storybook: Textarea](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-textarea--docs)
+ * @see [RDS Storybook: FormControl](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-formcontrol--docs)
+ * @example
+ * ```tsx
+ * // 독립적으로 사용
+ * <Textarea
+ *   placeholder="내용을 입력하세요"
+ *   supportContent="최소 10자 이상 입력해주세요"
+ *   onChange={(e) => setContent(e.target.value)}
+ * />
+ *
+ * // FormControl과 함께 사용
+ * <FormControl required>
+ *   <FormControl.Label>상세 설명</FormControl.Label>
+ *   <Textarea placeholder="내용을 입력하세요" />
+ * </FormControl>
+ * ```
+ */
+function Textarea({ variant, disabled, className, supportContent, value: controlledValue, onChange, ...props }) {
+    const [internalValue, setInternalValue] = (0, react_1.useState)("");
+    const textareaRef = (0, react_1.useRef)(null);
+    const isControlled = controlledValue !== undefined;
+    const value = isControlled ? controlledValue : internalValue;
+    const handleChange = (e) => {
+        if (!isControlled) {
+            setInternalValue(e.target.value);
+        }
+        onChange?.(e);
+        const textarea = e.currentTarget;
+        textarea.style.height = "auto";
+        const newHeight = Math.min(Math.max(textarea.scrollHeight, 100), 200);
+        textarea.style.height = `${newHeight}px`;
+    };
+    (0, react_1.useEffect)(() => {
+        const textarea = textareaRef.current;
+        if (!textarea) {
+            return;
+        }
+        textarea.style.height = "auto";
+        const newHeight = Math.min(Math.max(textarea.scrollHeight, 100), 200);
+        textarea.style.height = `${newHeight}px`;
+    }, []);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "ui:relative ui:flex ui:flex-col", children: [(0, jsx_runtime_1.jsx)("textarea", { ref: textareaRef, disabled: disabled, value: value, onChange: handleChange, className: (0, style_1.cn)((0, Textarea_styles_1.textareaVariants)({ variant, disabled, className }), supportContent && "ui:pb-11"), ...props }), supportContent && ((0, jsx_runtime_1.jsx)("span", { className: "ui:absolute ui:bottom-3 ui:right-4 ui:text-body8 ui:select-none ui:pointer-events-none", children: supportContent }))] }));
+}
+Textarea.displayName = "Textarea";

package/dist/components/Textarea/Textarea.stories.d.ts

@@ -0,0 +1,40 @@
+import type { StoryObj } from "@storybook/react";
+import { Textarea } from "./Textarea";
+declare const meta: {
+    title: string;
+    component: typeof Textarea;
+    tags: string[];
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        variant: {
+            control: {
+                type: "radio";
+            };
+            options: string[];
+        };
+        disabled: {
+            control: {
+                type: "boolean";
+            };
+            options: string[];
+        };
+        supportContent: {
+            control: {
+                type: "text";
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Error: Story;
+export declare const WithSupportContent: Story;
+//# sourceMappingURL=Textarea.stories.d.ts.map

package/dist/components/Textarea/Textarea.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAwBrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAwBnB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA2BhC,CAAC"}

package/dist/components/Textarea/Textarea.stories.js

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithSupportContent = exports.Error = exports.Default = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Textarea_1 = require("./Textarea");
+const meta = {
+    title: "Components/Textarea",
+    component: Textarea_1.Textarea,
+    tags: ["autodocs"],
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                component: `
+Textarea는 여러 줄의 텍스트 값을 입력받는데 사용됩니다. 
+
+
+## <b>Textarea guide</b>
+
+기본 높이값은 100px입니다. 줄바꿈이 될 때마다 높이값이 늘어나지만 최대 200px까지 늘어나며, 200px이 초과되면 스크롤 형태로 나타냅니다.
+
+`,
+            },
+        },
+    },
+    argTypes: {
+        variant: {
+            control: { type: "radio" },
+            options: ["default", "error"],
+        },
+        disabled: {
+            control: { type: "boolean" },
+            options: ["true", "false"],
+        },
+        supportContent: {
+            control: { type: "text" },
+        },
+    },
+};
+exports.default = meta;
+exports.Default = {
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                story: ``,
+            },
+        },
+    },
+    render: (props) => ((0, jsx_runtime_1.jsx)("div", { className: "ui:flex ui:gap-2", children: (0, jsx_runtime_1.jsx)(Textarea_1.Textarea, { ...props }) })),
+    args: {
+        placeholder: "내용을 입력하세요",
+        variant: "default",
+    },
+    argTypes: {
+        disabled: {
+            control: { type: "boolean" },
+            options: ["true", "false"],
+        },
+    },
+};
+exports.Error = {
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                story: ``,
+            },
+        },
+    },
+    render: (props) => ((0, jsx_runtime_1.jsx)("div", { className: "ui:flex ui:gap-2", children: (0, jsx_runtime_1.jsx)(Textarea_1.Textarea, { ...props, variant: "error" }) })),
+    args: {
+        placeholder: "내용을 입력하세요",
+        variant: "error",
+    },
+    argTypes: {
+        disabled: {
+            control: { type: "boolean" },
+            options: ["true", "false"],
+        },
+    },
+};
+exports.WithSupportContent = {
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                story: `supportContent를 사용하여 textarea 하단에 안내 메시지를 표시할 수 있습니다.`,
+            },
+        },
+    },
+    render: (props) => ((0, jsx_runtime_1.jsx)("div", { className: "ui:flex ui:gap-2", children: (0, jsx_runtime_1.jsx)(Textarea_1.Textarea, { ...props }) })),
+    args: {
+        placeholder: "내용을 입력하세요",
+        variant: "default",
+        supportContent: ((0, jsx_runtime_1.jsx)("p", { className: "ui:text-body8 ui:text-gray-400", children: "typing support" })),
+    },
+    argTypes: {
+        disabled: {
+            control: { type: "boolean" },
+            options: ["true", "false"],
+        },
+    },
+};

package/dist/components/Textarea/Textarea.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const textareaVariants: (props?: ({
+    variant?: "default" | "error" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=Textarea.styles.d.ts.map

package/dist/components/Textarea/Textarea.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;;8EAkB5B,CAAC"}

package/dist/components/Textarea/Textarea.styles.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.textareaVariants = void 0;
+const class_variance_authority_1 = require("class-variance-authority");
+exports.textareaVariants = (0, class_variance_authority_1.cva)("ui:text-body4 ui:resize-none ui:text-gray-800 ui:placeholder:text-gray-500 ui:focus:ring-0 ui:focus:border-gray-100 ui:py-3.5 ui:px-4 ui:focus:outline-none ui:border ui:border-gray-100 ui:rounded-2xl", {
+    variants: {
+        variant: {
+            default: "",
+            error: "",
+        },
+        disabled: {
+            true: "",
+            false: "",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        disabled: false,
+    },
+});

package/dist/components/Textarea/index.d.ts

@@ -0,0 +1,2 @@
+export { Textarea } from "./Textarea";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Textarea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/Textarea/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Textarea = void 0;
+var Textarea_1 = require("./Textarea");
+Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return Textarea_1.Textarea; } });

package/dist/index.css

@@ -296,6 +296,9 @@
   .ui\:right-4 {
     right: calc(var(--ui-spacing) * 4);
   }
+  .ui\:bottom-3 {
+    bottom: calc(var(--ui-spacing) * 3);
+  }
   .ui\:my-3 {
     margin-block: calc(var(--ui-spacing) * 3);
   }
@@ -401,6 +404,9 @@
   .ui\:cursor-pointer {
     cursor: pointer;
   }
+  .ui\:resize-none {
+    resize: none;
+  }
   .ui\:grid-cols-6 {
     grid-template-columns: repeat(6, minmax(0, 1fr));
   }
@@ -479,6 +485,9 @@
   .ui\:border-gray-200 {
     border-color: var(--ui-color-gray-200);
   }
+  .ui\:border-gray-700 {
+    border-color: var(--ui-color-gray-700);
+  }
   .ui\:border-red-200 {
     border-color: var(--ui-color-red-200);
   }
@@ -563,6 +572,9 @@
   .ui\:py-\[9px\] {
     padding-block: 9px;
   }
+  .ui\:pb-11 {
+    padding-bottom: calc(var(--ui-spacing) * 11);
+  }
   .ui\:text-body1 {
     font-size: var(--ui-text-body1);
     line-height: var(--tw-leading, var(--ui-text-body1--line-height));
@@ -783,6 +795,11 @@
       color: var(--ui-color-gray-500);
     }
   }
+  .ui\:focus\:border-gray-100 {
+    &:focus {
+      border-color: var(--ui-color-gray-100);
+    }
+  }
   .ui\:focus\:border-gray-200 {
     &:focus {
       border-color: var(--ui-color-gray-200);
@@ -799,6 +816,12 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .ui\:focus\:outline-none {
+    &:focus {
+      --tw-outline-style: none;
+      outline-style: none;
+    }
+  }
   .ui\:active\:border-blue-800 {
     &:active {
       border-color: var(--ui-color-blue-800);

package/dist/index.d.ts

@@ -6,5 +6,6 @@ export * from "./components/Radio";
 export * from "./components/RadioGroup";
 export * from "./components/TextInput";
 export * from "./components/FormControl";
+export * from "./components/Textarea";
 export * from "./components/Icons";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,oBAAoB,CAAC"}

package/dist/index.js

@@ -23,5 +23,6 @@ __exportStar(require("./components/Radio"), exports);
 __exportStar(require("./components/RadioGroup"), exports);
 __exportStar(require("./components/TextInput"), exports);
 __exportStar(require("./components/FormControl"), exports);
+__exportStar(require("./components/Textarea"), exports);
 /* --------------------------------- ICONS ---------------------------------- */
 __exportStar(require("./components/Icons"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reitwagen/design-components",
-  "version": "0.6.6",
+  "version": "0.7.0",
   "sideEffects": [
     "**/*.css"
   ],