@caqophony/ui 0.1.0 → 0.2.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.
Files changed (7) hide show
  1. package/README.md +3 -1
  2. package/dist/{chunk-K3SEIIA3.js → chunk-4YA6BZDJ.js} +1 -1
  3. package/dist/index.d.mts +319 -6
  4. package/dist/index.js +1355 -736
  5. package/dist/markdown.js +1 -1
  6. package/package.json +1 -1
  7. package/styles.css +92 -43
package/dist/markdown.js CHANGED
@@ -2,7 +2,7 @@
2
2
  "use client";
3
3
  import {
4
4
  MarkdownRenderer
5
- } from "./chunk-K3SEIIA3.js";
5
+ } from "./chunk-4YA6BZDJ.js";
6
6
  export {
7
7
  MarkdownRenderer
8
8
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@caqophony/ui",
3
- "version": "0.1.0",
3
+ "version": "0.2.0",
4
4
  "description": "Generic, optional React UI reuse library (Gossamer tokens). Centrally maintained by Caqophony.",
5
5
  "license": "MIT",
6
6
  "author": "Caqophony",
package/styles.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --input: 240 6% 90%;
13
13
  --ring: 240 6% 10%;
14
14
  --muted: 240 5% 96%;
15
- --muted-foreground: 240 4% 46%;
15
+ --muted-foreground: 240 4% 41%;
16
16
  --secondary: 240 5% 96%;
17
17
  --secondary-foreground: 240 6% 10%;
18
18
  --accent: 240 5% 96%;
@@ -41,6 +41,16 @@
41
41
  --status-critical-fg: 0 84% 25%;
42
42
  --status-info: 217 91% 60%;
43
43
  --status-info-fg: 217 91% 25%;
44
+ --primary-text: 160 66% 27%;
45
+ --primary-solid: 161 66% 31%;
46
+ --intent-success-solid: 142 71% 31%;
47
+ --intent-success-solid-fg: 0 0% 100%;
48
+ --intent-warning-solid: 38 92% 33%;
49
+ --intent-warning-solid-fg: 0 0% 100%;
50
+ --intent-error-solid: 0 84% 50%;
51
+ --intent-error-solid-fg: 0 0% 100%;
52
+ --intent-info-solid: 217 91% 53%;
53
+ --intent-info-solid-fg: 0 0% 100%;
44
54
  --radius: 0.5rem;
45
55
  --opacity-hover: 0.9;
46
56
  --opacity-active: 0.8;
@@ -60,46 +70,58 @@
60
70
  --duration-drawer: 500ms;
61
71
  }
62
72
 
