@nocoo/basalt 2.0.0 → 2.0.2
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/components/alert-dialog.js +1 -0
- package/dist/components/alert-dialog.js.map +1 -1
- package/dist/components/button.js +2 -2
- package/dist/components/button.js.map +1 -1
- package/dist/components/description-list.d.ts +21 -0
- package/dist/components/description-list.js +35 -0
- package/dist/components/description-list.js.map +1 -0
- package/dist/components/dialog.js +2 -1
- package/dist/components/dialog.js.map +1 -1
- package/dist/components/layer-card.d.ts +23 -4
- package/dist/components/layer-card.js +83 -50
- package/dist/components/layer-card.js.map +1 -1
- package/dist/components/page-header.d.ts +4 -4
- package/dist/components/page-header.js +20 -23
- package/dist/components/page-header.js.map +1 -1
- package/dist/components/section-rule.d.ts +10 -0
- package/dist/components/section-rule.js +44 -0
- package/dist/components/section-rule.js.map +1 -0
- package/dist/components/sheet.d.ts +4 -4
- package/dist/components/sheet.js +5 -4
- package/dist/components/sheet.js.map +1 -1
- package/dist/components/sidebar.js +1 -0
- package/dist/components/sidebar.js.map +1 -1
- package/dist/components/table.js +6 -5
- package/dist/components/table.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +26 -25
- package/dist/providers/accent.d.ts +3 -2
- package/dist/providers/accent.js +166 -44
- package/dist/providers/accent.js.map +1 -1
- package/dist/styles/standalone.css +269 -92
- package/dist/styles/tailwind.css +1 -0
- package/dist/styles/tokens.css +69 -0
- package/dist/utils/control-surface.d.ts +1 -1
- package/dist/utils/control-surface.js +1 -1
- package/dist/utils/control-surface.js.map +1 -1
- package/package.json +1 -1
package/dist/styles/tailwind.css
CHANGED
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
--color-basalt-popover: hsl(var(--basalt-popover));
|
|
11
11
|
--color-basalt-popover-foreground: hsl(var(--basalt-popover-foreground));
|
|
12
12
|
--color-basalt-bright: hsl(var(--basalt-bright));
|
|
13
|
+
--color-basalt-control: var(--basalt-control-fill);
|
|
13
14
|
--color-basalt-primary: hsl(var(--basalt-primary));
|
|
14
15
|
--color-basalt-primary-foreground: hsl(var(--basalt-primary-foreground));
|
|
15
16
|
--color-basalt-muted: hsl(var(--basalt-muted));
|
package/dist/styles/tokens.css
CHANGED
|
@@ -27,6 +27,8 @@
|
|
|
27
27
|
--basalt-border: 220 13% 88%;
|
|
28
28
|
--basalt-input: 220 13% 88%;
|
|
29
29
|
--basalt-ring: 217 91% 60%;
|
|
30
|
+
--basalt-control-fill: hsl(var(--basalt-secondary));
|
|
31
|
+
--basalt-zebra-fill: hsl(var(--basalt-bright));
|
|
30
32
|
--basalt-radius: 0.75rem;
|
|
31
33
|
--basalt-radius-island: 20px;
|
|
32
34
|
--basalt-radius-card: 14px;
|
|
@@ -105,6 +107,8 @@
|
|
|
105
107
|
--basalt-border: 0 0% 16%;
|
|
106
108
|
--basalt-input: 0 0% 18%;
|
|
107
109
|
--basalt-ring: 217 91% 60%;
|
|
110
|
+
--basalt-control-fill: hsl(var(--basalt-secondary));
|
|
111
|
+
--basalt-zebra-fill: hsl(var(--basalt-bright));
|
|
108
112
|
--basalt-chart-1: 217 91% 65%;
|
|
109
113
|
--basalt-chart-2: 200 90% 60%;
|
|
110
114
|
--basalt-chart-3: 186 80% 50%;
|
|
@@ -149,6 +153,71 @@
|
|
|
149
153
|
--basalt-heatmap-orange-4: 30 65% 55%;
|
|
150
154
|
}
|
|
151
155
|
|
|
156
|
+
[data-basalt-surface-root] {
|
|
157
|
+
background: hsl(var(--basalt-card));
|
|
158
|
+
--basalt-control-fill: hsl(var(--basalt-card));
|
|
159
|
+
--basalt-zebra-fill: hsl(var(--basalt-secondary));
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
[data-basalt-surface-root] [data-basalt-surface] {
|
|
163
|
+
background: hsl(var(--basalt-secondary));
|
|
164
|
+
--basalt-control-fill: hsl(var(--basalt-secondary));
|
|
165
|
+
--basalt-zebra-fill: hsl(var(--basalt-bright));
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
[data-basalt-surface-root] [data-basalt-surface] [data-basalt-surface] {
|
|
169
|
+
background: hsl(var(--basalt-bright));
|
|
170
|
+
--basalt-control-fill: hsl(var(--basalt-bright));
|
|
171
|
+
--basalt-zebra-fill: transparent;
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
[data-basalt-surface-root] [data-basalt-surface] [data-basalt-surface] [data-basalt-surface] {
|
|
175
|
+
background: transparent;
|
|
176
|
+
--basalt-control-fill: hsl(var(--basalt-bright));
|
|
177
|
+
--basalt-zebra-fill: transparent;
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
[data-basalt-surface]:not([data-basalt-surface-root] *):not([data-basalt-surface] *) {
|
|
181
|
+
background: hsl(var(--basalt-card));
|
|
182
|
+
--basalt-control-fill: hsl(var(--basalt-card));
|
|
183
|
+
--basalt-zebra-fill: hsl(var(--basalt-secondary));
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
[data-basalt-surface]:not([data-basalt-surface-root] *) [data-basalt-surface] {
|
|
187
|
+
background: hsl(var(--basalt-secondary));
|
|
188
|
+
--basalt-control-fill: hsl(var(--basalt-secondary));
|
|
189
|
+
--basalt-zebra-fill: hsl(var(--basalt-bright));
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
[data-basalt-surface]:not([data-basalt-surface-root] *)
|
|
193
|
+
[data-basalt-surface]
|
|
194
|
+
[data-basalt-surface] {
|
|
195
|
+
background: hsl(var(--basalt-bright));
|
|
196
|
+
--basalt-control-fill: hsl(var(--basalt-bright));
|
|
197
|
+
--basalt-zebra-fill: transparent;
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
[data-basalt-surface]:not([data-basalt-surface-root] *)
|
|
201
|
+
[data-basalt-surface]
|
|
202
|
+
[data-basalt-surface]
|
|
203
|
+
[data-basalt-surface] {
|
|
204
|
+
background: transparent;
|
|
205
|
+
--basalt-control-fill: hsl(var(--basalt-bright));
|
|
206
|
+
--basalt-zebra-fill: transparent;
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
[data-basalt-table] tbody tr[aria-selected="true"] td {
|
|
210
|
+
background: hsl(var(--basalt-accent));
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
[data-basalt-table] tbody tr:hover:not([aria-selected="true"]) td {
|
|
214
|
+
background: color-mix(in oklab, hsl(var(--basalt-primary)) 3%, var(--basalt-control-fill));
|
|
215
|
+
}
|
|
216
|
+
|
|
217
|
+
[data-basalt-table] tbody tr:nth-child(even):not([aria-selected="true"]):not(:hover) td {
|
|
218
|
+
background: var(--basalt-zebra-fill);
|
|
219
|
+
}
|
|
220
|
+
|
|
152
221
|
@keyframes basalt-accordion-down {
|
|
153
222
|
from {
|
|
154
223
|
height: 0;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const CONTROL_SURFACE_CLASS = "rounded-basalt-md border border-basalt-border bg-basalt-
|
|
1
|
+
export declare const CONTROL_SURFACE_CLASS = "rounded-basalt-md border border-basalt-border bg-basalt-control text-sm";
|
|
2
2
|
export declare function controlSurfaceClass(className?: string): string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { cn as e } from "./cn.js";
|
|
3
3
|
//#region src/utils/control-surface.ts
|
|
4
|
-
var t = "rounded-basalt-md border border-basalt-border bg-basalt-
|
|
4
|
+
var t = "rounded-basalt-md border border-basalt-border bg-basalt-control text-sm";
|
|
5
5
|
function n(n) {
|
|
6
6
|
return e(t, n);
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"control-surface.js","names":[],"sources":["../../src/utils/control-surface.ts"],"sourcesContent":["import { cn } from \"./cn\";\n\nexport const CONTROL_SURFACE_CLASS =\n\t\"rounded-basalt-md border border-basalt-border bg-basalt-
|
|
1
|
+
{"version":3,"file":"control-surface.js","names":[],"sources":["../../src/utils/control-surface.ts"],"sourcesContent":["import { cn } from \"./cn\";\n\nexport const CONTROL_SURFACE_CLASS =\n\t\"rounded-basalt-md border border-basalt-border bg-basalt-control text-sm\";\n\nexport function controlSurfaceClass(className?: string) {\n\treturn cn(CONTROL_SURFACE_CLASS, className);\n}\n"],"mappings":";;;AAEA,IAAa,IACZ;AAED,SAAgB,EAAoB,GAAoB;CACvD,OAAO,EAAG,GAAuB,CAAS;AAC3C"}
|