graphwise-styleguide 0.0.1-init10 → 0.0.1-init12

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.
Files changed (3) hide show
  1. package/dist/variables-dark.css +175 -147
  2. package/dist/variables-light.css +175 -147
  3. package/package.json +1 -1
package/dist/variables-dark.css CHANGED
@@ -110,11 +110,15 @@
110
110
  --gw-xl-font-size: 1.5rem;
111
111
  --gw-size-0: 0;
112
112
  --gw-size-1: 1rem;
113
+ --gw-size-2: 2rem;
113
114
  --gw-size-0-25: 0.25rem;
114
115
  --gw-size-0-5: 0.5rem;
115
116
  --gw-size-0-75: 0.75rem;
116
117
  --gw-size-0-875: 0.875rem;
117
118
  --gw-size-1-125: 1.125rem;
119
+ --gw-size-1-5: 1.5rem;
120
+ --gw-size-2-5: 2.5rem;
121
+ --gw-size-2-75: 2.75rem;
118
122
  --gw-neutral-transparent: rgba(0, 0, 0, 0);
119
123
  --gw-icon-size: 1rem;
120
124
  --gw-disabled-opacity: 0.6;
@@ -135,12 +139,13 @@
135
139
  --gw-list-option-group-background: rgba(0, 0, 0, 0);
136
140
  --gw-sidenav-list-padding: 0.25rem 0.25rem;
137
141
  --gw-sidenav-list-gap: 2px;
138
- --gw-sidenav-item-padding: 0.5rem 0.75rem;
139
- --gw-sidenav-item-gap: 0.5rem;
140
- --gw-sidenav-submenu-label-padding: 0.5rem 0.75rem;
141
- --gw-sidenav-submenu-icon-size: 0.875rem;
142
+ --gw-sidenav-menuitem-padding: 0.5rem 0.75rem;
143
+ --gw-sidenav-menuitem-gap: 0.5rem;
142
144
  --gw-sidenav-menuitem-icon-size: 2rem;
143
145
  --gw-sidenav-menuitem-hover-icon-size: 2.5rem;
146
+ --gw-sidenav-menuitem-selected-icon-size: 2.5rem;
147
+ --gw-sidenav-submenu-label-padding: 0.5rem 0.75rem;
148
+ --gw-sidenav-submenu-icon-size: 0.875rem;
144
149
  --gw-sidenav-logo-background: #002b4f;
145
150
  --gw-overlay-popover-padding: 0.75rem;
146
151
  --gw-overlay-modal-padding: 1.25rem;
@@ -349,14 +354,12 @@
349
354
  --gw-dataview-paginator-top-border-width: 1px;
350
355
  --gw-dataview-paginator-bottom-border-width: 1px;
351
356
  --gw-accordion-panel-border-width: 1px;
352
- --gw-accordion-header-padding: 1.125rem;
353
357
  --gw-accordion-header-font-weight: 600;
354
358
  --gw-accordion-header-border-radius: 0;
355
359
  --gw-accordion-header-border-width: 0;
356
360
  --gw-accordion-header-first-border-width: 0;
357
361
  --gw-accordion-header-last-active-bottom-border-radius: 0;
358
362
  --gw-accordion-content-border-width: 0;
359
- --gw-accordion-content-padding: 0 1.125rem 1.125rem 1.125rem;
360
363
  --gw-divider-horizontal-margin: 1rem;
361
364
  --gw-divider-horizontal-padding: 0;
362
365
  --gw-divider-horizontal-content-padding: 0 0.5rem;
@@ -453,7 +456,6 @@
453
456
  --gw-datatable-column-footer-font-weight: 600;
454
457
  --gw-datatable-column-resizer-width: 0.5rem;
455
458
  --gw-datatable-row-focus-ring-offset: -1px;
456
- --gw-datatable-row-toggle-button-size: 1.75rem;
457
459
  --gw-datatable-body-cell-sm-padding: 0.375rem 0.5rem;
458
460
  --gw-datatable-footer-cell-padding: 0.75rem 1rem;
459
461
  --gw-datatable-footer-cell-sm-padding: 0.375rem 0.5rem;
@@ -621,6 +623,11 @@
621
623
  --gw-iftalabel-font-size: 0.75rem;
622
624
  --gw-iftalabel-font-weight: 400;
623
625
  --gw-iftalabel-input-padding-top: 1.5rem;
626
+ --gw-swagger-close-button-width: 1.75rem;
627
+ --gw-swagger-close-icon-size: 1rem;
628
+ --gw-swagger-close-icon-sm-size: 0.875rem;
629
+ --gw-swagger-close-icon-lg-size: 1.125rem;
630
+ --gw-swagger-button-width: 5rem;
624
631
  --gw-ripple-background: rgba(0, 0, 0, 0.1);
625
632
  --gw-form-field-focus-ring-shadow-blur: 0;
626
633
  --gw-form-field-focus-ring-shadow-spread: 0;
@@ -764,6 +771,9 @@
764
771
  --gw-caption-base-letter-spacing: 0.02em;
765
772
  --gw-caption-sm-text-case: uppercase;
766
773
  --gw-caption-sm-letter-spacing: 0.02em;
774
+ --gw-label-sm-regular-letter-spacing: 0.02em;
775
+ --gw-label-sm-medium-letter-spacing: 0.02em;
776
+ --gw-label-sm-bold-letter-spacing: 0.02em;
767
777
  --gw-inputtext-focus-ring-shadow-blur: 0;
768
778
  --gw-inputtext-focus-ring-shadow-spread: 0;
769
779
  --gw-inputtext-focus-ring-shadow-type: dropShadow;
@@ -1512,6 +1522,17 @@
1512
1522
  --gw-imagecompare-handle-focus-ring-shadow-type: dropShadow;
1513
1523
  --gw-imagecompare-handle-focus-ring-shadow-offset-x: 0;
1514
1524
  --gw-imagecompare-handle-focus-ring-shadow-offset-y: 0;
1525
+ --color: {sidenav.item.icon.active.color};
1526
+ --color: {sidenav.item.icon.focus.color};
1527
+ --color: {sidenav.item.icon.focus.color};
1528
+ --color: {sidenav.item.icon.active.color};
1529
+ --color: {sidenav.item.icon.focus.color};
1530
+ --color: {sidenav.item.icon.focus.color};
1531
+ --color: {sidenav.item.icon.active.color};
1532
+ --color: {sidenav.item.icon.focus.color};
1533
+ --color: {sidenav.item.icon.active.color};
1534
+ --color: {sidenav.item.icon.focus.color};
1535
+ --color: {sidenav.item.icon.focus.color};
1515
1536
  --gw-additional-green-100: var(--gw-main-teal-100);
1516
1537
  --gw-additional-green-200: var(--gw-main-teal-200);
1517
1538
  --gw-additional-green-300: var(--gw-main-teal-300);
@@ -1619,8 +1640,8 @@
1619
1640
  --gw-form-field-base-font-size: var(--gw-base-font-size);
1620
1641
  --gw-focus-ring-style: var(--gw-style-solid);
1621
1642
  --gw-defaul-border-radius: var(--gw-border-radius-none);
1622
- --gw-sidenav-submenuitem-label-font-weight: var(--gw-font-weight-500);
1623
1643
  --gw-sidenav-menuitem-label-font-weight: var(--gw-font-weight-400);
1644
+ --gw-sidenav-submenuitem-label-font-weight: var(--gw-font-weight-500);
1624
1645
  --gw-button-sm-padding-y: var(--gw-form-field-sm-padding-y);
1625
1646
  --gw-button-sm-icon-size: var(--gw-button-sm-font-size);
1626
1647
  --gw-button-gap: var(--gw-space-0-5);
@@ -1711,7 +1732,7 @@
1711
1732
  --gw-tag-rounded-border-radius: var(--gw-border-radius-xl-circle);
1712
1733
  --gw-breadcrumb-item-focus-ring-width: var(--gw-focus-ring-width);
1713
1734
  --gw-breadcrumb-item-focus-ring-offset: var(--gw-focus-ring-offset);
1714
- --gw-breadcrumb-item-gap: var(--gw-sidenav-item-gap);
1735
+ --gw-breadcrumb-item-gap: var(--gw-sidenav-menuitem-gap);
1715
1736
  --gw-breadcrumb-transition-duration: var(--gw-transition-duration);
1716
1737
  --gw-drawer-header-padding: var(--gw-overlay-modal-padding);
1717
1738
  --gw-drawer-content-padding: 0 var(--gw-overlay-modal-padding) var(--gw-overlay-modal-padding) var(--gw-overlay-modal-padding);
@@ -1797,8 +1818,10 @@
1797
1818
  --gw-treeselect-lg-font-size: var(--gw-form-field-lg-font-size);
1798
1819
  --gw-treeselect-lg-padding-x: var(--gw-form-field-lg-padding-x);
1799
1820
  --gw-treeselect-lg-padding-y: var(--gw-form-field-lg-padding-y);
1821
+ --gw-accordion-header-padding: var(--gw-space-0-875);
1800
1822
  --gw-accordion-header-focus-ring-width: var(--gw-focus-ring-width);
1801
1823
  --gw-accordion-header-focus-ring-offset: var(--gw-focus-ring-offset);
1824
+ --gw-accordion-content-padding: 0 var(--gw-space-0-875) var(--gw-space-0-875) var(--gw-space-0-875);
1802
1825
  --gw-accordion-transition-duration: var(--gw-transition-duration);
1803
1826
  --gw-fieldset-legend-focus-ring-width: var(--gw-focus-ring-width);
1804
1827
  --gw-fieldset-legend-focus-ring-offset: var(--gw-focus-ring-offset);
@@ -1811,6 +1834,7 @@
1811
1834
  --gw-scrollpanel-bar-focus-ring-offset: var(--gw-focus-ring-offset);
1812
1835
  --gw-scrollpanel-bar-focus-ring-color: var(--gw-neutral-transparent);
1813
1836
  --gw-scrollpanel-transition-duration: var(--gw-transition-duration);
1837
+ --gw-scrollpanel-background: var(--gw-neutral-transparent);
1814
1838
  --gw-tabs-tab-padding-x: var(--gw-space-1);
1815
1839
  --gw-tabs-tab-padding-y: var(--gw-space-0-75);
1816
1840
  --gw-tabs-tab-focus-ring-width: var(--gw-focus-ring-width);
@@ -1825,8 +1849,8 @@
1825
1849
  --gw-dialog-footer-padding: 0 var(--gw-overlay-modal-padding) var(--gw-overlay-modal-padding) var(--gw-overlay-modal-padding);
1826
1850
  --gw-contextmenu-list-padding: var(--gw-sidenav-list-padding);
1827
1851
  --gw-contextmenu-list-gap: var(--gw-sidenav-list-gap);
1828
- --gw-contextmenu-item-padding: var(--gw-sidenav-item-padding);
1829
- --gw-contextmenu-item-gap: var(--gw-sidenav-item-gap);
1852
+ --gw-contextmenu-item-padding: var(--gw-sidenav-menuitem-padding);
1853
+ --gw-contextmenu-item-gap: var(--gw-sidenav-menuitem-gap);
1830
1854
  --gw-contextmenu-submenu-icon-size: var(--gw-sidenav-submenu-icon-size);
1831
1855
  --gw-contextmenu-transition-duration: var(--gw-transition-duration);