63
- .dark {
64
- --background: 240 10% 4%;
65
- --foreground: 0 0% 98%;
66
- --card: 240 6% 10%;
67
- --card-foreground: 0 0% 98%;
68
- --popover: 240 6% 10%;
69
- --popover-foreground: 0 0% 98%;
70
- --border: 240 4% 16%;
71
- --input: 240 4% 16%;
72
- --ring: 240 5% 65%;
73
- --muted: 240 4% 16%;
74
- --muted-foreground: 240 5% 65%;
75
- --secondary: 240 4% 16%;
76
- --secondary-foreground: 0 0% 98%;
77
- --accent: 240 4% 16%;
78
- --accent-foreground: 0 0% 98%;
79
- --destructive: 0 63% 31%;
80
- --destructive-foreground: 0 0% 100%;
81
- --primary: 161 66% 36%;
82
- --primary-foreground: 0 0% 100%;
83
- --intent-success: 142 76% 36%;
84
- --intent-success-fg: 142 69% 58%;
85
- --intent-success-border: 142 71% 45%;
86
- --intent-warning: 32 95% 44%;
87
- --intent-warning-fg: 43 96% 56%;
88
- --intent-warning-border: 38 92% 50%;
89
- --intent-error: 0 72% 51%;
90
- --intent-error-fg: 0 91% 71%;
91
- --intent-error-border: 0 84% 60%;
92
- --intent-info: 199 89% 48%;
93
- --intent-info-fg: 198 93% 60%;
94
- --intent-info-border: 199 89% 48%;
95
- --status-action: 262 83% 58%;
96
- --status-action-fg: 255 92% 76%;
97
- --status-waiting: 32 95% 44%;
98
- --status-waiting-fg: 43 96% 56%;
99
- --status-critical: 0 72% 51%;
100
- --status-critical-fg: 0 91% 71%;
101
- --status-info: 199 89% 48%;
102
- --status-info-fg: 198 93% 60%;
73
+ @media (prefers-color-scheme: dark) {
74
+ :root {
75
+ --background: 240 10% 4%;
76
+ --foreground: 0 0% 98%;
77
+ --card: 240 6% 10%;
78
+ --card-foreground: 0 0% 98%;
79
+ --popover: 240 6% 10%;
80
+ --popover-foreground: 0 0% 98%;
81
+ --border: 240 4% 16%;
82
+ --input: 240 4% 16%;
83
+ --ring: 240 5% 65%;
84
+ --muted: 240 4% 16%;
85
+ --muted-foreground: 240 5% 65%;
86
+ --secondary: 240 4% 16%;
87
+ --secondary-foreground: 0 0% 98%;
88
+ --accent: 240 4% 16%;
89
+ --accent-foreground: 0 0% 98%;
90
+ --destructive: 0 63% 31%;
91
+ --destructive-foreground: 0 0% 100%;
92
+ --primary: 161 66% 36%;
93
+ --primary-foreground: 0 0% 100%;
94
+ --intent-success: 142 76% 36%;
95
+ --intent-success-fg: 142 69% 58%;
96
+ --intent-success-border: 142 71% 45%;
97
+ --intent-warning: 32 95% 44%;
98
+ --intent-warning-fg: 43 96% 56%;
99
+ --intent-warning-border: 38 92% 50%;
100
+ --intent-error: 0 72% 51%;
101
+ --intent-error-fg: 0 91% 71%;
102
+ --intent-error-border: 0 84% 60%;
103
+ --intent-info: 199 89% 48%;
104
+ --intent-info-fg: 198 93% 60%;
105
+ --intent-info-border: 199 89% 48%;
106
+ --status-action: 262 83% 58%;
107
+ --status-action-fg: 255 92% 76%;
108
+ --status-waiting: 32 95% 44%;
109
+ --status-waiting-fg: 43 96% 56%;
110
+ --status-critical: 0 72% 51%;
111
+ --status-critical-fg: 0 91% 71%;
112
+ --status-info: 199 89% 48%;
113
+ --status-info-fg: 198 93% 60%;
114
+ --primary-text: 161 66% 38%;
115
+ --primary-solid: 161 66% 31%;
116
+ --intent-success-solid: 142 77% 30%;
117
+ --intent-success-solid-fg: 0 0% 100%;
118
+ --intent-warning-solid: 32 95% 36%;
119
+ --intent-warning-solid-fg: 0 0% 100%;
120
+ --intent-error-solid: 0 72% 51%;
121
+ --intent-error-solid-fg: 0 0% 100%;
122
+ --intent-info-solid: 199 88% 37%;
123
+ --intent-info-solid-fg: 0 0% 100%;
124
+ }
103
125
  }
104
126
 
105
127
  @theme inline {
@@ -150,9 +172,36 @@
150
172
  --color-status-info: hsl(var(--status-info));
151
173
  --color-status-info-fg: hsl(var(--status-info-fg));
152
174
  --color-status-info-foreground: hsl(var(--status-info-fg));
175
+ --color-primary-text: hsl(var(--primary-text));
176
+ --color-primary-solid: hsl(var(--primary-solid));
177
+ --color-intent-success-solid: hsl(var(--intent-success-solid));
178
+ --color-intent-success-solid-fg: hsl(var(--intent-success-solid-fg));
179
+ --color-intent-success-solid-foreground: hsl(var(--intent-success-solid-fg));
180
+ --color-intent-warning-solid: hsl(var(--intent-warning-solid));
181
+ --color-intent-warning-solid-fg: hsl(var(--intent-warning-solid-fg));
182
+ --color-intent-warning-solid-foreground: hsl(var(--intent-warning-solid-fg));
183
+ --color-intent-error-solid: hsl(var(--intent-error-solid));
184
+ --color-intent-error-solid-fg: hsl(var(--intent-error-solid-fg));
185
+ --color-intent-error-solid-foreground: hsl(var(--intent-error-solid-fg));
186
+ --color-intent-info-solid: hsl(var(--intent-info-solid));
187
+ --color-intent-info-solid-fg: hsl(var(--intent-info-solid-fg));
188
+ --color-intent-info-solid-foreground: hsl(var(--intent-info-solid-fg));
189
+ --radius-4xl: calc(var(--radius) * 4);
190
+ --radius-3xl: calc(var(--radius) * 3);
191
+ --radius-2xl: calc(var(--radius) * 2);
192
+ --radius-xl: calc(var(--radius) * 1.5);
153
193
  --radius-lg: var(--radius);
154
- --radius-md: calc(var(--radius) - 2px);
155
- --radius-sm: calc(var(--radius) - 4px);
194
+ --radius-md: calc(var(--radius) * 0.75);
195
+ --radius-sm: calc(var(--radius) * 0.5);
196
+ --radius-xs: calc(var(--radius) * 0.25);
197
+ --container-content-sm: 36rem;
198
+ --container-content-md: 48rem;
199
+ --container-content-lg: 64rem;
200
+ --container-content-xl: 75rem;
201
+ }
202
+
203
+ @theme inline reference {
204
+ --radius: calc(var(--radius) * 0.5);
156
205
  }
157
206
 
158
207
  @utility z-sticky {