@arronqzy/ui 1.0.10 → 1.0.11
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/styles.css +8 -12
- package/package.json +2 -2
- package/src/ui/resizable.tsx +3 -4
package/dist/styles.css
CHANGED
|
@@ -1550,10 +1550,6 @@ body {
|
|
|
1550
1550
|
border-color: hsl(var(--border) / 0.5);
|
|
1551
1551
|
}
|
|
1552
1552
|
|
|
1553
|
-
.border-border\/60 {
|
|
1554
|
-
border-color: hsl(var(--border) / 0.6);
|
|
1555
|
-
}
|
|
1556
|
-
|
|
1557
1553
|
.border-border\/70 {
|
|
1558
1554
|
border-color: hsl(var(--border) / 0.7);
|
|
1559
1555
|
}
|
|
@@ -1598,8 +1594,8 @@ body {
|
|
|
1598
1594
|
background-color: hsl(var(--background));
|
|
1599
1595
|
}
|
|
1600
1596
|
|
|
1601
|
-
.bg-background\/
|
|
1602
|
-
background-color: hsl(var(--background) / 0.
|
|
1597
|
+
.bg-background\/80 {
|
|
1598
|
+
background-color: hsl(var(--background) / 0.8);
|
|
1603
1599
|
}
|
|
1604
1600
|
|
|
1605
1601
|
.bg-black\/80 {
|
|
@@ -1610,8 +1606,8 @@ body {
|
|
|
1610
1606
|
background-color: hsl(var(--border));
|
|
1611
1607
|
}
|
|
1612
1608
|
|
|
1613
|
-
.bg-border\/
|
|
1614
|
-
background-color: hsl(var(--border) / 0.
|
|
1609
|
+
.bg-border\/40 {
|
|
1610
|
+
background-color: hsl(var(--border) / 0.4);
|
|
1615
1611
|
}
|
|
1616
1612
|
|
|
1617
1613
|
.bg-card {
|
|
@@ -1922,10 +1918,6 @@ body {
|
|
|
1922
1918
|
color: hsl(var(--foreground) / 0.5);
|
|
1923
1919
|
}
|
|
1924
1920
|
|
|
1925
|
-
.text-foreground\/60 {
|
|
1926
|
-
color: hsl(var(--foreground) / 0.6);
|
|
1927
|
-
}
|
|
1928
|
-
|
|
1929
1921
|
.text-muted-foreground {
|
|
1930
1922
|
color: hsl(var(--muted-foreground));
|
|
1931
1923
|
}
|
|
@@ -2198,6 +2190,10 @@ body {
|
|
|
2198
2190
|
background-color: hsl(var(--accent));
|
|
2199
2191
|
}
|
|
2200
2192
|
|
|
2193
|
+
.hover\:bg-border\/80:hover {
|
|
2194
|
+
background-color: hsl(var(--border) / 0.8);
|
|
2195
|
+
}
|
|
2196
|
+
|
|
2201
2197
|
.hover\:bg-destructive\/80:hover {
|
|
2202
2198
|
background-color: hsl(var(--destructive) / 0.8);
|
|
2203
2199
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@arronqzy/ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.11",
|
|
4
4
|
"exports": {
|
|
5
5
|
".": "./index.ts",
|
|
6
6
|
"./counter": "./components/counter.ts",
|
|
@@ -64,8 +64,8 @@
|
|
|
64
64
|
"@types/react-dom": "^19.0.2",
|
|
65
65
|
"eslint": "^8.57.0",
|
|
66
66
|
"typescript": "^5.5.4",
|
|
67
|
-
"@arronqzy/eslint-config": "0.0.0",
|
|
68
67
|
"@arronqzy/tailwind": "1.0.2",
|
|
68
|
+
"@arronqzy/eslint-config": "0.0.0",
|
|
69
69
|
"@arronqzy/typescript-config": "1.0.0"
|
|
70
70
|
},
|
|
71
71
|
"scripts": {
|
package/src/ui/resizable.tsx
CHANGED
|
@@ -29,15 +29,14 @@ const ResizableHandle = ({
|
|
|
29
29
|
}) => (
|
|
30
30
|
<ResizablePrimitive.PanelResizeHandle
|
|
31
31
|
className={cn(
|
|
32
|
-
|
|
33
|
-
"relative flex w-px items-center justify-center bg-border/60 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full [&[data-panel-group-direction=vertical]>div]:rotate-90",
|
|
32
|
+
"relative flex w-px items-center justify-center bg-border/40 transition-colors hover:bg-border/80 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full [&[data-panel-group-direction=vertical]>div]:rotate-90",
|
|
34
33
|
className
|
|
35
34
|
)}
|
|
36
35
|
{...props}
|
|
37
36
|
>
|
|
38
37
|
{withHandle && (
|
|
39
|
-
<div className="z-10 flex h-
|
|
40
|
-
<GripVertical className="h-2.5 w-2.5 text-foreground
|
|
38
|
+
<div className="z-10 flex h-5 w-2.5 items-center justify-center rounded-md border border-border/50 bg-background/80 opacity-50 shadow-sm transition-opacity hover:opacity-100">
|
|
39
|
+
<GripVertical className="h-2.5 w-2.5 text-muted-foreground" />
|
|
41
40
|
</div>
|
|
42
41
|
)}
|
|
43
42
|
</ResizablePrimitive.PanelResizeHandle>
|