1832
1856
  --gw-dock-border-radius: var(--gw-border-radius-xl-circle);
@@ -1834,9 +1858,9 @@
1834
1858
  --gw-dock-item-focus-ring-offset: var(--gw-focus-ring-offset);
1835
1859
  --gw-megamenu-vertical-orientation-padding: var(--gw-sidenav-list-padding);
1836
1860
  --gw-megamenu-vertical-orientation-gap: var(--gw-sidenav-list-gap);
1837
- --gw-megamenu-base-item-padding: var(--gw-sidenav-item-padding);
1838
- --gw-megamenu-item-padding: var(--gw-sidenav-item-padding);
1839
- --gw-megamenu-item-gap: var(--gw-sidenav-item-gap);
1861
+ --gw-megamenu-base-item-padding: var(--gw-sidenav-menuitem-padding);
1862
+ --gw-megamenu-item-padding: var(--gw-sidenav-menuitem-padding);
1863
+ --gw-megamenu-item-gap: var(--gw-sidenav-menuitem-gap);
1840
1864
  --gw-megamenu-submenu-label-padding: var(--gw-sidenav-submenu-label-padding);
1841
1865
  --gw-megamenu-submenu-icon-size: var(--gw-sidenav-submenu-icon-size);
1842
1866
  --gw-megamenu-submenu-padding: var(--gw-sidenav-list-padding);
@@ -1847,13 +1871,13 @@
1847
1871
  --gw-megamenu-transition-duration: var(--gw-transition-duration);
1848
1872
  --gw-menu-list-padding: var(--gw-sidenav-list-padding);
1849
1873
  --gw-menu-list-gap: var(--gw-sidenav-list-gap);
1850
- --gw-menu-item-padding: var(--gw-sidenav-item-padding);
1851
- --gw-menu-item-gap: var(--gw-sidenav-item-gap);
1874
+ --gw-menu-item-padding: var(--gw-sidenav-menuitem-padding);
1875
+ --gw-menu-item-gap: var(--gw-sidenav-menuitem-gap);
1852
1876
  --gw-menu-submenu-label-padding: var(--gw-sidenav-submenu-label-padding);
1853
1877
  --gw-menu-transition-duration: var(--gw-transition-duration);
1854
- --gw-menubar-base-item-padding: var(--gw-sidenav-item-padding);
1855
- --gw-menubar-item-padding: var(--gw-sidenav-item-padding);
1856
- --gw-menubar-item-gap: var(--gw-sidenav-item-gap);
1878
+ --gw-menubar-base-item-padding: var(--gw-sidenav-menuitem-padding);
1879
+ --gw-menubar-item-padding: var(--gw-sidenav-menuitem-padding);
1880
+ --gw-menubar-item-gap: var(--gw-sidenav-menuitem-gap);
1857
1881
  --gw-menubar-submenu-padding: var(--gw-sidenav-list-padding);
1858
1882
  --gw-menubar-submenu-gap: var(--gw-sidenav-list-gap);
1859
1883
  --gw-menubar-submenu-icon-size: var(--gw-sidenav-submenu-icon-size);
@@ -1861,12 +1885,12 @@
1861
1885
  --gw-menubar-mobile-button-focus-ring-width: var(--gw-focus-ring-width);
1862
1886
  --gw-menubar-mobile-button-focus-ring-offset: var(--gw-focus-ring-offset);
1863
1887
  --gw-menubar-transition-duration: var(--gw-transition-duration);
1864
- --gw-panelmenu-item-padding: var(--gw-sidenav-item-padding);
1888
+ --gw-panelmenu-item-padding: var(--gw-sidenav-menuitem-padding);
1865
1889
  --gw-panelmenu-transition-duration: var(--gw-transition-duration);
1866
1890
  --gw-tieredmenu-list-padding: var(--gw-sidenav-list-padding);
1867
1891
  --gw-tieredmenu-list-gap: var(--gw-sidenav-list-gap);
1868
- --gw-tieredmenu-item-padding: var(--gw-sidenav-item-padding);
1869
- --gw-tieredmenu-item-gap: var(--gw-sidenav-item-gap);
1892
+ --gw-tieredmenu-item-padding: var(--gw-sidenav-menuitem-padding);
1893
+ --gw-tieredmenu-item-gap: var(--gw-sidenav-menuitem-gap);
1870
1894
  --gw-tieredmenu-submenu-icon-size: var(--gw-sidenav-submenu-icon-size);
1871
1895
  --gw-tieredmenu-transition-duration: var(--gw-transition-duration);
1872
1896
  --gw-organizationchart-node-toggle-button-border-radius: var(--gw-organizationchart-node-toggle-button-size) / 2;
@@ -1879,15 +1903,19 @@
1879
1903
  --gw-paginator-transition-duration: var(--gw-transition-duration);
1880
1904
  --gw-datatable-header-cell-focus-ring-width: var(--gw-focus-ring-width);
1881
1905
  --gw-datatable-row-focus-ring-width: var(--gw-focus-ring-width);
1882
- --gw-datatable-row-toggle-button-border-radius: var(--gw-datatable-row-toggle-button-size) / 2;
1906
+ --gw-datatable-row-toggle-button-size: var(--gw-size-1-5);
1883
1907
  --gw-datatable-row-toggle-button-focus-ring-width: var(--gw-focus-ring-width);
1884
1908
  --gw-datatable-row-toggle-button-focus-ring-offset: var(--gw-focus-ring-offset);
1885
1909
  --gw-datatable-body-cell-padding-x: var(--gw-space-1);
1886
1910
  --gw-datatable-body-cell-padding-y: var(--gw-space-0-75);
1887
- --gw-datatable-body-cell-gap: var(--gw-space-0-25);
1911
+ --gw-datatable-body-cell-gap: var(--gw-space-0-375);
1912
+ --gw-datatable-body-cell-sm-height: var(--gw-size-2);
1888
1913
  --gw-datatable-body-cell-lg-padding-x: var(--gw-space-0-875);
1889
1914
  --gw-datatable-body-cell-lg-padding-y: var(--gw-space-0-875);
1915
+ --gw-datatable-body-cell-lg-height: var(--gw-size-2-75);
1916
+ --gw-datatable-body-cell-height: var(--gw-size-2-5);
1890
1917
  --gw-datatable-body-cell-selected-border-color: var(--gw-main-orange-100);
1918
+ --gw-datatable-footer-border-color: var(--gw-neutral-transparent);
1891
1919
  --gw-datatable-filter-overlay-popover-padding: var(--gw-overlay-popover-padding);
1892
1920
  --gw-datatable-filter-constraint-list-padding: var(--gw-list-padding);
1893
1921
  --gw-datatable-filter-constraint-list-gap: var(--gw-list-gap);
@@ -1949,6 +1977,9 @@
1949
1977
  --gw-imagecompare-handle-focus-ring-width: var(--gw-focus-ring-width);
1950
1978
  --gw-imagecompare-handle-focus-ring-offset: var(--gw-focus-ring-offset);
1951
1979
  --gw-imagecompare-handle-transition-duration: var(--gw-transition-duration);
1980
+ --gw-swagger-button-height: var(--gw-size-1-5);
1981
+ --gw-shortcuts-cta-padding-x: var(--gw-space-0-25);
1982
+ --gw-shortcuts-cta-padding-y: var(--gw-space-0-125);
1952
1983
  --gw-focus-ring-stroke-width: var(--gw-focus-ring-offset) + var(--gw-focus-ring-width);
1953
1984
  --gw-heading-h1-font-family: var(--gw-font-family-heading);
1954
1985
  --gw-heading-h1-font-weight: var(--gw-font-weight-400);
@@ -2128,6 +2159,7 @@
2128
2159
  --gw-disabled-background: var(--gw-neutral-200);
2129
2160
  --gw-disabled-color: var(--gw-neutral-600);
2130
2161
  --gw-form-field-border-radius: var(--gw-defaul-border-radius);
2162
+ --gw-form-field-focus-ring-color: var(--gw-secondary-300);
2131
2163
  --gw-form-field-disabled-color: var(--gw-neutral-600);
2132
2164
  --gw-form-field-filled-background: var(--gw-neutral-100);
2133
2165
  --gw-form-field-filled-focus-background: var(--gw-neutral-100);
@@ -2137,19 +2169,16 @@
2137
2169
  --gw-form-field-float-label-focus-color: var(--gw-neutral-500);
2138
2170
  --gw-form-field-float-label-active-color: var(--gw-neutral-500);
2139
2171
  --gw-content-border-radius: var(--gw-defaul-border-radius);
2172
+ --gw-focus-ring-color: var(--gw-secondary-300);
2140
2173
  --gw-list-option-border-radius: var(--gw-defaul-border-radius);
2141
2174
  --gw-list-option-focus-background: var(--gw-neutral-100);
2142
2175
  --gw-list-option-icon-color: var(--gw-neutral-400);
2143
2176
  --gw-list-option-icon-focus-color: var(--gw-neutral-500);
2144
- --gw-sidenav-item-border-radius: var(--gw-defaul-border-radius);
2145
- --gw-sidenav-item-focus-background: var(--gw-neutral-100);
2146
- --gw-sidenav-item-active-background: var(--gw-neutral-100);
2147
- --gw-sidenav-item-icon-color: var(--gw-neutral-400);
2148
- --gw-sidenav-item-icon-focus-color: var(--gw-neutral-500);
2149
- --gw-sidenav-item-icon-active-color: var(--gw-neutral-500);
2177
+ --gw-sidenav-menuitem-border-radius: var(--gw-defaul-border-radius);
2178
+ --gw-sidenav-menuitem-hover-background: var(--gw-neutral-200);
2179
+ --gw-sidenav-menuitem-selected-background: var(--gw-neutral-200);
2150
2180
  --gw-sidenav-submenuitem-background: var(--gw-neutral-200);
2151
- --gw-sidenav-submenuitem-hover-color: var(--gw-neutral-300);
2152
- --gw-sidenav-menuitem-hover-color: var(--gw-neutral-300);
2181
+ --gw-sidenav-submenuitem-hover-background: var(--gw-neutral-300);
2153
2182
  --gw-overlay-select-border-radius: var(--gw-defaul-border-radius);
2154
2183
  --gw-overlay-select-background: var(--gw-neutral-0);
2155
2184
  --gw-overlay-popover-border-radius: var(--gw-defaul-border-radius);
@@ -2348,6 +2377,7 @@
2348
2377
  --gw-paginator-nav-button-focus-ring-style: var(--gw-focus-ring-style);
2349
2378
  --gw-datatable-header-cell-focus-ring-style: var(--gw-focus-ring-style);
2350
2379
  --gw-datatable-row-focus-ring-style: var(--gw-focus-ring-style);
2380
+ --gw-datatable-row-toggle-button-border-radius: var(--gw-datatable-row-toggle-button-size) / 2;
2351
2381
  --gw-datatable-row-toggle-button-focus-ring-style: var(--gw-focus-ring-style);
2352
2382
  --gw-datatable-row-striped-background: var(--gw-neutral-100);
2353
2383
  --gw-tree-node-focus-ring-style: var(--gw-focus-ring-style);
@@ -2399,6 +2429,14 @@
2399
2429
  --gw-iftalabel-position-x: var(--gw-form-field-padding-x);
