orphos 0.52.0 → 0.53.0

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 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-start]:pl-1.25 has-data-[icon=inline-end]:pr-1.25 [&_svg]:size-3! group/badge shrink-0 overflow-hidden whitespace-nowrap focus-visible:outline-2 focus-visible:outline-offset-2 [&>svg]:pointer-events-none",
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-(--lime-11) [a]:hover:border-(--lime-11)/70",
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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "orphos",
3
- "version": "0.52.0",
3
+ "version": "0.53.0",
4
4
  "type": "module",
5
5
  "license": "MIT",
6
6
  "exports": {
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(--lime-9);
45
- --color-primary-hover: var(--lime-10);
46
- --color-primary-border: var(--lime-6);
47
- --color-primary-foreground: var(--color-black);
48
- --color-primary-subtle: var(--lime-2);
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(--lime-6);
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(--lime-a8);
156
+ --prose-blockquote-border-color: var(--tomato-9);
157
157
 
158
158
  color: var(--prose-color);
159
159
  font-size: var(--text-base);