ssovee-os-web-ui 0.1.54 → 0.1.56

package/dist/index.cjs

@@ -183,7 +183,7 @@ var Input = React22__namespace.default.forwardRef(
     onKeyUp,
     ...props
   }, ref) => {
-    const baseClasses = "transition-all duration-200 focus:outline-none placeholder:text-[#173657] dark:placeholder:text-[#d7e1ef] rounded-[6px] text-[#173657] dark:text-[#d7e1ef]";
+    const baseClasses = "transition-all duration-200 focus:outline-none placeholder:text-neutral-700 dark:placeholder:text-neutral-200 rounded-[6px] text-[#173657] dark:text-[#d7e1ef]";
     const variantClasses = {
       default: "bg-primary border border-surface-1 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
       filled: "bg-surface-4 border border-surface-4 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
@@ -257,7 +257,7 @@ var TextArea = React22__namespace.default.forwardRef(
     resize = "vertical",
     ...props
   }, ref) => {
-    const baseClasses = "transition-all duration-200 focus:outline-none placeholder:text-[#173657] dark:placeholder:text-[#d7e1ef] rounded-[6px] text-[#173657] dark:text-[#d7e1ef]";
+    const baseClasses = "transition-all duration-200 focus:outline-none placeholder:text-neutral-700 dark:placeholder:text-neutral-200 rounded-[6px] text-[#173657] dark:text-[#d7e1ef]";
     const variantClasses = {
       default: "bg-primary border border-surface-1 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
       filled: "bg-surface-4 border border-surface-4 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
@@ -343,7 +343,7 @@ var Select = React22__namespace.default.forwardRef(
             className: cn(
               baseClasses,
               variantClasses[variant],
-              isPlaceholderSelected ? "text-[#173657]/60 dark:text-[#d7e1ef]/70" : "text-[#173657] dark:text-[#d7e1ef]",
+              isPlaceholderSelected ? "text-neutral-700 dark:text-neutral-200" : "text-[#173657] dark:text-[#d7e1ef]",
               sizeClasses[size],
               widthClasses,
               "pr-10",
@@ -624,7 +624,7 @@ var Dropdown = ({
           className
         ),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: selectedOption ? "text-[#173657] dark:text-[#d7e1ef]" : cn("text-[#173657]/60 dark:text-[#d7e1ef]/70", variant !== "filled" && "dark:text-[#d7e1ef]"), children: selectedOption ? selectedOption.label : placeholder }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: selectedOption ? "text-[#173657] dark:text-[#d7e1ef]" : "text-neutral-700 dark:text-neutral-200", children: selectedOption ? selectedOption.label : placeholder }),
           /* @__PURE__ */ jsxRuntime.jsx(
             react.CaretDownIcon,
             {
@@ -1662,7 +1662,7 @@ var SearchInput = React22__namespace.default.forwardRef(
       };
     }, [enableKeyboardShortcuts, isActive, handleClear, addShortcutListener, removeShortcutListener]);
     const displayPlaceholder = enableKeyboardShortcuts ? `${placeholder} (${formatKeys(getShortcutByCommand("focus_search"))})` : placeholder;
-    const baseClasses = "transition-all duration-200 focus:outline-none rounded-[6px] placeholder:text-[#173657] dark:placeholder:text-[#d7e1ef] text-[#173657] dark:text-[#d7e1ef]";
+    const baseClasses = "transition-all duration-200 focus:outline-none rounded-[6px] placeholder:text-neutral-700 dark:placeholder:text-neutral-200 text-[#173657] dark:text-[#d7e1ef]";
     const variantClasses = {
       default: "bg-primary border border-surface-1 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
       filled: "bg-surface-4 border border-surface-4 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
@@ -1825,9 +1825,9 @@ var FileUpload = ({
     lg: "h-32 px-6 text-lg"
   };
   const defaultContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center h-full text-center", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(react.UploadIcon, { size: 24, className: "text-[#173657] mb-2 dark:text-[#d7e1ef]" }),
-    /* @__PURE__ */ jsxRuntime.jsx(Typography_default, { variant: "p", className: "text-sm text-[#173657] dark:text-[#d7e1ef]", children: dragAndDrop ? "Drag and drop files here" : "Click to upload files" }),
-    accept && /* @__PURE__ */ jsxRuntime.jsxs(Typography_default, { variant: "p", className: "text-xs text-[#173657]/70 dark:text-[#d7e1ef]/70 mt-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(react.UploadIcon, { size: 24, className: "text-neutral-700 mb-2 dark:text-neutral-100" }),
+    /* @__PURE__ */ jsxRuntime.jsx(Typography_default, { variant: "p", className: "text-sm text-neutral-700 dark:text-neutral-100", children: dragAndDrop ? "Drag and drop files here" : "Click to upload files" }),
+    accept && /* @__PURE__ */ jsxRuntime.jsxs(Typography_default, { variant: "p", className: "text-xs text-neutral-700/70 dark:text-neutral-100/70 mt-1", children: [
       "Accepted: ",
       accept
     ] })
@@ -1989,7 +1989,7 @@ var Pagination = ({
           className: cn(
             "flex items-center justify-center",
             sizeClasses[size],
-            "text-neutral-400 dark:text-[#d7e1ef]"
+            "text-neutral-400 dark:text-neutral-300"
           ),
           children: "..."
         },
@@ -2005,8 +2005,8 @@ var Pagination = ({
           "flex items-center justify-center font-medium transition-all duration-200 rounded-[6px]",
           sizeClasses[size],
           variantClasses[variant],
-          isActive ? activeClasses[variant] : "text-[#173657] dark:text-[#d7e1ef]",
-          !isActive && "hover:text-[#3f5976] dark:hover:text-[#d7e1ef]"
+          isActive ? activeClasses[variant] : "text-neutral-700 dark:text-neutral-100",
+          !isActive && "hover:text-neutral-900 dark:hover:text-neutral-100"
         ),
         children: page
       },
@@ -2022,7 +2022,7 @@ var Pagination = ({
           "flex items-center justify-center font-medium transition-all duration-200 rounded-[6px]",
           sizeClasses[size],
           variantClasses[variant],
-          "text-[#173657] hover:text-[#3f5976] dark:text-[#d7e1ef] dark:hover:text-[#d7e1ef]"
+          "text-neutral-700 hover:text-neutral-900 dark:text-neutral-100 dark:hover:text-neutral-100"
         ),
         children: "First"
       }
@@ -2035,7 +2035,7 @@ var Pagination = ({
           "flex items-center justify-center font-medium transition-all duration-200 rounded-[6px]",
           sizeClasses[size],
           variantClasses[variant],
-          "text-[#173657] hover:text-[#3f5976] dark:text-[#d7e1ef] dark:hover:text-[#d7e1ef]"
+          "text-neutral-700 hover:text-neutral-900 dark:text-neutral-100 dark:hover:text-neutral-100"
         ),
         children: /* @__PURE__ */ jsxRuntime.jsx(react.CaretLeftIcon, { size: 16 })
       }
@@ -2049,7 +2049,7 @@ var Pagination = ({
           "flex items-center justify-center font-medium transition-all duration-200 rounded-[6px]",
           sizeClasses[size],
           variantClasses[variant],
-          "text-[#173657] hover:text-[#3f5976] dark:text-[#d7e1ef] dark:hover:text-[#d7e1ef]"
+          "text-neutral-700 hover:text-neutral-900 dark:text-neutral-100 dark:hover:text-neutral-100"
         ),
         children: /* @__PURE__ */ jsxRuntime.jsx(react.CaretRightIcon, { size: 16 })
       }
@@ -2062,7 +2062,7 @@ var Pagination = ({
           "flex items-center justify-center font-medium transition-all duration-200 rounded-[6px]",
           sizeClasses[size],
           variantClasses[variant],
-          "text-[#173657] hover:text-[#3f5976] dark:text-[#d7e1ef] dark:hover:text-[#d7e1ef]"
+          "text-neutral-700 hover:text-neutral-900 dark:text-neutral-100 dark:hover:text-neutral-100"
         ),
         children: "Last"
       }
@@ -3133,13 +3133,13 @@ var Table = React22__namespace.forwardRef(({ className, ...props }, ref) => /* @
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React22__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b text-[#173657] dark:text-[#d7e1ef] bg-surface-2", className), ...props }));
+var TableHeader = React22__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b text-neutral-700 dark:text-neutral-100 bg-surface-2", className), ...props }));
 TableHeader.displayName = "TableHeader";
 var TableBody = React22__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tbody",
   {
     ref,
-    className: cn("[&_tr:last-child]:border-0 text-[#173657]/70 dark:text-[#d7e1ef]", className),
+    className: cn("[&_tr:last-child]:border-0 text-neutral-700/70 dark:text-neutral-100", className),
     ...props
   }
 ));