2400
2430
  --gw-iftalabel-top: var(--gw-form-field-padding-y);
2401
2431
  --gw-iftalabel-input-padding-bottom: var(--gw-form-field-padding-y);
2432
+ --gw-swagger-get-background: var(--gw-info-200);
2433
+ --gw-swagger-put-background: var(--gw-warning-300);
2434
+ --gw-swagger-post-background: var(--gw-success-200);
2435
+ --gw-swagger-delete-background: var(--gw-danger-200);
2436
+ --gw-swagger-resp-background: var(--gw-neutral-200);
2437
+ --gw-swagger-resp-code-background: var(--gw-warning-200);
2438
+ --gw-shortcuts-panel-background: var(--gw-neutral-100);
2439
+ --gw-shortcuts-panel-key-background: var(--gw-neutral-200);
2402
2440
  --gw-form-field-focus-ring-shadow-color: var(--gw-neutral-shadow);
2403
2441
  --gw-form-field-shadow-color: var(--gw-neutral-shadow);
2404
2442
  --gw-focus-ring-shadow-color: var(--gw-neutral-shadow);
@@ -2525,7 +2563,6 @@
2525
2563
  --gw-neutral-text: var(--gw-neutral-dark);
2526
2564
  --gw-tertiary-contrast-color: var(--gw-contrast-text);
2527
2565
  --gw-form-field-border-color: var(--gw-default-border-color);
2528
- --gw-form-field-focus-ring-color: var(--gw-secondary-light);
2529
2566
  --gw-form-field-focus-border-color: var(--gw-secondary-light);
2530
2567
  --gw-form-field-background: var(--gw-default-background);
2531
2568
  --gw-form-field-disabled-background: var(--gw-muted-background);
@@ -2535,26 +2572,22 @@
2535
2572
  --gw-form-field-invalid-placeholder-color: var(--gw-error-base);
2536
2573
  --gw-form-field-icon-color: var(--gw-neutral-light);
2537
2574
  --gw-form-field-color: var(--gw-neutral-dark);
2538
- --gw-focus-ring-color: var(--gw-primary-base);
2539
2575
  --gw-border-color-success: var(--gw-success-base);
2540
2576
  --gw-border-color-error: var(--gw-error-light);
2541
2577
  --gw-border-color-secondary: var(--gw-secondary-base);
2542
2578
  --gw-border-color-primary: var(--gw-primary-base);
2543
2579
  --gw-list-option-focus-color: var(--gw-hover-color);
2544
2580
  --gw-list-option-selected-background: var(--gw-highlight-background);
2545
- --gw-sidenav-item-focus-color: var(--gw-hover-color);
2546
- --gw-sidenav-item-active-color: var(--gw-hover-color);
2547
- --gw-sidenav-submenuitem-color: var(--gw-secondary-base);
2548
- --gw-sidenav-submenuitem-highlight-color: var(--gw-secondary-base);
2549
- --gw-sidenav-submenuitem-highlight-background: var(--gw-highlight-background);
2550
- --gw-sidenav-submenuitem-active-background: var(--gw-primary-base);
2551
2581
  --gw-sidenav-menuitem-icon-color: var(--gw-primary-base);
2552
2582
  --gw-sidenav-menuitem-hover-icon-color: var(--gw-primary-base);
2583
+ --gw-sidenav-menuitem-hover-color: var(--gw-secondary-base);
2584
+ --gw-sidenav-menuitem-selected-color: var(--gw-secondary-base);
2553
2585
  --gw-sidenav-menuitem-background: var(--gw-neutral-lighter);
2554
2586
  --gw-sidenav-menuitem-color: var(--gw-secondary-base);
2555
2587
  --gw-sidenav-menuitem-active-background: var(--gw-primary-base);
2556
- --gw-sidenav-menuitem-highlight-background: var(--gw-highlight-background);
2557
- --gw-sidenav-menuitem-highlight-color: var(--gw-secondary-base);
2588
+ --gw-sidenav-submenuitem-color: var(--gw-secondary-base);
2589
+ --gw-sidenav-submenuitem-hover-color: var(--gw-secondary-base);
2590
+ --gw-sidenav-submenuitem-active-background: var(--gw-primary-base);
2558
2591
  --gw-sidenav-collapsebutton-background: var(--gw-secondary-dark);
2559
2592
  --gw-sidenav-collapsebutton-hover-background: var(--gw-secondary-base);
2560
2593
  --gw-sidenav-collapsebutton-hover-color: var(--gw-neutral-lighter);
@@ -2695,6 +2728,7 @@
2695
2728
  --gw-inputtext-filled-background: var(--gw-form-field-filled-background);
2696
2729
  --gw-inputtext-filled-focus-background: var(--gw-form-field-filled-focus-background);
2697
2730
  --gw-inputtext-filled-hover-background: var(--gw-form-field-filled-hover-background);
2731
+ --gw-inputtext-focus-ring-color: var(--gw-form-field-focus-ring-color);
2698
2732
  --gw-inputtext-placeholder-color: var(--gw-form-field-placeholder-color);
2699
2733
  --gw-panel-background: var(--gw-default-background);
2700
2734
  --gw-panel-border-color: var(--gw-default-border-color);
@@ -2710,23 +2744,27 @@
2710
2744
  --gw-radiobutton-checked-border-color: var(--gw-primary-base);
2711
2745
  --gw-radiobutton-checked-focus-border-color: var(--gw-primary-base);
2712
2746
  --gw-radiobutton-filled-background: var(--gw-form-field-filled-background);
2747
+ --gw-radiobutton-focus-ring-color: var(--gw-focus-ring-color);
2713
2748
  --gw-radiobutton-icon-disabled-color: var(--gw-form-field-disabled-color);
2714
2749
  --gw-checkbox-checked-background: var(--gw-primary-base);
2715
2750
  --gw-checkbox-checked-border-color: var(--gw-primary-base);
2716
2751
  --gw-checkbox-checked-focus-border-color: var(--gw-primary-base);
2717
2752
  --gw-checkbox-filled-background: var(--gw-form-field-filled-background);
2753
+ --gw-checkbox-focus-ring-color: var(--gw-focus-ring-color);
2718
2754
  --gw-checkbox-icon-disabled-color: var(--gw-form-field-disabled-color);
2719
2755
  --gw-autocomplete-disabled-color: var(--gw-form-field-disabled-color);
2720
2756
  --gw-autocomplete-filled-background: var(--gw-form-field-filled-background);
2721
2757
  --gw-autocomplete-filled-focus-background: var(--gw-form-field-filled-focus-background);
2722
2758
  --gw-autocomplete-filled-hover-background: var(--gw-form-field-filled-hover-background);
2723
2759
  --gw-autocomplete-border-radius: var(--gw-form-field-border-radius);
2760
+ --gw-autocomplete-focus-ring-color: var(--gw-form-field-focus-ring-color);
2724
2761
  --gw-autocomplete-placeholder-color: var(--gw-form-field-placeholder-color);
2725
2762
  --gw-autocomplete-overlay-background: var(--gw-overlay-select-background);
2726
2763
  --gw-autocomplete-overlay-border-radius: var(--gw-overlay-select-border-radius);
2727
2764
  --gw-autocomplete-option-focus-background: var(--gw-list-option-focus-background);
2728
2765
  --gw-autocomplete-option-border-radius: var(--gw-list-option-border-radius);
2729
2766
  --gw-autocomplete-dropdown-border-radius: var(--gw-form-field-border-radius);
2767
+ --gw-autocomplete-dropdown-focus-ring-color: var(--gw-focus-ring-color);
2730
2768
  --gw-datepicker-border-radius: var(--gw-form-field-border-radius);
2731
2769
  --gw-datepicker-panel-background: var(--gw-default-background);
2732
2770
  --gw-datepicker-panel-border-color: var(--gw-default-border-color);
@@ -2734,6 +2772,7 @@
2734
2772
  --gw-datepicker-header-background: var(--gw-default-background);
2735
2773
  --gw-datepicker-header-border-color: var(--gw-default-border-color);
2736
2774
  --gw-datepicker-dropdown-border-radius: var(--gw-form-field-border-radius);
2775
+ --gw-datepicker-dropdown-focus-ring-color: var(--gw-focus-ring-color);
2737
2776
  --gw-datepicker-select-month-hover-background: var(--gw-hover-background);
2738
2777
  --gw-datepicker-select-month-hover-color: var(--gw-hover-color);
2739
2778
  --gw-datepicker-select-month-border-radius: var(--gw-content-border-radius);
@@ -2745,12 +2784,14 @@
2745
2784
  --gw-datepicker-date-hover-color: var(--gw-hover-color);
2746
2785
  --gw-datepicker-date-selected-background: var(--gw-primary-base);
2747
2786
  --gw-datepicker-date-range-selected-background: var(--gw-highlight-background);
2787
+ --gw-datepicker-date-focus-ring-color: var(--gw-focus-ring-color);
2748
2788
  --gw-datepicker-month-border-radius: var(--gw-content-border-radius);
2749
2789
  --gw-datepicker-year-border-radius: var(--gw-content-border-radius);
2750
2790
  --gw-datepicker-buttonbar-border-color: var(--gw-default-border-color);
2751
2791
  --gw-datepicker-time-picker-border-color: var(--gw-default-border-color);
2752
2792
  --gw-rating-icon-hover-color: var(--gw-primary-base);
2753
2793
  --gw-rating-icon-active-color: var(--gw-primary-base);
2794
+ --gw-rating-focus-ring-color: var(--gw-focus-ring-color);
2754
2795
  --gw-avatar-background: var(--gw-default-border-color);
2755
2796
  --gw-avatar-border-radius: var(--gw-content-border-radius);
2756
2797
  --gw-avatar-group-border-color: var(--gw-default-background);
@@ -2763,6 +2804,7 @@
2763
2804
  --gw-badge-danger-color: var(--gw-contrast-text);
2764
2805
  --gw-badge-contrast-background: var(--gw-contrast-background);
2765
2806
  --gw-badge-contrast-color: var(--gw-contrast-text);
2807
+ --gw-chip-remove-icon-focus-ring-color: var(--gw-focus-ring-color);
2766
2808
  --gw-progressbar-background: var(--gw-default-border-color);
2767
2809
  --gw-progressbar-border-radius: var(--gw-content-border-radius);
2768
2810
  --gw-progressbar-value-background: var(--gw-primary-base);
@@ -2823,10 +2865,8 @@
2823
2865
  --gw-tag-default-color: var(--gw-neutral-dark);
2824
2866
  --gw-skeleton-border-radius: var(--gw-content-border-radius);
2825
2867
  --gw-breadcrumb-background: var(--gw-default-background);
2826
- --gw-breadcrumb-item-icon-color: var(--gw-sidenav-item-icon-color);
2827
- --gw-breadcrumb-item-icon-hover-color: var(--gw-sidenav-item-icon-focus-color);
2828
2868
  --gw-breadcrumb-item-border-radius: var(--gw-content-border-radius);
2829
- --gw-breadcrumb-separator-color: var(--gw-sidenav-item-icon-color);
2869
+ --gw-breadcrumb-item-focus-ring-color: var(--gw-focus-ring-color);
2830
2870
  --gw-drawer-background: var(--gw-overlay-modal-background);
2831
2871
  --gw-drawer-border-radius: var(--gw-overlay-modal-border-radius);
