@salemcobalt/ui 0.2.0-rc.22 → 0.2.0-rc.23
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 +11 -16
- package/package.json +3 -3
package/dist/styles.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* @salemcobalt/ui 0.2.0-rc.
|
|
1
|
+
/* @salemcobalt/ui 0.2.0-rc.23 — requires @salemcobalt/tokens/css. */
|
|
2
2
|
@layer sc {
|
|
3
3
|
/* ---- base.css ---- */
|
|
4
4
|
/* Shared: focus ring, reduced motion. Component files follow. */
|
|
@@ -267,10 +267,10 @@
|
|
|
267
267
|
background: var(--sc-color-accent-default);
|
|
268
268
|
color: var(--sc-color-text-on-accent);
|
|
269
269
|
}
|
|
270
|
-
.sc-button[data-variant='primary']:hover {
|
|
270
|
+
.sc-button[data-variant='primary']:hover:where(:not(:disabled)) {
|
|
271
271
|
background: var(--sc-color-accent-hover);
|
|
272
272
|
}
|
|
273
|
-
.sc-button[data-variant='primary']:active {
|
|
273
|
+
.sc-button[data-variant='primary']:active:where(:not(:disabled)) {
|
|
274
274
|
background: var(--sc-color-accent-active);
|
|
275
275
|
}
|
|
276
276
|
.sc-button[data-variant='secondary'] {
|
|
@@ -278,30 +278,30 @@
|
|
|
278
278
|
color: var(--sc-color-text-default);
|
|
279
279
|
border-color: var(--sc-color-border-strong);
|
|
280
280
|
}
|
|
281
|
-
.sc-button[data-variant='secondary']:hover {
|
|
281
|
+
.sc-button[data-variant='secondary']:hover:where(:not(:disabled)) {
|
|
282
282
|
background: var(--sc-color-surface-hover);
|
|
283
283
|
}
|
|
284
|
-
.sc-button[data-variant='secondary']:active {
|
|
284
|
+
.sc-button[data-variant='secondary']:active:where(:not(:disabled)) {
|
|
285
285
|
background: var(--sc-color-surface-active);
|
|
286
286
|
}
|
|
287
287
|
.sc-button[data-variant='ghost'] {
|
|
288
288
|
background: transparent;
|
|
289
289
|
color: var(--sc-color-text-default);
|
|
290
290
|
}
|
|
291
|
-
.sc-button[data-variant='ghost']:hover {
|
|
291
|
+
.sc-button[data-variant='ghost']:hover:where(:not(:disabled)) {
|
|
292
292
|
background: var(--sc-color-surface-hover);
|
|
293
293
|
}
|
|
294
|
-
.sc-button[data-variant='ghost']:active {
|
|
294
|
+
.sc-button[data-variant='ghost']:active:where(:not(:disabled)) {
|
|
295
295
|
background: var(--sc-color-surface-active);
|
|
296
296
|
}
|
|
297
297
|
.sc-button[data-variant='danger'] {
|
|
298
298
|
background: var(--sc-color-danger-solid);
|
|
299
299
|
color: var(--sc-color-text-on-status);
|
|
300
300
|
}
|
|
301
|
-
.sc-button[data-variant='danger']:hover {
|
|
301
|
+
.sc-button[data-variant='danger']:hover:where(:not(:disabled)) {
|
|
302
302
|
background: var(--sc-color-danger-hover);
|
|
303
303
|
}
|
|
304
|
-
.sc-button[data-variant='danger']:active {
|
|
304
|
+
.sc-button[data-variant='danger']:active:where(:not(:disabled)) {
|
|
305
305
|
background: var(--sc-color-danger-hover);
|
|
306
306
|
filter: brightness(0.95);
|
|
307
307
|
}
|
|
@@ -309,11 +309,6 @@
|
|
|
309
309
|
opacity: 0.5;
|
|
310
310
|
cursor: not-allowed;
|
|
311
311
|
}
|
|
312
|
-
.sc-button:disabled:hover,
|
|
313
|
-
.sc-button:disabled:active {
|
|
314
|
-
background: revert-layer;
|
|
315
|
-
filter: none;
|
|
316
|
-
}
|
|
317
312
|
.sc-button[data-loading] {
|
|
318
313
|
cursor: progress;
|
|
319
314
|
}
|
|
@@ -2582,8 +2577,8 @@
|
|
|
2582
2577
|
.sc-banner > .sc-button[data-variant='ghost'] {
|
|
2583
2578
|
color: inherit;
|
|
2584
2579
|
}
|
|
2585
|
-
.sc-banner > .sc-button[data-variant='ghost']:hover,
|
|
2586
|
-
.sc-banner > .sc-button[data-variant='ghost']:active {
|
|
2580
|
+
.sc-banner > .sc-button[data-variant='ghost']:hover:where(:not(:disabled)),
|
|
2581
|
+
.sc-banner > .sc-button[data-variant='ghost']:active:where(:not(:disabled)) {
|
|
2587
2582
|
background: rgb(from var(--_fg) r g b / 0.1);
|
|
2588
2583
|
}
|
|
2589
2584
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salemcobalt/ui",
|
|
3
|
-
"version": "0.2.0-rc.
|
|
3
|
+
"version": "0.2.0-rc.23",
|
|
4
4
|
"description": "React components for the Salem Cobalt design system: Button, IconButton, Icon set, BroomIcon, Badge, Card, Stack, Inline, Kbd, Dialog, FullScreenFlow, Tooltip, Menu, Popover, PriorityNav, Toolbar, Banner, Spinner, Progress, Tabs, Input, Textarea, Select, FileInput, Checkbox, Switch, Heading, Text, Table, Stat, Chip, Disclosure, EmptyState, Skeleton, Score, ReasonList, WordDiff, Quote; TextEditor (CodeMirror 6, inline word diffs) at @salemcobalt/ui/editor.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"diff": "^8.0.4",
|
|
47
47
|
"react": "^19.0.0",
|
|
48
48
|
"react-dom": "^19.0.0",
|
|
49
|
-
"@salemcobalt/tokens": "^0.2.0-rc.
|
|
49
|
+
"@salemcobalt/tokens": "^0.2.0-rc.23"
|
|
50
50
|
},
|
|
51
51
|
"peerDependenciesMeta": {
|
|
52
52
|
"@codemirror/commands": {
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
"tsup": "^9.0.0",
|
|
110
110
|
"typescript": "^5.9.3",
|
|
111
111
|
"vitest": "^5.0.5",
|
|
112
|
-
"@salemcobalt/tokens": "^0.2.0-rc.
|
|
112
|
+
"@salemcobalt/tokens": "^0.2.0-rc.23"
|
|
113
113
|
},
|
|
114
114
|
"publishConfig": {
|
|
115
115
|
"access": "public"
|