@fusion.dev/helix-styles 0.145.0 → 0.146.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 +15 -13
- package/package.json +1 -1
package/dist/base.css
CHANGED
|
@@ -459,7 +459,7 @@ helix-toggle::part(item) {
|
|
|
459
459
|
block-size: var(--_toggle-height, auto);
|
|
460
460
|
border: none;
|
|
461
461
|
border-radius: var(--_toggle-radius, var(--helix-radii-sm));
|
|
462
|
-
color: var(--helix-color-foreground-muted);
|
|
462
|
+
color: var(--toggle-item-color, var(--helix-color-foreground-muted));
|
|
463
463
|
cursor: pointer;
|
|
464
464
|
display: inline-flex;
|
|
465
465
|
flex: 1 1 auto;
|
|
@@ -467,7 +467,7 @@ helix-toggle::part(item) {
|
|
|
467
467
|
font-size: var(--helix-text-sm);
|
|
468
468
|
font-weight: var(--helix-weight-medium);
|
|
469
469
|
justify-content: center;
|
|
470
|
-
padding-inline: var(--helix-space-sm);
|
|
470
|
+
padding-inline: var(--toggle-item-padding-inline, var(--helix-space-sm));
|
|
471
471
|
text-decoration: none;
|
|
472
472
|
background-color: transparent;
|
|
473
473
|
transition:
|
|
@@ -484,10 +484,10 @@ helix-toggle-group helix-toggle::part(item):hover {
|
|
|
484
484
|
}
|
|
485
485
|
helix-toggle:state(selected)::part(item) {
|
|
486
486
|
background-color: transparent;
|
|
487
|
-
color: var(--helix-color-foreground);
|
|
487
|
+
color: var(--toggle-item-color-selected, var(--helix-color-foreground));
|
|
488
488
|
}
|
|
489
489
|
helix-toggle:state(pressed)::part(item) {
|
|
490
|
-
color: var(--helix-color-foreground);
|
|
490
|
+
color: var(--toggle-item-color-selected, var(--helix-color-foreground));
|
|
491
491
|
}
|
|
492
492
|
helix-toggle[disabled]::part(item) {
|
|
493
493
|
cursor: not-allowed;
|
|
@@ -501,13 +501,13 @@ helix-toggle[disabled]::part(item) {
|
|
|
501
501
|
font-family: var(--helix-font-sans);
|
|
502
502
|
block-size: 100%;
|
|
503
503
|
min-block-size: var(--helix-size-control-sm);
|
|
504
|
-
border-radius: var(--helix-radii-sm);
|
|
504
|
+
border-radius: var(--navigation-item-radius, var(--helix-radii-sm));
|
|
505
505
|
color: var(--navigation-item-color, var(--helix-color-foreground-muted));
|
|
506
506
|
display: inline-flex;
|
|
507
|
-
font-size: var(--helix-text-sm);
|
|
508
|
-
font-weight: var(--helix-weight-medium);
|
|
507
|
+
font-size: var(--navigation-item-font-size, var(--helix-text-sm));
|
|
508
|
+
font-weight: var(--navigation-item-font-weight, var(--helix-weight-medium));
|
|
509
509
|
justify-content: center;
|
|
510
|
-
padding-inline: var(--helix-space-sm);
|
|
510
|
+
padding-inline: var(--navigation-item-padding-inline, var(--helix-space-sm));
|
|
511
511
|
text-decoration: none;
|
|
512
512
|
transition:
|
|
513
513
|
background-color var(--helix-duration-fast) var(--helix-easing-standard),
|
|
@@ -518,8 +518,11 @@ helix-toggle[disabled]::part(item) {
|
|
|
518
518
|
justify-content: start;
|
|
519
519
|
}
|
|
520
520
|
:where([data-navigation-item], helix-navigation a):hover {
|
|
521
|
-
background-color:
|
|
522
|
-
|
|
521
|
+
background-color: var(
|
|
522
|
+
--navigation-item-hover-background-color,
|
|
523
|
+
color-mix(in oklab, var(--helix-color-foreground) 5%, transparent)
|
|
524
|
+
);
|
|
525
|
+
color: var(--navigation-item-hover-color, var(--helix-color-foreground));
|
|
523
526
|
}
|
|
524
527
|
[data-dock] {
|
|
525
528
|
--_dock-inset: var(--helix-space-lg);
|
|
@@ -634,7 +637,7 @@ helix-toggle[disabled]::part(item) {
|
|
|
634
637
|
}
|
|
635
638
|
:where([data-navigation-item], helix-navigation a)[aria-current="page"] {
|
|
636
639
|
color: var(--navigation-item-current-color, var(--helix-color-foreground));
|
|
637
|
-
font-weight: var(--helix-weight-semibold);
|
|
640
|
+
font-weight: var(--navigation-item-current-font-weight, var(--helix-weight-semibold));
|
|
638
641
|
}
|
|
639
642
|
:where([data-navigation-item], helix-navigation a) {
|
|
640
643
|
position: relative;
|
|
@@ -904,8 +907,7 @@ helix-toast:not([data-color-mode]) {
|
|
|
904
907
|
color-mix(in oklab, var(--helix-color-primary) 32%, transparent)
|
|
905
908
|
);
|
|
906
909
|
}
|
|
907
|
-
[data-hidden-visually]
|
|
908
|
-
helix-skip-link:not(:focus-within) {
|
|
910
|
+
[data-hidden-visually] {
|
|
909
911
|
block-size: 1px;
|
|
910
912
|
border: var(--helix-space-none);
|
|
911
913
|
clip-path: inset(50%);
|
package/package.json
CHANGED