2832
2872
  --gw-cascadeselect-disabled-color: var(--gw-form-field-disabled-color);
@@ -2834,6 +2874,7 @@
2834
2874
  --gw-cascadeselect-filled-focus-background: var(--gw-form-field-filled-focus-background);
2835
2875
  --gw-cascadeselect-filled-hover-background: var(--gw-form-field-filled-hover-background);
2836
2876
  --gw-cascadeselect-border-radius: var(--gw-form-field-border-radius);
2877
+ --gw-cascadeselect-focus-ring-color: var(--gw-form-field-focus-ring-color);
2837
2878
  --gw-cascadeselect-placeholder-color: var(--gw-form-field-placeholder-color);
2838
2879
  --gw-cascadeselect-overlay-background: var(--gw-overlay-select-background);
2839
2880
  --gw-cascadeselect-overlay-border-radius: var(--gw-overlay-select-border-radius);
@@ -2842,6 +2883,7 @@
2842
2883
  --gw-cascadeselect-option-icon-color: var(--gw-list-option-icon-color);
2843
2884
  --gw-cascadeselect-option-icon-focus-color: var(--gw-list-option-icon-focus-color);
2844
2885
  --gw-colorpicker-preview-border-radius: var(--gw-form-field-border-radius);
2886
+ --gw-colorpicker-preview-focus-ring-color: var(--gw-focus-ring-color);
2845
2887
  --gw-colorpicker-panel-border-radius: var(--gw-overlay-popover-border-radius);
2846
2888
  --gw-colorpicker-panel-border-color: var(--gw-default-border-color);
2847
2889
  --gw-colorpicker-panel-background: var(--gw-default-background);
@@ -2850,6 +2892,7 @@
2850
2892
  --gw-select-filled-focus-background: var(--gw-form-field-filled-focus-background);
2851
2893
  --gw-select-filled-hover-background: var(--gw-form-field-filled-hover-background);
2852
2894
  --gw-select-border-radius: var(--gw-form-field-border-radius);
2895
+ --gw-select-focus-ring-color: var(--gw-form-field-focus-ring-color);
2853
2896
  --gw-select-placeholder-color: var(--gw-form-field-placeholder-color);
2854
2897
  --gw-select-overlay-background: var(--gw-overlay-select-background);
2855
2898
  --gw-select-overlay-border-radius: var(--gw-overlay-select-border-radius);
@@ -2877,9 +2920,11 @@
2877
2920
  --gw-textarea-filled-focus-background: var(--gw-form-field-filled-focus-background);
2878
2921
  --gw-textarea-filled-hover-background: var(--gw-form-field-filled-hover-background);
2879
2922
  --gw-textarea-border-radius: var(--gw-form-field-border-radius);
2923
+ --gw-textarea-focus-ring-color: var(--gw-form-field-focus-ring-color);
2880
2924
  --gw-textarea-placeholder-color: var(--gw-form-field-placeholder-color);
2881
2925
  --gw-inputnumber-button-border-radius: var(--gw-form-field-border-radius);
2882
2926
  --gw-inputnumber-button-hover-border-color: var(--gw-hover-border-color);
2927
+ --gw-knob-focus-ring-color: var(--gw-focus-ring-color);
2883
2928
  --gw-knob-value-background: var(--gw-primary-base);
2884
2929
  --gw-knob-range-background: var(--gw-default-border-color);
2885
2930
  --gw-listbox-disabled-color: var(--gw-form-field-disabled-color);
@@ -2891,6 +2936,7 @@
2891
2936
  --gw-multiselect-filled-focus-background: var(--gw-form-field-filled-focus-background);
2892
2937
  --gw-multiselect-filled-hover-background: var(--gw-form-field-filled-hover-background);
2893
2938
  --gw-multiselect-border-radius: var(--gw-form-field-border-radius);
2939
+ --gw-multiselect-focus-ring-color: var(--gw-form-field-focus-ring-color);
2894
2940
  --gw-multiselect-placeholder-color: var(--gw-form-field-placeholder-color);
2895
2941
  --gw-multiselect-overlay-background: var(--gw-overlay-select-background);
2896
2942
  --gw-multiselect-overlay-border-radius: var(--gw-overlay-select-border-radius);
@@ -2909,8 +2955,10 @@
2909
2955
  --gw-slider-handle-background: var(--gw-default-border-color);
2910
2956
  --gw-slider-handle-hover-background: var(--gw-default-border-color);
2911
2957
  --gw-slider-handle-content-hover-background: var(--gw-default-background);
2958
+ --gw-slider-handle-focus-ring-color: var(--gw-focus-ring-color);
2912
2959
  --gw-togglebutton-border-radius: var(--gw-content-border-radius);
2913
2960
  --gw-togglebutton-disabled-color: var(--gw-form-field-disabled-color);
2961
+ --gw-togglebutton-focus-ring-color: var(--gw-focus-ring-color);
2914
2962
  --gw-togglebutton-icon-disabled-color: var(--gw-form-field-disabled-color);
2915
2963
  --gw-togglebutton-content-border-radius: var(--gw-content-border-radius);
2916
2964
  --gw-selectbutton-border-radius: var(--gw-form-field-border-radius);
@@ -2919,6 +2967,7 @@
2919
2967
  --gw-treeselect-filled-focus-background: var(--gw-form-field-filled-focus-background);
2920
2968
  --gw-treeselect-filled-hover-background: var(--gw-form-field-filled-hover-background);
2921
2969
  --gw-treeselect-border-radius: var(--gw-form-field-border-radius);
2970
+ --gw-treeselect-focus-ring-color: var(--gw-form-field-focus-ring-color);
2922
2971
  --gw-treeselect-placeholder-color: var(--gw-form-field-placeholder-color);
2923
2972
  --gw-treeselect-overlay-background: var(--gw-overlay-select-background);
2924
2973
  --gw-treeselect-overlay-border-radius: var(--gw-overlay-select-border-radius);
@@ -2935,6 +2984,7 @@
2935
2984
  --gw-accordion-header-active-hover-background: var(--gw-default-background);
2936
2985
  --gw-accordion-header-border-color: var(--gw-default-border-color);
2937
2986
  --gw-accordion-header-background: var(--gw-default-background);
2987
+ --gw-accordion-header-focus-ring-color: var(--gw-focus-ring-color);
2938
2988
  --gw-accordion-header-first-top-border-radius: var(--gw-content-border-radius);
2939
2989
  --gw-accordion-header-last-bottom-border-radius: var(--gw-content-border-radius);
2940
2990
  --gw-accordion-content-border-color: var(--gw-default-border-color);
@@ -2948,10 +2998,12 @@
2948
2998
  --gw-fieldset-legend-hover-background: var(--gw-hover-background);
2949
2999
  --gw-fieldset-legend-hover-color: var(--gw-hover-color);
2950
3000
  --gw-fieldset-legend-border-radius: var(--gw-content-border-radius);
3001
+ --gw-fieldset-legend-focus-ring-color: var(--gw-focus-ring-color);
2951
3002
  --gw-splitter-background: var(--gw-default-background);
2952
3003
  --gw-splitter-border-color: var(--gw-default-border-color);
2953
3004
  --gw-splitter-gutter-background: var(--gw-default-border-color);
2954
3005
  --gw-splitter-handle-border-radius: var(--gw-content-border-radius);
3006
+ --gw-splitter-handle-focus-ring-color: var(--gw-focus-ring-color);
2955
3007
  --gw-tabs-tablist-background: var(--gw-default-background);
2956
3008
  --gw-tabs-tablist-border-color: var(--gw-default-border-color);
2957
3009
  --gw-tabs-tab-border-color: var(--gw-neutral-lighter);
@@ -2962,8 +3014,11 @@
2962
3014
  --gw-tabs-tab-color: var(--gw-neutral-dark);
2963
3015
  --gw-tabs-tab-hover-border-bottom-color: var(--gw-default-border-color);
2964
3016
  --gw-tabs-tab-background: var(--gw-neutral-lighter);
3017
+ --gw-tabs-tab-focus-ring-color: var(--gw-focus-ring-color);
2965
3018
  --gw-tabs-tabpanel-background: var(--gw-default-background);
3019
+ --gw-tabs-tabpanel-focus-ring-color: var(--gw-focus-ring-color);
2966
3020
  --gw-tabs-nav-button-background: var(--gw-default-background);
3021
+ --gw-tabs-nav-button-focus-ring-color: var(--gw-focus-ring-color);
2967
3022
  --gw-tabs-active-bar-background: var(--gw-primary-base);
2968
3023
  --gw-toolbar-background: var(--gw-default-background);
2969
3024
  --gw-toolbar-border-color: var(--gw-default-border-color);
@@ -2976,75 +3031,53 @@
2976
3031
  --gw-contextmenu-background: var(--gw-default-background);
2977
3032
  --gw-contextmenu-border-color: var(--gw-default-border-color);
2978
3033
  --gw-contextmenu-border-radius: var(--gw-content-border-radius);
2979
- --gw-contextmenu-item-focus-background: var(--gw-sidenav-item-focus-background);
2980
- --gw-contextmenu-item-active-background: var(--gw-sidenav-item-active-background);
2981
- --gw-contextmenu-item-border-radius: var(--gw-sidenav-item-border-radius);
2982
- --gw-contextmenu-item-icon-color: var(--gw-sidenav-item-icon-color);
2983
- --gw-contextmenu-item-icon-focus-color: var(--gw-sidenav-item-icon-focus-color);
2984
- --gw-contextmenu-item-icon-active-color: var(--gw-sidenav-item-icon-active-color);
2985
- --gw-contextmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
3034
+ --gw-contextmenu-item-focus-background: var(--gw-sidenav-menuitem-selected-background);
3035
+ --gw-contextmenu-item-border-radius: var(--gw-sidenav-menuitem-border-radius);
2986
3036
  --gw-contextmenu-separator-border-color: var(--gw-default-border-color);
2987
3037
  --gw-dock-item-border-radius: var(--gw-content-border-radius);
3038
+ --gw-dock-item-focus-ring-color: var(--gw-focus-ring-color);
2988
3039
  --gw-megamenu-background: var(--gw-default-background);
2989
3040
  --gw-megamenu-border-color: var(--gw-default-border-color);
2990
3041
  --gw-megamenu-border-radius: var(--gw-content-border-radius);
2991
3042
  --gw-megamenu-base-item-border-radius: var(--gw-content-border-radius);
2992
- --gw-megamenu-item-focus-background: var(--gw-sidenav-item-focus-background);
2993
- --gw-megamenu-item-active-background: var(--gw-sidenav-item-active-background);
2994
- --gw-megamenu-item-border-radius: var(--gw-sidenav-item-border-radius);
2995
- --gw-megamenu-item-icon-color: var(--gw-sidenav-item-icon-color);
2996
- --gw-megamenu-item-icon-focus-color: var(--gw-sidenav-item-icon-focus-color);
2997
- --gw-megamenu-item-icon-active-color: var(--gw-sidenav-item-icon-active-color);
3043
+ --gw-megamenu-item-focus-background: var(--gw-sidenav-menuitem-selected-background);
3044
+ --gw-megamenu-item-border-radius: var(--gw-sidenav-menuitem-border-radius);
2998
3045
  --gw-megamenu-overlay-background: var(--gw-default-background);
2999
3046
  --gw-megamenu-overlay-border-color: var(--gw-default-border-color);
