sellmate-design-system-react 0.1.9 → 0.1.11

package/dist/components/SInput/SInput.d.ts

@@ -1,6 +1,7 @@
 import { type InputHTMLAttributes, type CSSProperties, type ReactNode } from 'react';
 import { type SFieldSize, type SFieldAddonAlign, type SFieldStatus } from '../SField';
 import { type SIconName } from '../SIcon';
+import { type SColor } from '../../lib/color';
 import { type Rule } from '../../lib/form';
 import { type STooltipProps } from '../STooltip';
 export interface SInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'onChange' | 'type' | 'prefix' | 'suffix'> {
@@ -14,8 +15,10 @@ export interface SInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'search' | 'url';
     /** 크기 */
     size?: SFieldSize;
-    /** 좌측 아이콘 */
+    /** 좌측 아이콘명 */
     icon?: SIconName;
+    /** 좌측 아이콘 색상 */
+    iconColor?: SColor;
     /** 입력 앞(좌측) 커스텀 노드 — 원본 slot="prefix" */
     prefix?: ReactNode;
     /** 입력 뒤(우측) 커스텀 노드 — 원본 slot="suffix" */

package/dist/components/SInput/SInput.js

@@ -2871,7 +2871,9 @@ var FLOATING_SLIDE_ANIM = [
   "data-[state=closed]:data-[side=right]:animate-floating-out-right"
 ].join(" ");
 var PortalContainerContext = createContext(null);
+var InsideModalContext = createContext(false);
 PortalContainerContext.Provider;
+InsideModalContext.Provider;
 function usePortalContainer() {
   return useContext(PortalContainerContext) ?? void 0;
 }
@@ -3126,7 +3128,7 @@ var STooltip = forwardRef(function STooltip2({
   if (disabled || body == null) return /* @__PURE__ */ jsx(Fragment, { children: triggerNode });
   const isHover = trigger === "hover";
   const contentClass = cn(
-    "z-50 max-w-xs rounded-[6px] px-[16px] py-[12px] text-[12px] leading-[20px] shadow-[2px_2px_12px_2px_rgba(0,0,0,0.1)]",
+    "z-50 max-w-xs rounded-[6px] px-[16px] py-[12px] text-[12px] leading-[20px]",
     FLOATING_SLIDE_ANIM,
     className
   );
@@ -3232,6 +3234,7 @@ var SField = forwardRef(function SField2({
   name,
   label = "",
   icon,
+  iconColor,
   labelTooltip = "",
   labelTooltipProps,
   labelWidth,
@@ -3309,7 +3312,15 @@ var SField = forwardRef(function SField2({
               lineHeight: `${s.lineHeight}px`
             },
             children: [
-              icon && /* @__PURE__ */ jsx(SIcon, { name: icon, size: s.icon, style: { marginRight: s.labelGap } }),
+              icon && /* @__PURE__ */ jsx(
+                SIcon,
+                {
+                  name: icon,
+                  size: s.icon,
+                  color: iconColor,
+                  style: { marginRight: s.labelGap }
+                }
+              ),
               /* @__PURE__ */ jsx("span", { className: "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap", children: label }),
               (labelTooltip !== "" || labelTooltipProps) && /* @__PURE__ */ jsx("span", { className: "shrink-0", style: { marginLeft: s.labelGap }, children: /* @__PURE__ */ jsx(
                 STooltip,
@@ -3359,7 +3370,7 @@ var SField = forwardRef(function SField2({
                       borderBottomLeftRadius: s.radius - 1
                     },
                     children: [
-                      icon && !label && /* @__PURE__ */ jsx(SIcon, { name: icon, size: s.icon }),
+                      icon && !label && /* @__PURE__ */ jsx(SIcon, { name: icon, size: s.icon, color: iconColor }),
                       effectiveAddonLabel
                     ]
                   }
@@ -3385,6 +3396,7 @@ var SInput = forwardRef(function SInput2({
   type = "text",
   size = "sm",
   icon,
+  iconColor,
   prefix,
   suffix,
   clearable = false,
@@ -3438,6 +3450,7 @@ var SInput = forwardRef(function SInput2({
       labelTooltip,
       labelTooltipProps,
       icon,
+      iconColor,
       size,
       hint,
       error: resolvedError,