@sarunyu/system-one 4.9.35 → 4.9.37

package/dist/index.js

@@ -3049,7 +3049,7 @@ function RemovableTag({
               X,
               {
                 size: 12,
-                weight: "bold",
+                weight: "regular",
                 color: iconColor,
                 className: "shrink-0"
               }
@@ -3588,7 +3588,7 @@ const DropdownMultiple = forwardRef(
                                   Check,
                                   {
                                     size: 12,
-                                    weight: "bold",
+                                    weight: "regular",
                                     className: "text-primary-action"
                                   }
                                 )
@@ -4231,7 +4231,7 @@ function ToastCloseButton({
         colorClass
       ),
       onClick: onClose,
-      children: /* @__PURE__ */ jsx(X, { size: 12, weight: "bold" })
+      children: /* @__PURE__ */ jsx(X, { size: 12, weight: "regular" })
     }
   );
 }
@@ -4422,7 +4422,7 @@ const OptionList = forwardRef(
                   Check,
                   {
                     size: 16,
-                    weight: "bold",
+                    weight: "regular",
                     className: "text-primary-action"
                   }
                 ) })
@@ -4792,7 +4792,7 @@ const Tag = forwardRef(function Tag2({
             className: cn(
               "inline-flex items-center justify-center rounded-[2px] transition-colors",
               s.closeButton,
-              !isDisabled && "cursor-pointer hover:bg-black/10"
+              !isDisabled && "cursor-pointer hover:bg-black/10 dark:hover:bg-white/10"
             ),
             children: /* @__PURE__ */ jsx(CloseIcon, { disabled: isDisabled, className: s.closeIcon })
           }
@@ -4870,7 +4870,7 @@ function StickyShadowEdge({ direction }) {
         "aria-hidden": "true",
         className: "pointer-events-none absolute inset-y-0 left-[-10px] w-2.5",
         style: {
-          background: "linear-gradient(90deg, rgba(16,24,40,0.00) 0%, rgba(16,24,40,0.03) 55%, rgba(16,24,40,0.08) 100%)"
+          background: "linear-gradient(90deg, rgba(var(--scroll-shadow-rgb),0.00) 0%, rgba(var(--scroll-shadow-rgb),0.03) 55%, rgba(var(--scroll-shadow-rgb),0.08) 100%)"
         }
       }
     );
@@ -4881,7 +4881,7 @@ function StickyShadowEdge({ direction }) {
       "aria-hidden": "true",
       className: "pointer-events-none absolute inset-y-0 right-[-10px] w-2.5",
       style: {
-        background: "linear-gradient(90deg, rgba(16,24,40,0.08) 0%, rgba(16,24,40,0.03) 45%, rgba(16,24,40,0.00) 100%)"
+        background: "linear-gradient(90deg, rgba(var(--scroll-shadow-rgb),0.08) 0%, rgba(var(--scroll-shadow-rgb),0.03) 45%, rgba(var(--scroll-shadow-rgb),0.00) 100%)"
       }
     }
   );
@@ -6161,7 +6161,7 @@ function PaginationBanner({
           onClick: () => onIndexChange == null ? void 0 : onIndexChange(i),
           className: cn(
             "h-1.5 rounded-[12px] transition-all duration-200",
-            i === activeIndex ? "w-8 bg-bg-brand" : "w-1.5 bg-black/10 hover:bg-black/20"
+            i === activeIndex ? "w-8 bg-bg-brand" : "w-1.5 bg-black/10 dark:bg-white/10 hover:bg-black/20 dark:hover:bg-white/20"
           )
         },
         i
@@ -6186,7 +6186,7 @@ function PaginationCarousel({
       children: /* @__PURE__ */ jsx(
         "div",
         {
-          className: "relative h-1.5 overflow-hidden rounded-[48px] bg-black/10",
+          className: "relative h-1.5 overflow-hidden rounded-[48px] bg-black/10 dark:bg-white/10",
           style: { width: trackWidth },
           children: /* @__PURE__ */ jsx(
             "div",