3000
3047
  --gw-megamenu-overlay-border-radius: var(--gw-content-border-radius);
3001
- --gw-megamenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
3002
3048
  --gw-megamenu-separator-border-color: var(--gw-default-border-color);
3003
3049
  --gw-megamenu-mobile-button-hover-background: var(--gw-hover-background);
3050
+ --gw-megamenu-mobile-button-focus-ring-color: var(--gw-focus-ring-color);
3004
3051
  --gw-menu-background: var(--gw-default-background);
3005
3052
  --gw-menu-border-color: var(--gw-default-border-color);
3006
3053
  --gw-menu-border-radius: var(--gw-content-border-radius);
3007
- --gw-menu-item-focus-background: var(--gw-sidenav-item-focus-background);
3008
- --gw-menu-item-border-radius: var(--gw-sidenav-item-border-radius);
3009
- --gw-menu-item-icon-color: var(--gw-sidenav-item-icon-color);
3010
- --gw-menu-item-icon-focus-color: var(--gw-sidenav-item-icon-focus-color);
3054
+ --gw-menu-item-focus-background: var(--gw-sidenav-menuitem-selected-background);
3055
+ --gw-menu-item-border-radius: var(--gw-sidenav-menuitem-border-radius);
3011
3056
  --gw-menu-separator-border-color: var(--gw-default-border-color);
3012
3057
  --gw-menubar-background: var(--gw-default-background);
3013
3058
  --gw-menubar-border-color: var(--gw-default-border-color);
3014
3059
  --gw-menubar-border-radius: var(--gw-content-border-radius);
3015
3060
  --gw-menubar-base-item-border-radius: var(--gw-content-border-radius);
3016
- --gw-menubar-item-focus-background: var(--gw-sidenav-item-focus-background);
3017
- --gw-menubar-item-active-background: var(--gw-sidenav-item-active-background);
3018
- --gw-menubar-item-border-radius: var(--gw-sidenav-item-border-radius);
3019
- --gw-menubar-item-icon-color: var(--gw-sidenav-item-icon-color);
3020
- --gw-menubar-item-icon-focus-color: var(--gw-sidenav-item-icon-focus-color);
3021
- --gw-menubar-item-icon-active-color: var(--gw-sidenav-item-icon-active-color);
3061
+ --gw-menubar-item-focus-background: var(--gw-sidenav-menuitem-selected-background);
3062
+ --gw-menubar-item-border-radius: var(--gw-sidenav-menuitem-border-radius);
3022
3063
  --gw-menubar-submenu-background: var(--gw-default-background);
3023
3064
  --gw-menubar-submenu-border-color: var(--gw-default-border-color);
3024
3065
  --gw-menubar-submenu-border-radius: var(--gw-content-border-radius);
3025
- --gw-menubar-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
3026
3066
  --gw-menubar-separator-border-color: var(--gw-default-border-color);
3027
3067
  --gw-menubar-mobile-button-hover-background: var(--gw-hover-background);
3068
+ --gw-menubar-mobile-button-focus-ring-color: var(--gw-focus-ring-color);
3028
3069
  --gw-panelmenu-panel-background: var(--gw-default-background);
3029
3070
  --gw-panelmenu-panel-border-color: var(--gw-default-border-color);
3030
3071
  --gw-panelmenu-panel-border-radius: var(--gw-content-border-radius);
3031
3072
  --gw-panelmenu-panel-first-top-border-radius: var(--gw-content-border-radius);
3032
3073
  --gw-panelmenu-panel-last-bottom-border-radius: var(--gw-content-border-radius);
3033
- --gw-panelmenu-item-focus-background: var(--gw-sidenav-item-focus-background);
3074
+ --gw-panelmenu-item-focus-background: var(--gw-sidenav-menuitem-selected-background);
3034
3075
  --gw-panelmenu-item-border-radius: var(--gw-content-border-radius);
3035
- --gw-panelmenu-item-icon-color: var(--gw-sidenav-item-icon-color);
3036
- --gw-panelmenu-item-icon-focus-color: var(--gw-sidenav-item-icon-focus-color);
3037
- --gw-panelmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
3038
3076
  --gw-tieredmenu-background: var(--gw-default-background);
3039
3077
  --gw-tieredmenu-border-color: var(--gw-default-border-color);
3040
3078
  --gw-tieredmenu-border-radius: var(--gw-content-border-radius);
3041
- --gw-tieredmenu-item-focus-background: var(--gw-sidenav-item-focus-background);
3042
- --gw-tieredmenu-item-active-background: var(--gw-sidenav-item-active-background);
3043
- --gw-tieredmenu-item-border-radius: var(--gw-sidenav-item-border-radius);
3044
- --gw-tieredmenu-item-icon-color: var(--gw-sidenav-item-icon-color);
3045
- --gw-tieredmenu-item-icon-focus-color: var(--gw-sidenav-item-icon-focus-color);
3046
- --gw-tieredmenu-item-icon-active-color: var(--gw-sidenav-item-icon-active-color);
3047
- --gw-tieredmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
3079
+ --gw-tieredmenu-item-focus-background: var(--gw-sidenav-menuitem-selected-background);
3080
+ --gw-tieredmenu-item-border-radius: var(--gw-sidenav-menuitem-border-radius);
3048
3081
  --gw-tieredmenu-separator-border-color: var(--gw-default-border-color);
3049
3082
  --gw-organizationchart-node-background: var(--gw-default-background);
3050
3083
  --gw-organizationchart-node-hover-background: var(--gw-hover-background);
@@ -3055,24 +3088,29 @@
3055
3088
  --gw-organizationchart-node-toggle-button-background: var(--gw-default-background);
3056
3089
  --gw-organizationchart-node-toggle-button-hover-background: var(--gw-hover-background);
3057
3090
  --gw-organizationchart-node-toggle-button-border-color: var(--gw-default-border-color);
3091
+ --gw-organizationchart-node-toggle-button-focus-ring-color: var(--gw-focus-ring-color);
3058
3092
  --gw-organizationchart-connector-color: var(--gw-default-border-color);
3059
3093
  --gw-organizationchart-connector-border-radius: var(--gw-content-border-radius);
3060
3094
  --gw-paginator-border-radius: var(--gw-content-border-radius);
3061
3095
  --gw-paginator-background: var(--gw-default-background);
3062
3096
  --gw-paginator-nav-button-hover-background: var(--gw-hover-background);
3063
3097
  --gw-paginator-nav-button-selected-background: var(--gw-highlight-background);
3098
+ --gw-paginator-nav-button-focus-ring-color: var(--gw-focus-ring-color);
3064
3099
  --gw-datatable-header-background: var(--gw-default-background);
3065
3100
  --gw-datatable-header-cell-background: var(--gw-default-background);
3066
3101
  --gw-datatable-header-cell-hover-background: var(--gw-hover-background);
3067
3102
  --gw-datatable-header-cell-hover-color: var(--gw-hover-color);
3068
3103
  --gw-datatable-header-cell-selected-background: var(--gw-highlight-background);
3104
+ --gw-datatable-header-cell-focus-ring-color: var(--gw-focus-ring-color);
3069
3105
  --gw-datatable-row-background: var(--gw-default-background);
3070
3106
  --gw-datatable-row-hover-background: var(--gw-hover-background);
3071
3107
  --gw-datatable-row-hover-color: var(--gw-hover-color);
3072
3108
  --gw-datatable-row-selected-background: var(--gw-highlight-background);
3109
+ --gw-datatable-row-focus-ring-color: var(--gw-focus-ring-color);
3073
3110
  --gw-datatable-row-toggle-button-hover-background: var(--gw-hover-background);
3074
3111
  --gw-datatable-row-toggle-button-selected-hover-background: var(--gw-default-background);
3075
3112
  --gw-datatable-row-toggle-button-selected-hover-color: var(--gw-primary-base);
3113
+ --gw-datatable-row-toggle-button-focus-ring-color: var(--gw-focus-ring-color);
3076
3114
  --gw-datatable-footer-cell-background: var(--gw-default-background);
3077
3115
  --gw-datatable-footer-background: var(--gw-default-background);
3078
3116
  --gw-datatable-drop-point-color: var(--gw-primary-base);
@@ -3095,27 +3133,34 @@
3095
3133
  --gw-tree-node-hover-background: var(--gw-hover-background);
3096
3134
  --gw-tree-node-hover-color: var(--gw-hover-color);
3097
3135
  --gw-tree-node-selected-background: var(--gw-highlight-background);
3136
+ --gw-tree-node-focus-ring-color: var(--gw-focus-ring-color);
3098
3137
  --gw-tree-node-toggle-button-hover-background: var(--gw-hover-background);
3099
3138
  --gw-tree-node-toggle-button-selected-hover-background: var(--gw-default-background);
3100
3139
  --gw-tree-node-toggle-button-selected-hover-color: var(--gw-primary-base);
3140
+ --gw-tree-node-toggle-button-focus-ring-color: var(--gw-focus-ring-color);
3101
3141
  --gw-virtualscroller-loader-mask-background: var(--gw-default-background);
3102
3142
  --gw-carousel-indicator-border-radius: var(--gw-content-border-radius);
3143
+ --gw-carousel-indicator-focus-ring-color: var(--gw-focus-ring-color);
3103
3144
  --gw-image-preview-mask-color: var(--gw-mask-color);
3145
+ --gw-image-action-focus-ring-color: var(--gw-focus-ring-color);
3104
3146
  --gw-treetable-header-background: var(--gw-default-background);
3105
3147
  --gw-treetable-header-cell-background: var(--gw-default-background);
3106
3148
  --gw-treetable-header-cell-hover-background: var(--gw-hover-background);
3107
3149
  --gw-treetable-header-cell-hover-color: var(--gw-hover-color);
3108
3150
  --gw-treetable-header-cell-selected-background: var(--gw-highlight-background);
3151
+ --gw-treetable-header-cell-focus-ring-color: var(--gw-focus-ring-color);
3109
3152
  --gw-treetable-row-background: var(--gw-default-background);
3110
3153
  --gw-treetable-row-hover-background: var(--gw-hover-background);
3111
3154
  --gw-treetable-row-hover-color: var(--gw-hover-color);
3112
3155
  --gw-treetable-row-selected-background: var(--gw-highlight-background);
3156
+ --gw-treetable-row-focus-ring-color: var(--gw-focus-ring-color);
3113
3157
  --gw-treetable-footer-cell-background: var(--gw-default-background);
3114
3158
  --gw-treetable-footer-background: var(--gw-default-background);
3115
3159
  --gw-treetable-resize-indicator-color: var(--gw-primary-base);
3116
3160
  --gw-treetable-node-toggle-button-hover-background: var(--gw-hover-background);
3117
3161
  --gw-treetable-node-toggle-button-selected-hover-background: var(--gw-default-background);
3118
3162
  --gw-treetable-node-toggle-button-selected-hover-color: var(--gw-primary-base);
3163
+ --gw-treetable-node-toggle-button-focus-ring-color: var(--gw-focus-ring-color);
3119
3164
  --gw-treetable-paginator-top-border-color: var(--gw-default-border-color);
3120
3165
  --gw-treetable-paginator-bottom-border-color: var(--gw-default-border-color);
3121
3166
  --gw-treetable-border-color: var(--gw-default-border-color);
