@deriv-com/trading-game-design-system 0.2.17 → 0.2.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +34 -36
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +34 -36
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/styles.css +3 -0
package/dist/index.cjs
CHANGED
|
@@ -531,15 +531,15 @@ var buttonVariants = (0, import_class_variance_authority2.cva)(
|
|
|
531
531
|
tertiary: "bg-transparent text-primary hover:underline underline-offset-4"
|
|
532
532
|
},
|
|
533
533
|
size: {
|
|
534
|
-
lg: "h-12 gap-3 rounded-
|
|
534
|
+
lg: "h-12 gap-3 rounded-xs px-6 py-[14px] text-sm [&_svg:not([class*='size-'])]:size-4",
|
|
535
535
|
md: "h-10 gap-2 rounded-xs px-4 py-3 text-sm [&_svg:not([class*='size-'])]:size-4",
|
|
536
536
|
sm: "h-8 gap-1 rounded-xs px-3 py-2 text-xs [&_svg:not([class*='size-'])]:size-[14px]",
|
|
537
537
|
xs: "h-6 gap-1 rounded-xs px-2 py-1.5 text-xs [&_svg:not([class*='size-'])]:size-3",
|
|
538
|
-
icon: "size-12 rounded-
|
|
539
|
-
"icon-lg": "size-12 rounded-
|
|
540
|
-
"icon-md": "size-10 rounded-
|
|
541
|
-
"icon-sm": "size-7 rounded-
|
|
542
|
-
"icon-xs": "size-6 rounded-
|
|
538
|
+
icon: "size-12 rounded-xs [&_svg:not([class*='size-'])]:size-4",
|
|
539
|
+
"icon-lg": "size-12 rounded-xs [&_svg:not([class*='size-'])]:size-4",
|
|
540
|
+
"icon-md": "size-10 rounded-xs [&_svg:not([class*='size-'])]:size-4",
|
|
541
|
+
"icon-sm": "size-7 rounded-xs [&_svg:not([class*='size-'])]:size-4",
|
|
542
|
+
"icon-xs": "size-6 rounded-xs [&_svg:not([class*='size-'])]:size-3"
|
|
543
543
|
}
|
|
544
544
|
},
|
|
545
545
|
defaultVariants: {
|
|
@@ -1116,11 +1116,11 @@ function Calendar(_a) {
|
|
|
1116
1116
|
defaultClassNames.day
|
|
1117
1117
|
),
|
|
1118
1118
|
range_start: cn(
|
|
1119
|
-
"rounded-l-md bg-
|
|
1119
|
+
"rounded-l-md bg-primary/10",
|
|
1120
1120
|
defaultClassNames.range_start
|
|
1121
1121
|
),
|
|
1122
1122
|
range_middle: cn("rounded-none", defaultClassNames.range_middle),
|
|
1123
|
-
range_end: cn("rounded-r-md bg-
|
|
1123
|
+
range_end: cn("rounded-r-md bg-primary/10", defaultClassNames.range_end),
|
|
1124
1124
|
today: cn(
|
|
1125
1125
|
"rounded-md border border-primary/40 text-primary data-[selected=true]:rounded-none",
|
|
1126
1126
|
defaultClassNames.today
|
|
@@ -1199,7 +1199,7 @@ function CalendarDayButton(_a) {
|
|
|
1199
1199
|
"data-range-end": modifiers.range_end,
|
|
1200
1200
|
"data-range-middle": modifiers.range_middle,
|
|
1201
1201
|
className: cn(
|
|
1202
|
-
"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
|
|
1202
|
+
"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",
|
|
1203
1203
|
defaultClassNames.day,
|
|
1204
1204
|
className
|
|
1205
1205
|
)
|
|
@@ -2139,7 +2139,7 @@ function ComboboxItem(_a) {
|
|
|
2139
2139
|
__spreadProps(__spreadValues({
|
|
2140
2140
|
"data-slot": "combobox-item",
|
|
2141
2141
|
className: cn(
|
|
2142
|
-
"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 data-highlighted:bg-
|
|
2142
|
+
"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 data-highlighted:bg-hover data-highlighted:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
2143
2143
|
className
|
|
2144
2144
|
)
|
|
2145
2145
|
}, props), {
|
|
@@ -2575,7 +2575,7 @@ function CommandItem(_a) {
|
|
|
2575
2575
|
__spreadValues({
|
|
2576
2576
|
"data-slot": "command-item",
|
|
2577
2577
|
className: cn(
|
|
2578
|
-
"relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-
|
|
2578
|
+
"relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-hover data-[selected=true]:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
|
|
2579
2579
|
className
|
|
2580
2580
|
)
|
|
2581
2581
|
}, props)
|
|
@@ -3012,7 +3012,7 @@ function DropdownMenuItem(_a) {
|
|
|
3012
3012
|
"data-inset": inset,
|
|
3013
3013
|
"data-variant": variant,
|
|
3014
3014
|
className: cn(
|
|
3015
|
-
"relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-
|
|
3015
|
+
"relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-hover focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!",
|
|
3016
3016
|
className
|
|
3017
3017
|
)
|
|
3018
3018
|
}, props)
|
|
@@ -3033,7 +3033,7 @@ function DropdownMenuCheckboxItem(_a) {
|
|
|
3033
3033
|
__spreadProps(__spreadValues({
|
|
3034
3034
|
"data-slot": "dropdown-menu-checkbox-item",
|
|
3035
3035
|
className: cn(
|
|
3036
|
-
"relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-
|
|
3036
|
+
"relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 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",
|
|
3037
3037
|
className
|
|
3038
3038
|
),
|
|
3039
3039
|
checked
|
|
@@ -3067,7 +3067,7 @@ function DropdownMenuRadioItem(_a) {
|
|
|
3067
3067
|
__spreadProps(__spreadValues({
|
|
3068
3068
|
"data-slot": "dropdown-menu-radio-item",
|
|
3069
3069
|
className: cn(
|
|
3070
|
-
"relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-
|
|
3070
|
+
"relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 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",
|
|
3071
3071
|
className
|
|
3072
3072
|
)
|
|
3073
3073
|
}, props), {
|
|
@@ -3149,7 +3149,7 @@ function DropdownMenuSubTrigger(_a) {
|
|
|
3149
3149
|
"data-slot": "dropdown-menu-sub-trigger",
|
|
3150
3150
|
"data-inset": inset,
|
|
3151
3151
|
className: cn(
|
|
3152
|
-
"flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-
|
|
3152
|
+
"flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-hover focus:text-foreground data-[inset]:pl-8 data-[state=open]:bg-primary/10 data-[state=open]:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
|
|
3153
3153
|
className
|
|
3154
3154
|
)
|
|
3155
3155
|
}, props), {
|
|
@@ -3957,7 +3957,7 @@ function Kbd(_a) {
|
|
|
3957
3957
|
className: cn(
|
|
3958
3958
|
"pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none",
|
|
3959
3959
|
"[&_svg:not([class*='size-'])]:size-3",
|
|
3960
|
-
"[[data-slot=tooltip-content]_&]:bg-
|
|
3960
|
+
"[[data-slot=tooltip-content]_&]:bg-border [[data-slot=tooltip-content]_&]:text-foreground",
|
|
3961
3961
|
className
|
|
3962
3962
|
)
|
|
3963
3963
|
}, props)
|
|
@@ -4022,7 +4022,7 @@ function MenubarTrigger(_a) {
|
|
|
4022
4022
|
__spreadValues({
|
|
4023
4023
|
"data-slot": "menubar-trigger",
|
|
4024
4024
|
className: cn(
|
|
4025
|
-
"flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none focus:bg-
|
|
4025
|
+
"flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none hover:bg-hover hover:text-foreground focus:bg-hover focus:text-foreground data-[state=open]:bg-primary/10 data-[state=open]:text-primary",
|
|
4026
4026
|
className
|
|
4027
4027
|
)
|
|
4028
4028
|
}, props)
|
|
@@ -4071,7 +4071,7 @@ function MenubarItem(_a) {
|
|
|
4071
4071
|
"data-inset": inset,
|
|
4072
4072
|
"data-variant": variant,
|
|
4073
4073
|
className: cn(
|
|
4074
|
-
"relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-
|
|
4074
|
+
"relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none hover:bg-hover hover:text-foreground focus:bg-hover focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!",
|
|
4075
4075
|
className
|
|
4076
4076
|
)
|
|
4077
4077
|
}, props)
|
|
@@ -4092,7 +4092,7 @@ function MenubarCheckboxItem(_a) {
|
|
|
4092
4092
|
__spreadProps(__spreadValues({
|
|
4093
4093
|
"data-slot": "menubar-checkbox-item",
|
|
4094
4094
|
className: cn(
|
|
4095
|
-
"relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-
|
|
4095
|
+
"relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none hover:bg-hover hover:text-foreground 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",
|
|
4096
4096
|
className
|
|
4097
4097
|
),
|
|
4098
4098
|
checked
|
|
@@ -4117,7 +4117,7 @@ function MenubarRadioItem(_a) {
|
|
|
4117
4117
|
__spreadProps(__spreadValues({
|
|
4118
4118
|
"data-slot": "menubar-radio-item",
|
|
4119
4119
|
className: cn(
|
|
4120
|
-
"relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-
|
|
4120
|
+
"relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none hover:bg-hover hover:text-foreground 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",
|
|
4121
4121
|
className
|
|
4122
4122
|
)
|
|
4123
4123
|
}, props), {
|
|
@@ -4199,7 +4199,7 @@ function MenubarSubTrigger(_a) {
|
|
|
4199
4199
|
"data-slot": "menubar-sub-trigger",
|
|
4200
4200
|
"data-inset": inset,
|
|
4201
4201
|
className: cn(
|
|
4202
|
-
"flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none focus:bg-
|
|
4202
|
+
"flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none hover:bg-hover hover:text-foreground focus:bg-hover focus:text-foreground data-[inset]:pl-8 data-[state=open]:bg-primary/10 data-[state=open]:text-foreground",
|
|
4203
4203
|
className
|
|
4204
4204
|
)
|
|
4205
4205
|
}, props), {
|
|
@@ -4353,7 +4353,7 @@ function NavigationMenuItem(_a) {
|
|
|
4353
4353
|
);
|
|
4354
4354
|
}
|
|
4355
4355
|
var navigationMenuTriggerStyle = (0, import_class_variance_authority8.cva)(
|
|
4356
|
-
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-[color,box-shadow] outline-none hover:bg-
|
|
4356
|
+
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-[color,box-shadow] outline-none hover:bg-hover hover:text-foreground focus:bg-hover focus:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-primary/10 data-[state=open]:text-foreground data-[state=open]:hover:bg-hover data-[state=open]:focus:bg-hover"
|
|
4357
4357
|
);
|
|
4358
4358
|
function NavigationMenuTrigger(_a) {
|
|
4359
4359
|
var _b = _a, {
|
|
@@ -4437,7 +4437,7 @@ function NavigationMenuLink(_a) {
|
|
|
4437
4437
|
__spreadValues({
|
|
4438
4438
|
"data-slot": "navigation-menu-link",
|
|
4439
4439
|
className: cn(
|
|
4440
|
-
"flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none hover:bg-
|
|
4440
|
+
"flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none hover:bg-hover hover:text-foreground focus:bg-hover focus:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 data-[active=true]:bg-primary/10 data-[active=true]:text-primary data-[active=true]:hover:bg-hover data-[active=true]:focus:bg-hover [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
|
|
4441
4441
|
className
|
|
4442
4442
|
)
|
|
4443
4443
|
}, props)
|
|
@@ -4513,10 +4513,8 @@ function PaginationLink(_a) {
|
|
|
4513
4513
|
"data-slot": "pagination-link",
|
|
4514
4514
|
"data-active": isActive,
|
|
4515
4515
|
className: cn(
|
|
4516
|
-
|
|
4517
|
-
|
|
4518
|
-
size
|
|
4519
|
-
}),
|
|
4516
|
+
"inline-flex shrink-0 items-center justify-center size-10 rounded-xs text-sm font-display font-bold uppercase tracking-[1.5px] whitespace-nowrap transition-[color,background-color,border-color] outline-none border",
|
|
4517
|
+
isActive ? "bg-primary/10 border-primary/40 text-primary" : "bg-transparent border-transparent text-foreground hover:bg-hover",
|
|
4520
4518
|
className
|
|
4521
4519
|
)
|
|
4522
4520
|
}, props)
|
|
@@ -4930,7 +4928,7 @@ function SelectItem(_a) {
|
|
|
4930
4928
|
__spreadProps(__spreadValues({
|
|
4931
4929
|
"data-slot": "select-item",
|
|
4932
4930
|
className: cn(
|
|
4933
|
-
"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-
|
|
4931
|
+
"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",
|
|
4934
4932
|
className
|
|
4935
4933
|
)
|
|
4936
4934
|
}, props), {
|
|
@@ -5202,13 +5200,13 @@ function TooltipContent(_a) {
|
|
|
5202
5200
|
"data-slot": "tooltip-content",
|
|
5203
5201
|
sideOffset,
|
|
5204
5202
|
className: cn(
|
|
5205
|
-
"z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-
|
|
5203
|
+
"z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-popover border border-border px-3 py-1.5 text-xs text-balance text-foreground fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
|
|
5206
5204
|
className
|
|
5207
5205
|
)
|
|
5208
5206
|
}, props), {
|
|
5209
5207
|
children: [
|
|
5210
5208
|
children,
|
|
5211
|
-
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui27.Tooltip.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-
|
|
5209
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui27.Tooltip.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-popover fill-popover" })
|
|
5212
5210
|
]
|
|
5213
5211
|
})
|
|
5214
5212
|
) });
|
|
@@ -6174,10 +6172,10 @@ function TabsTrigger(_a) {
|
|
|
6174
6172
|
__spreadValues({
|
|
6175
6173
|
"data-slot": "tabs-trigger",
|
|
6176
6174
|
className: cn(
|
|
6177
|
-
"relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-
|
|
6178
|
-
"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent
|
|
6179
|
-
"data-[state=active]:bg-
|
|
6180
|
-
"after:absolute after:bg-
|
|
6175
|
+
"relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start hover:bg-hover hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-none group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
6176
|
+
"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent",
|
|
6177
|
+
"data-[state=active]:bg-primary/10 data-[state=active]:border-primary/40 data-[state=active]:text-primary",
|
|
6178
|
+
"after:absolute after:bg-primary after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",
|
|
6181
6179
|
className
|
|
6182
6180
|
)
|
|
6183
6181
|
}, props)
|
|
@@ -6203,12 +6201,12 @@ var import_class_variance_authority11 = require("class-variance-authority");
|
|
|
6203
6201
|
var import_radix_ui32 = require("radix-ui");
|
|
6204
6202
|
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
6205
6203
|
var toggleVariants = (0, import_class_variance_authority11.cva)(
|
|
6206
|
-
"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-
|
|
6204
|
+
"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-hover hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-primary/10 data-[state=on]:border-primary/40 data-[state=on]:text-primary dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
6207
6205
|
{
|
|
6208
6206
|
variants: {
|
|
6209
6207
|
variant: {
|
|
6210
6208
|
default: "bg-transparent",
|
|
6211
|
-
outline: "border border-input bg-transparent shadow-xs hover:bg-
|
|
6209
|
+
outline: "border border-input bg-transparent shadow-xs hover:bg-hover hover:text-foreground"
|
|
6212
6210
|
},
|
|
6213
6211
|
size: {
|
|
6214
6212
|
default: "h-9 min-w-9 px-2",
|