@shoplflow/base 0.12.1 → 0.12.3

package/dist/index.d.mts

@@ -153,7 +153,7 @@ declare type TypographyTokens = keyof typeof typographyTokens;
 /**
  * HTML 태그에 대한 타입
  */
-declare type StringElementType = ElementType & string;
+declare type StringElementType = ElementType;
 declare type HTMLPropsWithoutRef<T extends StringElementType> = ComponentPropsWithoutRef<T>;
 interface DisableProps {
     /**
@@ -490,13 +490,13 @@ declare type ButtonComponent = <T extends ElementType = 'button'>(props: ButtonP
 declare const Button: ButtonComponent;
 
 declare const iconButtonSizeVar: {
-    S: string;
-    M: string;
+    readonly S: "S";
+    readonly M: "M";
 };
 declare type IconButtonSizeVar = $Values<typeof iconButtonSizeVar>;
 declare const iconButtonStyleVar: {
-    SOLID: string;
-    GHOST: string;
+    readonly SOLID: "SOLID";
+    readonly GHOST: "GHOST";
 };
 declare type IconButtonStyleVar = $Values<typeof iconButtonStyleVar>;
 declare type IconButtonOptionProps<T extends ElementType = 'button'> = Omit<ComponentPropsWithoutRef<T>, 'color' | 'disabled'> & DisableProps & SizeVariantProps<IconButtonSizeVar> & StyleVariantProps<IconButtonStyleVar> & IconSourceProps;

package/dist/index.d.ts

@@ -153,7 +153,7 @@ declare type TypographyTokens = keyof typeof typographyTokens;
 /**
  * HTML 태그에 대한 타입
  */
-declare type StringElementType = ElementType & string;
+declare type StringElementType = ElementType;
 declare type HTMLPropsWithoutRef<T extends StringElementType> = ComponentPropsWithoutRef<T>;
 interface DisableProps {
     /**
@@ -490,13 +490,13 @@ declare type ButtonComponent = <T extends ElementType = 'button'>(props: ButtonP
 declare const Button: ButtonComponent;
 
 declare const iconButtonSizeVar: {
-    S: string;
-    M: string;
+    readonly S: "S";
+    readonly M: "M";
 };
 declare type IconButtonSizeVar = $Values<typeof iconButtonSizeVar>;
 declare const iconButtonStyleVar: {
-    SOLID: string;
-    GHOST: string;
+    readonly SOLID: "SOLID";
+    readonly GHOST: "GHOST";
 };
 declare type IconButtonStyleVar = $Values<typeof iconButtonStyleVar>;
 declare type IconButtonOptionProps<T extends ElementType = 'button'> = Omit<ComponentPropsWithoutRef<T>, 'color' | 'disabled'> & DisableProps & SizeVariantProps<IconButtonSizeVar> & StyleVariantProps<IconButtonStyleVar> & IconSourceProps;

package/dist/index.js

@@ -690,7 +690,7 @@ function _templateObject48() {
 }
 function _templateObject49() {
     var data = _tagged_template_literal([
-        "\n  padding: 4px 8px 4px 12px;\n  background-color: transparent;\n  width: 100%;\n  border: none;\n  box-sizing: border-box;\n  &::placeholder {\n    color: ",
+        "\n  padding: 4px 0 4px 12px;\n  background-color: transparent;\n  width: 100%;\n  border: none;\n  box-sizing: border-box;\n  &::placeholder {\n    color: ",
         ";\n  }\n"
     ]);
     _templateObject49 = function _templateObject() {
@@ -700,7 +700,7 @@ function _templateObject49() {
 }
 function _templateObject50() {
     var data = _tagged_template_literal([
-        "\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n"
+        "\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 0 8px 0 0;\n"
     ]);
     _templateObject50 = function _templateObject() {
         return data;
@@ -2166,7 +2166,6 @@ React3.forwardRef(function(_param, ref) {
         "data-shoplflow": "input",
         children: [
             /* @__PURE__ */ jsxRuntime.jsx(StyledInput, _object_spread({
-                className: "".concat(exports.typographyTokens.body1_400, " ").concat(className),
                 onFocus: handleOnFocus,
                 onBlur: handleOnBlur,
                 onChange: handleOnChange,
@@ -2175,7 +2174,8 @@ React3.forwardRef(function(_param, ref) {
                 value: text,
                 type: type,
                 id: uniqueId,
-                ref: refs
+                ref: refs,
+                className: "body1_400" + (className ? " ".concat(className) : "")
             }, rest)),
             /* @__PURE__ */ jsxRuntime.jsxs(RightElementWrapper, {
                 children: [
@@ -2215,7 +2215,7 @@ var StyledTextarea = styled5__default.default.textarea(_templateObject54(), func
     return getDisabledStyle(disabled);
 }, exports.colorTokens.neutral350);
 var TextArea = React3.forwardRef(function(_param, ref) {
-    var name = _param.name, maxLength = _param.maxLength, placeholder = _param.placeholder, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_isError = _param.isError, isError = _param_isError === void 0 ? false : _param_isError, onChange = _param.onChange, value = _param.value, defaultValue = _param.defaultValue, onBlur = _param.onBlur, onFocus = _param.onFocus, _param_minHeight = _param.minHeight, minHeight = _param_minHeight === void 0 ? 100 : _param_minHeight, rest = _object_without_properties(_param, [
+    var name = _param.name, maxLength = _param.maxLength, placeholder = _param.placeholder, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_isError = _param.isError, isError = _param_isError === void 0 ? false : _param_isError, onChange = _param.onChange, value = _param.value, defaultValue = _param.defaultValue, onBlur = _param.onBlur, onFocus = _param.onFocus, _param_minHeight = _param.minHeight, minHeight = _param_minHeight === void 0 ? 100 : _param_minHeight, className = _param.className, rest = _object_without_properties(_param, [
         "name",
         "maxLength",
         "placeholder",
@@ -2226,7 +2226,8 @@ var TextArea = React3.forwardRef(function(_param, ref) {
         "defaultValue",
         "onBlur",
         "onFocus",
-        "minHeight"
+        "minHeight",
+        "className"
     ]);
     var _React3_useState = _sliced_to_array(React3.useState(""), 2), text = _React3_useState[0], setText = _React3_useState[1];
     var _React3_useState1 = _sliced_to_array(React3.useState(false), 2), isFocused = _React3_useState1[0], setIsFocused = _React3_useState1[1];
@@ -2292,7 +2293,7 @@ var TextArea = React3.forwardRef(function(_param, ref) {
         "data-shoplflow": "text-area",
         children: [
             /* @__PURE__ */ jsxRuntime.jsx(StyledTextarea, _object_spread({
-                className: "body1_400",
+                className: "body1_400" + (className ? " ".concat(className) : ""),
                 placeholder: placeholder,
                 onFocus: handleOnFocus,
                 onBlur: handleOnBlur,