@@ -3140,9 +3185,13 @@
3140
3185
  --gw-toast-error-detail-color: var(--gw-contrast-text);
3141
3186
  --gw-galleria-border-color: var(--gw-default-border-color);
3142
3187
  --gw-galleria-border-radius: var(--gw-content-border-radius);
3188
+ --gw-galleria-nav-button-focus-ring-color: var(--gw-focus-ring-color);
3143
3189
  --gw-galleria-thumbnails-content-background: var(--gw-default-background);
3144
3190
  --gw-galleria-thumbnail-nav-button-border-radius: var(--gw-content-border-radius);
3191
+ --gw-galleria-thumbnail-nav-button-focus-ring-color: var(--gw-focus-ring-color);
3145
3192
  --gw-galleria-indicator-button-active-background: var(--gw-primary-base);
3193
+ --gw-galleria-indicator-button-focus-ring-color: var(--gw-focus-ring-color);
3194
+ --gw-galleria-close-button-focus-ring-color: var(--gw-focus-ring-color);
3146
3195
  --gw-popover-background: var(--gw-overlay-popover-background);
3147
3196
  --gw-popover-border-radius: var(--gw-overlay-popover-border-radius);
3148
3197
  --gw-fileupload-background: var(--gw-default-background);
@@ -3154,6 +3203,7 @@
3154
3203
  --gw-stepper-separator-background: var(--gw-default-border-color);
3155
3204
  --gw-stepper-separator-active-background: var(--gw-primary-base);
3156
3205
  --gw-stepper-step-header-border-radius: var(--gw-content-border-radius);
3206
+ --gw-stepper-step-header-focus-ring-color: var(--gw-focus-ring-color);
3157
3207
  --gw-stepper-step-title-active-color: var(--gw-primary-base);
3158
3208
  --gw-stepper-step-number-background: var(--gw-default-background);
3159
3209
  --gw-stepper-step-number-active-background: var(--gw-default-background);
@@ -3163,6 +3213,7 @@
3163
3213
  --gw-stepper-steppanel-background: var(--gw-default-background);
3164
3214
  --gw-blockui-border-radius: var(--gw-content-border-radius);
3165
3215
  --gw-inplace-border-radius: var(--gw-content-border-radius);
3216
+ --gw-inplace-focus-ring-color: var(--gw-focus-ring-color);
3166
3217
  --gw-inplace-display-hover-background: var(--gw-hover-background);
3167
3218
  --gw-inplace-display-hover-color: var(--gw-hover-color);
3168
3219
  --gw-metergroup-meters-background: var(--gw-default-border-color);
@@ -3171,6 +3222,8 @@
3171
3222
  --gw-overlaybadge-outline-color: var(--gw-default-background);
3172
3223
  --gw-iftalabel-color: var(--gw-form-field-float-label-color);
3173
3224
  --gw-iftalabel-focus-color: var(--gw-form-field-float-label-focus-color);
3225
+ --gw-swagger-border-color: var(--gw-default-border-color);
3226
+ --gw-shortcuts-panel-key-color: var(--gw-secondary-base);
3174
3227
  --gw-link-regular-color: var(--gw-secondary-light);
3175
3228
  --gw-link-regular-hover-color: var(--gw-secondary-base);
3176
3229
  --gw-link-regular-visited-color: var(--gw-secondary-base);
@@ -3184,6 +3237,7 @@
3184
3237
  --gw-progressspinner-color-two: var(--gw-warning-light);
3185
3238
  --gw-progressspinner-color-three: var(--gw-success-light);
3186
3239
  --gw-progressspinner-color-four: var(--gw-success-base);
3240
+ --gw-focus-ring-stroke-color: var(--gw-focus-ring-color);
3187
3241
  --gw-border-default-color: var(--gw-default-border-color);
3188
3242
  --gw-warning-text: var(--gw-help-dark);
3189
3243
  --gw-form-field-float-label-invalid-color: var(--gw-form-field-invalid-placeholder-color);
@@ -3192,10 +3246,9 @@
3192
3246
  --gw-list-option-selected-focus-color: var(--gw-highlight-focus-color);
3193
3247
  --gw-list-option-selected-color: var(--gw-text-color);
3194
3248
  --gw-list-option-color: var(--gw-text-color);
3195
- --gw-sidenav-item-color: var(--gw-text-color);
3196
- --gw-sidenav-submenuitem-active-color: var(--gw-primary-contrast-color);
3197
3249
  --gw-sidenav-menuitem-active-icon-color: var(--gw-primary-contrast-color);
3198
3250
  --gw-sidenav-menuitem-active-color: var(--gw-primary-contrast-color);
3251
+ --gw-sidenav-submenuitem-active-color: var(--gw-primary-contrast-color);
3199
3252
  --gw-overlay-select-color: var(--gw-text-color);
3200
3253
  --gw-overlay-popover-color: var(--gw-text-color);
3201
3254
  --gw-overlay-modal-color: var(--gw-text-color);
@@ -3240,7 +3293,6 @@
3240
3293
  --gw-inputtext-border-color: var(--gw-form-field-border-color);
3241
3294
  --gw-inputtext-hover-border-color: var(--gw-form-field-hover-border-color);
3242
3295
  --gw-inputtext-focus-border-color: var(--gw-form-field-focus-border-color);
3243
- --gw-inputtext-focus-ring-color: var(--gw-form-field-focus-ring-color);
3244
3296
  --gw-inputtext-invalid-border-color: var(--gw-form-field-invalid-border-color);
3245
3297
  --gw-inputtext-invalid-placeholder-color: var(--gw-form-field-invalid-placeholder-color);
3246
3298
  --gw-inputtext-color: var(--gw-form-field-color);
@@ -3262,7 +3314,6 @@
3262
3314
  --gw-radiobutton-border-color: var(--gw-form-field-border-color);
3263
3315
  --gw-radiobutton-hover-border-color: var(--gw-form-field-hover-border-color);
3264
3316
  --gw-radiobutton-focus-border-color: var(--gw-form-field-border-color);
3265
- --gw-radiobutton-focus-ring-color: var(--gw-focus-ring-color);
3266
3317
  --gw-radiobutton-invalid-border-color: var(--gw-form-field-invalid-border-color);
3267
3318
  --gw-radiobutton-icon-checked-color: var(--gw-primary-contrast-color);
3268
3319
  --gw-radiobutton-icon-checked-hover-color: var(--gw-primary-contrast-color);
@@ -3274,7 +3325,6 @@
3274
3325
  --gw-checkbox-disabled-background: var(--gw-form-field-disabled-background);
3275
3326
  --gw-checkbox-hover-border-color: var(--gw-form-field-hover-border-color);
3276
3327
  --gw-checkbox-focus-border-color: var(--gw-form-field-border-color);
3277
- --gw-checkbox-focus-ring-color: var(--gw-focus-ring-color);
3278
3328
  --gw-checkbox-invalid-border-color: var(--gw-form-field-invalid-border-color);
3279
3329
  --gw-checkbox-icon-color: var(--gw-form-field-color);
3280
3330
  --gw-checkbox-icon-checked-color: var(--gw-primary-contrast-color);
@@ -3284,7 +3334,6 @@
3284
3334
  --gw-autocomplete-border-color: var(--gw-form-field-border-color);
3285
3335
  --gw-autocomplete-hover-border-color: var(--gw-form-field-hover-border-color);
3286
3336
  --gw-autocomplete-focus-border-color: var(--gw-form-field-focus-border-color);
3287
- --gw-autocomplete-focus-ring-color: var(--gw-form-field-focus-ring-color);
3288
3337
  --gw-autocomplete-invalid-border-color: var(--gw-form-field-invalid-border-color);
3289
3338
  --gw-autocomplete-invalid-placeholder-color: var(--gw-form-field-invalid-placeholder-color);
3290
3339
  --gw-autocomplete-color: var(--gw-form-field-color);
@@ -3294,13 +3343,11 @@
3294
3343
  --gw-autocomplete-dropdown-border-color: var(--gw-form-field-border-color);
3295
3344
  --gw-autocomplete-dropdown-hover-border-color: var(--gw-form-field-border-color);
3296
3345
  --gw-autocomplete-dropdown-active-border-color: var(--gw-form-field-border-color);
3297
- --gw-autocomplete-dropdown-focus-ring-color: var(--gw-focus-ring-color);
3298
3346
  --gw-datepicker-panel-color: var(--gw-default-color);
3299
3347
  --gw-datepicker-header-color: var(--gw-default-color);
3300
3348
  --gw-datepicker-dropdown-border-color: var(--gw-form-field-border-color);
3301
3349
  --gw-datepicker-dropdown-hover-border-color: var(--gw-form-field-border-color);
3302
3350
  --gw-datepicker-dropdown-active-border-color: var(--gw-form-field-border-color);
3303
- --gw-datepicker-dropdown-focus-ring-color: var(--gw-focus-ring-color);
3304
3351
  --gw-datepicker-input-icon-color: var(--gw-form-field-icon-color);
3305
3352
  --gw-datepicker-select-month-color: var(--gw-default-color);
3306
3353
  --gw-datepicker-select-year-color: var(--gw-default-color);
@@ -3308,12 +3355,9 @@
3308
3355
  --gw-datepicker-date-selected-color: var(--gw-primary-contrast-color);
3309
3356
  --gw-datepicker-date-range-selected-color: var(--gw-highlight-color);
3310
3357
  --gw-datepicker-date-color: var(--gw-default-color);
3311
- --gw-datepicker-date-focus-ring-color: var(--gw-focus-ring-color);
3312
3358
  --gw-rating-icon-color: var(--gw-text-muted-color);
3313
- --gw-rating-focus-ring-color: var(--gw-focus-ring-color);
3314
3359
  --gw-avatar-color: var(--gw-default-color);
3315
3360
  --gw-badge-primary-color: var(--gw-primary-contrast-color);
3316
- --gw-chip-remove-icon-focus-ring-color: var(--gw-focus-ring-color);
3317
3361
  --gw-progressbar-label-color: var(--gw-primary-contrast-color);
3318
3362
  --gw-message-close-button-color: var(--gw-default-muted-color);
3319
3363
  --gw-message-info-close-button-color: var(--gw-default-muted-color);
@@ -3333,14 +3377,14 @@
3333
3377
  --gw-tag-help-color: var(--gw-help-dark);
3334
3378
  --gw-breadcrumb-item-color: var(--gw-text-muted-color);
3335
3379
  --gw-breadcrumb-item-hover-color: var(--gw-text-color);
3336
- --gw-breadcrumb-item-focus-ring-color: var(--gw-focus-ring-color);
3380
+ --gw-breadcrumb-item-icon-color: var(--gw-sidenav-menuitem-icon-color);
3381
+ --gw-breadcrumb-separator-color: var(--gw-sidenav-menuitem-icon-color);
3337
3382
  --gw-drawer-border-color: var(--gw-overlay-modal-border-color);
3338
3383
  --gw-cascadeselect-background: var(--gw-form-field-background);
3339
3384
  --gw-cascadeselect-disabled-background: var(--gw-form-field-disabled-background);
3340
3385
  --gw-cascadeselect-border-color: var(--gw-form-field-border-color);
3341
3386
  --gw-cascadeselect-hover-border-color: var(--gw-form-field-hover-border-color);
