gridsmith-ui 0.2.18 → 0.2.19
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/index.js +25 -22
- package/dist/index.js.map +1 -1
- package/dist/roots.css +27 -0
- package/package.json +3 -2
package/dist/roots.css
CHANGED
|
@@ -266,6 +266,12 @@
|
|
|
266
266
|
--ds-accent-primary-active: var(--ds-primary-700);
|
|
267
267
|
--ds-accent-subtle: color-mix(in oklch, var(--ds-accent-primary) 10%, transparent);
|
|
268
268
|
|
|
269
|
+
/* Data-visualisation fills — the sanctioned way to use the accent ramp
|
|
270
|
+
as a fill. "Never accent as solid background" applies to interactive
|
|
271
|
+
surfaces; chart bars, area fills, and legend swatches use these. */
|
|
272
|
+
--ds-chart-fill: var(--ds-accent-primary);
|
|
273
|
+
--ds-chart-fill-soft: color-mix(in oklch, var(--ds-accent-primary) 30%, transparent);
|
|
274
|
+
|
|
269
275
|
--ds-status-success: var(--ds-success-500);
|
|
270
276
|
--ds-status-success-bg: var(--ds-success-100);
|
|
271
277
|
--ds-status-warning: var(--ds-warning-500);
|
|
@@ -386,6 +392,27 @@
|
|
|
386
392
|
--ds-shadow-focus: 0 0 0 2px var(--ds-primary-400);
|
|
387
393
|
}
|
|
388
394
|
|
|
395
|
+
/* ── Document Base ──────────────────────────────────────────────────
|
|
396
|
+
Apply the configured typography and canvas at the document level so
|
|
397
|
+
consumer apps render identically to the theme preview without extra
|
|
398
|
+
setup. (Previously no html/body rule shipped — the configured base
|
|
399
|
+
font size and family silently fell back to browser defaults in
|
|
400
|
+
consumer projects.) Deliberately styles body, not html: all text-*
|
|
401
|
+
utilities already scale through the calc'd --ds-font-size-* tokens,
|
|
402
|
+
and touching the html font-size would rescale rem-based spacing. */
|
|
403
|
+
|
|
404
|
+
body {
|
|
405
|
+
margin: 0;
|
|
406
|
+
font-family: var(--ds-font-sans);
|
|
407
|
+
font-size: var(--ds-font-size-body);
|
|
408
|
+
font-weight: var(--ds-weight-base);
|
|
409
|
+
background-color: var(--ds-bg-canvas);
|
|
410
|
+
color: var(--ds-text-primary);
|
|
411
|
+
line-height: var(--ds-line-height-body);
|
|
412
|
+
-webkit-font-smoothing: antialiased;
|
|
413
|
+
-moz-osx-font-smoothing: grayscale;
|
|
414
|
+
}
|
|
415
|
+
|
|
389
416
|
[data-mode="light"] {
|
|
390
417
|
--ds-text-primary: var(--ds-neutral-950);
|
|
391
418
|
--ds-text-secondary: var(--ds-neutral-600);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "gridsmith-ui",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.19",
|
|
4
4
|
"description": "Gridsmith component library — 82 React components with design tokens and a CSS custom property theming engine",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": [
|
|
@@ -36,7 +36,8 @@
|
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"clsx": "^2.1.1",
|
|
39
|
-
"tailwind-merge": "^3.5.0"
|
|
39
|
+
"tailwind-merge": "^3.5.0",
|
|
40
|
+
"use-sync-external-store": "^1.4.0"
|
|
40
41
|
},
|
|
41
42
|
"peerDependencies": {
|
|
42
43
|
"react": "^18.0.0 || ^19.0.0",
|