@fusion.dev/helix-styles 0.147.0 → 0.149.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/dist/base.css CHANGED
@@ -345,16 +345,38 @@ helix-text[tone="warning"]:is([emphasis="muted"], [emphasis="subtle"]) {
345
345
  );
346
346
  border-color: transparent;
347
347
  }
348
- helix-button-group:not([variant="spaced"]) > :not(:first-child) [data-button],
349
- helix-button-group:not([variant="spaced"]) > [data-button]:not(:first-child) {
348
+ helix-button-group:not([variant="spaced"], [orientation="vertical"])
349
+ > :not(:first-child)
350
+ [data-button],
351
+ helix-button-group:not([variant="spaced"], [orientation="vertical"])
352
+ > [data-button]:not(:first-child) {
350
353
  border-start-start-radius: 0;
351
354
  border-end-start-radius: 0;
352
355
  }
353
- helix-button-group:not([variant="spaced"]) > :not(:last-child) [data-button],
354
- helix-button-group:not([variant="spaced"]) > [data-button]:not(:last-child) {
356
+ helix-button-group:not([variant="spaced"], [orientation="vertical"])
357
+ > :not(:last-child)
358
+ [data-button],
359
+ helix-button-group:not([variant="spaced"], [orientation="vertical"])
360
+ > [data-button]:not(:last-child) {
355
361
  border-start-end-radius: 0;
356
362
  border-end-end-radius: 0;
357
363
  }
364
+ helix-button-group[orientation="vertical"]:not([variant="spaced"])
365
+ > :not(:first-child)
366
+ [data-button],
367
+ helix-button-group[orientation="vertical"]:not([variant="spaced"])
368
+ > [data-button]:not(:first-child) {
369
+ border-start-start-radius: 0;
370
+ border-start-end-radius: 0;
371
+ }
372
+ helix-button-group[orientation="vertical"]:not([variant="spaced"])
373
+ > :not(:last-child)
374
+ [data-button],
375
+ helix-button-group[orientation="vertical"]:not([variant="spaced"])
376
+ > [data-button]:not(:last-child) {
377
+ border-end-start-radius: 0;
378
+ border-end-end-radius: 0;
379
+ }
358
380
  helix-button-group:not([variant="spaced"], [orientation="vertical"]) > button:not(:first-child) {
359
381
  border-start-start-radius: 0;
360
382
  border-end-start-radius: 0;
package/dist/elements.css CHANGED
@@ -120,6 +120,7 @@ helix-skip-link:not(:defined),
120
120
  helix-slider:not(:defined),
121
121
  helix-sparkline:not(:defined),
122
122
  helix-speed-dial:not(:defined),
123
+ helix-speed-dial-group:not(:defined),
123
124
  helix-speed-dial-item:not(:defined),
124
125
  helix-splitter:not(:defined),
125
126
  helix-stat:not(:defined),
@@ -283,6 +284,7 @@ helix-skip-link[align],
283
284
  helix-slider[align],
284
285
  helix-sparkline[align],
285
286
  helix-speed-dial[align],
287
+ helix-speed-dial-group[align],
286
288
  helix-speed-dial-item[align],
287
289
  helix-splitter[align],
288
290
  helix-stat[align],
package/dist/tokens.css CHANGED
@@ -419,6 +419,9 @@
419
419
  --helix-color-success-surface-hover: var(--_helix-success-700);
420
420
  --helix-color-warning-surface: var(--_helix-warning-600);
421
421
  --helix-color-warning-surface-hover: var(--_helix-warning-700);
422
+ --helix-scrollbar-thumb-color: light-dark(var(--_helix-neutral-500), var(--_helix-neutral-550));
423
+ --helix-scrollbar-thumb-hover-color: var(--helix-color-foreground-subtle);
424
+ --helix-scrollbar-track-color: transparent;
422
425
  --helix-space-none: var(--_helix-scale-0);
423
426
  --helix-space-2xs: var(--_helix-scale-1);
424
427
  --helix-space-xs: var(--_helix-scale-2);
package/dist/tokens.json CHANGED
@@ -1,6 +1,7 @@
1
1
  {
2
2
  "categories": [
3
3
  "color",
4
+ "scrollbar",
4
5
  "space",
5
6
  "radii",
6
7
  "font",
@@ -16,7 +17,7 @@
16
17
  "size",
17
18
  "layer"
18
19
  ],
19
- "count": 193,
20
+ "count": 196,
20
21
  "groups": {
21
22
  "separation-policy": ["border-surface", "shadow-surface", "border-floating", "shadow-floating"],
22
23
  "surface-ladder": [
@@ -443,6 +444,24 @@
443
444
  "name": "--helix-color-warning-surface-hover",
444
445
  "value": "var(--_helix-warning-700)"
445
446
  },
447
+ {
448
+ "category": "scrollbar",
449
+ "description": "The thumb of a scrollbar Helix colors, at rest.",
450
+ "name": "--helix-scrollbar-thumb-color",
451
+ "value": "light-dark(var(--_helix-neutral-500), var(--_helix-neutral-550))"
452
+ },
453
+ {
454
+ "category": "scrollbar",
455
+ "description": "The thumb while the pointer is over its scroller.",
456
+ "name": "--helix-scrollbar-thumb-hover-color",
457
+ "value": "var(--helix-color-foreground-subtle)"
458
+ },
459
+ {
460
+ "category": "scrollbar",
461
+ "description": "The track behind the thumb.",
462
+ "name": "--helix-scrollbar-track-color",
463
+ "value": "transparent"
464
+ },
446
465
  {
447
466
  "category": "space",
448
467
  "name": "--helix-space-none",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fusion.dev/helix-styles",
3
3
  "description": "Design tokens and base layer. Pure CSS, no JavaScript.",
4
- "version": "0.147.0",
4
+ "version": "0.149.0",
5
5
  "license": "MIT",
6
6
  "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
7
7
  "repository": {