3342
3387
  --gw-cascadeselect-focus-border-color: var(--gw-form-field-focus-border-color);
3343
- --gw-cascadeselect-focus-ring-color: var(--gw-form-field-focus-ring-color);
3344
3388
  --gw-cascadeselect-invalid-border-color: var(--gw-form-field-invalid-border-color);
3345
3389
  --gw-cascadeselect-invalid-placeholder-color: var(--gw-form-field-invalid-placeholder-color);
3346
3390
  --gw-cascadeselect-color: var(--gw-form-field-color);
@@ -3349,14 +3393,12 @@
3349
3393
  --gw-cascadeselect-option-focus-color: var(--gw-list-option-focus-color);
3350
3394
  --gw-cascadeselect-option-selected-background: var(--gw-list-option-selected-background);
3351
3395
  --gw-cascadeselect-clear-icon-color: var(--gw-form-field-icon-color);
3352
- --gw-colorpicker-preview-focus-ring-color: var(--gw-focus-ring-color);
3353
3396
  --gw-colorpicker-panel-color: var(--gw-default-color);
3354
3397
  --gw-select-background: var(--gw-form-field-background);
3355
3398
  --gw-select-disabled-background: var(--gw-form-field-disabled-background);
3356
3399
  --gw-select-border-color: var(--gw-form-field-border-color);
3357
3400
  --gw-select-hover-border-color: var(--gw-form-field-hover-border-color);
3358
3401
  --gw-select-focus-border-color: var(--gw-form-field-focus-border-color);
3359
- --gw-select-focus-ring-color: var(--gw-form-field-focus-ring-color);
3360
3402
  --gw-select-invalid-border-color: var(--gw-form-field-invalid-border-color);
3361
3403
  --gw-select-invalid-placeholder-color: var(--gw-form-field-invalid-placeholder-color);
3362
3404
  --gw-select-color: var(--gw-form-field-color);
@@ -3379,13 +3421,11 @@
3379
3421
  --gw-textarea-border-color: var(--gw-form-field-border-color);
3380
3422
  --gw-textarea-hover-border-color: var(--gw-form-field-hover-border-color);
3381
3423
  --gw-textarea-focus-border-color: var(--gw-form-field-focus-border-color);
3382
- --gw-textarea-focus-ring-color: var(--gw-form-field-focus-ring-color);
3383
3424
  --gw-textarea-invalid-border-color: var(--gw-form-field-invalid-border-color);
3384
3425
  --gw-textarea-invalid-placeholder-color: var(--gw-form-field-invalid-placeholder-color);
3385
3426
  --gw-textarea-color: var(--gw-form-field-color);
3386
3427
  --gw-inputnumber-button-border-color: var(--gw-form-field-border-color);
3387
3428
  --gw-inputnumber-button-active-border-color: var(--gw-form-field-border-color);
3388
- --gw-knob-focus-ring-color: var(--gw-focus-ring-color);
3389
3429
  --gw-knob-text-color: var(--gw-text-muted-color);
3390
3430
  --gw-listbox-background: var(--gw-form-field-background);
3391
3431
  --gw-listbox-disabled-background: var(--gw-form-field-disabled-background);
@@ -3399,7 +3439,6 @@
3399
3439
  --gw-multiselect-border-color: var(--gw-form-field-border-color);
3400
3440
  --gw-multiselect-hover-border-color: var(--gw-form-field-hover-border-color);
3401
3441
  --gw-multiselect-focus-border-color: var(--gw-form-field-focus-border-color);
3402
- --gw-multiselect-focus-ring-color: var(--gw-form-field-focus-ring-color);
3403
3442
  --gw-multiselect-invalid-border-color: var(--gw-form-field-invalid-border-color);
3404
3443
  --gw-multiselect-invalid-placeholder-color: var(--gw-form-field-invalid-placeholder-color);
3405
3444
  --gw-multiselect-color: var(--gw-form-field-color);
@@ -3410,18 +3449,15 @@
3410
3449
  --gw-multiselect-clear-icon-color: var(--gw-form-field-icon-color);
3411
3450
  --gw-password-icon-color: var(--gw-form-field-icon-color);
3412
3451
  --gw-password-overlay-border-color: var(--gw-overlay-popover-border-color);
3413
- --gw-slider-handle-focus-ring-color: var(--gw-focus-ring-color);
3414
3452
  --gw-togglebutton-disabled-background: var(--gw-form-field-disabled-background);
3415
3453
  --gw-togglebutton-disabled-border-color: var(--gw-form-field-disabled-background);
3416
3454
  --gw-togglebutton-invalid-border-color: var(--gw-form-field-invalid-border-color);
3417
- --gw-togglebutton-focus-ring-color: var(--gw-focus-ring-color);
3418
3455
  --gw-selectbutton-invalid-border-color: var(--gw-form-field-invalid-border-color);
3419
3456
  --gw-treeselect-background: var(--gw-form-field-background);
3420
3457
  --gw-treeselect-disabled-background: var(--gw-form-field-disabled-background);
3421
3458
  --gw-treeselect-border-color: var(--gw-form-field-border-color);
3422
3459
  --gw-treeselect-hover-border-color: var(--gw-form-field-hover-border-color);
3423
3460
  --gw-treeselect-focus-border-color: var(--gw-form-field-focus-border-color);
3424
- --gw-treeselect-focus-ring-color: var(--gw-form-field-focus-ring-color);
3425
3461
  --gw-treeselect-invalid-border-color: var(--gw-form-field-invalid-border-color);
3426
3462
  --gw-treeselect-invalid-placeholder-color: var(--gw-form-field-invalid-placeholder-color);
3427
3463
  --gw-treeselect-color: var(--gw-form-field-color);
@@ -3434,7 +3470,6 @@
3434
3470
  --gw-accordion-header-color: var(--gw-text-muted-color);
3435
3471
  --gw-accordion-header-hover-color: var(--gw-text-color);
3436
3472
  --gw-accordion-header-active-color: var(--gw-text-color);
3437
- --gw-accordion-header-focus-ring-color: var(--gw-focus-ring-color);
3438
3473
  --gw-accordion-header-toggle-icon-color: var(--gw-text-muted-color);
3439
3474
  --gw-accordion-header-toggle-icon-hover-color: var(--gw-text-color);
3440
3475
  --gw-accordion-header-toggle-icon-active-color: var(--gw-text-color);
@@ -3443,68 +3478,75 @@
3443
3478
  --gw-divider-content-color: var(--gw-text-color);
3444
3479
  --gw-fieldset-color: var(--gw-default-color);
3445
3480
  --gw-fieldset-legend-color: var(--gw-default-color);
3446
- --gw-fieldset-legend-focus-ring-color: var(--gw-focus-ring-color);
3447
3481
  --gw-fieldset-toggle-icon-color: var(--gw-text-muted-color);
3448
3482
  --gw-fieldset-toggle-icon-hover-color: var(--gw-default-muted-color);
3449
3483
  --gw-splitter-color: var(--gw-default-color);
3450
- --gw-splitter-handle-focus-ring-color: var(--gw-focus-ring-color);
3451
3484
  --gw-tabs-tab-active-color: var(--gw-body-color);
3452
3485
  --gw-tabs-tab-hover-color: var(--gw-text-color);
3453
- --gw-tabs-tab-focus-ring-color: var(--gw-focus-ring-color);
3454
3486
  --gw-tabs-tabpanel-color: var(--gw-default-color);
3455
- --gw-tabs-tabpanel-focus-ring-color: var(--gw-focus-ring-color);
3456
3487
  --gw-tabs-nav-button-color: var(--gw-text-muted-color);
3457
3488
  --gw-tabs-nav-button-hover-color: var(--gw-text-color);
3458
- --gw-tabs-nav-button-focus-ring-color: var(--gw-focus-ring-color);
3459
3489
  --gw-toolbar-color: var(--gw-default-color);
3460
3490
  --gw-confirmpopup-border-color: var(--gw-overlay-popover-border-color);
3461
3491
  --gw-dialog-border-color: var(--gw-overlay-modal-border-color);
3462
3492
  --gw-contextmenu-color: var(--gw-default-color);
3463
- --gw-contextmenu-item-focus-color: var(--gw-sidenav-item-focus-color);
3464
- --gw-contextmenu-item-active-color: var(--gw-sidenav-item-active-color);
3493
+ --gw-contextmenu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
3494
+ --gw-contextmenu-item-active-background: var(--gw-sidenav-menuitem-active-background);
3495
+ --gw-contextmenu-item-color: var(--gw-sidenav-menuitem-color);
3496
+ --gw-contextmenu-item-icon-color: var(--gw-sidenav-menuitem-icon-color);
3465
3497
  --gw-contextmenu-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
3498
+ --gw-contextmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
3466
3499
  --gw-contextmenu-submenu-icon-active-color: var(--gw-sidenav-menuitem-active-background);
3467
- --gw-dock-item-focus-ring-color: var(--gw-focus-ring-color);
3468
3500
  --gw-megamenu-color: var(--gw-default-color);
3469
- --gw-megamenu-item-focus-color: var(--gw-sidenav-item-focus-color);
3470
- --gw-megamenu-item-active-color: var(--gw-sidenav-item-active-color);
3501
+ --gw-megamenu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
3502
+ --gw-megamenu-item-active-background: var(--gw-sidenav-menuitem-active-background);
3503
+ --gw-megamenu-item-color: var(--gw-sidenav-menuitem-color);
3504
+ --gw-megamenu-item-icon-color: var(--gw-sidenav-menuitem-icon-color);
3471
3505
  --gw-megamenu-overlay-color: var(--gw-default-color);
3472
3506
  --gw-megamenu-submenu-label-background: var(--gw-sidenav-menuitem-background);
3473
3507
  --gw-megamenu-submenu-label-color: var(--gw-sidenav-menuitem-color);
3474
3508
  --gw-megamenu-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
3509
+ --gw-megamenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
3475
3510
  --gw-megamenu-submenu-icon-active-color: var(--gw-sidenav-menuitem-active-background);
3476
3511
  --gw-megamenu-mobile-button-color: var(--gw-text-muted-color);
3477
3512
  --gw-megamenu-mobile-button-hover-color: var(--gw-default-muted-color);
3478
- --gw-megamenu-mobile-button-focus-ring-color: var(--gw-focus-ring-color);
3479
3513
  --gw-menu-color: var(--gw-default-color);
3480
- --gw-menu-item-focus-color: var(--gw-sidenav-item-focus-color);
3514
+ --gw-menu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
3515
+ --gw-menu-item-color: var(--gw-sidenav-menuitem-color);
3516
+ --gw-menu-item-icon-color: var(--gw-sidenav-menuitem-icon-color);
3481
3517
  --gw-menu-submenu-label-background: var(--gw-sidenav-menuitem-background);
3482
3518
  --gw-menu-submenu-label-color: var(--gw-sidenav-menuitem-color);
3483
3519
  --gw-menubar-color: var(--gw-default-color);
3484
- --gw-menubar-item-focus-color: var(--gw-sidenav-item-focus-color);
3485
- --gw-menubar-item-active-color: var(--gw-sidenav-item-active-color);
3520
+ --gw-menubar-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
3521
+ --gw-menubar-item-active-background: var(--gw-sidenav-menuitem-active-background);
3522
+ --gw-menubar-item-color: var(--gw-sidenav-menuitem-color);
3523
+ --gw-menubar-item-icon-color: var(--gw-sidenav-menuitem-icon-color);
3486
3524
  --gw-menubar-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
