@deriv-com/trading-game-design-system 0.2.18 → 0.2.20

package/dist/index.js

@@ -786,7 +786,7 @@ function Calendar(_a) {
         range_middle: cn("rounded-none", defaultClassNames.range_middle),
         range_end: cn("rounded-r-md bg-primary/10", defaultClassNames.range_end),
         today: cn(
-          "rounded-md border border-primary/40 text-primary data-[selected=true]:rounded-none",
+          "rounded-xs border border-primary/40 text-primary data-[selected=true]:rounded-none",
           defaultClassNames.today
         ),
         outside: cn(
@@ -863,7 +863,7 @@ function CalendarDayButton(_a) {
       "data-range-end": modifiers.range_end,
       "data-range-middle": modifiers.range_middle,
       className: cn(
-        "flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-body font-normal bg-transparent border-transparent shadow-none text-foreground hover:!bg-hover hover:text-foreground hover:no-underline hover:shadow-none group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-end=true]:hover:!bg-primary data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-primary/10 data-[range-middle=true]:text-primary data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-start=true]:hover:!bg-primary data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[selected-single=true]:shadow-[0_0_12px_rgba(0,255,255,0.4)] data-[selected-single=true]:hover:!bg-primary [&>span]:text-xs [&>span]:opacity-70",
+        "flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-body font-normal bg-transparent border-transparent shadow-none text-foreground hover:!bg-hover hover:text-foreground hover:no-underline hover:shadow-none group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-end=true]:bg-primary/10 data-[range-end=true]:border-2 data-[range-end=true]:border-primary data-[range-end=true]:text-primary data-[range-end=true]:font-bold data-[range-end=true]:hover:!bg-primary/10 data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-primary/10 data-[range-middle=true]:text-primary data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md data-[range-start=true]:bg-primary/10 data-[range-start=true]:border-2 data-[range-start=true]:border-primary data-[range-start=true]:text-primary data-[range-start=true]:font-bold data-[range-start=true]:hover:!bg-primary/10 data-[selected-single=true]:bg-primary/10 data-[selected-single=true]:border-2 data-[selected-single=true]:border-primary data-[selected-single=true]:text-primary data-[selected-single=true]:font-bold data-[selected-single=true]:hover:!bg-primary/10 [&>span]:text-xs [&>span]:opacity-70",
         defaultClassNames.day,
         className
       )
@@ -4601,7 +4601,7 @@ function SelectItem(_a) {
     __spreadProps(__spreadValues({
       "data-slot": "select-item",
       className: cn(
-        "relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-hover focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        "relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-hover focus:text-foreground data-[state=checked]:text-primary data-[state=checked]:font-medium data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
         className
       )
     }, props), {
@@ -4611,7 +4611,7 @@ function SelectItem(_a) {
           {
             "data-slot": "select-item-indicator",
             className: "absolute right-2 flex size-3.5 items-center justify-center",
-            children: /* @__PURE__ */ jsx43(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx43(CheckIcon6, { className: "size-4" }) })
+            children: /* @__PURE__ */ jsx43(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx43(CheckIcon6, { className: "size-4 text-primary" }) })
           }
         ),
         /* @__PURE__ */ jsx43(SelectPrimitive.ItemText, { children })
@@ -5639,7 +5639,7 @@ function Spinner(_a) {
     __spreadValues({
       role: "status",
       "aria-label": "Loading",
-      className: cn("size-4 animate-spin text-primary", className)
+      className: cn("size-4 animate-spin text-current", className)
     }, props)
   );
 }