graphwise-styleguide 1.0.5 → 1.0.7
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/variables-dark.css +43 -41
- package/dist/variables-light.css +44 -42
- package/package.json +1 -1
package/dist/variables-dark.css
CHANGED
|
@@ -129,7 +129,7 @@
|
|
|
129
129
|
--gw-global-font-size: 16px;
|
|
130
130
|
--gw-base-font-size: 1rem;
|
|
131
131
|
--gw-xs-font-size: 0.75rem;
|
|
132
|
-
--gw-xs-line-height: 1.
|
|
132
|
+
--gw-xs-line-height: 1.25rem;
|
|
133
133
|
--gw-sm-font-size: 0.875rem;
|
|
134
134
|
--gw-sm-line-height: 1.375rem;
|
|
135
135
|
--gw-lg-font-size: 1.125rem;
|
|
@@ -601,6 +601,7 @@
|
|
|
601
601
|
--gw-fileupload-basic-gap: 0.5rem;
|
|
602
602
|
--gw-speeddial-gap: 0.5rem;
|
|
603
603
|
--gw-splitbutton-rounded-border-radius: 2rem;
|
|
604
|
+
--gw-splitbutton-gap: 1px;
|
|
604
605
|
--gw-stepper-separator-margin: 0 0 0 1rem;
|
|
605
606
|
--gw-stepper-separator-size: 2px;
|
|
606
607
|
--gw-stepper-step-padding: 0.5rem;
|
|
@@ -1691,6 +1692,7 @@
|
|
|
1691
1692
|
--gw-button-icon-size: var(--gw-icon-size);
|
|
1692
1693
|
--gw-button-label-font-weight: var(--gw-font-weight-400);
|
|
1693
1694
|
--gw-button-label-font-size: var(--gw-base-font-size);
|
|
1695
|
+
--gw-button-label-line-height: var(--gw-xs-line-height);
|
|
1694
1696
|
--gw-button-label-font-family: var(--gw-font-family-body);
|
|
1695
1697
|
--gw-button-focus-ring-width: var(--gw-focus-ring-width);
|
|
1696
1698
|
--gw-button-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
@@ -2024,6 +2026,7 @@
|
|
|
2024
2026
|
--gw-popover-content-padding: var(--gw-overlay-popover-padding);
|
|
2025
2027
|
--gw-fileupload-transition-duration: var(--gw-transition-duration);
|
|
2026
2028
|
--gw-speeddial-transition-duration: var(--gw-transition-duration);
|
|
2029
|
+
--gw-splitbutton-internal-border-radius: var(--gw-border-radius-none);
|
|
2027
2030
|
--gw-stepper-step-header-focus-ring-width: var(--gw-focus-ring-width);
|
|
2028
2031
|
--gw-stepper-step-header-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
2029
2032
|
--gw-stepper-step-number-border-radius: var(--gw-stepper-step-number-size) / 2;
|
|
@@ -2037,7 +2040,7 @@
|
|
|
2037
2040
|
--gw-imagecompare-handle-transition-duration: var(--gw-transition-duration);
|
|
2038
2041
|
--gw-overlaybadge-outline-color: var(--gw-neutral-transparent);
|
|
2039
2042
|
--gw-swagger-button-height: var(--gw-size-1-5);
|
|
2040
|
-
--gw-shortcuts-cta-padding-x: var(--gw-space-0-
|
|
2043
|
+
--gw-shortcuts-cta-padding-x: var(--gw-space-0-5);
|
|
2041
2044
|
--gw-shortcuts-cta-padding-y: var(--gw-space-0-125);
|
|
2042
2045
|
--gw-topnav-border-color: var(--gw-neutral-transparent);
|
|
2043
2046
|
--gw-focus-ring-stroke-width: var(--gw-focus-ring-offset) + var(--gw-focus-ring-width);
|
|
@@ -2267,14 +2270,11 @@
|
|
|
2267
2270
|
--gw-overlay-modal-background: var(--gw-neutral-0);
|
|
2268
2271
|
--gw-button-padding-x: var(--gw-form-field-padding-x);
|
|
2269
2272
|
--gw-button-padding-y: var(--gw-form-field-padding-y);
|
|
2270
|
-
--gw-button-label-line-height: var(--gw-xxs-line-height);
|
|
2271
2273
|
--gw-button-focus-ring-style: var(--gw-focus-ring-style);
|
|
2272
2274
|
--gw-button-transition-duration: var(--gw-form-field-transition-duration);
|
|
2273
2275
|
--gw-button-secondary-active-background: var(--gw-neutral-0);
|
|
2274
2276
|
--gw-button-secondary-focus-ring-color: var(--gw-primary-200);
|
|
2275
2277
|
--gw-button-secondary-disabled-background: var(--gw-neutral-0);
|
|
2276
|
-
--gw-button-secondary-disabled-border-color: var(--gw-primary-300);
|
|
2277
|
-
--gw-button-secondary-disabled-color: var(--gw-primary-300);
|
|
2278
2278
|
--gw-button-secondary-link-disabled-background: var(--gw-neutral-0);
|
|
2279
2279
|
--gw-button-secondary-link-disabled-border-color: var(--gw-primary-200);
|
|
2280
2280
|
--gw-button-secondary-link-disabled-color: var(--gw-primary-200);
|
|
@@ -2318,7 +2318,7 @@
|
|
|
2318
2318
|
--gw-hover-color: var(--gw-neutral-800);
|
|
2319
2319
|
--gw-hover-background: var(--gw-neutral-200);
|
|
2320
2320
|
--gw-hover-border-color: var(--gw-neutral-400);
|
|
2321
|
-
--gw-default-border-color: var(--gw-neutral-
|
|
2321
|
+
--gw-default-border-color: var(--gw-neutral-300);
|
|
2322
2322
|
--gw-inputtext-border-radius: var(--gw-defaul-border-radius);
|
|
2323
2323
|
--gw-inputtext-focus-ring-style: var(--gw-form-field-focus-ring-style);
|
|
2324
2324
|
--gw-inputtext-padding-x: var(--gw-form-field-padding-x);
|
|
@@ -2646,7 +2646,7 @@
|
|
|
2646
2646
|
--gw-tertiary-active-color: var(--gw-tertiary-light);
|
|
2647
2647
|
--gw-background-brand: var(--gw-primary-base);
|
|
2648
2648
|
--gw-foreground-on-surface-brand: var(--gw-primary-light);
|
|
2649
|
-
--gw-foreground-on-surface-primary: var(--gw-primary-
|
|
2649
|
+
--gw-foreground-on-surface-primary: var(--gw-primary-dark);
|
|
2650
2650
|
--gw-foreground-on-surface-strong: var(--gw-primary-base);
|
|
2651
2651
|
--gw-foreground-link-idle: var(--gw-primary-base);
|
|
2652
2652
|
--gw-foreground-link-hover: var(--gw-primary-dark);
|
|
@@ -2668,8 +2668,12 @@
|
|
|
2668
2668
|
--gw-list-option-selected-background: var(--gw-highlight-background);
|
|
2669
2669
|
--gw-sidenav-menuitem-icon-color: var(--gw-foreground-on-surface-default);
|
|
2670
2670
|
--gw-sidenav-menuitem-icon-second-color: var(--gw-foreground-on-surface-subtile);
|
|
2671
|
+
--gw-sidenav-menuitem-hover-icon-color: var(--gw-primary-dark);
|
|
2672
|
+
--gw-sidenav-menuitem-hover-color: var(--gw-primary-dark);
|
|
2671
2673
|
--gw-sidenav-menuitem-hover-background: var(--gw-background-raised);
|
|
2674
|
+
--gw-sidenav-menuitem-selected-icon-color: var(--gw-primary-dark);
|
|
2672
2675
|
--gw-sidenav-menuitem-selected-background: var(--gw-background-highlighted);
|
|
2676
|
+
--gw-sidenav-menuitem-selected-color: var(--gw-primary-dark);
|
|
2673
2677
|
--gw-sidenav-menuitem-background: var(--gw-background-surface);
|
|
2674
2678
|
--gw-sidenav-menuitem-color: var(--gw-foreground-on-surface-default);
|
|
2675
2679
|
--gw-sidenav-menuitem-open-icon-color: var(--gw-foreground-on-surface-default);
|
|
@@ -2679,7 +2683,9 @@
|
|
|
2679
2683
|
--gw-sidenav-submenuitem-color: var(--gw-foreground-on-surface-default);
|
|
2680
2684
|
--gw-sidenav-submenuitem-background: var(--gw-background-surface);
|
|
2681
2685
|
--gw-sidenav-submenuitem-hover-background: var(--gw-background-raised);
|
|
2686
|
+
--gw-sidenav-submenuitem-hover-color: var(--gw-primary-dark);
|
|
2682
2687
|
--gw-sidenav-submenuitem-selected-background: var(--gw-background-highlighted);
|
|
2688
|
+
--gw-sidenav-submenuitem-selected-color: var(--gw-primary-dark);
|
|
2683
2689
|
--gw-sidenav-submenuitem-open-background: var(--gw-background-raised);
|
|
2684
2690
|
--gw-sidenav-submenuitem-open-color: var(--gw-foreground-on-surface-default);
|
|
2685
2691
|
--gw-sidenav-background: var(--gw-background-surface);
|
|
@@ -2691,7 +2697,7 @@
|
|
|
2691
2697
|
--gw-overlay-modal-border-color: var(--gw-default-border-color);
|
|
2692
2698
|
--gw-button-border-radius: var(--gw-form-field-border-radius);
|
|
2693
2699
|
--gw-button-primary-hover-background: var(--gw-primary-base);
|
|
2694
|
-
--gw-button-primary-hover-border-color: var(--gw-primary-
|
|
2700
|
+
--gw-button-primary-hover-border-color: var(--gw-primary-base);
|
|
2695
2701
|
--gw-button-primary-hover-color: var(--gw-foreground-on-brand);
|
|
2696
2702
|
--gw-button-primary-active-background: var(--gw-primary-base);
|
|
2697
2703
|
--gw-button-primary-active-border-color: var(--gw-primary-base);
|
|
@@ -2702,11 +2708,8 @@
|
|
|
2702
2708
|
--gw-button-primary-focus-ring-color: var(--gw-primary-base);
|
|
2703
2709
|
--gw-button-primary-disabled-background: var(--gw-primary-lighter);
|
|
2704
2710
|
--gw-button-primary-disabled-border-color: var(--gw-primary-lighter);
|
|
2705
|
-
--gw-button-primary-link-color: var(--gw-primary-
|
|
2706
|
-
--gw-button-primary-link-hover-color: var(--gw-primary-dark);
|
|
2707
|
-
--gw-button-primary-link-active-color: var(--gw-primary-base);
|
|
2711
|
+
--gw-button-primary-link-active-color: var(--gw-primary-light);
|
|
2708
2712
|
--gw-button-secondary-hover-background: var(--gw-background-raised);
|
|
2709
|
-
--gw-button-secondary-active-border-color: var(--gw-primary-dark);
|
|
2710
2713
|
--gw-button-secondary-link-background: var(--gw-secondary-light);
|
|
2711
2714
|
--gw-button-secondary-link-hover-background: var(--gw-secondary-base);
|
|
2712
2715
|
--gw-button-secondary-link-hover-border-color: var(--gw-secondary-base);
|
|
@@ -3249,7 +3252,6 @@
|
|
|
3249
3252
|
--gw-fileupload-border-radius: var(--gw-content-border-radius);
|
|
3250
3253
|
--gw-fileupload-content-highlight-border-color: var(--gw-primary-base);
|
|
3251
3254
|
--gw-fileupload-file-border-color: var(--gw-default-border-color);
|
|
3252
|
-
--gw-splitbutton-border-radius: var(--gw-form-field-border-radius);
|
|
3253
3255
|
--gw-stepper-separator-background: var(--gw-default-border-color);
|
|
3254
3256
|
--gw-stepper-separator-active-background: var(--gw-primary-base);
|
|
3255
3257
|
--gw-stepper-step-header-border-radius: var(--gw-content-border-radius);
|
|
@@ -3271,6 +3273,7 @@
|
|
|
3271
3273
|
--gw-swagger-border-color: var(--gw-default-border-color);
|
|
3272
3274
|
--gw-swagger-post-background: var(--gw-success-200);
|
|
3273
3275
|
--gw-shortcuts-panel-key-color: var(--gw-secondary-base);
|
|
3276
|
+
--gw-shortcuts-secondary-button-background: var(--gw-background-page);
|
|
3274
3277
|
--gw-cluster-node-leader-background: var(--gw-foreground-on-surface-accent);
|
|
3275
3278
|
--gw-cluster-node-outofsync-background: var(--gw-foreground-on-surface-disabled);
|
|
3276
3279
|
--gw-cluster-background: var(--gw-body-background);
|
|
@@ -3294,6 +3297,8 @@
|
|
|
3294
3297
|
--gw-classhierarchy-node-selected-border-color: var(--gw-border-focus);
|
|
3295
3298
|
--gw-border-default-color: var(--gw-default-border-color);
|
|
3296
3299
|
--gw-focus-ring-stroke-color: var(--gw-focus-ring-color);
|
|
3300
|
+
--gw-sidenav-menuitem-selected-border-color: var(--gw-primary-dark);
|
|
3301
|
+
--gw-sidenav-submenuitem-selected-border-color: var(--gw-primary-dark);
|
|
3297
3302
|
--gw-success-text: var(--gw-success-dark);
|
|
3298
3303
|
--gw-warning-text: var(--gw-help-dark);
|
|
3299
3304
|
--gw-border-color-success: var(--gw-success-base);
|
|
@@ -3304,26 +3309,25 @@
|
|
|
3304
3309
|
--gw-list-option-selected-focus-color: var(--gw-highlight-focus-color);
|
|
3305
3310
|
--gw-list-option-selected-color: var(--gw-text-color);
|
|
3306
3311
|
--gw-list-option-color: var(--gw-text-color);
|
|
3307
|
-
--gw-sidenav-menuitem-hover-icon-color: var(--gw-foreground-on-surface-primary);
|
|
3308
|
-
--gw-sidenav-menuitem-hover-color: var(--gw-foreground-on-surface-primary);
|
|
3309
|
-
--gw-sidenav-menuitem-selected-icon-color: var(--gw-foreground-on-surface-primary);
|
|
3310
|
-
--gw-sidenav-menuitem-selected-color: var(--gw-foreground-on-surface-primary);
|
|
3311
|
-
--gw-sidenav-submenuitem-hover-color: var(--gw-foreground-on-surface-primary);
|
|
3312
|
-
--gw-sidenav-submenuitem-selected-color: var(--gw-foreground-on-surface-primary);
|
|
3313
3312
|
--gw-sidenav-togglebutton-background: var(--gw-sidenav-background);
|
|
3314
3313
|
--gw-overlay-select-color: var(--gw-text-color);
|
|
3315
3314
|
--gw-overlay-popover-color: var(--gw-text-color);
|
|
3316
3315
|
--gw-overlay-modal-color: var(--gw-text-color);
|
|
3317
3316
|
--gw-button-primary-background: var(--gw-foreground-on-surface-brand);
|
|
3318
|
-
--gw-button-primary-border-color: var(--gw-
|
|
3317
|
+
--gw-button-primary-border-color: var(--gw-foreground-on-surface-brand);
|
|
3319
3318
|
--gw-button-primary-disabled-color: var(--gw-inputtext-disabled-color);
|
|
3319
|
+
--gw-button-primary-link-color: var(--gw-foreground-on-surface-primary);
|
|
3320
|
+
--gw-button-primary-link-hover-color: var(--gw-foreground-on-surface-strong);
|
|
3320
3321
|
--gw-button-secondary-hover-border-color: var(--gw-foreground-on-surface-primary);
|
|
3321
3322
|
--gw-button-secondary-hover-color: var(--gw-foreground-on-surface-primary);
|
|
3323
|
+
--gw-button-secondary-active-border-color: var(--gw-foreground-on-surface-primary);
|
|
3322
3324
|
--gw-button-secondary-active-color: var(--gw-foreground-on-surface-primary);
|
|
3323
3325
|
--gw-button-secondary-border-color: var(--gw-foreground-on-surface-primary);
|
|
3324
3326
|
--gw-button-secondary-color: var(--gw-foreground-on-surface-primary);
|
|
3325
3327
|
--gw-button-secondary-icon-color: var(--gw-foreground-on-surface-primary);
|
|
3326
3328
|
--gw-button-secondary-icon-second-color: var(--gw-foreground-on-surface-primary);
|
|
3329
|
+
--gw-button-secondary-disabled-border-color: var(--gw-foreground-on-surface-primary);
|
|
3330
|
+
--gw-button-secondary-disabled-color: var(--gw-foreground-on-surface-primary);
|
|
3327
3331
|
--gw-button-secondary-link-hover-color: var(--gw-primary-contrast-color);
|
|
3328
3332
|
--gw-button-secondary-link-active-color: var(--gw-primary-contrast-color);
|
|
3329
3333
|
--gw-button-secondary-link-icon-color: var(--gw-primary-contrast-color);
|
|
@@ -3601,16 +3605,23 @@
|
|
|
3601
3605
|
--gw-contextmenu-background: var(--gw-default-background);
|
|
3602
3606
|
--gw-contextmenu-color: var(--gw-default-color);
|
|
3603
3607
|
--gw-contextmenu-item-focus-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3608
|
+
--gw-contextmenu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3604
3609
|
--gw-contextmenu-item-active-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3610
|
+
--gw-contextmenu-item-active-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3605
3611
|
--gw-contextmenu-item-color: var(--gw-sidenav-menuitem-color);
|
|
3606
3612
|
--gw-contextmenu-item-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3613
|
+
--gw-contextmenu-item-icon-focus-color: var(--gw-sidenav-menuitem-hover-icon-color);
|
|
3614
|
+
--gw-contextmenu-item-icon-active-color: var(--gw-sidenav-menuitem-selected-icon-color);
|
|
3607
3615
|
--gw-contextmenu-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3616
|
+
--gw-contextmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3608
3617
|
--gw-contextmenu-submenu-icon-active-color: var(--gw-sidenav-menuitem-selected-background);
|
|
3609
3618
|
--gw-statusmenu-list-border-color: var(--gw-contextmenu-border-color);
|
|
3610
3619
|
--gw-megamenu-background: var(--gw-default-background);
|
|
3611
3620
|
--gw-megamenu-color: var(--gw-default-color);
|
|
3612
3621
|
--gw-megamenu-item-focus-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3622
|
+
--gw-megamenu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3613
3623
|
--gw-megamenu-item-active-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3624
|
+
--gw-megamenu-item-active-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3614
3625
|
--gw-megamenu-item-color: var(--gw-sidenav-menuitem-color);
|
|
3615
3626
|
--gw-megamenu-item-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3616
3627
|
--gw-megamenu-overlay-background: var(--gw-default-background);
|
|
@@ -3618,12 +3629,14 @@
|
|
|
3618
3629
|
--gw-megamenu-submenu-label-background: var(--gw-sidenav-menuitem-background);
|
|
3619
3630
|
--gw-megamenu-submenu-label-color: var(--gw-sidenav-menuitem-color);
|
|
3620
3631
|
--gw-megamenu-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3632
|
+
--gw-megamenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3621
3633
|
--gw-megamenu-submenu-icon-active-color: var(--gw-sidenav-menuitem-selected-background);
|
|
3622
3634
|
--gw-megamenu-mobile-button-color: var(--gw-text-muted-color);
|
|
3623
3635
|
--gw-megamenu-mobile-button-hover-color: var(--gw-default-muted-color);
|
|
3624
3636
|
--gw-menu-background: var(--gw-default-background);
|
|
3625
3637
|
--gw-menu-color: var(--gw-default-color);
|
|
3626
3638
|
--gw-menu-item-focus-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3639
|
+
--gw-menu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3627
3640
|
--gw-menu-item-color: var(--gw-sidenav-menuitem-color);
|
|
3628
3641
|
--gw-menu-item-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3629
3642
|
--gw-menu-submenu-label-background: var(--gw-sidenav-menuitem-background);
|
|
@@ -3631,27 +3644,37 @@
|
|
|
3631
3644
|
--gw-menubar-background: var(--gw-default-background);
|
|
3632
3645
|
--gw-menubar-color: var(--gw-default-color);
|
|
3633
3646
|
--gw-menubar-item-focus-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3647
|
+
--gw-menubar-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3634
3648
|
--gw-menubar-item-active-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3649
|
+
--gw-menubar-item-active-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3635
3650
|
--gw-menubar-item-color: var(--gw-sidenav-menuitem-color);
|
|
3636
3651
|
--gw-menubar-item-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3637
3652
|
--gw-menubar-submenu-background: var(--gw-default-background);
|
|
3638
3653
|
--gw-menubar-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3654
|
+
--gw-menubar-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3639
3655
|
--gw-menubar-submenu-icon-active-color: var(--gw-sidenav-menuitem-selected-background);
|
|
3640
3656
|
--gw-menubar-mobile-button-color: var(--gw-text-muted-color);
|
|
3641
3657
|
--gw-menubar-mobile-button-hover-color: var(--gw-default-muted-color);
|
|
3642
3658
|
--gw-panelmenu-panel-background: var(--gw-default-background);
|
|
3643
3659
|
--gw-panelmenu-panel-color: var(--gw-default-color);
|
|
3644
3660
|
--gw-panelmenu-item-focus-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3661
|
+
--gw-panelmenu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3645
3662
|
--gw-panelmenu-item-color: var(--gw-sidenav-menuitem-color);
|
|
3646
3663
|
--gw-panelmenu-item-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3647
3664
|
--gw-panelmenu-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3665
|
+
--gw-panelmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3648
3666
|
--gw-tieredmenu-background: var(--gw-default-background);
|
|
3649
3667
|
--gw-tieredmenu-color: var(--gw-default-color);
|
|
3650
3668
|
--gw-tieredmenu-item-focus-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3669
|
+
--gw-tieredmenu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3651
3670
|
--gw-tieredmenu-item-active-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3671
|
+
--gw-tieredmenu-item-active-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3652
3672
|
--gw-tieredmenu-item-color: var(--gw-sidenav-menuitem-color);
|
|
3653
3673
|
--gw-tieredmenu-item-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3674
|
+
--gw-tieredmenu-item-icon-focus-color: var(--gw-sidenav-menuitem-hover-icon-color);
|
|
3675
|
+
--gw-tieredmenu-item-icon-active-color: var(--gw-sidenav-menuitem-selected-icon-color);
|
|
3654
3676
|
--gw-tieredmenu-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3677
|
+
--gw-tieredmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3655
3678
|
--gw-tieredmenu-submenu-icon-active-color: var(--gw-sidenav-menuitem-selected-background);
|
|
3656
3679
|
--gw-organizationchart-node-background: var(--gw-default-background);
|
|
3657
3680
|
--gw-organizationchart-node-selected-color: var(--gw-highlight-color);
|
|
@@ -3752,8 +3775,6 @@
|
|
|
3752
3775
|
--gw-progressspinner-color-three: var(--gw-success-light);
|
|
3753
3776
|
--gw-progressspinner-color-four: var(--gw-success-base);
|
|
3754
3777
|
--gw-topnav-color: var(--gw-text-color);
|
|
3755
|
-
--gw-sidenav-menuitem-selected-border-color: var(--gw-foreground-on-surface-primary);
|
|
3756
|
-
--gw-sidenav-submenuitem-selected-border-color: var(--gw-foreground-on-surface-primary);
|
|
3757
3778
|
--gw-splitbutton-divider-color: var(--gw-button-primary-icon-second-color);
|
|
3758
3779
|
--gw-inputtext-background: var(--gw-form-field-background);
|
|
3759
3780
|
--gw-toggleswitch-offset-border-color: var(--gw-panel-background);
|
|
@@ -3817,26 +3838,7 @@
|
|
|
3817
3838
|
--gw-confirmpopup-color: var(--gw-overlay-popover-color);
|
|
3818
3839
|
--gw-confirmpopup-icon-color: var(--gw-overlay-popover-color);
|
|
3819
3840
|
--gw-dialog-color: var(--gw-overlay-modal-color);
|
|
3820
|
-
--gw-contextmenu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3821
|
-
--gw-contextmenu-item-active-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3822
|
-
--gw-contextmenu-item-icon-focus-color: var(--gw-sidenav-menuitem-hover-icon-color);
|
|
3823
|
-
--gw-contextmenu-item-icon-active-color: var(--gw-sidenav-menuitem-selected-icon-color);
|
|
3824
|
-
--gw-contextmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3825
3841
|
--gw-statusmenu-list-background: var(--gw-contextmenu-background);
|
|
3826
|
-
--gw-megamenu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3827
|
-
--gw-megamenu-item-active-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3828
|
-
--gw-megamenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3829
|
-
--gw-menu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3830
|
-
--gw-menubar-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3831
|
-
--gw-menubar-item-active-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3832
|
-
--gw-menubar-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3833
|
-
--gw-panelmenu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3834
|
-
--gw-panelmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3835
|
-
--gw-tieredmenu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3836
|
-
--gw-tieredmenu-item-active-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3837
|
-
--gw-tieredmenu-item-icon-focus-color: var(--gw-sidenav-menuitem-hover-icon-color);
|
|
3838
|
-
--gw-tieredmenu-item-icon-active-color: var(--gw-sidenav-menuitem-selected-icon-color);
|
|
3839
|
-
--gw-tieredmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3840
3842
|
--gw-datatable-filter-overlay-select-color: var(--gw-overlay-select-color);
|
|
3841
3843
|
--gw-datatable-filter-overlay-popover-color: var(--gw-overlay-popover-color);
|
|
3842
3844
|
--gw-datatable-filter-constraint-selected-focus-background: var(--gw-list-option-selected-focus-background);
|
package/dist/variables-light.css
CHANGED
|
@@ -129,7 +129,7 @@
|
|
|
129
129
|
--gw-global-font-size: 16px;
|
|
130
130
|
--gw-base-font-size: 1rem;
|
|
131
131
|
--gw-xs-font-size: 0.75rem;
|
|
132
|
-
--gw-xs-line-height: 1.
|
|
132
|
+
--gw-xs-line-height: 1.25rem;
|
|
133
133
|
--gw-sm-font-size: 0.875rem;
|
|
134
134
|
--gw-sm-line-height: 1.375rem;
|
|
135
135
|
--gw-lg-font-size: 1.125rem;
|
|
@@ -601,6 +601,7 @@
|
|
|
601
601
|
--gw-fileupload-basic-gap: 0.5rem;
|
|
602
602
|
--gw-speeddial-gap: 0.5rem;
|
|
603
603
|
--gw-splitbutton-rounded-border-radius: 2rem;
|
|
604
|
+
--gw-splitbutton-gap: 1px;
|
|
604
605
|
--gw-stepper-separator-margin: 0 0 0 1rem;
|
|
605
606
|
--gw-stepper-separator-size: 2px;
|
|
606
607
|
--gw-stepper-step-padding: 0.5rem;
|
|
@@ -1659,8 +1660,8 @@
|
|
|
1659
1660
|
--gw-neutral-900-50: var(--gw-color-grey-900-50);
|
|
1660
1661
|
--gw-neutral-0-0-05: var(--gw-color-grey-0-0-05);
|
|
1661
1662
|
--gw-neutral-shadow: var(--gw-color-grey-900-0-05);
|
|
1662
|
-
--gw-tertiary-100: var(--gw-color-teal-
|
|
1663
|
-
--gw-tertiary-200: var(--gw-color-teal-
|
|
1663
|
+
--gw-tertiary-100: var(--gw-color-teal-100);
|
|
1664
|
+
--gw-tertiary-200: var(--gw-color-teal-200);
|
|
1664
1665
|
--gw-tertiary-300: var(--gw-color-teal-300);
|
|
1665
1666
|
--gw-tertiary-400: var(--gw-color-teal-400);
|
|
1666
1667
|
--gw-tertiary-500: var(--gw-color-teal-500);
|
|
@@ -1691,6 +1692,7 @@
|
|
|
1691
1692
|
--gw-button-icon-size: var(--gw-icon-size);
|
|
1692
1693
|
--gw-button-label-font-weight: var(--gw-font-weight-400);
|
|
1693
1694
|
--gw-button-label-font-size: var(--gw-base-font-size);
|
|
1695
|
+
--gw-button-label-line-height: var(--gw-xs-line-height);
|
|
1694
1696
|
--gw-button-label-font-family: var(--gw-font-family-body);
|
|
1695
1697
|
--gw-button-focus-ring-width: var(--gw-focus-ring-width);
|
|
1696
1698
|
--gw-button-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
@@ -2024,6 +2026,7 @@
|
|
|
2024
2026
|
--gw-popover-content-padding: var(--gw-overlay-popover-padding);
|
|
2025
2027
|
--gw-fileupload-transition-duration: var(--gw-transition-duration);
|
|
2026
2028
|
--gw-speeddial-transition-duration: var(--gw-transition-duration);
|
|
2029
|
+
--gw-splitbutton-internal-border-radius: var(--gw-border-radius-none);
|
|
2027
2030
|
--gw-stepper-step-header-focus-ring-width: var(--gw-focus-ring-width);
|
|
2028
2031
|
--gw-stepper-step-header-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
2029
2032
|
--gw-stepper-step-number-border-radius: var(--gw-stepper-step-number-size) / 2;
|
|
@@ -2037,7 +2040,7 @@
|
|
|
2037
2040
|
--gw-imagecompare-handle-transition-duration: var(--gw-transition-duration);
|
|
2038
2041
|
--gw-overlaybadge-outline-color: var(--gw-neutral-transparent);
|
|
2039
2042
|
--gw-swagger-button-height: var(--gw-size-1-5);
|
|
2040
|
-
--gw-shortcuts-cta-padding-x: var(--gw-space-0-
|
|
2043
|
+
--gw-shortcuts-cta-padding-x: var(--gw-space-0-5);
|
|
2041
2044
|
--gw-shortcuts-cta-padding-y: var(--gw-space-0-125);
|
|
2042
2045
|
--gw-topnav-border-color: var(--gw-neutral-transparent);
|
|
2043
2046
|
--gw-focus-ring-stroke-width: var(--gw-focus-ring-offset) + var(--gw-focus-ring-width);
|
|
@@ -2267,14 +2270,11 @@
|
|
|
2267
2270
|
--gw-overlay-modal-background: var(--gw-neutral-0);
|
|
2268
2271
|
--gw-button-padding-x: var(--gw-form-field-padding-x);
|
|
2269
2272
|
--gw-button-padding-y: var(--gw-form-field-padding-y);
|
|
2270
|
-
--gw-button-label-line-height: var(--gw-xxs-line-height);
|
|
2271
2273
|
--gw-button-focus-ring-style: var(--gw-focus-ring-style);
|
|
2272
2274
|
--gw-button-transition-duration: var(--gw-form-field-transition-duration);
|
|
2273
2275
|
--gw-button-secondary-active-background: var(--gw-neutral-0);
|
|
2274
2276
|
--gw-button-secondary-focus-ring-color: var(--gw-primary-200);
|
|
2275
2277
|
--gw-button-secondary-disabled-background: var(--gw-neutral-0);
|
|
2276
|
-
--gw-button-secondary-disabled-border-color: var(--gw-primary-300);
|
|
2277
|
-
--gw-button-secondary-disabled-color: var(--gw-primary-300);
|
|
2278
2278
|
--gw-button-secondary-link-disabled-background: var(--gw-neutral-0);
|
|
2279
2279
|
--gw-button-secondary-link-disabled-border-color: var(--gw-primary-200);
|
|
2280
2280
|
--gw-button-secondary-link-disabled-color: var(--gw-primary-200);
|
|
@@ -2318,7 +2318,7 @@
|
|
|
2318
2318
|
--gw-hover-color: var(--gw-neutral-800);
|
|
2319
2319
|
--gw-hover-background: var(--gw-neutral-200);
|
|
2320
2320
|
--gw-hover-border-color: var(--gw-neutral-400);
|
|
2321
|
-
--gw-default-border-color: var(--gw-neutral-
|
|
2321
|
+
--gw-default-border-color: var(--gw-neutral-300);
|
|
2322
2322
|
--gw-inputtext-border-radius: var(--gw-defaul-border-radius);
|
|
2323
2323
|
--gw-inputtext-focus-ring-style: var(--gw-form-field-focus-ring-style);
|
|
2324
2324
|
--gw-inputtext-padding-x: var(--gw-form-field-padding-x);
|
|
@@ -2668,8 +2668,12 @@
|
|
|
2668
2668
|
--gw-list-option-selected-background: var(--gw-highlight-background);
|
|
2669
2669
|
--gw-sidenav-menuitem-icon-color: var(--gw-foreground-on-surface-default);
|
|
2670
2670
|
--gw-sidenav-menuitem-icon-second-color: var(--gw-foreground-on-surface-subtile);
|
|
2671
|
+
--gw-sidenav-menuitem-hover-icon-color: var(--gw-primary-dark);
|
|
2672
|
+
--gw-sidenav-menuitem-hover-color: var(--gw-primary-dark);
|
|
2671
2673
|
--gw-sidenav-menuitem-hover-background: var(--gw-background-raised);
|
|
2674
|
+
--gw-sidenav-menuitem-selected-icon-color: var(--gw-primary-dark);
|
|
2672
2675
|
--gw-sidenav-menuitem-selected-background: var(--gw-background-highlighted);
|
|
2676
|
+
--gw-sidenav-menuitem-selected-color: var(--gw-primary-dark);
|
|
2673
2677
|
--gw-sidenav-menuitem-background: var(--gw-background-surface);
|
|
2674
2678
|
--gw-sidenav-menuitem-color: var(--gw-foreground-on-surface-default);
|
|
2675
2679
|
--gw-sidenav-menuitem-open-icon-color: var(--gw-foreground-on-surface-default);
|
|
@@ -2679,7 +2683,9 @@
|
|
|
2679
2683
|
--gw-sidenav-submenuitem-color: var(--gw-foreground-on-surface-default);
|
|
2680
2684
|
--gw-sidenav-submenuitem-background: var(--gw-background-surface);
|
|
2681
2685
|
--gw-sidenav-submenuitem-hover-background: var(--gw-background-raised);
|
|
2686
|
+
--gw-sidenav-submenuitem-hover-color: var(--gw-primary-dark);
|
|
2682
2687
|
--gw-sidenav-submenuitem-selected-background: var(--gw-background-highlighted);
|
|
2688
|
+
--gw-sidenav-submenuitem-selected-color: var(--gw-primary-dark);
|
|
2683
2689
|
--gw-sidenav-submenuitem-open-background: var(--gw-background-raised);
|
|
2684
2690
|
--gw-sidenav-submenuitem-open-color: var(--gw-foreground-on-surface-default);
|
|
2685
2691
|
--gw-sidenav-background: var(--gw-background-surface);
|
|
@@ -2691,7 +2697,7 @@
|
|
|
2691
2697
|
--gw-overlay-modal-border-color: var(--gw-default-border-color);
|
|
2692
2698
|
--gw-button-border-radius: var(--gw-form-field-border-radius);
|
|
2693
2699
|
--gw-button-primary-hover-background: var(--gw-primary-base);
|
|
2694
|
-
--gw-button-primary-hover-border-color: var(--gw-primary-
|
|
2700
|
+
--gw-button-primary-hover-border-color: var(--gw-primary-base);
|
|
2695
2701
|
--gw-button-primary-hover-color: var(--gw-foreground-on-brand);
|
|
2696
2702
|
--gw-button-primary-active-background: var(--gw-primary-base);
|
|
2697
2703
|
--gw-button-primary-active-border-color: var(--gw-primary-base);
|
|
@@ -2702,11 +2708,8 @@
|
|
|
2702
2708
|
--gw-button-primary-focus-ring-color: var(--gw-primary-base);
|
|
2703
2709
|
--gw-button-primary-disabled-background: var(--gw-primary-lighter);
|
|
2704
2710
|
--gw-button-primary-disabled-border-color: var(--gw-primary-lighter);
|
|
2705
|
-
--gw-button-primary-link-color: var(--gw-primary-
|
|
2706
|
-
--gw-button-primary-link-hover-color: var(--gw-primary-dark);
|
|
2707
|
-
--gw-button-primary-link-active-color: var(--gw-primary-base);
|
|
2711
|
+
--gw-button-primary-link-active-color: var(--gw-primary-light);
|
|
2708
2712
|
--gw-button-secondary-hover-background: var(--gw-background-raised);
|
|
2709
|
-
--gw-button-secondary-active-border-color: var(--gw-primary-dark);
|
|
2710
2713
|
--gw-button-secondary-link-background: var(--gw-secondary-light);
|
|
2711
2714
|
--gw-button-secondary-link-hover-background: var(--gw-secondary-base);
|
|
2712
2715
|
--gw-button-secondary-link-hover-border-color: var(--gw-secondary-base);
|
|
@@ -3249,7 +3252,6 @@
|
|
|
3249
3252
|
--gw-fileupload-border-radius: var(--gw-content-border-radius);
|
|
3250
3253
|
--gw-fileupload-content-highlight-border-color: var(--gw-primary-base);
|
|
3251
3254
|
--gw-fileupload-file-border-color: var(--gw-default-border-color);
|
|
3252
|
-
--gw-splitbutton-border-radius: var(--gw-form-field-border-radius);
|
|
3253
3255
|
--gw-stepper-separator-background: var(--gw-default-border-color);
|
|
3254
3256
|
--gw-stepper-separator-active-background: var(--gw-primary-base);
|
|
3255
3257
|
--gw-stepper-step-header-border-radius: var(--gw-content-border-radius);
|
|
@@ -3271,6 +3273,7 @@
|
|
|
3271
3273
|
--gw-swagger-border-color: var(--gw-default-border-color);
|
|
3272
3274
|
--gw-swagger-post-background: var(--gw-success-200);
|
|
3273
3275
|
--gw-shortcuts-panel-key-color: var(--gw-secondary-base);
|
|
3276
|
+
--gw-shortcuts-secondary-button-background: var(--gw-background-page);
|
|
3274
3277
|
--gw-cluster-node-leader-background: var(--gw-foreground-on-surface-accent);
|
|
3275
3278
|
--gw-cluster-node-outofsync-background: var(--gw-foreground-on-surface-disabled);
|
|
3276
3279
|
--gw-cluster-background: var(--gw-body-background);
|
|
@@ -3294,6 +3297,8 @@
|
|
|
3294
3297
|
--gw-classhierarchy-node-selected-border-color: var(--gw-border-focus);
|
|
3295
3298
|
--gw-border-default-color: var(--gw-default-border-color);
|
|
3296
3299
|
--gw-focus-ring-stroke-color: var(--gw-focus-ring-color);
|
|
3300
|
+
--gw-sidenav-menuitem-selected-border-color: var(--gw-primary-dark);
|
|
3301
|
+
--gw-sidenav-submenuitem-selected-border-color: var(--gw-primary-dark);
|
|
3297
3302
|
--gw-success-text: var(--gw-success-dark);
|
|
3298
3303
|
--gw-warning-text: var(--gw-help-dark);
|
|
3299
3304
|
--gw-border-color-success: var(--gw-success-base);
|
|
@@ -3304,26 +3309,25 @@
|
|
|
3304
3309
|
--gw-list-option-selected-focus-color: var(--gw-highlight-focus-color);
|
|
3305
3310
|
--gw-list-option-selected-color: var(--gw-text-color);
|
|
3306
3311
|
--gw-list-option-color: var(--gw-text-color);
|
|
3307
|
-
--gw-sidenav-menuitem-hover-icon-color: var(--gw-foreground-on-surface-primary);
|
|
3308
|
-
--gw-sidenav-menuitem-hover-color: var(--gw-foreground-on-surface-primary);
|
|
3309
|
-
--gw-sidenav-menuitem-selected-icon-color: var(--gw-foreground-on-surface-primary);
|
|
3310
|
-
--gw-sidenav-menuitem-selected-color: var(--gw-foreground-on-surface-primary);
|
|
3311
|
-
--gw-sidenav-submenuitem-hover-color: var(--gw-foreground-on-surface-primary);
|
|
3312
|
-
--gw-sidenav-submenuitem-selected-color: var(--gw-foreground-on-surface-primary);
|
|
3313
3312
|
--gw-sidenav-togglebutton-background: var(--gw-sidenav-background);
|
|
3314
3313
|
--gw-overlay-select-color: var(--gw-text-color);
|
|
3315
3314
|
--gw-overlay-popover-color: var(--gw-text-color);
|
|
3316
3315
|
--gw-overlay-modal-color: var(--gw-text-color);
|
|
3317
3316
|
--gw-button-primary-background: var(--gw-foreground-on-surface-brand);
|
|
3318
|
-
--gw-button-primary-border-color: var(--gw-
|
|
3317
|
+
--gw-button-primary-border-color: var(--gw-foreground-on-surface-brand);
|
|
3319
3318
|
--gw-button-primary-disabled-color: var(--gw-inputtext-disabled-color);
|
|
3319
|
+
--gw-button-primary-link-color: var(--gw-foreground-on-surface-primary);
|
|
3320
|
+
--gw-button-primary-link-hover-color: var(--gw-foreground-on-surface-strong);
|
|
3320
3321
|
--gw-button-secondary-hover-border-color: var(--gw-foreground-on-surface-primary);
|
|
3321
3322
|
--gw-button-secondary-hover-color: var(--gw-foreground-on-surface-primary);
|
|
3323
|
+
--gw-button-secondary-active-border-color: var(--gw-foreground-on-surface-primary);
|
|
3322
3324
|
--gw-button-secondary-active-color: var(--gw-foreground-on-surface-primary);
|
|
3323
3325
|
--gw-button-secondary-border-color: var(--gw-foreground-on-surface-primary);
|
|
3324
3326
|
--gw-button-secondary-color: var(--gw-foreground-on-surface-primary);
|
|
3325
3327
|
--gw-button-secondary-icon-color: var(--gw-foreground-on-surface-primary);
|
|
3326
3328
|
--gw-button-secondary-icon-second-color: var(--gw-foreground-on-surface-primary);
|
|
3329
|
+
--gw-button-secondary-disabled-border-color: var(--gw-foreground-on-surface-primary);
|
|
3330
|
+
--gw-button-secondary-disabled-color: var(--gw-foreground-on-surface-primary);
|
|
3327
3331
|
--gw-button-secondary-link-hover-color: var(--gw-primary-contrast-color);
|
|
3328
3332
|
--gw-button-secondary-link-active-color: var(--gw-primary-contrast-color);
|
|
3329
3333
|
--gw-button-secondary-link-icon-color: var(--gw-primary-contrast-color);
|
|
@@ -3601,16 +3605,23 @@
|
|
|
3601
3605
|
--gw-contextmenu-background: var(--gw-default-background);
|
|
3602
3606
|
--gw-contextmenu-color: var(--gw-default-color);
|
|
3603
3607
|
--gw-contextmenu-item-focus-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3608
|
+
--gw-contextmenu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3604
3609
|
--gw-contextmenu-item-active-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3610
|
+
--gw-contextmenu-item-active-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3605
3611
|
--gw-contextmenu-item-color: var(--gw-sidenav-menuitem-color);
|
|
3606
3612
|
--gw-contextmenu-item-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3613
|
+
--gw-contextmenu-item-icon-focus-color: var(--gw-sidenav-menuitem-hover-icon-color);
|
|
3614
|
+
--gw-contextmenu-item-icon-active-color: var(--gw-sidenav-menuitem-selected-icon-color);
|
|
3607
3615
|
--gw-contextmenu-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3616
|
+
--gw-contextmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3608
3617
|
--gw-contextmenu-submenu-icon-active-color: var(--gw-sidenav-menuitem-selected-background);
|
|
3609
3618
|
--gw-statusmenu-list-border-color: var(--gw-contextmenu-border-color);
|
|
3610
3619
|
--gw-megamenu-background: var(--gw-default-background);
|
|
3611
3620
|
--gw-megamenu-color: var(--gw-default-color);
|
|
3612
3621
|
--gw-megamenu-item-focus-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3622
|
+
--gw-megamenu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3613
3623
|
--gw-megamenu-item-active-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3624
|
+
--gw-megamenu-item-active-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3614
3625
|
--gw-megamenu-item-color: var(--gw-sidenav-menuitem-color);
|
|
3615
3626
|
--gw-megamenu-item-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3616
3627
|
--gw-megamenu-overlay-background: var(--gw-default-background);
|
|
@@ -3618,12 +3629,14 @@
|
|
|
3618
3629
|
--gw-megamenu-submenu-label-background: var(--gw-sidenav-menuitem-background);
|
|
3619
3630
|
--gw-megamenu-submenu-label-color: var(--gw-sidenav-menuitem-color);
|
|
3620
3631
|
--gw-megamenu-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3632
|
+
--gw-megamenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3621
3633
|
--gw-megamenu-submenu-icon-active-color: var(--gw-sidenav-menuitem-selected-background);
|
|
3622
3634
|
--gw-megamenu-mobile-button-color: var(--gw-text-muted-color);
|
|
3623
3635
|
--gw-megamenu-mobile-button-hover-color: var(--gw-default-muted-color);
|
|
3624
3636
|
--gw-menu-background: var(--gw-default-background);
|
|
3625
3637
|
--gw-menu-color: var(--gw-default-color);
|
|
3626
3638
|
--gw-menu-item-focus-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3639
|
+
--gw-menu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3627
3640
|
--gw-menu-item-color: var(--gw-sidenav-menuitem-color);
|
|
3628
3641
|
--gw-menu-item-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3629
3642
|
--gw-menu-submenu-label-background: var(--gw-sidenav-menuitem-background);
|
|
@@ -3631,27 +3644,37 @@
|
|
|
3631
3644
|
--gw-menubar-background: var(--gw-default-background);
|
|
3632
3645
|
--gw-menubar-color: var(--gw-default-color);
|
|
3633
3646
|
--gw-menubar-item-focus-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3647
|
+
--gw-menubar-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3634
3648
|
--gw-menubar-item-active-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3649
|
+
--gw-menubar-item-active-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3635
3650
|
--gw-menubar-item-color: var(--gw-sidenav-menuitem-color);
|
|
3636
3651
|
--gw-menubar-item-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3637
3652
|
--gw-menubar-submenu-background: var(--gw-default-background);
|
|
3638
3653
|
--gw-menubar-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3654
|
+
--gw-menubar-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3639
3655
|
--gw-menubar-submenu-icon-active-color: var(--gw-sidenav-menuitem-selected-background);
|
|
3640
3656
|
--gw-menubar-mobile-button-color: var(--gw-text-muted-color);
|
|
3641
3657
|
--gw-menubar-mobile-button-hover-color: var(--gw-default-muted-color);
|
|
3642
3658
|
--gw-panelmenu-panel-background: var(--gw-default-background);
|
|
3643
3659
|
--gw-panelmenu-panel-color: var(--gw-default-color);
|
|
3644
3660
|
--gw-panelmenu-item-focus-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3661
|
+
--gw-panelmenu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3645
3662
|
--gw-panelmenu-item-color: var(--gw-sidenav-menuitem-color);
|
|
3646
3663
|
--gw-panelmenu-item-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3647
3664
|
--gw-panelmenu-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3665
|
+
--gw-panelmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3648
3666
|
--gw-tieredmenu-background: var(--gw-default-background);
|
|
3649
3667
|
--gw-tieredmenu-color: var(--gw-default-color);
|
|
3650
3668
|
--gw-tieredmenu-item-focus-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3669
|
+
--gw-tieredmenu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3651
3670
|
--gw-tieredmenu-item-active-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3671
|
+
--gw-tieredmenu-item-active-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3652
3672
|
--gw-tieredmenu-item-color: var(--gw-sidenav-menuitem-color);
|
|
3653
3673
|
--gw-tieredmenu-item-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3674
|
+
--gw-tieredmenu-item-icon-focus-color: var(--gw-sidenav-menuitem-hover-icon-color);
|
|
3675
|
+
--gw-tieredmenu-item-icon-active-color: var(--gw-sidenav-menuitem-selected-icon-color);
|
|
3654
3676
|
--gw-tieredmenu-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3677
|
+
--gw-tieredmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3655
3678
|
--gw-tieredmenu-submenu-icon-active-color: var(--gw-sidenav-menuitem-selected-background);
|
|
3656
3679
|
--gw-organizationchart-node-background: var(--gw-default-background);
|
|
3657
3680
|
--gw-organizationchart-node-selected-color: var(--gw-highlight-color);
|
|
@@ -3752,8 +3775,6 @@
|
|
|
3752
3775
|
--gw-progressspinner-color-three: var(--gw-success-light);
|
|
3753
3776
|
--gw-progressspinner-color-four: var(--gw-success-base);
|
|
3754
3777
|
--gw-topnav-color: var(--gw-text-color);
|
|
3755
|
-
--gw-sidenav-menuitem-selected-border-color: var(--gw-foreground-on-surface-primary);
|
|
3756
|
-
--gw-sidenav-submenuitem-selected-border-color: var(--gw-foreground-on-surface-primary);
|
|
3757
3778
|
--gw-splitbutton-divider-color: var(--gw-button-primary-icon-second-color);
|
|
3758
3779
|
--gw-inputtext-background: var(--gw-form-field-background);
|
|
3759
3780
|
--gw-toggleswitch-offset-border-color: var(--gw-panel-background);
|
|
@@ -3817,26 +3838,7 @@
|
|
|
3817
3838
|
--gw-confirmpopup-color: var(--gw-overlay-popover-color);
|
|
3818
3839
|
--gw-confirmpopup-icon-color: var(--gw-overlay-popover-color);
|
|
3819
3840
|
--gw-dialog-color: var(--gw-overlay-modal-color);
|
|
3820
|
-
--gw-contextmenu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3821
|
-
--gw-contextmenu-item-active-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3822
|
-
--gw-contextmenu-item-icon-focus-color: var(--gw-sidenav-menuitem-hover-icon-color);
|
|
3823
|
-
--gw-contextmenu-item-icon-active-color: var(--gw-sidenav-menuitem-selected-icon-color);
|
|
3824
|
-
--gw-contextmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3825
3841
|
--gw-statusmenu-list-background: var(--gw-contextmenu-background);
|
|
3826
|
-
--gw-megamenu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3827
|
-
--gw-megamenu-item-active-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3828
|
-
--gw-megamenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3829
|
-
--gw-menu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3830
|
-
--gw-menubar-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3831
|
-
--gw-menubar-item-active-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3832
|
-
--gw-menubar-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3833
|
-
--gw-panelmenu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3834
|
-
--gw-panelmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3835
|
-
--gw-tieredmenu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3836
|
-
--gw-tieredmenu-item-active-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3837
|
-
--gw-tieredmenu-item-icon-focus-color: var(--gw-sidenav-menuitem-hover-icon-color);
|
|
3838
|
-
--gw-tieredmenu-item-icon-active-color: var(--gw-sidenav-menuitem-selected-icon-color);
|
|
3839
|
-
--gw-tieredmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3840
3842
|
--gw-datatable-filter-overlay-select-color: var(--gw-overlay-select-color);
|
|
3841
3843
|
--gw-datatable-filter-overlay-popover-color: var(--gw-overlay-popover-color);
|
|
3842
3844
|
--gw-datatable-filter-constraint-selected-focus-background: var(--gw-list-option-selected-focus-background);
|