orphos 0.52.0 → 0.53.1
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/colors.css +2 -52
- package/dist/badge.js +2 -2
- package/dist/sidebar.js +1 -1
- package/package.json +1 -1
- package/theme.css +7 -7
package/colors.css
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
@import "@radix-ui/colors/tomato.css";
|
|
2
|
+
@import "@radix-ui/colors/tomato-dark.css";
|
|
1
3
|
@import "@radix-ui/colors/red.css";
|
|
2
4
|
@import "@radix-ui/colors/red-dark.css";
|
|
3
5
|
@import "@radix-ui/colors/green.css";
|
|
@@ -37,19 +39,6 @@
|
|
|
37
39
|
--gray-a10: #00000088;
|
|
38
40
|
--gray-a11: #000000a6;
|
|
39
41
|
--gray-a12: #000000de;
|
|
40
|
-
|
|
41
|
-
--lime-1: #f0f1ef;
|
|
42
|
-
--lime-2: #ebeee5;
|
|
43
|
-
--lime-3: #e0eac8;
|
|
44
|
-
--lime-4: #d5e3ae;
|
|
45
|
-
--lime-5: #c8d996;
|
|
46
|
-
--lime-6: #b9cb84;
|
|
47
|
-
--lime-7: #a6b86e;
|
|
48
|
-
--lime-8: #8ea34a;
|
|
49
|
-
--lime-9: #b8d455;
|
|
50
|
-
--lime-10: #aeca43;
|
|
51
|
-
--lime-11: #5b6b1e;
|
|
52
|
-
--lime-12: #383f23;
|
|
53
42
|
}
|
|
54
43
|
|
|
55
44
|
@supports (color: color(display-p3 1 1 1)) {
|
|
@@ -84,19 +73,6 @@
|
|
|
84
73
|
--gray-a10: color(display-p3 0 0 0 / 0.5328);
|
|
85
74
|
--gray-a11: color(display-p3 0 0 0 / 0.6516);
|
|
86
75
|
--gray-a12: color(display-p3 0 0 0 / 0.8689);
|
|
87
|
-
|
|
88
|
-
--lime-1: oklch(95.7% 0.0034 120.4);
|
|
89
|
-
--lime-2: oklch(94.5% 0.0124 120.4);
|
|
90
|
-
--lime-3: oklch(92.1% 0.0458 120.4);
|
|
91
|
-
--lime-4: oklch(89.2% 0.0715 120.4);
|
|
92
|
-
--lime-5: oklch(85.7% 0.0909 120.4);
|
|
93
|
-
--lime-6: oklch(81.2% 0.0956 120.4);
|
|
94
|
-
--lime-7: oklch(75.2% 0.101 120.4);
|
|
95
|
-
--lime-8: oklch(68% 0.1176 120.4);
|
|
96
|
-
--lime-9: oklch(82.5% 0.1555 120.4);
|
|
97
|
-
--lime-10: oklch(79.3% 0.1608 120.4);
|
|
98
|
-
--lime-11: oklch(49.9% 0.1029 120.4);
|
|
99
|
-
--lime-12: oklch(35.3% 0.0453 120.4);
|
|
100
76
|
}
|
|
101
77
|
}
|
|
102
78
|
}
|
|
@@ -130,19 +106,6 @@
|
|
|
130
106
|
--gray-a10: #ffffff74;
|
|
131
107
|
--gray-a11: #ffffffb0;
|
|
132
108
|
--gray-a12: #ffffffed;
|
|
133
|
-
|
|
134
|
-
--lime-1: #0c0e08;
|
|
135
|
-
--lime-2: #161810;
|
|
136
|
-
--lime-3: #232716;
|
|
137
|
-
--lime-4: #2d331b;
|
|
138
|
-
--lime-5: #384020;
|
|
139
|
-
--lime-6: #444e28;
|
|
140
|
-
--lime-7: #535e33;
|
|
141
|
-
--lime-8: #65723d;
|
|
142
|
-
--lime-9: #d3f072;
|
|
143
|
-
--lime-10: #cbe47c;
|
|
144
|
-
--lime-11: #cae37b;
|
|
145
|
-
--lime-12: #e6f4c2;
|
|
146
109
|
}
|
|
147
110
|
|
|
148
111
|
@supports (color: color(display-p3 1 1 1)) {
|
|
@@ -176,19 +139,6 @@
|
|
|
176
139
|
--gray-a10: color(display-p3 1 1 1 / 0.4545);
|
|
177
140
|
--gray-a11: color(display-p3 1 1 1 / 0.6901);
|
|
178
141
|
--gray-a12: color(display-p3 1 1 1 / 0.9298);
|
|
179
|
-
|
|
180
|
-
--lime-1: oklch(15.9% 0.0116 120.4);
|
|
181
|
-
--lime-2: oklch(20.5% 0.0154 120.4);
|
|
182
|
-
--lime-3: oklch(26.3% 0.0294 120.4);
|
|
183
|
-
--lime-4: oklch(31% 0.0419 120.4);
|
|
184
|
-
--lime-5: oklch(35.5% 0.0518 120.4);
|
|
185
|
-
--lime-6: oklch(40.4% 0.0586 120.4);
|
|
186
|
-
--lime-7: oklch(46.1% 0.0658 120.4);
|
|
187
|
-
--lime-8: oklch(52.7% 0.0773 120.4);
|
|
188
|
-
--lime-9: oklch(90.9% 0.1555 120.4);
|
|
189
|
-
--lime-10: oklch(87.9% 0.1331 120.4);
|
|
190
|
-
--lime-11: oklch(87.6% 0.1331 120.4);
|
|
191
|
-
--lime-12: oklch(94.5% 0.0673 120.4);
|
|
192
142
|
}
|
|
193
143
|
}
|
|
194
144
|
}
|
package/dist/badge.js
CHANGED
|
@@ -3,11 +3,11 @@ import { useRender } from "@base-ui/react/use-render";
|
|
|
3
3
|
import { cva } from "cva";
|
|
4
4
|
import { cn } from "./utils.js";
|
|
5
5
|
const badgeVariants = cva({
|
|
6
|
-
base: "inline-flex h-5 w-fit items-center gap-1 rounded-md border px-1.5 py-px font-medium text-[11px] transition-all has-data-[icon=inline-
|
|
6
|
+
base: "group/badge inline-flex h-5 w-fit shrink-0 items-center gap-1 overflow-hidden whitespace-nowrap rounded-md border px-1.5 py-px font-medium text-[11px] transition-all focus-visible:outline-2 focus-visible:outline-offset-2 has-data-[icon=inline-end]:pr-1.25 has-data-[icon=inline-start]:pl-1.25 [&>svg]:pointer-events-none [&_svg]:size-3!",
|
|
7
7
|
variants: {
|
|
8
8
|
variant: {
|
|
9
9
|
default: "border-border-subtle bg-background-element text-foreground-subtle [a]:hover:bg-background-element-hover",
|
|
10
|
-
primary: "border-primary-border bg-primary-subtle text-
|
|
10
|
+
primary: "border-primary-border bg-primary-subtle text-primary [a]:hover:border-primary-border/50",
|
|
11
11
|
danger: "border-danger-border bg-danger-subtle text-danger-hover [a]:hover:border-danger",
|
|
12
12
|
success: "border-success-border bg-success-subtle text-success-hover [a]:hover:border-success",
|
|
13
13
|
warning: "border-warning-border bg-warning-subtle text-warning-hover [a]:hover:border-warning",
|
package/dist/sidebar.js
CHANGED
|
@@ -292,7 +292,7 @@ function SidebarMenu({ className, ...props }) {
|
|
|
292
292
|
return /*#__PURE__*/ jsx("ul", {
|
|
293
293
|
"data-slot": "sidebar-menu",
|
|
294
294
|
"data-sidebar": "menu",
|
|
295
|
-
className: cn("flex w-full min-w-0 flex-col gap-0", className),
|
|
295
|
+
className: cn("flex w-full min-w-0 flex-col gap-0.5", className),
|
|
296
296
|
...props
|
|
297
297
|
});
|
|
298
298
|
}
|
package/package.json
CHANGED
package/theme.css
CHANGED
|
@@ -41,11 +41,11 @@
|
|
|
41
41
|
--color-foreground-subtle: var(--foreground-subtle);
|
|
42
42
|
--color-foreground: var(--foreground);
|
|
43
43
|
|
|
44
|
-
--color-primary: var(--
|
|
45
|
-
--color-primary-hover: var(--
|
|
46
|
-
--color-primary-border: var(--
|
|
47
|
-
--color-primary-foreground: var(--color-
|
|
48
|
-
--color-primary-subtle: var(--
|
|
44
|
+
--color-primary: var(--tomato-9);
|
|
45
|
+
--color-primary-hover: var(--tomato-10);
|
|
46
|
+
--color-primary-border: var(--tomato-6);
|
|
47
|
+
--color-primary-foreground: var(--color-white);
|
|
48
|
+
--color-primary-subtle: var(--tomato-2);
|
|
49
49
|
|
|
50
50
|
--color-danger: var(--red-9);
|
|
51
51
|
--color-danger-hover: var(--red-10);
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
|
|
110
110
|
::selection {
|
|
111
111
|
color: var(--color-primary-foreground);
|
|
112
|
-
background-color: var(--
|
|
112
|
+
background-color: var(--tomato-6);
|
|
113
113
|
}
|
|
114
114
|
|
|
115
115
|
html {
|
|
@@ -153,7 +153,7 @@
|
|
|
153
153
|
transparent
|
|
154
154
|
);
|
|
155
155
|
--prose-hr-color: var(--border-subtle);
|
|
156
|
-
--prose-blockquote-border-color: var(--
|
|
156
|
+
--prose-blockquote-border-color: var(--tomato-9);
|
|
157
157
|
|
|
158
158
|
color: var(--prose-color);
|
|
159
159
|
font-size: var(--text-base);
|