3525
+ --gw-menubar-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
3487
3526
  --gw-menubar-submenu-icon-active-color: var(--gw-sidenav-menuitem-active-background);
3488
3527
  --gw-menubar-mobile-button-color: var(--gw-text-muted-color);
3489
3528
  --gw-menubar-mobile-button-hover-color: var(--gw-default-muted-color);
3490
- --gw-menubar-mobile-button-focus-ring-color: var(--gw-focus-ring-color);
3491
3529
  --gw-panelmenu-panel-color: var(--gw-default-color);
3492
- --gw-panelmenu-item-focus-color: var(--gw-sidenav-item-focus-color);
3530
+ --gw-panelmenu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
3531
+ --gw-panelmenu-item-color: var(--gw-sidenav-menuitem-color);
3532
+ --gw-panelmenu-item-icon-color: var(--gw-sidenav-menuitem-icon-color);
3493
3533
  --gw-panelmenu-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
3534
+ --gw-panelmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
3494
3535
  --gw-tieredmenu-color: var(--gw-default-color);
3495
- --gw-tieredmenu-item-focus-color: var(--gw-sidenav-item-focus-color);
3496
- --gw-tieredmenu-item-active-color: var(--gw-sidenav-item-active-color);
3536
+ --gw-tieredmenu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
3537
+ --gw-tieredmenu-item-active-background: var(--gw-sidenav-menuitem-active-background);
3538
+ --gw-tieredmenu-item-color: var(--gw-sidenav-menuitem-color);
3539
+ --gw-tieredmenu-item-icon-color: var(--gw-sidenav-menuitem-icon-color);
3497
3540
  --gw-tieredmenu-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
3541
+ --gw-tieredmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
3498
3542
  --gw-tieredmenu-submenu-icon-active-color: var(--gw-sidenav-menuitem-active-background);
3499
3543
  --gw-organizationchart-node-selected-color: var(--gw-highlight-color);
3500
3544
  --gw-organizationchart-node-color: var(--gw-default-color);
3501
3545
  --gw-organizationchart-node-toggle-button-hover-color: var(--gw-text-color);
3502
3546
  --gw-organizationchart-node-toggle-button-color: var(--gw-text-muted-color);
3503
- --gw-organizationchart-node-toggle-button-focus-ring-color: var(--gw-focus-ring-color);
3504
3547
  --gw-paginator-color: var(--gw-default-color);
3505
3548
  --gw-paginator-nav-button-hover-color: var(--gw-default-muted-color);
3506
3549
  --gw-paginator-nav-button-selected-color: var(--gw-highlight-color);
3507
- --gw-paginator-nav-button-focus-ring-color: var(--gw-focus-ring-color);
3508
3550
  --gw-paginator-nav-button-color: var(--gw-text-muted-color);
3509
3551
  --gw-paginator-current-page-report-color: var(--gw-text-muted-color);
3510
3552
  --gw-datatable-header-border-color: var(--gw-datatable-border-color);
@@ -3512,17 +3554,13 @@
3512
3554
  --gw-datatable-header-cell-selected-color: var(--gw-highlight-color);
3513
3555
  --gw-datatable-header-cell-border-color: var(--gw-datatable-border-color);
3514
3556
  --gw-datatable-header-cell-color: var(--gw-default-color);
3515
- --gw-datatable-header-cell-focus-ring-color: var(--gw-focus-ring-color);
3516
3557
  --gw-datatable-row-selected-color: var(--gw-highlight-color);
3517
3558
  --gw-datatable-row-color: var(--gw-default-color);
3518
- --gw-datatable-row-focus-ring-color: var(--gw-focus-ring-color);
3519
3559
  --gw-datatable-row-toggle-button-hover-color: var(--gw-text-color);
3520
3560
  --gw-datatable-row-toggle-button-color: var(--gw-text-muted-color);
3521
- --gw-datatable-row-toggle-button-focus-ring-color: var(--gw-focus-ring-color);
3522
3561
  --gw-datatable-body-cell-border-color: var(--gw-datatable-border-color);
3523
3562
  --gw-datatable-footer-cell-border-color: var(--gw-datatable-border-color);
3524
3563
  --gw-datatable-footer-cell-color: var(--gw-default-color);
3525
- --gw-datatable-footer-border-color: var(--gw-datatable-border-color);
3526
3564
  --gw-datatable-footer-color: var(--gw-default-color);
3527
3565
  --gw-datatable-sort-icon-color: var(--gw-text-muted-color);
3528
3566
  --gw-datatable-sort-icon-hover-color: var(--gw-default-muted-color);
@@ -3535,25 +3573,19 @@
3535
3573
  --gw-tree-color: var(--gw-default-color);
3536
3574
  --gw-tree-node-selected-color: var(--gw-highlight-color);
3537
3575
  --gw-tree-node-color: var(--gw-text-color);
3538
- --gw-tree-node-focus-ring-color: var(--gw-focus-ring-color);
3539
3576
  --gw-tree-node-icon-color: var(--gw-text-muted-color);
3540
3577
  --gw-tree-node-icon-hover-color: var(--gw-default-muted-color);
3541
3578
  --gw-tree-node-icon-selected-color: var(--gw-highlight-color);
3542
3579
  --gw-tree-node-toggle-button-hover-color: var(--gw-default-muted-color);
3543
3580
  --gw-tree-node-toggle-button-color: var(--gw-text-muted-color);
3544
- --gw-tree-node-toggle-button-focus-ring-color: var(--gw-focus-ring-color);
3545
3581
  --gw-virtualscroller-loader-mask-color: var(--gw-text-muted-color);
3546
- --gw-carousel-indicator-focus-ring-color: var(--gw-focus-ring-color);
3547
- --gw-image-action-focus-ring-color: var(--gw-focus-ring-color);
3548
3582
  --gw-treetable-header-border-color: var(--gw-treetable-border-color);
3549
3583
  --gw-treetable-header-color: var(--gw-default-color);
3550
3584
  --gw-treetable-header-cell-selected-color: var(--gw-highlight-color);
3551
3585
  --gw-treetable-header-cell-border-color: var(--gw-treetable-border-color);
3552
3586
  --gw-treetable-header-cell-color: var(--gw-default-color);
3553
- --gw-treetable-header-cell-focus-ring-color: var(--gw-focus-ring-color);
3554
3587
  --gw-treetable-row-selected-color: var(--gw-highlight-color);
3555
3588
  --gw-treetable-row-color: var(--gw-default-color);
3556
- --gw-treetable-row-focus-ring-color: var(--gw-focus-ring-color);
3557
3589
  --gw-treetable-body-cell-border-color: var(--gw-treetable-border-color);
3558
3590
  --gw-treetable-footer-cell-border-color: var(--gw-treetable-border-color);
3559
3591
  --gw-treetable-footer-cell-color: var(--gw-default-color);
@@ -3563,26 +3595,24 @@
3563
3595
  --gw-treetable-sort-icon-hover-color: var(--gw-default-muted-color);
3564
3596
  --gw-treetable-node-toggle-button-hover-color: var(--gw-text-color);
3565
3597
  --gw-treetable-node-toggle-button-color: var(--gw-text-muted-color);
3566
- --gw-treetable-node-toggle-button-focus-ring-color: var(--gw-focus-ring-color);
3567
3598
  --gw-toast-success-color: var(--gw-primary-contrast-color);
3568
3599
  --gw-toast-success-icon-color: var(--gw-primary-contrast-color);
3569
3600
  --gw-toast-success-detail-color: var(--gw-primary-contrast-color);
3570
- --gw-galleria-nav-button-focus-ring-color: var(--gw-focus-ring-color);
3571
- --gw-galleria-thumbnail-nav-button-focus-ring-color: var(--gw-focus-ring-color);
3572
- --gw-galleria-indicator-button-focus-ring-color: var(--gw-focus-ring-color);
3573
- --gw-galleria-close-button-focus-ring-color: var(--gw-focus-ring-color);
3574
3601
  --gw-popover-border-color: var(--gw-overlay-popover-border-color);
3575
3602
  --gw-fileupload-color: var(--gw-default-color);
3576
3603
  --gw-fileupload-header-color: var(--gw-text-color);
3577
- --gw-stepper-step-header-focus-ring-color: var(--gw-focus-ring-color);
3578
3604
  --gw-stepper-step-title-color: var(--gw-text-muted-color);
3579
3605
  --gw-stepper-step-number-color: var(--gw-text-muted-color);
3580
3606
  --gw-stepper-steppanel-color: var(--gw-default-color);
3581
- --gw-inplace-focus-ring-color: var(--gw-focus-ring-color);
3582
3607
  --gw-terminal-background: var(--gw-form-field-background);
3583
3608
  --gw-terminal-border-color: var(--gw-form-field-border-color);
3584
3609
  --gw-terminal-color: var(--gw-form-field-color);
3585
- --gw-focus-ring-stroke-color: var(--gw-focus-ring-color);
3610
+ --gw-swagger-color: var(--gw-body-color);
3611
+ --gw-swagger-help-color: var(--gw-default-muted-color);
3612
+ --gw-swagger-heading-color: var(--gw-default-muted-color);
3613
+ --gw-shortcuts-panel-color: var(--gw-default-color);
3614
+ --gw-shortcuts-panel-heading-color: var(--gw-default-muted-color);
3615
+ --gw-shortcuts-panel-close-button-color: var(--gw-default-muted-color);
3586
3616
  --gw-avatar-group-stroke-color: var(--gw-avatar-group-border-color);
3587
3617
  --gw-floatlabel-invalid-color: var(--gw-form-field-float-label-invalid-color);
3588
3618
  --gw-autocomplete-overlay-color: var(--gw-overlay-select-color);
@@ -3625,12 +3655,10 @@
3625
3655
  --gw-confirmpopup-color: var(--gw-overlay-popover-color);
3626
3656
  --gw-confirmpopup-icon-color: var(--gw-overlay-popover-color);
3627
3657
  --gw-dialog-color: var(--gw-overlay-modal-color);
3628
- --gw-contextmenu-item-color: var(--gw-sidenav-item-color);
3629
- --gw-megamenu-item-color: var(--gw-sidenav-item-color);
3630
- --gw-menu-item-color: var(--gw-sidenav-item-color);
3631
- --gw-menubar-item-color: var(--gw-sidenav-item-color);
3632
- --gw-panelmenu-item-color: var(--gw-sidenav-item-color);
3633
- --gw-tieredmenu-item-color: var(--gw-sidenav-item-color);
3658
+ --gw-contextmenu-item-active-color: var(--gw-sidenav-menuitem-active-color);
3659
+ --gw-megamenu-item-active-color: var(--gw-sidenav-menuitem-active-color);
3660
+ --gw-menubar-item-active-color: var(--gw-sidenav-menuitem-active-color);
3661
+ --gw-tieredmenu-item-active-color: var(--gw-sidenav-menuitem-active-color);
3634
3662
  --gw-datatable-filter-overlay-select-color: var(--gw-overlay-select-color);
3635
3663
  --gw-datatable-filter-overlay-popover-color: var(--gw-overlay-popover-color);
3636
3664
  --gw-datatable-filter-constraint-selected-focus-background: var(--gw-list-option-selected-focus-background);