@exem-ui/react 0.3.4-next.20260702065311 → 0.3.4-next.20260713005253

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { ConditionalTooltip, overlayListVariants, commonInputVariants } from './chunk-DHEC52AV.mjs';
-export { ColorPalette, ColorPaletteColors, DEFAULT_COLOR, Segment, Select, Tabs, Tooltip, colorPaletteColorClasses, getColorPaletteColor, isInPalette } from './chunk-DHEC52AV.mjs';
+import { ConditionalTooltip, overlayListVariants, commonInputVariants } from './chunk-HCPEPSQY.mjs';
+export { ColorPalette, ColorPaletteColors, DEFAULT_COLOR, Segment, Select, Tabs, Tooltip, colorPaletteColorClasses, getColorPaletteColor, isInPalette } from './chunk-HCPEPSQY.mjs';
 import { X, MoreHorizontal, iconSizes, Minus, Check, Person, Warning, Info, Error as Error$1, ChevronLeft, ChevronRight } from './chunk-MSA6TY4M.mjs';
 import { cva, cn } from '@exem-ui/core/utils';
 import * as React from 'react';
@@ -1175,7 +1175,8 @@ var textAreaVariants = {
       variants: {
         variant: {
           fill: "border-transparent bg-elevation-elevation-2",
-          line: "border-border-primary"
+          line: "border-border-primary",
+          lineBackground: "border-border-primary bg-background-primary"
         },
         size: {
           xsmall: "min-h-[60px] px-1.5 py-[3.5px] text-body-3",
@@ -1200,7 +1201,10 @@ var textAreaVariants = {
         },
         { variant: "line", state: "focused", class: "border-border-focused" },
         { variant: "line", state: "error", class: "border-border-critical" },
-        { variant: "line", state: "disabled", class: "border-border-primary" }
+        { variant: "line", state: "disabled", class: "border-border-primary" },
+        { variant: "lineBackground", state: "focused", class: "border-border-focused" },
+        { variant: "lineBackground", state: "error", class: "border-border-critical" },
+        { variant: "lineBackground", state: "disabled", class: "border-border-primary" }
       ],
       defaultVariants: { variant: "fill", size: "medium", state: "default" }
     }
@@ -1248,7 +1252,7 @@ var TextArea = React.forwardRef(
       TextAreaContext.Provider,
       {
         value: { variant, size, error, disabled, id, value, maxLength, onChange },
-        children: /* @__PURE__ */ jsx("div", { ref, className: cn(textAreaVariants.container, className), children: children || /* @__PURE__ */ jsx(TextArea.Field, { ...restTextAreaProps }) })
+        children: /* @__PURE__ */ jsx("div", { ref, className: cn(textAreaVariants.container(), className), children: children || /* @__PURE__ */ jsx(TextArea.Field, { ...restTextAreaProps }) })
       }
     );
   }
@@ -1353,7 +1357,8 @@ var textFieldVariants = {
       variants: {
         variant: {
           fill: "border-transparent bg-elevation-elevation-2",
-          line: "border-border-primary"
+          line: "border-border-primary",
+          lineBackground: "border-border-primary bg-background-primary"
         },
         size: {
           xsmall: "h-6 gap-0 px-1",
@@ -1375,7 +1380,9 @@ var textFieldVariants = {
           class: "bg-elevation-elevation-2 border-transparent"
         },
         { variant: "line", state: "error", class: "border-border-critical" },
-        { variant: "line", state: "disabled", class: "border-border-primary" }
+        { variant: "line", state: "disabled", class: "border-border-primary" },
+        { variant: "lineBackground", state: "error", class: "border-border-critical" },
+        { variant: "lineBackground", state: "disabled", class: "border-border-primary" }
       ],
       defaultVariants: { variant: "fill", size: "medium", state: "default" }
     }
@@ -1468,7 +1475,7 @@ var TextField = forwardRef(
   }, ref) => {
     const uniqueId = useId();
     const id = providedId || `text-field-${uniqueId}`;
-    return /* @__PURE__ */ jsx(TextFieldContext.Provider, { value: { variant, size, error, disabled, id, value, onChange }, children: /* @__PURE__ */ jsx("div", { ref, className: cn(textFieldVariants.container, className), children: children || /* @__PURE__ */ jsx(TextField.Input, { ...inputProps }) }) });
+    return /* @__PURE__ */ jsx(TextFieldContext.Provider, { value: { variant, size, error, disabled, id, value, onChange }, children: /* @__PURE__ */ jsx("div", { ref, className: cn(textFieldVariants.container(), className), children: children || /* @__PURE__ */ jsx(TextField.Input, { ...inputProps }) }) });
   }
 );
 TextField.Label = forwardRef(
@@ -1681,7 +1688,7 @@ Modal.Content = forwardRef(
           ref,
           className: cn(
             // 공통 스타일
-            "fixed z-50 flex flex-col rounded-strong border border-border-primary bg-elevation-elevation-0 duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+            "fixed z-50 flex flex-col rounded-strong border border-border-primary bg-background-primary duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
             // fullsize일 때
             isFullSize ? "inset-0 m-10" : (
               // 일반 모달일 때
@@ -1927,13 +1934,13 @@ var SheetResizableBox = ({ side, options, children }) => {
       onResizeStart: () => setResizing(true),
       onResizeStop: handleResizeStop,
       handleComponent,
-      className: "flex min-h-0 flex-col bg-elevation-elevation-0 shadow-strong",
+      className: "flex min-h-0 flex-col bg-background-primary shadow-strong",
       children
     }
   );
 };
 var SHEET_CONTENT_BASE = "fixed z-50 data-[state=open]:duration-300 data-[state=closed]:duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0";
-var SHEET_CONTENT_BOX = "flex flex-col border-border-primary bg-elevation-elevation-0 shadow-strong";
+var SHEET_CONTENT_BOX = "flex flex-col border-border-primary bg-background-primary shadow-strong";
 var SHEET_SIDE_CLASSES = {
   right: "inset-y-0 right-0 h-full w-[800px] max-w-[calc(100vw-var(--sheet-edge-gap))] border-l data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right",
   left: "inset-y-0 left-0 h-full w-[800px] max-w-[calc(100vw-var(--sheet-edge-gap))] border-r data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left",