@codapet/design-system 0.8.4 → 0.8.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.
- package/dist/index.mjs +5 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -7044,6 +7044,7 @@ function useTabIndicator(listRef, orientation) {
|
|
|
7044
7044
|
position: "absolute",
|
|
7045
7045
|
bottom: 0,
|
|
7046
7046
|
left: 0,
|
|
7047
|
+
zIndex: 1,
|
|
7047
7048
|
height: "2px",
|
|
7048
7049
|
width: activeEl.offsetWidth,
|
|
7049
7050
|
transform: `translateX(${activeEl.offsetLeft}px)`,
|
|
@@ -7056,6 +7057,7 @@ function useTabIndicator(listRef, orientation) {
|
|
|
7056
7057
|
position: "absolute",
|
|
7057
7058
|
left: 0,
|
|
7058
7059
|
top: 0,
|
|
7060
|
+
zIndex: 1,
|
|
7059
7061
|
width: "2px",
|
|
7060
7062
|
height: activeEl.offsetHeight,
|
|
7061
7063
|
transform: `translateY(${activeEl.offsetTop}px)`,
|
|
@@ -7129,7 +7131,9 @@ function TabsList({
|
|
|
7129
7131
|
"data-slot": "tabs-list",
|
|
7130
7132
|
className: cn(
|
|
7131
7133
|
"text-muted-foreground relative",
|
|
7132
|
-
|
|
7134
|
+
// The gray track is an inset shadow rather than a border so it lives
|
|
7135
|
+
// inside the padding box, letting the active indicator paint over it.
|
|
7136
|
+
orientation === "vertical" ? "flex flex-col shadow-[inset_1px_0_0_0_var(--gray-stroke-default)]" : "flex w-fit items-center overflow-x-auto shadow-[inset_0_-1px_0_0_var(--gray-stroke-default)]",
|
|
7133
7137
|
className
|
|
7134
7138
|
),
|
|
7135
7139
|
...props,
|