graphwise-styleguide 0.0.1-init7 → 0.0.1-init9
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 +248 -196
- package/dist/variables-light.css +248 -196
- package/package.json +1 -1
package/dist/variables-dark.css
CHANGED
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
--gw-space-3: 3rem;
|
|
10
10
|
--gw-space-4: 4rem;
|
|
11
11
|
--gw-space-0-25: 0.25rem;
|
|
12
|
+
--gw-space-0-125: 0.125rem; /** 16px base -> 2px */
|
|
12
13
|
--gw-space-0-375: 0.375rem;
|
|
13
14
|
--gw-space-0-5: 0.5rem;
|
|
14
15
|
--gw-space-0-75: 0.75rem;
|
|
@@ -62,8 +63,8 @@
|
|
|
62
63
|
--gw-main-gray-900: #0a0a0a;
|
|
63
64
|
--gw-main-gray-50-50: #fafafa;
|
|
64
65
|
--gw-main-gray-900-50: #0a0a0a;
|
|
65
|
-
--gw-main-gray-900-0-
|
|
66
|
-
--gw-main-gray-0-0-
|
|
66
|
+
--gw-main-gray-900-0-05: rgba(10, 10, 10, 0.05);
|
|
67
|
+
--gw-main-gray-0-0-05: rgba(255, 255, 255, 0.05);
|
|
67
68
|
--gw-additional-red-100: #fcf3f3;
|
|
68
69
|
--gw-additional-red-200: #f9e7e7;
|
|
69
70
|
--gw-additional-red-300: #f4d2d2;
|
|
@@ -109,12 +110,17 @@
|
|
|
109
110
|
--gw-xl-font-size: 1.5rem;
|
|
110
111
|
--gw-size-0: 0;
|
|
111
112
|
--gw-size-1: 1rem;
|
|
113
|
+
--gw-size-0-25: 0.25rem;
|
|
114
|
+
--gw-size-0-5: 0.5rem;
|
|
115
|
+
--gw-size-0-75: 0.75rem;
|
|
116
|
+
--gw-size-0-875: 0.875rem;
|
|
117
|
+
--gw-size-1-125: 1.125rem;
|
|
112
118
|
--gw-neutral-transparent: rgba(0, 0, 0, 0);
|
|
113
119
|
--gw-icon-size: 1rem;
|
|
114
120
|
--gw-disabled-opacity: 0.6;
|
|
115
121
|
--gw-form-field-sm-font-size: 0.875rem;
|
|
116
|
-
--gw-form-field-sm-padding-x: 0.
|
|
117
|
-
--gw-form-field-sm-padding-y: 0.
|
|
122
|
+
--gw-form-field-sm-padding-x: 0.375rem;
|
|
123
|
+
--gw-form-field-sm-padding-y: 0.25rem;
|
|
118
124
|
--gw-form-field-lg-font-size: 1.125rem;
|
|
119
125
|
--gw-form-field-lg-padding-x: 0.875rem;
|
|
120
126
|
--gw-form-field-lg-padding-y: 0.625rem;
|
|
@@ -127,14 +133,15 @@
|
|
|
127
133
|
--gw-list-option-group-padding: 0.5rem 0.75rem;
|
|
128
134
|
--gw-list-option-group-font-weight: 600;
|
|
129
135
|
--gw-list-option-group-background: rgba(0, 0, 0, 0);
|
|
130
|
-
--gw-
|
|
131
|
-
--gw-
|
|
132
|
-
--gw-
|
|
133
|
-
--gw-
|
|
134
|
-
--gw-
|
|
135
|
-
--gw-
|
|
136
|
-
--gw-
|
|
137
|
-
--gw-
|
|
136
|
+
--gw-sidenav-list-padding: 0.25rem 0.25rem;
|
|
137
|
+
--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-icon-size: 2rem;
|
|
143
|
+
--gw-sidenav-menuitem-hover-icon-size: 2.5rem;
|
|
144
|
+
--gw-sidenav-logo-background: #002b4f;
|
|
138
145
|
--gw-overlay-popover-padding: 0.75rem;
|
|
139
146
|
--gw-overlay-modal-padding: 1.25rem;
|
|
140
147
|
--gw-overlay-title-font-size: 1.5rem;
|
|
@@ -153,6 +160,7 @@
|
|
|
153
160
|
--gw-button-badge-size: 1rem;
|
|
154
161
|
--gw-button-success-hover-color: #ffffff;
|
|
155
162
|
--gw-button-success-disabled-color: #ffffff;
|
|
163
|
+
--gw-xxs-line-height: 1.125rem;
|
|
156
164
|
--gw-1rem-line-height: 1rem;
|
|
157
165
|
--gw-mask-background: rgba(0, 0, 0, 0.4);
|
|
158
166
|
--gw-inputtext-sm-font-size: 0.875rem;
|
|
@@ -165,23 +173,19 @@
|
|
|
165
173
|
--gw-panel-title-font-weight: 600;
|
|
166
174
|
--gw-panel-content-padding: 0 1.125rem 1.125rem 1.125rem;
|
|
167
175
|
--gw-panel-footer-padding: 0 1.125rem 1.125rem 1.125rem;
|
|
168
|
-
--gw-toggleswitch-width:
|
|
169
|
-
--gw-toggleswitch-height: 1.5rem;
|
|
176
|
+
--gw-toggleswitch-width: 1.875rem;
|
|
170
177
|
--gw-toggleswitch-border-radius: 30px;
|
|
171
178
|
--gw-toggleswitch-border-width: 1px;
|
|
172
179
|
--gw-toggleswitch-border-color: rgba(0, 0, 0, 0);
|
|
173
|
-
--gw-toggleswitch-gap: 0.25rem;
|
|
174
180
|
--gw-toggleswitch-hover-border-color: rgba(0, 0, 0, 0);
|
|
175
181
|
--gw-toggleswitch-checked-border-color: rgba(0, 0, 0, 0);
|
|
176
182
|
--gw-toggleswitch-checked-hover-border-color: rgba(0, 0, 0, 0);
|
|
177
|
-
--gw-toggleswitch-handle-size: 1rem;
|
|
178
183
|
--gw-toggleswitch-slide-duration: 0.2s;
|
|
179
184
|
--gw-floatlabel-active-font-size: 0.75rem;
|
|
180
185
|
--gw-floatlabel-active-font-weight: 400;
|
|
181
186
|
--gw-floatlabel-transition-duration: 0.2s;
|
|
182
187
|
--gw-floatlabel-font-weight: 500;
|
|
183
188
|
--gw-floatlabel-over-active-top: -1.25rem;
|
|
184
|
-
--gw-floatlabel-in-input-padding-top: 2.5rem;
|
|
185
189
|
--gw-floatlabel-on-active-padding: 0 0.125rem;
|
|
186
190
|
--gw-radiobutton-width: 1.25rem;
|
|
187
191
|
--gw-radiobutton-height: 1.25rem;
|
|
@@ -259,7 +263,6 @@
|
|
|
259
263
|
--gw-badge-xl-height: 2rem;
|
|
260
264
|
--gw-chip-border-radius: 16px;
|
|
261
265
|
--gw-chip-padding-x: 0.75rem;
|
|
262
|
-
--gw-chip-padding-y: 0.5rem;
|
|
263
266
|
--gw-chip-gap: 0.5rem;
|
|
264
267
|
--gw-chip-image-width: 2rem;
|
|
265
268
|
--gw-chip-image-height: 2rem;
|
|
@@ -375,7 +378,6 @@
|
|
|
375
378
|
--gw-tabs-tablist-border-width: 1px;
|
|
376
379
|
--gw-tabs-tablist-gap: 1px;
|
|
377
380
|
--gw-tabs-tab-border-width: 1px;
|
|
378
|
-
--gw-tabs-tab-hover-background: rgba(0, 0, 0, 0);
|
|
379
381
|
--gw-tabs-tab-font-weight: 600;
|
|
380
382
|
--gw-tabs-tab-margin: 0;
|
|
381
383
|
--gw-tabs-tab-gap: 0.5rem;
|
|
@@ -454,9 +456,7 @@
|
|
|
454
456
|
--gw-datatable-column-resizer-width: 0.5rem;
|
|
455
457
|
--gw-datatable-row-focus-ring-offset: -1px;
|
|
456
458
|
--gw-datatable-row-toggle-button-size: 1.75rem;
|
|
457
|
-
--gw-datatable-body-cell-padding: 0.75rem 1rem;
|
|
458
459
|
--gw-datatable-body-cell-sm-padding: 0.375rem 0.5rem;
|
|
459
|
-
--gw-datatable-body-cell-lg-padding: 1rem 1.25rem;
|
|
460
460
|
--gw-datatable-footer-cell-padding: 0.75rem 1rem;
|
|
461
461
|
--gw-datatable-footer-cell-sm-padding: 0.375rem 0.5rem;
|
|
462
462
|
--gw-datatable-footer-cell-lg-padding: 1rem 1.25rem;
|
|
@@ -629,11 +629,11 @@
|
|
|
629
629
|
--gw-form-field-focus-ring-shadow-type: dropShadow;
|
|
630
630
|
--gw-form-field-focus-ring-shadow-offset-x: 0;
|
|
631
631
|
--gw-form-field-focus-ring-shadow-offset-y: 0;
|
|
632
|
-
--gw-form-field-shadow-blur:
|
|
632
|
+
--gw-form-field-shadow-blur: 2px;
|
|
633
633
|
--gw-form-field-shadow-spread: 0;
|
|
634
634
|
--gw-form-field-shadow-type: dropShadow;
|
|
635
635
|
--gw-form-field-shadow-offset-x: 0;
|
|
636
|
-
--gw-form-field-shadow-offset-y:
|
|
636
|
+
--gw-form-field-shadow-offset-y: 1px;
|
|
637
637
|
--gw-focus-ring-shadow-blur: 0;
|
|
638
638
|
--gw-focus-ring-shadow-spread: 0;
|
|
639
639
|
--gw-focus-ring-shadow-type: dropShadow;
|
|
@@ -760,6 +760,8 @@
|
|
|
760
760
|
--gw-heading-h5-line-height: 1,4;
|
|
761
761
|
--gw-heading-h6-font-size: 1rem;
|
|
762
762
|
--gw-heading-h6-line-height: 1,4;
|
|
763
|
+
--gw-body-base-regular-underlined-text-decoration: underline;
|
|
764
|
+
--gw-body-base-medium-underlined-text-decoration: underline;
|
|
763
765
|
--gw-caption-base-text-case: uppercase;
|
|
764
766
|
--gw-caption-base-letter-spacing: 0.02em;
|
|
765
767
|
--gw-caption-sm-text-case: uppercase;
|
|
@@ -769,16 +771,16 @@
|
|
|
769
771
|
--gw-inputtext-focus-ring-shadow-type: dropShadow;
|
|
770
772
|
--gw-inputtext-focus-ring-shadow-offset-x: 0;
|
|
771
773
|
--gw-inputtext-focus-ring-shadow-offset-y: 0;
|
|
772
|
-
--gw-inputtext-shadow-blur:
|
|
774
|
+
--gw-inputtext-shadow-blur: 2px;
|
|
773
775
|
--gw-inputtext-shadow-spread: 0;
|
|
774
776
|
--gw-inputtext-shadow-type: dropShadow;
|
|
775
777
|
--gw-inputtext-shadow-offset-x: 0;
|
|
776
|
-
--gw-inputtext-shadow-offset-y:
|
|
777
|
-
--gw-toggleswitch-shadow-blur:
|
|
778
|
+
--gw-inputtext-shadow-offset-y: 1px;
|
|
779
|
+
--gw-toggleswitch-shadow-blur: 2px;
|
|
778
780
|
--gw-toggleswitch-shadow-spread: 0;
|
|
779
781
|
--gw-toggleswitch-shadow-type: dropShadow;
|
|
780
782
|
--gw-toggleswitch-shadow-offset-x: 0;
|
|
781
|
-
--gw-toggleswitch-shadow-offset-y:
|
|
783
|
+
--gw-toggleswitch-shadow-offset-y: 1px;
|
|
782
784
|
--gw-toggleswitch-focus-ring-shadow-blur: 0;
|
|
783
785
|
--gw-toggleswitch-focus-ring-shadow-spread: 0;
|
|
784
786
|
--gw-toggleswitch-focus-ring-shadow-type: dropShadow;
|
|
@@ -789,31 +791,31 @@
|
|
|
789
791
|
--gw-radiobutton-focus-ring-shadow-type: dropShadow;
|
|
790
792
|
--gw-radiobutton-focus-ring-shadow-offset-x: 0;
|
|
791
793
|
--gw-radiobutton-focus-ring-shadow-offset-y: 0;
|
|
792
|
-
--gw-radiobutton-shadow-blur:
|
|
794
|
+
--gw-radiobutton-shadow-blur: 2px;
|
|
793
795
|
--gw-radiobutton-shadow-spread: 0;
|
|
794
796
|
--gw-radiobutton-shadow-type: dropShadow;
|
|
795
797
|
--gw-radiobutton-shadow-offset-x: 0;
|
|
796
|
-
--gw-radiobutton-shadow-offset-y:
|
|
798
|
+
--gw-radiobutton-shadow-offset-y: 1px;
|
|
797
799
|
--gw-checkbox-focus-ring-shadow-blur: 0;
|
|
798
800
|
--gw-checkbox-focus-ring-shadow-spread: 0;
|
|
799
801
|
--gw-checkbox-focus-ring-shadow-type: dropShadow;
|
|
800
802
|
--gw-checkbox-focus-ring-shadow-offset-x: 0;
|
|
801
803
|
--gw-checkbox-focus-ring-shadow-offset-y: 0;
|
|
802
|
-
--gw-checkbox-shadow-blur:
|
|
804
|
+
--gw-checkbox-shadow-blur: 2px;
|
|
803
805
|
--gw-checkbox-shadow-spread: 0;
|
|
804
806
|
--gw-checkbox-shadow-type: dropShadow;
|
|
805
807
|
--gw-checkbox-shadow-offset-x: 0;
|
|
806
|
-
--gw-checkbox-shadow-offset-y:
|
|
808
|
+
--gw-checkbox-shadow-offset-y: 1px;
|
|
807
809
|
--gw-autocomplete-focus-ring-shadow-blur: 0;
|
|
808
810
|
--gw-autocomplete-focus-ring-shadow-spread: 0;
|
|
809
811
|
--gw-autocomplete-focus-ring-shadow-type: dropShadow;
|
|
810
812
|
--gw-autocomplete-focus-ring-shadow-offset-x: 0;
|
|
811
813
|
--gw-autocomplete-focus-ring-shadow-offset-y: 0;
|
|
812
|
-
--gw-autocomplete-shadow-blur:
|
|
814
|
+
--gw-autocomplete-shadow-blur: 2px;
|
|
813
815
|
--gw-autocomplete-shadow-spread: 0;
|
|
814
816
|
--gw-autocomplete-shadow-type: dropShadow;
|
|
815
817
|
--gw-autocomplete-shadow-offset-x: 0;
|
|
816
|
-
--gw-autocomplete-shadow-offset-y:
|
|
818
|
+
--gw-autocomplete-shadow-offset-y: 1px;
|
|
817
819
|
--gw-autocomplete-overlay-shadow-1-blur: 6px;
|
|
818
820
|
--gw-autocomplete-overlay-shadow-1-spread: -1px;
|
|
819
821
|
--gw-autocomplete-overlay-shadow-1-color: rgba(255, 255, 255, 0.1);
|
|
@@ -964,11 +966,11 @@
|
|
|
964
966
|
--gw-cascadeselect-focus-ring-shadow-type: dropShadow;
|
|
965
967
|
--gw-cascadeselect-focus-ring-shadow-offset-x: 0;
|
|
966
968
|
--gw-cascadeselect-focus-ring-shadow-offset-y: 0;
|
|
967
|
-
--gw-cascadeselect-shadow-blur:
|
|
969
|
+
--gw-cascadeselect-shadow-blur: 2px;
|
|
968
970
|
--gw-cascadeselect-shadow-spread: 0;
|
|
969
971
|
--gw-cascadeselect-shadow-type: dropShadow;
|
|
970
972
|
--gw-cascadeselect-shadow-offset-x: 0;
|
|
971
|
-
--gw-cascadeselect-shadow-offset-y:
|
|
973
|
+
--gw-cascadeselect-shadow-offset-y: 1px;
|
|
972
974
|
--gw-cascadeselect-overlay-shadow-1-blur: 6px;
|
|
973
975
|
--gw-cascadeselect-overlay-shadow-1-spread: -1px;
|
|
974
976
|
--gw-cascadeselect-overlay-shadow-1-color: rgba(255, 255, 255, 0.1);
|
|
@@ -1000,11 +1002,11 @@
|
|
|
1000
1002
|
--gw-select-focus-ring-shadow-type: dropShadow;
|
|
1001
1003
|
--gw-select-focus-ring-shadow-offset-x: 0;
|
|
1002
1004
|
--gw-select-focus-ring-shadow-offset-y: 0;
|
|
1003
|
-
--gw-select-shadow-blur:
|
|
1005
|
+
--gw-select-shadow-blur: 2px;
|
|
1004
1006
|
--gw-select-shadow-spread: 0;
|
|
1005
1007
|
--gw-select-shadow-type: dropShadow;
|
|
1006
1008
|
--gw-select-shadow-offset-x: 0;
|
|
1007
|
-
--gw-select-shadow-offset-y:
|
|
1009
|
+
--gw-select-shadow-offset-y: 1px;
|
|
1008
1010
|
--gw-select-overlay-shadow-1-blur: 6px;
|
|
1009
1011
|
--gw-select-overlay-shadow-1-spread: -1px;
|
|
1010
1012
|
--gw-select-overlay-shadow-1-color: rgba(255, 255, 255, 0.1);
|
|
@@ -1032,31 +1034,31 @@
|
|
|
1032
1034
|
--gw-textarea-focus-ring-shadow-type: dropShadow;
|
|
1033
1035
|
--gw-textarea-focus-ring-shadow-offset-x: 0;
|
|
1034
1036
|
--gw-textarea-focus-ring-shadow-offset-y: 0;
|
|
1035
|
-
--gw-textarea-shadow-blur:
|
|
1037
|
+
--gw-textarea-shadow-blur: 2px;
|
|
1036
1038
|
--gw-textarea-shadow-spread: 0;
|
|
1037
1039
|
--gw-textarea-shadow-type: dropShadow;
|
|
1038
1040
|
--gw-textarea-shadow-offset-x: 0;
|
|
1039
|
-
--gw-textarea-shadow-offset-y:
|
|
1041
|
+
--gw-textarea-shadow-offset-y: 1px;
|
|
1040
1042
|
--gw-knob-focus-ring-shadow-blur: 0;
|
|
1041
1043
|
--gw-knob-focus-ring-shadow-spread: 0;
|
|
1042
1044
|
--gw-knob-focus-ring-shadow-type: dropShadow;
|
|
1043
1045
|
--gw-knob-focus-ring-shadow-offset-x: 0;
|
|
1044
1046
|
--gw-knob-focus-ring-shadow-offset-y: 0;
|
|
1045
|
-
--gw-listbox-shadow-blur:
|
|
1047
|
+
--gw-listbox-shadow-blur: 2px;
|
|
1046
1048
|
--gw-listbox-shadow-spread: 0;
|
|
1047
1049
|
--gw-listbox-shadow-type: dropShadow;
|
|
1048
1050
|
--gw-listbox-shadow-offset-x: 0;
|
|
1049
|
-
--gw-listbox-shadow-offset-y:
|
|
1051
|
+
--gw-listbox-shadow-offset-y: 1px;
|
|
1050
1052
|
--gw-multiselect-focus-ring-shadow-blur: 0;
|
|
1051
1053
|
--gw-multiselect-focus-ring-shadow-spread: 0;
|
|
1052
1054
|
--gw-multiselect-focus-ring-shadow-type: dropShadow;
|
|
1053
1055
|
--gw-multiselect-focus-ring-shadow-offset-x: 0;
|
|
1054
1056
|
--gw-multiselect-focus-ring-shadow-offset-y: 0;
|
|
1055
|
-
--gw-multiselect-shadow-blur:
|
|
1057
|
+
--gw-multiselect-shadow-blur: 2px;
|
|
1056
1058
|
--gw-multiselect-shadow-spread: 0;
|
|
1057
1059
|
--gw-multiselect-shadow-type: dropShadow;
|
|
1058
1060
|
--gw-multiselect-shadow-offset-x: 0;
|
|
1059
|
-
--gw-multiselect-shadow-offset-y:
|
|
1061
|
+
--gw-multiselect-shadow-offset-y: 1px;
|
|
1060
1062
|
--gw-multiselect-overlay-shadow-1-blur: 6px;
|
|
1061
1063
|
--gw-multiselect-overlay-shadow-1-spread: -1px;
|
|
1062
1064
|
--gw-multiselect-overlay-shadow-1-color: rgba(255, 255, 255, 0.1);
|
|
@@ -1117,11 +1119,11 @@
|
|
|
1117
1119
|
--gw-treeselect-focus-ring-shadow-type: dropShadow;
|
|
1118
1120
|
--gw-treeselect-focus-ring-shadow-offset-x: 0;
|
|
1119
1121
|
--gw-treeselect-focus-ring-shadow-offset-y: 0;
|
|
1120
|
-
--gw-treeselect-shadow-blur:
|
|
1122
|
+
--gw-treeselect-shadow-blur: 2px;
|
|
1121
1123
|
--gw-treeselect-shadow-spread: 0;
|
|
1122
1124
|
--gw-treeselect-shadow-type: dropShadow;
|
|
1123
1125
|
--gw-treeselect-shadow-offset-x: 0;
|
|
1124
|
-
--gw-treeselect-shadow-offset-y:
|
|
1126
|
+
--gw-treeselect-shadow-offset-y: 1px;
|
|
1125
1127
|
--gw-treeselect-overlay-shadow-1-blur: 6px;
|
|
1126
1128
|
--gw-treeselect-overlay-shadow-1-spread: -1px;
|
|
1127
1129
|
--gw-treeselect-overlay-shadow-1-color: rgba(255, 255, 255, 0.1);
|
|
@@ -1595,7 +1597,7 @@
|
|
|
1595
1597
|
--gw-neutral-700: var(--gw-main-gray-200);
|
|
1596
1598
|
--gw-neutral-800: var(--gw-main-gray-100);
|
|
1597
1599
|
--gw-neutral-900: var(--gw-main-gray-0);
|
|
1598
|
-
--gw-neutral-shadow: var(--gw-main-gray-0-0-
|
|
1600
|
+
--gw-neutral-shadow: var(--gw-main-gray-0-0-05);
|
|
1599
1601
|
--gw-tertiary-100: var(--gw-main-teal-900);
|
|
1600
1602
|
--gw-tertiary-200: var(--gw-main-teal-800);
|
|
1601
1603
|
--gw-tertiary-300: var(--gw-main-teal-700);
|
|
@@ -1620,20 +1622,21 @@
|
|
|
1620
1622
|
--gw-form-field-base-font-size: var(--gw-base-font-size);
|
|
1621
1623
|
--gw-focus-ring-style: var(--gw-style-solid);
|
|
1622
1624
|
--gw-defaul-border-radius: var(--gw-border-radius-none);
|
|
1623
|
-
--gw-
|
|
1624
|
-
--gw-
|
|
1625
|
+
--gw-sidenav-submenuitem-label-font-weight: var(--gw-font-weight-500);
|
|
1626
|
+
--gw-sidenav-menuitem-label-font-weight: var(--gw-font-weight-400);
|
|
1625
1627
|
--gw-button-sm-padding-y: var(--gw-form-field-sm-padding-y);
|
|
1626
1628
|
--gw-button-sm-icon-size: var(--gw-button-sm-font-size);
|
|
1627
1629
|
--gw-button-gap: var(--gw-space-0-5);
|
|
1628
1630
|
--gw-button-icon-size: var(--gw-icon-size);
|
|
1629
1631
|
--gw-button-label-font-weight: var(--gw-font-weight-400);
|
|
1630
1632
|
--gw-button-label-font-size: var(--gw-base-font-size);
|
|
1631
|
-
--gw-button-label-line-height: var(--gw-
|
|
1633
|
+
--gw-button-label-line-height: var(--gw-xxs-line-height);
|
|
1632
1634
|
--gw-button-label-font-family: var(--gw-font-family-body);
|
|
1633
1635
|
--gw-button-focus-ring-width: var(--gw-focus-ring-width);
|
|
1634
1636
|
--gw-button-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
1635
1637
|
--gw-button-primary-icon-color-second: var(--gw-main-gray-50-50);
|
|
1636
1638
|
--gw-button-secondary-icon-muted: var(--gw-main-gray-600);
|
|
1639
|
+
--gw-button-secondary-link-border-color: var(--gw-neutral-transparent);
|
|
1637
1640
|
--gw-button-secondary-link-icon-color-second: var(--gw-main-gray-50-50);
|
|
1638
1641
|
--gw-button-info-active-color: var(--gw-main-gray-0);
|
|
1639
1642
|
--gw-inputtext-focus-ring-width: var(--gw-focus-ring-width);
|
|
@@ -1642,9 +1645,12 @@
|
|
|
1642
1645
|
--gw-inputtext-sm-padding-y: var(--gw-form-field-sm-padding-y);
|
|
1643
1646
|
--gw-inputtext-lg-padding-x: var(--gw-form-field-lg-padding-x);
|
|
1644
1647
|
--gw-inputtext-lg-padding-y: var(--gw-form-field-lg-padding-y);
|
|
1645
|
-
--gw-toggleswitch-
|
|
1648
|
+
--gw-toggleswitch-height: var(--gw-size-1);
|
|
1649
|
+
--gw-toggleswitch-gap: var(--gw-space-0-125);
|
|
1650
|
+
--gw-toggleswitch-handle-size: var(--gw-size-0-75);
|
|
1646
1651
|
--gw-toggleswitch-focus-ring-width: var(--gw-focus-ring-width);
|
|
1647
1652
|
--gw-toggleswitch-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
1653
|
+
--gw-floatlabel-in-input-padding-top: var(--gw-space-1-125);
|
|
1648
1654
|
--gw-floatlabel-on-border-radius: var(--gw-border-radius-xs);
|
|
1649
1655
|
--gw-radiobutton-focus-ring-width: var(--gw-focus-ring-width);
|
|
1650
1656
|
--gw-radiobutton-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
@@ -1675,6 +1681,7 @@
|
|
|
1675
1681
|
--gw-rating-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
1676
1682
|
--gw-rating-transition-duration: var(--gw-transition-duration);
|
|
1677
1683
|
--gw-badge-border-radius: var(--gw-border-radius-md);
|
|
1684
|
+
--gw-chip-padding-y: var(--gw-space-0-125);
|
|
1678
1685
|
--gw-chip-remove-icon-focus-ring-width: var(--gw-focus-ring-width);
|
|
1679
1686
|
--gw-chip-remove-icon-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
1680
1687
|
--gw-chip-transition-duration: var(--gw-transition-duration);
|
|
@@ -1690,7 +1697,7 @@
|
|
|
1690
1697
|
--gw-tag-rounded-border-radius: var(--gw-border-radius-xl-circle);
|
|
1691
1698
|
--gw-breadcrumb-item-focus-ring-width: var(--gw-focus-ring-width);
|
|
1692
1699
|
--gw-breadcrumb-item-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
1693
|
-
--gw-breadcrumb-item-gap: var(--gw-
|
|
1700
|
+
--gw-breadcrumb-item-gap: var(--gw-sidenav-item-gap);
|
|
1694
1701
|
--gw-breadcrumb-transition-duration: var(--gw-transition-duration);
|
|
1695
1702
|
--gw-drawer-header-padding: var(--gw-overlay-modal-padding);
|
|
1696
1703
|
--gw-drawer-content-padding: 0 var(--gw-overlay-modal-padding) var(--gw-overlay-modal-padding) var(--gw-overlay-modal-padding);
|
|
@@ -1722,6 +1729,7 @@
|
|
|
1722
1729
|
--gw-select-lg-padding-y: var(--gw-form-field-lg-padding-y);
|
|
1723
1730
|
--gw-editor-overlay-padding: var(--gw-list-padding);
|
|
1724
1731
|
--gw-editor-overlay-option-padding: var(--gw-list-option-padding);
|
|
1732
|
+
--gw-editor-content-padding: var(--gw-list-padding);
|
|
1725
1733
|
--gw-textarea-sm-padding-x: var(--gw-form-field-sm-padding-x);
|
|
1726
1734
|
--gw-textarea-sm-padding-y: var(--gw-form-field-sm-padding-y);
|
|
1727
1735
|
--gw-textarea-sm-font-size: var(--gw-form-field-sm-font-size);
|
|
@@ -1800,51 +1808,51 @@
|
|
|
1800
1808
|
--gw-dialog-header-padding: var(--gw-overlay-modal-padding);
|
|
1801
1809
|
--gw-dialog-content-padding: 0 var(--gw-overlay-modal-padding) var(--gw-overlay-modal-padding) var(--gw-overlay-modal-padding);
|
|
1802
1810
|
--gw-dialog-footer-padding: 0 var(--gw-overlay-modal-padding) var(--gw-overlay-modal-padding) var(--gw-overlay-modal-padding);
|
|
1803
|
-
--gw-contextmenu-list-padding: var(--gw-
|
|
1804
|
-
--gw-contextmenu-list-gap: var(--gw-
|
|
1805
|
-
--gw-contextmenu-item-padding: var(--gw-
|
|
1806
|
-
--gw-contextmenu-item-gap: var(--gw-
|
|
1807
|
-
--gw-contextmenu-submenu-icon-size: var(--gw-
|
|
1811
|
+
--gw-contextmenu-list-padding: var(--gw-sidenav-list-padding);
|
|
1812
|
+
--gw-contextmenu-list-gap: var(--gw-sidenav-list-gap);
|
|
1813
|
+
--gw-contextmenu-item-padding: var(--gw-sidenav-item-padding);
|
|
1814
|
+
--gw-contextmenu-item-gap: var(--gw-sidenav-item-gap);
|
|
1815
|
+
--gw-contextmenu-submenu-icon-size: var(--gw-sidenav-submenu-icon-size);
|
|
1808
1816
|
--gw-contextmenu-transition-duration: var(--gw-transition-duration);
|
|
1809
1817
|
--gw-dock-border-radius: var(--gw-border-radius-xl-circle);
|
|
1810
1818
|
--gw-dock-item-focus-ring-width: var(--gw-focus-ring-width);
|
|
1811
1819
|
--gw-dock-item-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
1812
|
-
--gw-megamenu-vertical-orientation-padding: var(--gw-
|
|
1813
|
-
--gw-megamenu-vertical-orientation-gap: var(--gw-
|
|
1814
|
-
--gw-megamenu-base-item-padding: var(--gw-
|
|
1815
|
-
--gw-megamenu-item-padding: var(--gw-
|
|
1816
|
-
--gw-megamenu-item-gap: var(--gw-
|
|
1817
|
-
--gw-megamenu-submenu-label-padding: var(--gw-
|
|
1818
|
-
--gw-megamenu-submenu-icon-size: var(--gw-
|
|
1819
|
-
--gw-megamenu-submenu-padding: var(--gw-
|
|
1820
|
-
--gw-megamenu-submenu-gap: var(--gw-
|
|
1820
|
+
--gw-megamenu-vertical-orientation-padding: var(--gw-sidenav-list-padding);
|
|
1821
|
+
--gw-megamenu-vertical-orientation-gap: var(--gw-sidenav-list-gap);
|
|
1822
|
+
--gw-megamenu-base-item-padding: var(--gw-sidenav-item-padding);
|
|
1823
|
+
--gw-megamenu-item-padding: var(--gw-sidenav-item-padding);
|
|
1824
|
+
--gw-megamenu-item-gap: var(--gw-sidenav-item-gap);
|
|
1825
|
+
--gw-megamenu-submenu-label-padding: var(--gw-sidenav-submenu-label-padding);
|
|
1826
|
+
--gw-megamenu-submenu-icon-size: var(--gw-sidenav-submenu-icon-size);
|
|
1827
|
+
--gw-megamenu-submenu-padding: var(--gw-sidenav-list-padding);
|
|
1828
|
+
--gw-megamenu-submenu-gap: var(--gw-sidenav-list-gap);
|
|
1821
1829
|
--gw-megamenu-mobile-button-border-radius: var(--gw-megamenu-mobile-button-size) / 2;
|
|
1822
1830
|
--gw-megamenu-mobile-button-focus-ring-width: var(--gw-focus-ring-width);
|
|
1823
1831
|
--gw-megamenu-mobile-button-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
1824
1832
|
--gw-megamenu-transition-duration: var(--gw-transition-duration);
|
|
1825
|
-
--gw-menu-list-padding: var(--gw-
|
|
1826
|
-
--gw-menu-list-gap: var(--gw-
|
|
1827
|
-
--gw-menu-item-padding: var(--gw-
|
|
1828
|
-
--gw-menu-item-gap: var(--gw-
|
|
1829
|
-
--gw-menu-submenu-label-padding: var(--gw-
|
|
1833
|
+
--gw-menu-list-padding: var(--gw-sidenav-list-padding);
|
|
1834
|
+
--gw-menu-list-gap: var(--gw-sidenav-list-gap);
|
|
1835
|
+
--gw-menu-item-padding: var(--gw-sidenav-item-padding);
|
|
1836
|
+
--gw-menu-item-gap: var(--gw-sidenav-item-gap);
|
|
1837
|
+
--gw-menu-submenu-label-padding: var(--gw-sidenav-submenu-label-padding);
|
|
1830
1838
|
--gw-menu-transition-duration: var(--gw-transition-duration);
|
|
1831
|
-
--gw-menubar-base-item-padding: var(--gw-
|
|
1832
|
-
--gw-menubar-item-padding: var(--gw-
|
|
1833
|
-
--gw-menubar-item-gap: var(--gw-
|
|
1834
|
-
--gw-menubar-submenu-padding: var(--gw-
|
|
1835
|
-
--gw-menubar-submenu-gap: var(--gw-
|
|
1836
|
-
--gw-menubar-submenu-icon-size: var(--gw-
|
|
1839
|
+
--gw-menubar-base-item-padding: var(--gw-sidenav-item-padding);
|
|
1840
|
+
--gw-menubar-item-padding: var(--gw-sidenav-item-padding);
|
|
1841
|
+
--gw-menubar-item-gap: var(--gw-sidenav-item-gap);
|
|
1842
|
+
--gw-menubar-submenu-padding: var(--gw-sidenav-list-padding);
|
|
1843
|
+
--gw-menubar-submenu-gap: var(--gw-sidenav-list-gap);
|
|
1844
|
+
--gw-menubar-submenu-icon-size: var(--gw-sidenav-submenu-icon-size);
|
|
1837
1845
|
--gw-menubar-mobile-button-border-radius: var(--gw-menubar-mobile-button-size) / 2;
|
|
1838
1846
|
--gw-menubar-mobile-button-focus-ring-width: var(--gw-focus-ring-width);
|
|
1839
1847
|
--gw-menubar-mobile-button-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
1840
1848
|
--gw-menubar-transition-duration: var(--gw-transition-duration);
|
|
1841
|
-
--gw-panelmenu-item-padding: var(--gw-
|
|
1849
|
+
--gw-panelmenu-item-padding: var(--gw-sidenav-item-padding);
|
|
1842
1850
|
--gw-panelmenu-transition-duration: var(--gw-transition-duration);
|
|
1843
|
-
--gw-tieredmenu-list-padding: var(--gw-
|
|
1844
|
-
--gw-tieredmenu-list-gap: var(--gw-
|
|
1845
|
-
--gw-tieredmenu-item-padding: var(--gw-
|
|
1846
|
-
--gw-tieredmenu-item-gap: var(--gw-
|
|
1847
|
-
--gw-tieredmenu-submenu-icon-size: var(--gw-
|
|
1851
|
+
--gw-tieredmenu-list-padding: var(--gw-sidenav-list-padding);
|
|
1852
|
+
--gw-tieredmenu-list-gap: var(--gw-sidenav-list-gap);
|
|
1853
|
+
--gw-tieredmenu-item-padding: var(--gw-sidenav-item-padding);
|
|
1854
|
+
--gw-tieredmenu-item-gap: var(--gw-sidenav-item-gap);
|
|
1855
|
+
--gw-tieredmenu-submenu-icon-size: var(--gw-sidenav-submenu-icon-size);
|
|
1848
1856
|
--gw-tieredmenu-transition-duration: var(--gw-transition-duration);
|
|
1849
1857
|
--gw-organizationchart-node-toggle-button-border-radius: var(--gw-organizationchart-node-toggle-button-size) / 2;
|
|
1850
1858
|
--gw-organizationchart-node-toggle-button-focus-ring-width: var(--gw-focus-ring-width);
|
|
@@ -1859,6 +1867,10 @@
|
|
|
1859
1867
|
--gw-datatable-row-toggle-button-border-radius: var(--gw-datatable-row-toggle-button-size) / 2;
|
|
1860
1868
|
--gw-datatable-row-toggle-button-focus-ring-width: var(--gw-focus-ring-width);
|
|
1861
1869
|
--gw-datatable-row-toggle-button-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
1870
|
+
--gw-datatable-body-cell-padding-x: var(--gw-space-1);
|
|
1871
|
+
--gw-datatable-body-cell-padding-y: var(--gw-space-0-75);
|
|
1872
|
+
--gw-datatable-body-cell-lg-padding-x: var(--gw-space-0-875);
|
|
1873
|
+
--gw-datatable-body-cell-lg-padding-y: var(--gw-space-0-875);
|
|
1862
1874
|
--gw-datatable-body-cell-selected-border-color: var(--gw-main-orange-100);
|
|
1863
1875
|
--gw-datatable-filter-overlay-popover-padding: var(--gw-overlay-popover-padding);
|
|
1864
1876
|
--gw-datatable-filter-constraint-list-padding: var(--gw-list-padding);
|
|
@@ -1940,9 +1952,15 @@
|
|
|
1940
1952
|
--gw-body-base-regular-font-family: var(--gw-font-family-body);
|
|
1941
1953
|
--gw-body-base-regular-font-weight: var(--gw-font-weight-400);
|
|
1942
1954
|
--gw-body-base-regular-font-size: var(--gw-base-font-size);
|
|
1955
|
+
--gw-body-base-regular-underlined-font-family: var(--gw-font-family-body);
|
|
1956
|
+
--gw-body-base-regular-underlined-font-weight: var(--gw-font-weight-400);
|
|
1957
|
+
--gw-body-base-regular-underlined-font-size: var(--gw-base-font-size);
|
|
1943
1958
|
--gw-body-base-medium-font-family: var(--gw-font-family-body);
|
|
1944
1959
|
--gw-body-base-medium-font-weight: var(--gw-font-weight-500);
|
|
1945
1960
|
--gw-body-base-medium-font-size: var(--gw-base-font-size);
|
|
1961
|
+
--gw-body-base-medium-underlined-font-family: var(--gw-font-family-body);
|
|
1962
|
+
--gw-body-base-medium-underlined-font-weight: var(--gw-font-weight-500);
|
|
1963
|
+
--gw-body-base-medium-underlined-font-size: var(--gw-base-font-size);
|
|
1946
1964
|
--gw-body-base-bold-font-family: var(--gw-font-family-body);
|
|
1947
1965
|
--gw-body-base-bold-font-weight: var(--gw-font-weight-700);
|
|
1948
1966
|
--gw-body-base-bold-font-size: var(--gw-base-font-size);
|
|
@@ -1978,6 +1996,22 @@
|
|
|
1978
1996
|
--gw-body-lg-bold-font-weight: var(--gw-font-weight-700);
|
|
1979
1997
|
--gw-body-lg-bold-line-height: var(--gw-lg-line-height);
|
|
1980
1998
|
--gw-body-lg-bold-font-size: var(--gw-lg-font-size);
|
|
1999
|
+
--gw-body-xs-light-font-family: var(--gw-font-family-body);
|
|
2000
|
+
--gw-body-xs-light-font-weight: var(--gw-font-weight-300);
|
|
2001
|
+
--gw-body-xs-light-line-height: var(--gw-xs-line-height);
|
|
2002
|
+
--gw-body-xs-light-font-size: var(--gw-xs-font-size);
|
|
2003
|
+
--gw-body-xs-regular-font-family: var(--gw-font-family-body);
|
|
2004
|
+
--gw-body-xs-regular-font-weight: var(--gw-font-weight-400);
|
|
2005
|
+
--gw-body-xs-regular-line-height: var(--gw-xs-line-height);
|
|
2006
|
+
--gw-body-xs-regular-font-size: var(--gw-xs-font-size);
|
|
2007
|
+
--gw-body-xs-medium-font-family: var(--gw-font-family-body);
|
|
2008
|
+
--gw-body-xs-medium-font-weight: var(--gw-font-weight-500);
|
|
2009
|
+
--gw-body-xs-medium-line-height: var(--gw-xs-line-height);
|
|
2010
|
+
--gw-body-xs-medium-font-size: var(--gw-xs-font-size);
|
|
2011
|
+
--gw-body-xs-bold-font-family: var(--gw-font-family-body);
|
|
2012
|
+
--gw-body-xs-bold-font-weight: var(--gw-font-weight-700);
|
|
2013
|
+
--gw-body-xs-bold-line-height: var(--gw-xs-line-height);
|
|
2014
|
+
--gw-body-xs-bold-font-size: var(--gw-xs-font-size);
|
|
1981
2015
|
--gw-caption-base-font-family: var(--gw-font-family-body);
|
|
1982
2016
|
--gw-caption-base-font-weight: var(--gw-font-weight-600);
|
|
1983
2017
|
--gw-caption-base-line-height: var(--gw-1rem-line-height);
|
|
@@ -1988,15 +2022,15 @@
|
|
|
1988
2022
|
--gw-caption-sm-font-size: var(--gw-xs-font-size);
|
|
1989
2023
|
--gw-label-base-regular-font-family: var(--gw-font-family-body);
|
|
1990
2024
|
--gw-label-base-regular-font-weight: var(--gw-font-weight-400);
|
|
1991
|
-
--gw-label-base-regular-line-height: var(--gw-
|
|
2025
|
+
--gw-label-base-regular-line-height: var(--gw-xxs-line-height);
|
|
1992
2026
|
--gw-label-base-regular-font-size: var(--gw-base-font-size);
|
|
1993
2027
|
--gw-label-base-medium-font-family: var(--gw-font-family-body);
|
|
1994
2028
|
--gw-label-base-medium-font-weight: var(--gw-font-weight-500);
|
|
1995
|
-
--gw-label-base-medium-line-height: var(--gw-
|
|
2029
|
+
--gw-label-base-medium-line-height: var(--gw-xxs-line-height);
|
|
1996
2030
|
--gw-label-base-medium-font-size: var(--gw-base-font-size);
|
|
1997
2031
|
--gw-label-base-bold-font-family: var(--gw-font-family-body);
|
|
1998
2032
|
--gw-label-base-bold-font-weight: var(--gw-font-weight-700);
|
|
1999
|
-
--gw-label-base-bold-line-height: var(--gw-
|
|
2033
|
+
--gw-label-base-bold-line-height: var(--gw-xxs-line-height);
|
|
2000
2034
|
--gw-label-base-bold-font-size: var(--gw-base-font-size);
|
|
2001
2035
|
--gw-label-sm-regular-font-family: var(--gw-font-family-body);
|
|
2002
2036
|
--gw-label-sm-regular-font-weight: var(--gw-font-weight-400);
|
|
@@ -2026,7 +2060,7 @@
|
|
|
2026
2060
|
--gw-card-shadow-2-color: var(--gw-main-gray-900-50);
|
|
2027
2061
|
--gw-tabs-tab-label-font-family: var(--gw-font-family-body);
|
|
2028
2062
|
--gw-tabs-tab-label-font-weight: var(--gw-font-weight-400);
|
|
2029
|
-
--gw-tabs-tab-label-line-height: var(--gw-
|
|
2063
|
+
--gw-tabs-tab-label-line-height: var(--gw-xxs-line-height);
|
|
2030
2064
|
--gw-tabs-tab-label-font-size: var(--gw-base-font-size);
|
|
2031
2065
|
--gw-fileupload-header-stroke-color: var(--gw-fileupload-header-border-color);
|
|
2032
2066
|
--gw-fileupload-header-stroke-width: var(--gw-fileupload-header-border-width);
|
|
@@ -2063,6 +2097,8 @@
|
|
|
2063
2097
|
--gw-tertiary-text: var(--gw-tertiary-dark);
|
|
2064
2098
|
--gw-tertiary-hover-color: var(--gw-tertiary-dark);
|
|
2065
2099
|
--gw-tertiary-active-color: var(--gw-tertiary-light);
|
|
2100
|
+
--gw-disabled-background: var(--gw-neutral-200);
|
|
2101
|
+
--gw-disabled-color: var(--gw-neutral-600);
|
|
2066
2102
|
--gw-form-field-border-radius: var(--gw-defaul-border-radius);
|
|
2067
2103
|
--gw-form-field-disabled-color: var(--gw-neutral-600);
|
|
2068
2104
|
--gw-form-field-filled-background: var(--gw-neutral-100);
|
|
@@ -2077,15 +2113,15 @@
|
|
|
2077
2113
|
--gw-list-option-focus-background: var(--gw-neutral-100);
|
|
2078
2114
|
--gw-list-option-icon-color: var(--gw-neutral-400);
|
|
2079
2115
|
--gw-list-option-icon-focus-color: var(--gw-neutral-500);
|
|
2080
|
-
--gw-
|
|
2081
|
-
--gw-
|
|
2082
|
-
--gw-
|
|
2083
|
-
--gw-
|
|
2084
|
-
--gw-
|
|
2085
|
-
--gw-
|
|
2086
|
-
--gw-
|
|
2087
|
-
--gw-
|
|
2088
|
-
--gw-
|
|
2116
|
+
--gw-sidenav-item-border-radius: var(--gw-defaul-border-radius);
|
|
2117
|
+
--gw-sidenav-item-focus-background: var(--gw-neutral-100);
|
|
2118
|
+
--gw-sidenav-item-active-background: var(--gw-neutral-100);
|
|
2119
|
+
--gw-sidenav-item-icon-color: var(--gw-neutral-400);
|
|
2120
|
+
--gw-sidenav-item-icon-focus-color: var(--gw-neutral-500);
|
|
2121
|
+
--gw-sidenav-item-icon-active-color: var(--gw-neutral-500);
|
|
2122
|
+
--gw-sidenav-submenuitem-background: var(--gw-neutral-200);
|
|
2123
|
+
--gw-sidenav-submenuitem-hover-color: var(--gw-neutral-300);
|
|
2124
|
+
--gw-sidenav-menuitem-hover-color: var(--gw-neutral-300);
|
|
2089
2125
|
--gw-overlay-select-border-radius: var(--gw-defaul-border-radius);
|
|
2090
2126
|
--gw-overlay-select-background: var(--gw-neutral-0);
|
|
2091
2127
|
--gw-overlay-popover-border-radius: var(--gw-defaul-border-radius);
|
|
@@ -2127,7 +2163,7 @@
|
|
|
2127
2163
|
--gw-button-text-contrast-active-background: var(--gw-neutral-100);
|
|
2128
2164
|
--gw-body-background: var(--gw-neutral-0);
|
|
2129
2165
|
--gw-muted-background: var(--gw-neutral-200);
|
|
2130
|
-
--gw-muted-color: var(--gw-neutral-
|
|
2166
|
+
--gw-muted-color: var(--gw-neutral-700);
|
|
2131
2167
|
--gw-error-base: var(--gw-danger-700);
|
|
2132
2168
|
--gw-error-lighter: var(--gw-danger-200);
|
|
2133
2169
|
--gw-error-light: var(--gw-danger-600);
|
|
@@ -2139,8 +2175,8 @@
|
|
|
2139
2175
|
--gw-mask-color: var(--gw-neutral-200);
|
|
2140
2176
|
--gw-hover-color: var(--gw-neutral-800);
|
|
2141
2177
|
--gw-hover-background: var(--gw-neutral-200);
|
|
2142
|
-
--gw-hover-border-color: var(--gw-neutral-
|
|
2143
|
-
--gw-default-border-color: var(--gw-neutral-
|
|
2178
|
+
--gw-hover-border-color: var(--gw-neutral-400);
|
|
2179
|
+
--gw-default-border-color: var(--gw-neutral-300);
|
|
2144
2180
|
--gw-default-background: var(--gw-neutral-0);
|
|
2145
2181
|
--gw-inputtext-border-radius: var(--gw-defaul-border-radius);
|
|
2146
2182
|
--gw-inputtext-focus-ring-style: var(--gw-form-field-focus-ring-style);
|
|
@@ -2149,6 +2185,7 @@
|
|
|
2149
2185
|
--gw-inputtext-padding-y: var(--gw-form-field-padding-y);
|
|
2150
2186
|
--gw-inputtext-transition-duration: var(--gw-form-field-transition-duration);
|
|
2151
2187
|
--gw-toggleswitch-hover-background: var(--gw-neutral-400);
|
|
2188
|
+
--gw-toggleswitch-handle-border-radius: var(--gw-toggleswitch-handle-size)/2;
|
|
2152
2189
|
--gw-toggleswitch-handle-background: var(--gw-neutral-0);
|
|
2153
2190
|
--gw-toggleswitch-handle-hover-background: var(--gw-neutral-0);
|
|
2154
2191
|
--gw-toggleswitch-handle-checked-background: var(--gw-neutral-0);
|
|
@@ -2271,15 +2308,17 @@
|
|
|
2271
2308
|
--gw-splitter-handle-focus-ring-style: var(--gw-focus-ring-style);
|
|
2272
2309
|
--gw-scrollpanel-bar-focus-ring-style: var(--gw-focus-ring-style);
|
|
2273
2310
|
--gw-scrollpanel-bar-background: var(--gw-neutral-100);
|
|
2311
|
+
--gw-tabs-tab-hover-background: var(--gw-neutral-200);
|
|
2312
|
+
--gw-tabs-tab-hover-border-color: var(--gw-neutral-200);
|
|
2274
2313
|
--gw-tabs-tab-focus-ring-style: var(--gw-focus-ring-style);
|
|
2275
2314
|
--gw-tabs-tabpanel-focus-ring-style: var(--gw-focus-ring-style);
|
|
2276
2315
|
--gw-tabs-nav-button-focus-ring-style: var(--gw-focus-ring-style);
|
|
2277
2316
|
--gw-tooltip-background: var(--gw-neutral-700);
|
|
2278
2317
|
--gw-tooltip-color: var(--gw-neutral-0);
|
|
2279
2318
|
--gw-dock-item-focus-ring-style: var(--gw-focus-ring-style);
|
|
2280
|
-
--gw-megamenu-submenu-label-font-weight: var(--gw-
|
|
2319
|
+
--gw-megamenu-submenu-label-font-weight: var(--gw-sidenav-submenuitem-label-font-weight);
|
|
2281
2320
|
--gw-megamenu-mobile-button-focus-ring-style: var(--gw-focus-ring-style);
|
|
2282
|
-
--gw-menu-submenu-label-font-weight: var(--gw-
|
|
2321
|
+
--gw-menu-submenu-label-font-weight: var(--gw-sidenav-submenuitem-label-font-weight);
|
|
2283
2322
|
--gw-menubar-mobile-button-focus-ring-style: var(--gw-focus-ring-style);
|
|
2284
2323
|
--gw-organizationchart-node-toggle-button-focus-ring-style: var(--gw-focus-ring-style);
|
|
2285
2324
|
--gw-paginator-nav-button-focus-ring-style: var(--gw-focus-ring-style);
|
|
@@ -2349,7 +2388,9 @@
|
|
|
2349
2388
|
--gw-overlay-navigation-shadow-2-color: var(--gw-neutral-shadow);
|
|
2350
2389
|
--gw-body-base-light-line-height: var(--gw-base-line-height);
|
|
2351
2390
|
--gw-body-base-regular-line-height: var(--gw-base-line-height);
|
|
2391
|
+
--gw-body-base-regular-underlined-line-height: var(--gw-base-line-height);
|
|
2352
2392
|
--gw-body-base-medium-line-height: var(--gw-base-line-height);
|
|
2393
|
+
--gw-body-base-medium-underlined-line-height: var(--gw-base-line-height);
|
|
2353
2394
|
--gw-body-base-bold-line-height: var(--gw-base-line-height);
|
|
2354
2395
|
--gw-inputtext-focus-ring-shadow-color: var(--gw-neutral-shadow);
|
|
2355
2396
|
--gw-inputtext-shadow-color: var(--gw-neutral-shadow);
|
|
@@ -2476,19 +2517,23 @@
|
|
|
2476
2517
|
--gw-border-color-primary: var(--gw-primary-base);
|
|
2477
2518
|
--gw-list-option-focus-color: var(--gw-hover-color);
|
|
2478
2519
|
--gw-list-option-selected-background: var(--gw-highlight-background);
|
|
2479
|
-
--gw-
|
|
2480
|
-
--gw-
|
|
2481
|
-
--gw-
|
|
2482
|
-
--gw-
|
|
2483
|
-
--gw-
|
|
2484
|
-
--gw-
|
|
2485
|
-
--gw-
|
|
2486
|
-
--gw-
|
|
2487
|
-
--gw-
|
|
2488
|
-
--gw-
|
|
2489
|
-
--gw-
|
|
2490
|
-
--gw-
|
|
2491
|
-
--gw-
|
|
2520
|
+
--gw-sidenav-item-focus-color: var(--gw-hover-color);
|
|
2521
|
+
--gw-sidenav-item-active-color: var(--gw-hover-color);
|
|
2522
|
+
--gw-sidenav-submenuitem-color: var(--gw-secondary-base);
|
|
2523
|
+
--gw-sidenav-submenuitem-highlight-color: var(--gw-secondary-base);
|
|
2524
|
+
--gw-sidenav-submenuitem-highlight-background: var(--gw-highlight-background);
|
|
2525
|
+
--gw-sidenav-submenuitem-active-background: var(--gw-primary-base);
|
|
2526
|
+
--gw-sidenav-menuitem-icon-color: var(--gw-primary-base);
|
|
2527
|
+
--gw-sidenav-menuitem-hover-icon-color: var(--gw-primary-base);
|
|
2528
|
+
--gw-sidenav-menuitem-background: var(--gw-neutral-lighter);
|
|
2529
|
+
--gw-sidenav-menuitem-color: var(--gw-secondary-base);
|
|
2530
|
+
--gw-sidenav-menuitem-active-background: var(--gw-primary-base);
|
|
2531
|
+
--gw-sidenav-menuitem-highlight-background: var(--gw-highlight-background);
|
|
2532
|
+
--gw-sidenav-menuitem-highlight-color: var(--gw-secondary-base);
|
|
2533
|
+
--gw-sidenav-collapsebutton-background: var(--gw-secondary-dark);
|
|
2534
|
+
--gw-sidenav-collapsebutton-hover-background: var(--gw-secondary-base);
|
|
2535
|
+
--gw-sidenav-collapsebutton-hover-color: var(--gw-neutral-lighter);
|
|
2536
|
+
--gw-sidenav-collapsebutton-color: var(--gw-neutral-light);
|
|
2492
2537
|
--gw-overlay-select-border-color: var(--gw-default-border-color);
|
|
2493
2538
|
--gw-overlay-popover-border-color: var(--gw-default-border-color);
|
|
2494
2539
|
--gw-overlay-modal-border-color: var(--gw-default-border-color);
|
|
@@ -2509,12 +2554,11 @@
|
|
|
2509
2554
|
--gw-button-secondary-link-background: var(--gw-secondary-light);
|
|
2510
2555
|
--gw-button-secondary-link-hover-background: var(--gw-secondary-base);
|
|
2511
2556
|
--gw-button-secondary-link-hover-border-color: var(--gw-secondary-base);
|
|
2557
|
+
--gw-button-secondary-link-active-background: var(--gw-secondary-light);
|
|
2558
|
+
--gw-button-secondary-link-active-border-color: var(--gw-secondary-light);
|
|
2512
2559
|
--gw-button-secondary-link-focus-ring-color: var(--gw-primary-base);
|
|
2513
2560
|
--gw-button-secondary-link-disabled-background: var(--gw-primary-lighter);
|
|
2514
2561
|
--gw-button-secondary-link-disabled-border-color: var(--gw-primary-lighter);
|
|
2515
|
-
--gw-button-secondary-link-link-color: var(--gw-primary-base);
|
|
2516
|
-
--gw-button-secondary-link-link-hover-color: var(--gw-primary-dark);
|
|
2517
|
-
--gw-button-secondary-link-link-active-color: var(--gw-primary-base);
|
|
2518
2562
|
--gw-button-info-background: var(--gw-info-base);
|
|
2519
2563
|
--gw-button-info-hover-background: var(--gw-info-dark);
|
|
2520
2564
|
--gw-button-info-hover-border-color: var(--gw-info-dark);
|
|
@@ -2765,10 +2809,10 @@
|
|
|
2765
2809
|
--gw-tag-danger-color: var(--gw-error-base);
|
|
2766
2810
|
--gw-skeleton-border-radius: var(--gw-content-border-radius);
|
|
2767
2811
|
--gw-breadcrumb-background: var(--gw-default-background);
|
|
2768
|
-
--gw-breadcrumb-item-icon-color: var(--gw-
|
|
2769
|
-
--gw-breadcrumb-item-icon-hover-color: var(--gw-
|
|
2812
|
+
--gw-breadcrumb-item-icon-color: var(--gw-sidenav-item-icon-color);
|
|
2813
|
+
--gw-breadcrumb-item-icon-hover-color: var(--gw-sidenav-item-icon-focus-color);
|
|
2770
2814
|
--gw-breadcrumb-item-border-radius: var(--gw-content-border-radius);
|
|
2771
|
-
--gw-breadcrumb-separator-color: var(--gw-
|
|
2815
|
+
--gw-breadcrumb-separator-color: var(--gw-sidenav-item-icon-color);
|
|
2772
2816
|
--gw-drawer-background: var(--gw-overlay-modal-background);
|
|
2773
2817
|
--gw-drawer-border-radius: var(--gw-overlay-modal-border-radius);
|
|
2774
2818
|
--gw-cascadeselect-disabled-color: var(--gw-form-field-disabled-color);
|
|
@@ -2896,11 +2940,13 @@
|
|
|
2896
2940
|
--gw-splitter-handle-border-radius: var(--gw-content-border-radius);
|
|
2897
2941
|
--gw-tabs-tablist-background: var(--gw-default-background);
|
|
2898
2942
|
--gw-tabs-tablist-border-color: var(--gw-default-border-color);
|
|
2899
|
-
--gw-tabs-tab-border-color: var(--gw-
|
|
2900
|
-
--gw-tabs-tab-
|
|
2943
|
+
--gw-tabs-tab-border-color: var(--gw-neutral-lighter);
|
|
2944
|
+
--gw-tabs-tab-border-bottom-color: var(--gw-default-border-color);
|
|
2945
|
+
--gw-tabs-tab-active-border-bottom-color: var(--gw-default-background);
|
|
2946
|
+
--gw-tabs-tab-active-border-color: var(--gw-default-border-color);
|
|
2901
2947
|
--gw-tabs-tab-active-background: var(--gw-default-background);
|
|
2902
2948
|
--gw-tabs-tab-color: var(--gw-neutral-dark);
|
|
2903
|
-
--gw-tabs-tab-hover-border-color: var(--gw-default-border-color);
|
|
2949
|
+
--gw-tabs-tab-hover-border-bottom-color: var(--gw-default-border-color);
|
|
2904
2950
|
--gw-tabs-tab-background: var(--gw-neutral-lighter);
|
|
2905
2951
|
--gw-tabs-tabpanel-background: var(--gw-default-background);
|
|
2906
2952
|
--gw-tabs-nav-button-background: var(--gw-default-background);
|
|
@@ -2916,53 +2962,53 @@
|
|
|
2916
2962
|
--gw-contextmenu-background: var(--gw-default-background);
|
|
2917
2963
|
--gw-contextmenu-border-color: var(--gw-default-border-color);
|
|
2918
2964
|
--gw-contextmenu-border-radius: var(--gw-content-border-radius);
|
|
2919
|
-
--gw-contextmenu-item-focus-background: var(--gw-
|
|
2920
|
-
--gw-contextmenu-item-active-background: var(--gw-
|
|
2921
|
-
--gw-contextmenu-item-border-radius: var(--gw-
|
|
2922
|
-
--gw-contextmenu-item-icon-color: var(--gw-
|
|
2923
|
-
--gw-contextmenu-item-icon-focus-color: var(--gw-
|
|
2924
|
-
--gw-contextmenu-item-icon-active-color: var(--gw-
|
|
2925
|
-
--gw-contextmenu-submenu-icon-focus-color: var(--gw-
|
|
2965
|
+
--gw-contextmenu-item-focus-background: var(--gw-sidenav-item-focus-background);
|
|
2966
|
+
--gw-contextmenu-item-active-background: var(--gw-sidenav-item-active-background);
|
|
2967
|
+
--gw-contextmenu-item-border-radius: var(--gw-sidenav-item-border-radius);
|
|
2968
|
+
--gw-contextmenu-item-icon-color: var(--gw-sidenav-item-icon-color);
|
|
2969
|
+
--gw-contextmenu-item-icon-focus-color: var(--gw-sidenav-item-icon-focus-color);
|
|
2970
|
+
--gw-contextmenu-item-icon-active-color: var(--gw-sidenav-item-icon-active-color);
|
|
2971
|
+
--gw-contextmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
2926
2972
|
--gw-contextmenu-separator-border-color: var(--gw-default-border-color);
|
|
2927
2973
|
--gw-dock-item-border-radius: var(--gw-content-border-radius);
|
|
2928
2974
|
--gw-megamenu-background: var(--gw-default-background);
|
|
2929
2975
|
--gw-megamenu-border-color: var(--gw-default-border-color);
|
|
2930
2976
|
--gw-megamenu-border-radius: var(--gw-content-border-radius);
|
|
2931
2977
|
--gw-megamenu-base-item-border-radius: var(--gw-content-border-radius);
|
|
2932
|
-
--gw-megamenu-item-focus-background: var(--gw-
|
|
2933
|
-
--gw-megamenu-item-active-background: var(--gw-
|
|
2934
|
-
--gw-megamenu-item-border-radius: var(--gw-
|
|
2935
|
-
--gw-megamenu-item-icon-color: var(--gw-
|
|
2936
|
-
--gw-megamenu-item-icon-focus-color: var(--gw-
|
|
2937
|
-
--gw-megamenu-item-icon-active-color: var(--gw-
|
|
2978
|
+
--gw-megamenu-item-focus-background: var(--gw-sidenav-item-focus-background);
|
|
2979
|
+
--gw-megamenu-item-active-background: var(--gw-sidenav-item-active-background);
|
|
2980
|
+
--gw-megamenu-item-border-radius: var(--gw-sidenav-item-border-radius);
|
|
2981
|
+
--gw-megamenu-item-icon-color: var(--gw-sidenav-item-icon-color);
|
|
2982
|
+
--gw-megamenu-item-icon-focus-color: var(--gw-sidenav-item-icon-focus-color);
|
|
2983
|
+
--gw-megamenu-item-icon-active-color: var(--gw-sidenav-item-icon-active-color);
|
|
2938
2984
|
--gw-megamenu-overlay-background: var(--gw-default-background);
|
|
2939
2985
|
--gw-megamenu-overlay-border-color: var(--gw-default-border-color);
|
|
2940
2986
|
--gw-megamenu-overlay-border-radius: var(--gw-content-border-radius);
|
|
2941
|
-
--gw-megamenu-submenu-icon-focus-color: var(--gw-
|
|
2987
|
+
--gw-megamenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
2942
2988
|
--gw-megamenu-separator-border-color: var(--gw-default-border-color);
|
|
2943
2989
|
--gw-megamenu-mobile-button-hover-background: var(--gw-hover-background);
|
|
2944
2990
|
--gw-menu-background: var(--gw-default-background);
|
|
2945
2991
|
--gw-menu-border-color: var(--gw-default-border-color);
|
|
2946
2992
|
--gw-menu-border-radius: var(--gw-content-border-radius);
|
|
2947
|
-
--gw-menu-item-focus-background: var(--gw-
|
|
2948
|
-
--gw-menu-item-border-radius: var(--gw-
|
|
2949
|
-
--gw-menu-item-icon-color: var(--gw-
|
|
2950
|
-
--gw-menu-item-icon-focus-color: var(--gw-
|
|
2993
|
+
--gw-menu-item-focus-background: var(--gw-sidenav-item-focus-background);
|
|
2994
|
+
--gw-menu-item-border-radius: var(--gw-sidenav-item-border-radius);
|
|
2995
|
+
--gw-menu-item-icon-color: var(--gw-sidenav-item-icon-color);
|
|
2996
|
+
--gw-menu-item-icon-focus-color: var(--gw-sidenav-item-icon-focus-color);
|
|
2951
2997
|
--gw-menu-separator-border-color: var(--gw-default-border-color);
|
|
2952
2998
|
--gw-menubar-background: var(--gw-default-background);
|
|
2953
2999
|
--gw-menubar-border-color: var(--gw-default-border-color);
|
|
2954
3000
|
--gw-menubar-border-radius: var(--gw-content-border-radius);
|
|
2955
3001
|
--gw-menubar-base-item-border-radius: var(--gw-content-border-radius);
|
|
2956
|
-
--gw-menubar-item-focus-background: var(--gw-
|
|
2957
|
-
--gw-menubar-item-active-background: var(--gw-
|
|
2958
|
-
--gw-menubar-item-border-radius: var(--gw-
|
|
2959
|
-
--gw-menubar-item-icon-color: var(--gw-
|
|
2960
|
-
--gw-menubar-item-icon-focus-color: var(--gw-
|
|
2961
|
-
--gw-menubar-item-icon-active-color: var(--gw-
|
|
3002
|
+
--gw-menubar-item-focus-background: var(--gw-sidenav-item-focus-background);
|
|
3003
|
+
--gw-menubar-item-active-background: var(--gw-sidenav-item-active-background);
|
|
3004
|
+
--gw-menubar-item-border-radius: var(--gw-sidenav-item-border-radius);
|
|
3005
|
+
--gw-menubar-item-icon-color: var(--gw-sidenav-item-icon-color);
|
|
3006
|
+
--gw-menubar-item-icon-focus-color: var(--gw-sidenav-item-icon-focus-color);
|
|
3007
|
+
--gw-menubar-item-icon-active-color: var(--gw-sidenav-item-icon-active-color);
|
|
2962
3008
|
--gw-menubar-submenu-background: var(--gw-default-background);
|
|
2963
3009
|
--gw-menubar-submenu-border-color: var(--gw-default-border-color);
|
|
2964
3010
|
--gw-menubar-submenu-border-radius: var(--gw-content-border-radius);
|
|
2965
|
-
--gw-menubar-submenu-icon-focus-color: var(--gw-
|
|
3011
|
+
--gw-menubar-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
2966
3012
|
--gw-menubar-separator-border-color: var(--gw-default-border-color);
|
|
2967
3013
|
--gw-menubar-mobile-button-hover-background: var(--gw-hover-background);
|
|
2968
3014
|
--gw-panelmenu-panel-background: var(--gw-default-background);
|
|
@@ -2970,21 +3016,21 @@
|
|
|
2970
3016
|
--gw-panelmenu-panel-border-radius: var(--gw-content-border-radius);
|
|
2971
3017
|
--gw-panelmenu-panel-first-top-border-radius: var(--gw-content-border-radius);
|
|
2972
3018
|
--gw-panelmenu-panel-last-bottom-border-radius: var(--gw-content-border-radius);
|
|
2973
|
-
--gw-panelmenu-item-focus-background: var(--gw-
|
|
3019
|
+
--gw-panelmenu-item-focus-background: var(--gw-sidenav-item-focus-background);
|
|
2974
3020
|
--gw-panelmenu-item-border-radius: var(--gw-content-border-radius);
|
|
2975
|
-
--gw-panelmenu-item-icon-color: var(--gw-
|
|
2976
|
-
--gw-panelmenu-item-icon-focus-color: var(--gw-
|
|
2977
|
-
--gw-panelmenu-submenu-icon-focus-color: var(--gw-
|
|
3021
|
+
--gw-panelmenu-item-icon-color: var(--gw-sidenav-item-icon-color);
|
|
3022
|
+
--gw-panelmenu-item-icon-focus-color: var(--gw-sidenav-item-icon-focus-color);
|
|
3023
|
+
--gw-panelmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
2978
3024
|
--gw-tieredmenu-background: var(--gw-default-background);
|
|
2979
3025
|
--gw-tieredmenu-border-color: var(--gw-default-border-color);
|
|
2980
3026
|
--gw-tieredmenu-border-radius: var(--gw-content-border-radius);
|
|
2981
|
-
--gw-tieredmenu-item-focus-background: var(--gw-
|
|
2982
|
-
--gw-tieredmenu-item-active-background: var(--gw-
|
|
2983
|
-
--gw-tieredmenu-item-border-radius: var(--gw-
|
|
2984
|
-
--gw-tieredmenu-item-icon-color: var(--gw-
|
|
2985
|
-
--gw-tieredmenu-item-icon-focus-color: var(--gw-
|
|
2986
|
-
--gw-tieredmenu-item-icon-active-color: var(--gw-
|
|
2987
|
-
--gw-tieredmenu-submenu-icon-focus-color: var(--gw-
|
|
3027
|
+
--gw-tieredmenu-item-focus-background: var(--gw-sidenav-item-focus-background);
|
|
3028
|
+
--gw-tieredmenu-item-active-background: var(--gw-sidenav-item-active-background);
|
|
3029
|
+
--gw-tieredmenu-item-border-radius: var(--gw-sidenav-item-border-radius);
|
|
3030
|
+
--gw-tieredmenu-item-icon-color: var(--gw-sidenav-item-icon-color);
|
|
3031
|
+
--gw-tieredmenu-item-icon-focus-color: var(--gw-sidenav-item-icon-focus-color);
|
|
3032
|
+
--gw-tieredmenu-item-icon-active-color: var(--gw-sidenav-item-icon-active-color);
|
|
3033
|
+
--gw-tieredmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
2988
3034
|
--gw-tieredmenu-separator-border-color: var(--gw-default-border-color);
|
|
2989
3035
|
--gw-organizationchart-node-background: var(--gw-default-background);
|
|
2990
3036
|
--gw-organizationchart-node-hover-background: var(--gw-hover-background);
|
|
@@ -3111,6 +3157,15 @@
|
|
|
3111
3157
|
--gw-overlaybadge-outline-color: var(--gw-default-background);
|
|
3112
3158
|
--gw-iftalabel-color: var(--gw-form-field-float-label-color);
|
|
3113
3159
|
--gw-iftalabel-focus-color: var(--gw-form-field-float-label-focus-color);
|
|
3160
|
+
--gw-link-regular-color: var(--gw-secondary-light);
|
|
3161
|
+
--gw-link-regular-hover-color: var(--gw-secondary-base);
|
|
3162
|
+
--gw-link-regular-visited-color: var(--gw-secondary-base);
|
|
3163
|
+
--gw-link-emphasized-color: var(--gw-primary-base);
|
|
3164
|
+
--gw-link-emphasized-hover-color: var(--gw-primary-dark);
|
|
3165
|
+
--gw-link-emphasized-visited-color: var(--gw-primary-dark);
|
|
3166
|
+
--gw-link-subtile-color: var(--gw-neutral-base);
|
|
3167
|
+
--gw-link-subtile-hover-color: var(--gw-neutral-dark);
|
|
3168
|
+
--gw-link-subtile-visited-color: var(--gw-neutral-dark);
|
|
3114
3169
|
--gw-progressspinner-color-one: var(--gw-error-light);
|
|
3115
3170
|
--gw-progressspinner-color-two: var(--gw-warning-light);
|
|
3116
3171
|
--gw-progressspinner-color-three: var(--gw-success-light);
|
|
@@ -3118,15 +3173,15 @@
|
|
|
3118
3173
|
--gw-border-default-color: var(--gw-default-border-color);
|
|
3119
3174
|
--gw-warning-text: var(--gw-help-dark);
|
|
3120
3175
|
--gw-form-field-float-label-invalid-color: var(--gw-form-field-invalid-placeholder-color);
|
|
3121
|
-
--gw-list-option-group-color: var(--gw-
|
|
3176
|
+
--gw-list-option-group-color: var(--gw-inputtext-disabled-color);
|
|
3122
3177
|
--gw-list-option-selected-focus-background: var(--gw-highlight-focus-background);
|
|
3123
3178
|
--gw-list-option-selected-focus-color: var(--gw-highlight-focus-color);
|
|
3124
|
-
--gw-list-option-selected-color: var(--gw-
|
|
3179
|
+
--gw-list-option-selected-color: var(--gw-text-color);
|
|
3125
3180
|
--gw-list-option-color: var(--gw-text-color);
|
|
3126
|
-
--gw-
|
|
3127
|
-
--gw-
|
|
3128
|
-
--gw-
|
|
3129
|
-
--gw-
|
|
3181
|
+
--gw-sidenav-item-color: var(--gw-text-color);
|
|
3182
|
+
--gw-sidenav-submenuitem-active-color: var(--gw-primary-contrast-color);
|
|
3183
|
+
--gw-sidenav-menuitem-active-icon-color: var(--gw-primary-contrast-color);
|
|
3184
|
+
--gw-sidenav-menuitem-active-color: var(--gw-primary-contrast-color);
|
|
3130
3185
|
--gw-overlay-select-color: var(--gw-text-color);
|
|
3131
3186
|
--gw-overlay-popover-color: var(--gw-text-color);
|
|
3132
3187
|
--gw-overlay-modal-color: var(--gw-text-color);
|
|
@@ -3142,10 +3197,7 @@
|
|
|
3142
3197
|
--gw-button-primary-disabled-color: var(--gw-inputtext-disabled-color);
|
|
3143
3198
|
--gw-button-secondary-disabled-color: var(--gw-inputtext-disabled-color);
|
|
3144
3199
|
--gw-button-secondary-link-hover-color: var(--gw-primary-contrast-color);
|
|
3145
|
-
--gw-button-secondary-link-active-background: var(--gw-primary-active-color);
|
|
3146
|
-
--gw-button-secondary-link-active-border-color: var(--gw-primary-active-color);
|
|
3147
3200
|
--gw-button-secondary-link-active-color: var(--gw-primary-contrast-color);
|
|
3148
|
-
--gw-button-secondary-link-border-color: var(--gw-border-color-primary);
|
|
3149
3201
|
--gw-button-secondary-link-icon-color: var(--gw-primary-contrast-color);
|
|
3150
3202
|
--gw-button-secondary-link-color: var(--gw-primary-contrast-color);
|
|
3151
3203
|
--gw-button-secondary-link-disabled-color: var(--gw-inputtext-disabled-color);
|
|
@@ -3391,42 +3443,42 @@
|
|
|
3391
3443
|
--gw-confirmpopup-border-color: var(--gw-overlay-popover-border-color);
|
|
3392
3444
|
--gw-dialog-border-color: var(--gw-overlay-modal-border-color);
|
|
3393
3445
|
--gw-contextmenu-color: var(--gw-default-color);
|
|
3394
|
-
--gw-contextmenu-item-focus-color: var(--gw-
|
|
3395
|
-
--gw-contextmenu-item-active-color: var(--gw-
|
|
3396
|
-
--gw-contextmenu-submenu-icon-color: var(--gw-
|
|
3397
|
-
--gw-contextmenu-submenu-icon-active-color: var(--gw-
|
|
3446
|
+
--gw-contextmenu-item-focus-color: var(--gw-sidenav-item-focus-color);
|
|
3447
|
+
--gw-contextmenu-item-active-color: var(--gw-sidenav-item-active-color);
|
|
3448
|
+
--gw-contextmenu-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3449
|
+
--gw-contextmenu-submenu-icon-active-color: var(--gw-sidenav-menuitem-active-background);
|
|
3398
3450
|
--gw-dock-item-focus-ring-color: var(--gw-focus-ring-color);
|
|
3399
3451
|
--gw-megamenu-color: var(--gw-default-color);
|
|
3400
|
-
--gw-megamenu-item-focus-color: var(--gw-
|
|
3401
|
-
--gw-megamenu-item-active-color: var(--gw-
|
|
3452
|
+
--gw-megamenu-item-focus-color: var(--gw-sidenav-item-focus-color);
|
|
3453
|
+
--gw-megamenu-item-active-color: var(--gw-sidenav-item-active-color);
|
|
3402
3454
|
--gw-megamenu-overlay-color: var(--gw-default-color);
|
|
3403
|
-
--gw-megamenu-submenu-label-background: var(--gw-
|
|
3404
|
-
--gw-megamenu-submenu-label-color: var(--gw-
|
|
3405
|
-
--gw-megamenu-submenu-icon-color: var(--gw-
|
|
3406
|
-
--gw-megamenu-submenu-icon-active-color: var(--gw-
|
|
3455
|
+
--gw-megamenu-submenu-label-background: var(--gw-sidenav-menuitem-background);
|
|
3456
|
+
--gw-megamenu-submenu-label-color: var(--gw-sidenav-menuitem-color);
|
|
3457
|
+
--gw-megamenu-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3458
|
+
--gw-megamenu-submenu-icon-active-color: var(--gw-sidenav-menuitem-active-background);
|
|
3407
3459
|
--gw-megamenu-mobile-button-color: var(--gw-text-muted-color);
|
|
3408
3460
|
--gw-megamenu-mobile-button-hover-color: var(--gw-default-muted-color);
|
|
3409
3461
|
--gw-megamenu-mobile-button-focus-ring-color: var(--gw-focus-ring-color);
|
|
3410
3462
|
--gw-menu-color: var(--gw-default-color);
|
|
3411
|
-
--gw-menu-item-focus-color: var(--gw-
|
|
3412
|
-
--gw-menu-submenu-label-background: var(--gw-
|
|
3413
|
-
--gw-menu-submenu-label-color: var(--gw-
|
|
3463
|
+
--gw-menu-item-focus-color: var(--gw-sidenav-item-focus-color);
|
|
3464
|
+
--gw-menu-submenu-label-background: var(--gw-sidenav-menuitem-background);
|
|
3465
|
+
--gw-menu-submenu-label-color: var(--gw-sidenav-menuitem-color);
|
|
3414
3466
|
--gw-menubar-color: var(--gw-default-color);
|
|
3415
|
-
--gw-menubar-item-focus-color: var(--gw-
|
|
3416
|
-
--gw-menubar-item-active-color: var(--gw-
|
|
3417
|
-
--gw-menubar-submenu-icon-color: var(--gw-
|
|
3418
|
-
--gw-menubar-submenu-icon-active-color: var(--gw-
|
|
3467
|
+
--gw-menubar-item-focus-color: var(--gw-sidenav-item-focus-color);
|
|
3468
|
+
--gw-menubar-item-active-color: var(--gw-sidenav-item-active-color);
|
|
3469
|
+
--gw-menubar-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3470
|
+
--gw-menubar-submenu-icon-active-color: var(--gw-sidenav-menuitem-active-background);
|
|
3419
3471
|
--gw-menubar-mobile-button-color: var(--gw-text-muted-color);
|
|
3420
3472
|
--gw-menubar-mobile-button-hover-color: var(--gw-default-muted-color);
|
|
3421
3473
|
--gw-menubar-mobile-button-focus-ring-color: var(--gw-focus-ring-color);
|
|
3422
3474
|
--gw-panelmenu-panel-color: var(--gw-default-color);
|
|
3423
|
-
--gw-panelmenu-item-focus-color: var(--gw-
|
|
3424
|
-
--gw-panelmenu-submenu-icon-color: var(--gw-
|
|
3475
|
+
--gw-panelmenu-item-focus-color: var(--gw-sidenav-item-focus-color);
|
|
3476
|
+
--gw-panelmenu-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3425
3477
|
--gw-tieredmenu-color: var(--gw-default-color);
|
|
3426
|
-
--gw-tieredmenu-item-focus-color: var(--gw-
|
|
3427
|
-
--gw-tieredmenu-item-active-color: var(--gw-
|
|
3428
|
-
--gw-tieredmenu-submenu-icon-color: var(--gw-
|
|
3429
|
-
--gw-tieredmenu-submenu-icon-active-color: var(--gw-
|
|
3478
|
+
--gw-tieredmenu-item-focus-color: var(--gw-sidenav-item-focus-color);
|
|
3479
|
+
--gw-tieredmenu-item-active-color: var(--gw-sidenav-item-active-color);
|
|
3480
|
+
--gw-tieredmenu-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3481
|
+
--gw-tieredmenu-submenu-icon-active-color: var(--gw-sidenav-menuitem-active-background);
|
|
3430
3482
|
--gw-organizationchart-node-selected-color: var(--gw-highlight-color);
|
|
3431
3483
|
--gw-organizationchart-node-color: var(--gw-default-color);
|
|
3432
3484
|
--gw-organizationchart-node-toggle-button-hover-color: var(--gw-text-color);
|
|
@@ -3556,12 +3608,12 @@
|
|
|
3556
3608
|
--gw-confirmpopup-color: var(--gw-overlay-popover-color);
|
|
3557
3609
|
--gw-confirmpopup-icon-color: var(--gw-overlay-popover-color);
|
|
3558
3610
|
--gw-dialog-color: var(--gw-overlay-modal-color);
|
|
3559
|
-
--gw-contextmenu-item-color: var(--gw-
|
|
3560
|
-
--gw-megamenu-item-color: var(--gw-
|
|
3561
|
-
--gw-menu-item-color: var(--gw-
|
|
3562
|
-
--gw-menubar-item-color: var(--gw-
|
|
3563
|
-
--gw-panelmenu-item-color: var(--gw-
|
|
3564
|
-
--gw-tieredmenu-item-color: var(--gw-
|
|
3611
|
+
--gw-contextmenu-item-color: var(--gw-sidenav-item-color);
|
|
3612
|
+
--gw-megamenu-item-color: var(--gw-sidenav-item-color);
|
|
3613
|
+
--gw-menu-item-color: var(--gw-sidenav-item-color);
|
|
3614
|
+
--gw-menubar-item-color: var(--gw-sidenav-item-color);
|
|
3615
|
+
--gw-panelmenu-item-color: var(--gw-sidenav-item-color);
|
|
3616
|
+
--gw-tieredmenu-item-color: var(--gw-sidenav-item-color);
|
|
3565
3617
|
--gw-datatable-filter-overlay-select-color: var(--gw-overlay-select-color);
|
|
3566
3618
|
--gw-datatable-filter-overlay-popover-color: var(--gw-overlay-popover-color);
|
|
3567
3619
|
--gw-datatable-filter-constraint-selected-focus-background: var(--gw-list-option-selected-focus-background);
|