minka-ds 0.2.4 → 0.2.5

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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/ui/tabs.tsx +3 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "minka-ds",
3
- "version": "0.2.4",
3
+ "version": "0.2.5",
4
4
  "description": "Minka product design system — tokenized component library",
5
5
  "license": "MIT",
6
6
  "files": [
package/src/components/ui/tabs.tsx CHANGED
@@ -31,6 +31,7 @@ const tabsListVariants = cva(
31
31
  variants: {
32
32
  variant: {
33
33
  default: "[border-radius:var(--radius-card)] border border-[var(--color-border-default)] bg-[var(--color-bg-raised)] shadow-xs",
34
+ subtle: "[border-radius:var(--radius-card)] border border-[var(--color-border-default)] bg-[var(--color-bg-base)]",
34
35
  line: "gap-1 rounded-none bg-transparent",
35
36
  },
36
37
  },
@@ -72,6 +73,8 @@ function TabsTrigger({
72
73
  "disabled:pointer-events-none disabled:text-[var(--color-text-disabled)]",
73
74
  // default variant — active tab gets raised surface
74
75
  "group-data-[variant=default]/tabs-list:data-[state=active]:bg-[var(--color-bg-inverted)] group-data-[variant=default]/tabs-list:data-[state=active]:text-[var(--color-bg-raised)] group-data-[variant=default]/tabs-list:data-[state=active]:shadow-[var(--shadow-card)]",
76
+ // subtle variant — active tab gets raised bg with default text, no inversion
77
+ "group-data-[variant=subtle]/tabs-list:data-[state=active]:bg-[var(--color-bg-raised)] group-data-[variant=subtle]/tabs-list:data-[state=active]:text-[var(--color-text-default)] group-data-[variant=subtle]/tabs-list:data-[state=active]:shadow-xs",
75
78
  // line variant — active tab is transparent, underline indicator
76
79
  "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]:text-[var(--color-text-default)] group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none",
77
80
  // underline indicator for line variant