graphwise-styleguide 0.0.1-init9 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/variables-dark.css +787 -610
- package/dist/variables-light.css +768 -591
- package/package.json +5 -2
package/dist/variables-dark.css
CHANGED
|
@@ -24,68 +24,95 @@
|
|
|
24
24
|
--gw-border-radius-lg: 12px;
|
|
25
25
|
--gw-border-radius-xl-circle: 50px;
|
|
26
26
|
--gw-border-radius-xxl-circle: 9999px;
|
|
27
|
-
--gw-
|
|
28
|
-
--gw-
|
|
29
|
-
--gw-
|
|
30
|
-
--gw-
|
|
31
|
-
--gw-
|
|
32
|
-
--gw-
|
|
33
|
-
--gw-
|
|
34
|
-
--gw-
|
|
35
|
-
--gw-
|
|
36
|
-
--gw-
|
|
37
|
-
--gw-
|
|
38
|
-
--gw-
|
|
39
|
-
--gw-
|
|
40
|
-
--gw-
|
|
41
|
-
--gw-
|
|
42
|
-
--gw-
|
|
43
|
-
--gw-
|
|
44
|
-
--gw-
|
|
45
|
-
--gw-
|
|
46
|
-
--gw-
|
|
47
|
-
--gw-
|
|
48
|
-
--gw-
|
|
49
|
-
--gw-
|
|
50
|
-
--gw-
|
|
51
|
-
--gw-
|
|
52
|
-
--gw-
|
|
53
|
-
--gw-
|
|
54
|
-
--gw-
|
|
55
|
-
--gw-
|
|
56
|
-
--gw-
|
|
57
|
-
--gw-
|
|
58
|
-
--gw-
|
|
59
|
-
--gw-
|
|
60
|
-
--gw-
|
|
61
|
-
--gw-
|
|
62
|
-
--gw-
|
|
63
|
-
--gw-
|
|
64
|
-
--gw-
|
|
65
|
-
--gw-
|
|
66
|
-
--gw-
|
|
67
|
-
--gw-
|
|
68
|
-
--gw-
|
|
69
|
-
--gw-
|
|
70
|
-
--gw-
|
|
71
|
-
--gw-
|
|
72
|
-
--gw-
|
|
73
|
-
--gw-
|
|
74
|
-
--gw-
|
|
75
|
-
--gw-
|
|
76
|
-
--gw-
|
|
77
|
-
--gw-
|
|
78
|
-
--gw-
|
|
79
|
-
--gw-
|
|
80
|
-
--gw-
|
|
81
|
-
--gw-
|
|
82
|
-
--gw-
|
|
83
|
-
--gw-
|
|
84
|
-
--gw-
|
|
85
|
-
--gw-
|
|
86
|
-
--gw-
|
|
87
|
-
--gw-
|
|
88
|
-
--gw-
|
|
27
|
+
--gw-color-blue-50: #f5f5ff;
|
|
28
|
+
--gw-color-blue-100: #ebebff;
|
|
29
|
+
--gw-color-blue-200: #b3b4ff;
|
|
30
|
+
--gw-color-blue-300: #5c72ff;
|
|
31
|
+
--gw-color-blue-400: #2e4aff;
|
|
32
|
+
--gw-color-blue-500: #001eff;
|
|
33
|
+
--gw-color-blue-600: #021dcf;
|
|
34
|
+
--gw-color-blue-700: #021aa2;
|
|
35
|
+
--gw-color-blue-800: #031577;
|
|
36
|
+
--gw-color-blue-900: #020d4b;
|
|
37
|
+
--gw-color-navy-blue-50: #f4f2fd;
|
|
38
|
+
--gw-color-navy-blue-100: #e2dbfa;
|
|
39
|
+
--gw-color-navy-blue-200: #cdabed;
|
|
40
|
+
--gw-color-navy-blue-300: #9c69e2;
|
|
41
|
+
--gw-color-navy-blue-400: #713cdd;
|
|
42
|
+
--gw-color-navy-blue-500: #4720c5;
|
|
43
|
+
--gw-color-navy-blue-600: #351796;
|
|
44
|
+
--gw-color-navy-blue-700: #220f61;
|
|
45
|
+
--gw-color-navy-blue-800: #170a43;
|
|
46
|
+
--gw-color-navy-blue-900: #0f072c;
|
|
47
|
+
--gw-color-pink-50: #fefbfc;
|
|
48
|
+
--gw-color-pink-100: #fdf2f7;
|
|
49
|
+
--gw-color-pink-200: #f8d3e2;
|
|
50
|
+
--gw-color-pink-300: #ed91b8;
|
|
51
|
+
--gw-color-pink-400: #e6659b;
|
|
52
|
+
--gw-color-pink-500: #df347b;
|
|
53
|
+
--gw-color-pink-600: #cf176d;
|
|
54
|
+
--gw-color-pink-700: #a21555;
|
|
55
|
+
--gw-color-pink-800: #791140;
|
|
56
|
+
--gw-color-pink-900: #540d2c;
|
|
57
|
+
--gw-color-teal-50: #f7fcfc;
|
|
58
|
+
--gw-color-teal-100: #ecf9f8;
|
|
59
|
+
--gw-color-teal-200: #d5f1ef;
|
|
60
|
+
--gw-color-teal-300: #9fdfda;
|
|
61
|
+
--gw-color-teal-400: #79d2cb;
|
|
62
|
+
--gw-color-teal-500: #339991;
|
|
63
|
+
--gw-color-teal-600: #26736c;
|
|
64
|
+
--gw-color-teal-700: #1d5853;
|
|
65
|
+
--gw-color-teal-800: #174541;
|
|
66
|
+
--gw-color-teal-900: #0f2e2b;
|
|
67
|
+
--gw-color-steel-50: #f8fafc;
|
|
68
|
+
--gw-color-steel-100: hsla(213, 36%, 95%);
|
|
69
|
+
--gw-color-steel-200: hsla(213, 36%, 87%);
|
|
70
|
+
--gw-color-steel-300: hsla(211, 37%, 77%);
|
|
71
|
+
--gw-color-steel-400: hsla(210, 36%, 65%);
|
|
72
|
+
--gw-color-steel-500: hsla(211, 34%, 45%);
|
|
73
|
+
--gw-color-steel-600: hsla(211, 37%, 36%);
|
|
74
|
+
--gw-color-steel-700: hsla(211, 37%, 28%);
|
|
75
|
+
--gw-color-steel-800: hsla(211, 37%, 20%);
|
|
76
|
+
--gw-color-steel-900: hsla(208, 86%, 14%);
|
|
77
|
+
--gw-color-steel-50-50: #f8fafc;
|
|
78
|
+
--gw-color-steel-900-50: #0b1218;
|
|
79
|
+
--gw-color-steel-900-0-05: rgba(11, 18, 24, 0.05);
|
|
80
|
+
--gw-color-steel-0-0-05: rgba(255, 255, 255, 0.05);
|
|
81
|
+
--gw-color-grey-0: #ffffff;
|
|
82
|
+
--gw-color-grey-50: #f9fafb;
|
|
83
|
+
--gw-color-grey-100: hsla(220, 14%, 94%);
|
|
84
|
+
--gw-color-grey-200: hsla(220, 13%, 91%);
|
|
85
|
+
--gw-color-grey-300: hsla(210, 14%, 83%);
|
|
86
|
+
--gw-color-grey-400: hsla(220, 11%, 65%);
|
|
87
|
+
--gw-color-grey-500: hsla(220, 9%, 46%);
|
|
88
|
+
--gw-color-grey-600: hsla(215, 14%, 34%);
|
|
89
|
+
--gw-color-grey-700: hsla(217, 19%, 27%);
|
|
90
|
+
--gw-color-grey-800: hsla(212, 28%, 14%);
|
|
91
|
+
--gw-color-grey-900: hsla(220, 40%, 7%);
|
|
92
|
+
--gw-color-grey-50-50: #f9fafb;
|
|
93
|
+
--gw-color-grey-900-50: #111827;
|
|
94
|
+
--gw-color-grey-900-0-05: rgba(17, 24, 39, 0.05);
|
|
95
|
+
--gw-color-grey-0-0-05: rgba(249, 250, 251, 0.05);
|
|
96
|
+
--gw-color-red-100: #fcf3f3;
|
|
97
|
+
--gw-color-red-200: #f9e7e7;
|
|
98
|
+
--gw-color-red-300: #f4d2d2;
|
|
99
|
+
--gw-color-red-400: #e9a5a5;
|
|
100
|
+
--gw-color-red-500: #d65c5c;
|
|
101
|
+
--gw-color-red-600: #cd3737;
|
|
102
|
+
--gw-color-red-700: #ab2b2b;
|
|
103
|
+
--gw-color-red-800: #8f2424;
|
|
104
|
+
--gw-color-red-900: #3d0f0f;
|
|
105
|
+
--gw-color-yellow-100: #fefdf5;
|
|
106
|
+
--gw-color-yellow-200: #fdf8e2;
|
|
107
|
+
--gw-color-yellow-300: #fcf2ca;
|
|
108
|
+
--gw-color-yellow-400: #f4e29a;
|
|
109
|
+
--gw-color-yellow-500: #f0b642;
|
|
110
|
+
--gw-color-yellow-600: #d5920b;
|
|
111
|
+
--gw-color-yellow-700: #ae7709;
|
|
112
|
+
--gw-color-yellow-800: #795306;
|
|
113
|
+
--gw-color-yellow-900: #493204;
|
|
114
|
+
--gw-font-family-body: Inter;
|
|
115
|
+
--gw-font-family-heading: Inter;
|
|
89
116
|
--gw-font-weight-200: 200; /** Extra light */
|
|
90
117
|
--gw-font-weight-300: 300; /** Light */
|
|
91
118
|
--gw-font-weight-400: 400; /** Regular */
|
|
@@ -110,11 +137,16 @@
|
|
|
110
137
|
--gw-xl-font-size: 1.5rem;
|
|
111
138
|
--gw-size-0: 0;
|
|
112
139
|
--gw-size-1: 1rem;
|
|
140
|
+
--gw-size-2: 2rem;
|
|
113
141
|
--gw-size-0-25: 0.25rem;
|
|
114
142
|
--gw-size-0-5: 0.5rem;
|
|
115
143
|
--gw-size-0-75: 0.75rem;
|
|
116
144
|
--gw-size-0-875: 0.875rem;
|
|
117
145
|
--gw-size-1-125: 1.125rem;
|
|
146
|
+
--gw-size-1-5: 1.5rem;
|
|
147
|
+
--gw-size-1-75: 1.75rem;
|
|
148
|
+
--gw-size-2-5: 2.5rem;
|
|
149
|
+
--gw-size-2-75: 2.75rem;
|
|
118
150
|
--gw-neutral-transparent: rgba(0, 0, 0, 0);
|
|
119
151
|
--gw-icon-size: 1rem;
|
|
120
152
|
--gw-disabled-opacity: 0.6;
|
|
@@ -124,7 +156,7 @@
|
|
|
124
156
|
--gw-form-field-lg-font-size: 1.125rem;
|
|
125
157
|
--gw-form-field-lg-padding-x: 0.875rem;
|
|
126
158
|
--gw-form-field-lg-padding-y: 0.625rem;
|
|
127
|
-
--gw-focus-ring-width:
|
|
159
|
+
--gw-focus-ring-width: 2px;
|
|
128
160
|
--gw-focus-ring-offset: 2px;
|
|
129
161
|
--gw-list-padding: 0.25rem 0.25rem;
|
|
130
162
|
--gw-list-gap: 2px;
|
|
@@ -135,13 +167,15 @@
|
|
|
135
167
|
--gw-list-option-group-background: rgba(0, 0, 0, 0);
|
|
136
168
|
--gw-sidenav-list-padding: 0.25rem 0.25rem;
|
|
137
169
|
--gw-sidenav-list-gap: 2px;
|
|
138
|
-
--gw-sidenav-
|
|
139
|
-
--gw-sidenav-
|
|
140
|
-
--gw-sidenav-
|
|
141
|
-
--gw-sidenav-
|
|
142
|
-
--gw-sidenav-
|
|
143
|
-
--gw-sidenav-
|
|
144
|
-
--gw-sidenav-
|
|
170
|
+
--gw-sidenav-menuitem-padding: 0.5rem 1rem;
|
|
171
|
+
--gw-sidenav-menuitem-gap: 0.5rem;
|
|
172
|
+
--gw-sidenav-menuitem-selected-icon-size: 2.5rem;
|
|
173
|
+
--gw-sidenav-menuitem-height: 56px;
|
|
174
|
+
--gw-sidenav-submenu-del-label-padding: 0.5rem 0.75rem 0.5rem 10rem;
|
|
175
|
+
--gw-sidenav-submenuitem-icon-size: 0.875rem;
|
|
176
|
+
--gw-sidenav-submenuitem-padding: 0.5rem 1rem;
|
|
177
|
+
--gw-sidenav-submenuitem-gap: 0.5rem;
|
|
178
|
+
--gw-sidenav-submenuitem-height: 48px;
|
|
145
179
|
--gw-overlay-popover-padding: 0.75rem;
|
|
146
180
|
--gw-overlay-modal-padding: 1.25rem;
|
|
147
181
|
--gw-overlay-title-font-size: 1.5rem;
|
|
@@ -293,8 +327,6 @@
|
|
|
293
327
|
--gw-card-body-gap: 0.5rem;
|
|
294
328
|
--gw-card-title-font-size: 1.25rem;
|
|
295
329
|
--gw-card-title-font-weight: 500;
|
|
296
|
-
--gw-tag-font-weight: 700;
|
|
297
|
-
--gw-tag-padding: 0.25rem 0.5rem;
|
|
298
330
|
--gw-tag-gap: 0.25rem;
|
|
299
331
|
--gw-tag-icon-size: 0.75rem;
|
|
300
332
|
--gw-skeleton-animation-background: rgba(255, 255, 255, 0.4);
|
|
@@ -351,14 +383,12 @@
|
|
|
351
383
|
--gw-dataview-paginator-top-border-width: 1px;
|
|
352
384
|
--gw-dataview-paginator-bottom-border-width: 1px;
|
|
353
385
|
--gw-accordion-panel-border-width: 1px;
|
|
354
|
-
--gw-accordion-header-padding: 1.125rem;
|
|
355
386
|
--gw-accordion-header-font-weight: 600;
|
|
356
387
|
--gw-accordion-header-border-radius: 0;
|
|
357
388
|
--gw-accordion-header-border-width: 0;
|
|
358
389
|
--gw-accordion-header-first-border-width: 0;
|
|
359
390
|
--gw-accordion-header-last-active-bottom-border-radius: 0;
|
|
360
391
|
--gw-accordion-content-border-width: 0;
|
|
361
|
-
--gw-accordion-content-padding: 0 1.125rem 1.125rem 1.125rem;
|
|
362
392
|
--gw-divider-horizontal-margin: 1rem;
|
|
363
393
|
--gw-divider-horizontal-padding: 0;
|
|
364
394
|
--gw-divider-horizontal-content-padding: 0 0.5rem;
|
|
@@ -455,7 +485,6 @@
|
|
|
455
485
|
--gw-datatable-column-footer-font-weight: 600;
|
|
456
486
|
--gw-datatable-column-resizer-width: 0.5rem;
|
|
457
487
|
--gw-datatable-row-focus-ring-offset: -1px;
|
|
458
|
-
--gw-datatable-row-toggle-button-size: 1.75rem;
|
|
459
488
|
--gw-datatable-body-cell-sm-padding: 0.375rem 0.5rem;
|
|
460
489
|
--gw-datatable-footer-cell-padding: 0.75rem 1rem;
|
|
461
490
|
--gw-datatable-footer-cell-sm-padding: 0.375rem 0.5rem;
|
|
@@ -623,7 +652,14 @@
|
|
|
623
652
|
--gw-iftalabel-font-size: 0.75rem;
|
|
624
653
|
--gw-iftalabel-font-weight: 400;
|
|
625
654
|
--gw-iftalabel-input-padding-top: 1.5rem;
|
|
655
|
+
--gw-swagger-close-button-width: 1.75rem;
|
|
656
|
+
--gw-swagger-close-icon-size: 1rem;
|
|
657
|
+
--gw-swagger-close-icon-sm-size: 0.875rem;
|
|
658
|
+
--gw-swagger-close-icon-lg-size: 1.125rem;
|
|
659
|
+
--gw-swagger-button-width: 5rem;
|
|
626
660
|
--gw-ripple-background: rgba(0, 0, 0, 0.1);
|
|
661
|
+
--gw-border-default-width: 1px;
|
|
662
|
+
--gw-border-default-style: solid;
|
|
627
663
|
--gw-form-field-focus-ring-shadow-blur: 0;
|
|
628
664
|
--gw-form-field-focus-ring-shadow-spread: 0;
|
|
629
665
|
--gw-form-field-focus-ring-shadow-type: dropShadow;
|
|
@@ -639,8 +675,25 @@
|
|
|
639
675
|
--gw-focus-ring-shadow-type: dropShadow;
|
|
640
676
|
--gw-focus-ring-shadow-offset-x: 0;
|
|
641
677
|
--gw-focus-ring-shadow-offset-y: 0;
|
|
642
|
-
--gw-border-
|
|
643
|
-
--gw-border-
|
|
678
|
+
--gw-sidenav-menuitem-selected-border-width: 4px;
|
|
679
|
+
--gw-sidenav-menuitem-selected-border-style: solid;
|
|
680
|
+
--gw-sidenav-submenuitem-selected-border-width: 4px;
|
|
681
|
+
--gw-sidenav-submenuitem-selected-border-style: solid;
|
|
682
|
+
--gw-sidenav-collapsebutton-shadow-blur: 2px;
|
|
683
|
+
--gw-sidenav-collapsebutton-shadow-spread: 0;
|
|
684
|
+
--gw-sidenav-collapsebutton-shadow-type: dropShadow;
|
|
685
|
+
--gw-sidenav-collapsebutton-shadow-offset-x: 0;
|
|
686
|
+
--gw-sidenav-collapsebutton-shadow-offset-y: 1px;
|
|
687
|
+
--gw-sidenav-shadow-1-blur: 0;
|
|
688
|
+
--gw-sidenav-shadow-1-spread: 0.1px;
|
|
689
|
+
--gw-sidenav-shadow-1-type: dropShadow;
|
|
690
|
+
--gw-sidenav-shadow-1-offset-x: 0;
|
|
691
|
+
--gw-sidenav-shadow-1-offset-y: 0;
|
|
692
|
+
--gw-sidenav-shadow-2-blur: 2px;
|
|
693
|
+
--gw-sidenav-shadow-2-spread: -1px;
|
|
694
|
+
--gw-sidenav-shadow-2-type: dropShadow;
|
|
695
|
+
--gw-sidenav-shadow-2-offset-x: 0;
|
|
696
|
+
--gw-sidenav-shadow-2-offset-y: 1px;
|
|
644
697
|
--gw-overlay-select-shadow-1-blur: 6px;
|
|
645
698
|
--gw-overlay-select-shadow-1-spread: -1px;
|
|
646
699
|
--gw-overlay-select-shadow-1-color: rgba(255, 255, 255, 0.1);
|
|
@@ -766,6 +819,9 @@
|
|
|
766
819
|
--gw-caption-base-letter-spacing: 0.02em;
|
|
767
820
|
--gw-caption-sm-text-case: uppercase;
|
|
768
821
|
--gw-caption-sm-letter-spacing: 0.02em;
|
|
822
|
+
--gw-label-sm-regular-letter-spacing: 0.02em;
|
|
823
|
+
--gw-label-sm-medium-letter-spacing: 0.02em;
|
|
824
|
+
--gw-label-sm-bold-letter-spacing: 0.02em;
|
|
769
825
|
--gw-inputtext-focus-ring-shadow-blur: 0;
|
|
770
826
|
--gw-inputtext-focus-ring-shadow-spread: 0;
|
|
771
827
|
--gw-inputtext-focus-ring-shadow-type: dropShadow;
|
|
@@ -1514,116 +1570,121 @@
|
|
|
1514
1570
|
--gw-imagecompare-handle-focus-ring-shadow-type: dropShadow;
|
|
1515
1571
|
--gw-imagecompare-handle-focus-ring-shadow-offset-x: 0;
|
|
1516
1572
|
--gw-imagecompare-handle-focus-ring-shadow-offset-y: 0;
|
|
1517
|
-
--
|
|
1518
|
-
--
|
|
1519
|
-
--
|
|
1520
|
-
--
|
|
1521
|
-
--
|
|
1522
|
-
--
|
|
1523
|
-
--
|
|
1524
|
-
--
|
|
1525
|
-
--
|
|
1526
|
-
--
|
|
1527
|
-
--gw-
|
|
1528
|
-
--gw-
|
|
1529
|
-
--gw-
|
|
1530
|
-
--gw-
|
|
1531
|
-
--gw-
|
|
1532
|
-
--gw-
|
|
1533
|
-
--gw-
|
|
1534
|
-
--gw-
|
|
1573
|
+
--color: {sidenav.item.icon.focus.color};
|
|
1574
|
+
--color: {sidenav.item.icon.active.color};
|
|
1575
|
+
--color: {sidenav.item.icon.focus.color};
|
|
1576
|
+
--color: {sidenav.item.icon.focus.color};
|
|
1577
|
+
--color: {sidenav.item.icon.active.color};
|
|
1578
|
+
--color: {sidenav.item.icon.focus.color};
|
|
1579
|
+
--color: {sidenav.item.icon.active.color};
|
|
1580
|
+
--color: {sidenav.item.icon.focus.color};
|
|
1581
|
+
--color: {sidenav.item.icon.focus.color};
|
|
1582
|
+
--color: {default.color.grey.0};
|
|
1583
|
+
--gw-color-green-100: var(--gw-color-teal-50);
|
|
1584
|
+
--gw-color-green-200: var(--gw-color-teal-100);
|
|
1585
|
+
--gw-color-green-300: var(--gw-color-teal-300);
|
|
1586
|
+
--gw-color-green-400: var(--gw-color-teal-400);
|
|
1587
|
+
--gw-color-green-500: var(--gw-color-teal-500);
|
|
1588
|
+
--gw-color-green-600: var(--gw-color-teal-600);
|
|
1589
|
+
--gw-color-green-700: var(--gw-color-teal-700);
|
|
1590
|
+
--gw-color-green-800: var(--gw-color-teal-800);
|
|
1591
|
+
--gw-color-green-900: var(--gw-color-teal-900);
|
|
1535
1592
|
--gw-base-line-height: var(--gw-sm-line-height);
|
|
1536
|
-
--gw-primary-
|
|
1537
|
-
--gw-primary-
|
|
1538
|
-
--gw-primary-
|
|
1539
|
-
--gw-primary-
|
|
1540
|
-
--gw-primary-
|
|
1541
|
-
--gw-primary-
|
|
1542
|
-
--gw-primary-
|
|
1543
|
-
--gw-primary-
|
|
1544
|
-
--gw-primary-
|
|
1545
|
-
--gw-
|
|
1546
|
-
--gw-secondary-
|
|
1547
|
-
--gw-secondary-
|
|
1548
|
-
--gw-secondary-
|
|
1549
|
-
--gw-secondary-
|
|
1550
|
-
--gw-secondary-
|
|
1551
|
-
--gw-secondary-
|
|
1552
|
-
--gw-secondary-
|
|
1553
|
-
--gw-secondary-
|
|
1554
|
-
--gw-
|
|
1555
|
-
--gw-
|
|
1556
|
-
--gw-
|
|
1557
|
-
--gw-
|
|
1558
|
-
--gw-
|
|
1559
|
-
--gw-
|
|
1560
|
-
--gw-
|
|
1561
|
-
--gw-
|
|
1562
|
-
--gw-
|
|
1563
|
-
--gw-warning-
|
|
1564
|
-
--gw-warning-
|
|
1565
|
-
--gw-
|
|
1566
|
-
--gw-
|
|
1567
|
-
--gw-
|
|
1568
|
-
--gw-
|
|
1569
|
-
--gw-
|
|
1570
|
-
--gw-
|
|
1571
|
-
--gw-
|
|
1572
|
-
--gw-danger-
|
|
1573
|
-
--gw-danger-
|
|
1574
|
-
--gw-
|
|
1575
|
-
--gw-
|
|
1576
|
-
--gw-
|
|
1577
|
-
--gw-
|
|
1578
|
-
--gw-
|
|
1579
|
-
--gw-
|
|
1580
|
-
--gw-
|
|
1581
|
-
--gw-info-
|
|
1582
|
-
--gw-info-
|
|
1583
|
-
--gw-
|
|
1584
|
-
--gw-
|
|
1585
|
-
--gw-
|
|
1586
|
-
--gw-
|
|
1587
|
-
--gw-
|
|
1588
|
-
--gw-
|
|
1589
|
-
--gw-
|
|
1590
|
-
--gw-neutral-
|
|
1591
|
-
--gw-neutral-
|
|
1592
|
-
--gw-neutral-
|
|
1593
|
-
--gw-neutral-
|
|
1594
|
-
--gw-neutral-
|
|
1595
|
-
--gw-neutral-
|
|
1596
|
-
--gw-neutral-
|
|
1597
|
-
--gw-neutral-
|
|
1598
|
-
--gw-
|
|
1599
|
-
--gw-
|
|
1600
|
-
--gw-
|
|
1601
|
-
--gw-tertiary-
|
|
1602
|
-
--gw-tertiary-
|
|
1603
|
-
--gw-tertiary-
|
|
1604
|
-
--gw-tertiary-
|
|
1605
|
-
--gw-tertiary-
|
|
1606
|
-
--gw-tertiary-
|
|
1607
|
-
--gw-
|
|
1608
|
-
--gw-
|
|
1609
|
-
--gw-
|
|
1610
|
-
--gw-
|
|
1611
|
-
--gw-
|
|
1612
|
-
--gw-
|
|
1613
|
-
--gw-
|
|
1614
|
-
--gw-
|
|
1593
|
+
--gw-primary-50: var(--gw-color-blue-900);
|
|
1594
|
+
--gw-primary-100: var(--gw-color-blue-800);
|
|
1595
|
+
--gw-primary-200: var(--gw-color-blue-700);
|
|
1596
|
+
--gw-primary-300: var(--gw-color-blue-600);
|
|
1597
|
+
--gw-primary-400: var(--gw-color-blue-500);
|
|
1598
|
+
--gw-primary-500: var(--gw-color-blue-400);
|
|
1599
|
+
--gw-primary-600: var(--gw-color-blue-300);
|
|
1600
|
+
--gw-primary-700: var(--gw-color-blue-200);
|
|
1601
|
+
--gw-primary-800: var(--gw-color-blue-100);
|
|
1602
|
+
--gw-primary-900: var(--gw-color-blue-50);
|
|
1603
|
+
--gw-secondary-50: var(--gw-color-steel-900);
|
|
1604
|
+
--gw-secondary-100: var(--gw-color-steel-800);
|
|
1605
|
+
--gw-secondary-200: var(--gw-color-steel-700);
|
|
1606
|
+
--gw-secondary-300: var(--gw-color-steel-600);
|
|
1607
|
+
--gw-secondary-400: var(--gw-color-steel-500);
|
|
1608
|
+
--gw-secondary-500: var(--gw-color-steel-400);
|
|
1609
|
+
--gw-secondary-600: var(--gw-color-steel-300);
|
|
1610
|
+
--gw-secondary-700: var(--gw-color-steel-200);
|
|
1611
|
+
--gw-secondary-800: var(--gw-color-steel-100);
|
|
1612
|
+
--gw-secondary-900: var(--gw-color-steel-50);
|
|
1613
|
+
--gw-warning-100: var(--gw-color-yellow-900);
|
|
1614
|
+
--gw-warning-200: var(--gw-color-yellow-800);
|
|
1615
|
+
--gw-warning-300: var(--gw-color-yellow-700);
|
|
1616
|
+
--gw-warning-400: var(--gw-color-yellow-600);
|
|
1617
|
+
--gw-warning-500: var(--gw-color-yellow-500);
|
|
1618
|
+
--gw-warning-600: var(--gw-color-yellow-400);
|
|
1619
|
+
--gw-warning-700: var(--gw-color-yellow-300);
|
|
1620
|
+
--gw-warning-800: var(--gw-color-yellow-200);
|
|
1621
|
+
--gw-warning-900: var(--gw-color-yellow-100);
|
|
1622
|
+
--gw-danger-100: var(--gw-color-red-900);
|
|
1623
|
+
--gw-danger-200: var(--gw-color-red-800);
|
|
1624
|
+
--gw-danger-300: var(--gw-color-red-700);
|
|
1625
|
+
--gw-danger-400: var(--gw-color-red-600);
|
|
1626
|
+
--gw-danger-500: var(--gw-color-red-500);
|
|
1627
|
+
--gw-danger-600: var(--gw-color-red-400);
|
|
1628
|
+
--gw-danger-700: var(--gw-color-red-300);
|
|
1629
|
+
--gw-danger-800: var(--gw-color-red-200);
|
|
1630
|
+
--gw-danger-900: var(--gw-color-red-100);
|
|
1631
|
+
--gw-info-100: var(--gw-color-steel-800);
|
|
1632
|
+
--gw-info-200: var(--gw-color-steel-700);
|
|
1633
|
+
--gw-info-300: var(--gw-color-steel-600);
|
|
1634
|
+
--gw-info-400: var(--gw-color-steel-500);
|
|
1635
|
+
--gw-info-500: var(--gw-color-steel-400);
|
|
1636
|
+
--gw-info-600: var(--gw-color-steel-300);
|
|
1637
|
+
--gw-info-700: var(--gw-color-steel-200);
|
|
1638
|
+
--gw-info-800: var(--gw-color-steel-100);
|
|
1639
|
+
--gw-info-900: var(--gw-color-steel-50);
|
|
1640
|
+
--gw-neutral-0: var(--gw-color-grey-900);
|
|
1641
|
+
--gw-neutral-50: var(--gw-color-grey-800);
|
|
1642
|
+
--gw-neutral-100: var(--gw-color-grey-700);
|
|
1643
|
+
--gw-neutral-200: var(--gw-color-grey-600);
|
|
1644
|
+
--gw-neutral-300: var(--gw-color-grey-500);
|
|
1645
|
+
--gw-neutral-400: var(--gw-color-grey-400);
|
|
1646
|
+
--gw-neutral-500: var(--gw-color-grey-300);
|
|
1647
|
+
--gw-neutral-600: var(--gw-color-grey-200);
|
|
1648
|
+
--gw-neutral-700: var(--gw-color-grey-100);
|
|
1649
|
+
--gw-neutral-800: var(--gw-color-grey-50);
|
|
1650
|
+
--gw-neutral-900: var(--gw-color-grey-0);
|
|
1651
|
+
--gw-neutral-50-50: var(--gw-color-grey-900-50);
|
|
1652
|
+
--gw-neutral-900-50: var(--gw-color-grey-50-50);
|
|
1653
|
+
--gw-neutral-shadow: var(--gw-color-grey-900-0-05);
|
|
1654
|
+
--gw-neutral-900-0-05: var(--gw-color-grey-0-0-05);
|
|
1655
|
+
--gw-tertiary-100: var(--gw-color-teal-900);
|
|
1656
|
+
--gw-tertiary-200: var(--gw-color-teal-800);
|
|
1657
|
+
--gw-tertiary-300: var(--gw-color-teal-700);
|
|
1658
|
+
--gw-tertiary-400: var(--gw-color-teal-600);
|
|
1659
|
+
--gw-tertiary-500: var(--gw-color-teal-500);
|
|
1660
|
+
--gw-tertiary-600: var(--gw-color-teal-400);
|
|
1661
|
+
--gw-tertiary-700: var(--gw-color-teal-300);
|
|
1662
|
+
--gw-tertiary-800: var(--gw-color-teal-200);
|
|
1663
|
+
--gw-tertiary-900: var(--gw-color-teal-100);
|
|
1664
|
+
--gw-accent-50: var(--gw-color-pink-900);
|
|
1665
|
+
--gw-accent-100: var(--gw-color-pink-800);
|
|
1666
|
+
--gw-accent-200: var(--gw-color-pink-700);
|
|
1667
|
+
--gw-accent-300: var(--gw-color-pink-600);
|
|
1668
|
+
--gw-accent-400: var(--gw-color-pink-500);
|
|
1669
|
+
--gw-accent-500: var(--gw-color-pink-400);
|
|
1670
|
+
--gw-accent-600: var(--gw-color-pink-300);
|
|
1671
|
+
--gw-accent-700: var(--gw-color-pink-200);
|
|
1672
|
+
--gw-accent-800: var(--gw-color-pink-100);
|
|
1673
|
+
--gw-accent-900: var(--gw-color-pink-50);
|
|
1615
1674
|
--gw-form-field-padding-x: var(--gw-space-0-75);
|
|
1616
1675
|
--gw-form-field-padding-y: var(--gw-space-0-5);
|
|
1617
1676
|
--gw-form-field-focus-ring-style: var(--gw-style-none);
|
|
1618
|
-
--gw-form-field-focus-ring-color: var(--gw-neutral-transparent);
|
|
1619
1677
|
--gw-form-field-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
1620
1678
|
--gw-form-field-focus-ring-width: var(--gw-focus-ring-width);
|
|
1621
1679
|
--gw-form-field-transition-duration: var(--gw-transition-duration);
|
|
1622
1680
|
--gw-form-field-base-font-size: var(--gw-base-font-size);
|
|
1623
1681
|
--gw-focus-ring-style: var(--gw-style-solid);
|
|
1624
|
-
--gw-defaul-border-radius: var(--gw-border-radius-
|
|
1625
|
-
--gw-sidenav-
|
|
1682
|
+
--gw-defaul-border-radius: var(--gw-border-radius-sm);
|
|
1683
|
+
--gw-sidenav-gap: var(--gw-space-1);
|
|
1684
|
+
--gw-sidenav-menuitem-icon-size: var(--gw-size-1-5);
|
|
1685
|
+
--gw-sidenav-menuitem-hover-icon-size: var(--gw-size-1-75);
|
|
1626
1686
|
--gw-sidenav-menuitem-label-font-weight: var(--gw-font-weight-400);
|
|
1687
|
+
--gw-sidenav-submenuitem-label-font-weight: var(--gw-font-weight-500);
|
|
1627
1688
|
--gw-button-sm-padding-y: var(--gw-form-field-sm-padding-y);
|
|
1628
1689
|
--gw-button-sm-icon-size: var(--gw-button-sm-font-size);
|
|
1629
1690
|
--gw-button-gap: var(--gw-space-0-5);
|
|
@@ -1634,11 +1695,29 @@
|
|
|
1634
1695
|
--gw-button-label-font-family: var(--gw-font-family-body);
|
|
1635
1696
|
--gw-button-focus-ring-width: var(--gw-focus-ring-width);
|
|
1636
1697
|
--gw-button-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
1637
|
-
--gw-button-primary-icon-color-second: var(--gw-main-gray-50-50);
|
|
1638
|
-
--gw-button-secondary-icon-muted: var(--gw-main-gray-600);
|
|
1639
1698
|
--gw-button-secondary-link-border-color: var(--gw-neutral-transparent);
|
|
1640
|
-
--gw-button-
|
|
1641
|
-
--gw-button-
|
|
1699
|
+
--gw-button-text-del-primary-hover-background: var(--gw-neutral-transparent);
|
|
1700
|
+
--gw-button-text-del-primary-active-background: var(--gw-neutral-transparent);
|
|
1701
|
+
--gw-button-text-del-secondary-hover-background: var(--gw-neutral-transparent);
|
|
1702
|
+
--gw-button-text-del-secondary-active-background: var(--gw-neutral-transparent);
|
|
1703
|
+
--gw-button-text-del-success-hover-background: var(--gw-neutral-transparent);
|
|
1704
|
+
--gw-button-text-del-success-active-background: var(--gw-neutral-transparent);
|
|
1705
|
+
--gw-button-text-del-info-hover-background: var(--gw-neutral-transparent);
|
|
1706
|
+
--gw-button-text-del-info-active-background: var(--gw-neutral-transparent);
|
|
1707
|
+
--gw-button-text-del-warn-hover-background: var(--gw-neutral-transparent);
|
|
1708
|
+
--gw-button-text-del-warn-active-background: var(--gw-neutral-transparent);
|
|
1709
|
+
--gw-button-text-del-help-hover-background: var(--gw-neutral-transparent);
|
|
1710
|
+
--gw-button-text-del-help-active-background: var(--gw-neutral-transparent);
|
|
1711
|
+
--gw-button-text-del-danger-hover-background: var(--gw-neutral-transparent);
|
|
1712
|
+
--gw-button-text-del-danger-active-background: var(--gw-neutral-transparent);
|
|
1713
|
+
--gw-button-tertiary-background: var(--gw-neutral-transparent);
|
|
1714
|
+
--gw-button-tertiary-hover-border-color: var(--gw-neutral-transparent);
|
|
1715
|
+
--gw-button-tertiary-active-background: var(--gw-neutral-transparent);
|
|
1716
|
+
--gw-button-tertiary-border-color: var(--gw-neutral-transparent);
|
|
1717
|
+
--gw-button-tertiary-disabled-background: var(--gw-neutral-transparent);
|
|
1718
|
+
--gw-button-tertiary-disabled-border-color: var(--gw-neutral-transparent);
|
|
1719
|
+
--gw-button-tertiary-link-border-color: var(--gw-neutral-transparent);
|
|
1720
|
+
--gw-topnav-border-color: var(--gw-neutral-transparent);
|
|
1642
1721
|
--gw-inputtext-focus-ring-width: var(--gw-focus-ring-width);
|
|
1643
1722
|
--gw-inputtext-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
1644
1723
|
--gw-inputtext-sm-padding-x: var(--gw-form-field-sm-padding-x);
|
|
@@ -1694,10 +1773,13 @@
|
|
|
1694
1773
|
--gw-card-body-font-size: var(--gw-base-font-size);
|
|
1695
1774
|
--gw-card-caption-gap: var(--gw-space-1);
|
|
1696
1775
|
--gw-tag-font-size: var(--gw-badge-font-size);
|
|
1776
|
+
--gw-tag-font-weight: var(--gw-font-weight-500);
|
|
1777
|
+
--gw-tag-padding-x: var(--gw-space-0-25);
|
|
1778
|
+
--gw-tag-padding-y: var(--gw-space-0-125);
|
|
1697
1779
|
--gw-tag-rounded-border-radius: var(--gw-border-radius-xl-circle);
|
|
1698
1780
|
--gw-breadcrumb-item-focus-ring-width: var(--gw-focus-ring-width);
|
|
1699
1781
|
--gw-breadcrumb-item-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
1700
|
-
--gw-breadcrumb-item-gap: var(--gw-sidenav-
|
|
1782
|
+
--gw-breadcrumb-item-gap: var(--gw-sidenav-menuitem-gap);
|
|
1701
1783
|
--gw-breadcrumb-transition-duration: var(--gw-transition-duration);
|
|
1702
1784
|
--gw-drawer-header-padding: var(--gw-overlay-modal-padding);
|
|
1703
1785
|
--gw-drawer-content-padding: 0 var(--gw-overlay-modal-padding) var(--gw-overlay-modal-padding) var(--gw-overlay-modal-padding);
|
|
@@ -1783,8 +1865,10 @@
|
|
|
1783
1865
|
--gw-treeselect-lg-font-size: var(--gw-form-field-lg-font-size);
|
|
1784
1866
|
--gw-treeselect-lg-padding-x: var(--gw-form-field-lg-padding-x);
|
|
1785
1867
|
--gw-treeselect-lg-padding-y: var(--gw-form-field-lg-padding-y);
|
|
1868
|
+
--gw-accordion-header-padding: var(--gw-space-0-875);
|
|
1786
1869
|
--gw-accordion-header-focus-ring-width: var(--gw-focus-ring-width);
|
|
1787
1870
|
--gw-accordion-header-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
1871
|
+
--gw-accordion-content-padding: 0 var(--gw-space-0-875) var(--gw-space-0-875) var(--gw-space-0-875);
|
|
1788
1872
|
--gw-accordion-transition-duration: var(--gw-transition-duration);
|
|
1789
1873
|
--gw-fieldset-legend-focus-ring-width: var(--gw-focus-ring-width);
|
|
1790
1874
|
--gw-fieldset-legend-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
@@ -1795,7 +1879,9 @@
|
|
|
1795
1879
|
--gw-scrollpanel-bar-border-radius: var(--gw-border-radius-sm);
|
|
1796
1880
|
--gw-scrollpanel-bar-focus-ring-width: var(--gw-focus-ring-width);
|
|
1797
1881
|
--gw-scrollpanel-bar-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
1882
|
+
--gw-scrollpanel-bar-focus-ring-color: var(--gw-neutral-transparent);
|
|
1798
1883
|
--gw-scrollpanel-transition-duration: var(--gw-transition-duration);
|
|
1884
|
+
--gw-scrollpanel-background: var(--gw-neutral-transparent);
|
|
1799
1885
|
--gw-tabs-tab-padding-x: var(--gw-space-1);
|
|
1800
1886
|
--gw-tabs-tab-padding-y: var(--gw-space-0-75);
|
|
1801
1887
|
--gw-tabs-tab-focus-ring-width: var(--gw-focus-ring-width);
|
|
@@ -1803,27 +1889,26 @@
|
|
|
1803
1889
|
--gw-tabs-tabpanel-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
1804
1890
|
--gw-tabs-nav-button-focus-ring-width: var(--gw-focus-ring-width);
|
|
1805
1891
|
--gw-tabs-transition-duration: var(--gw-transition-duration);
|
|
1806
|
-
--gw-confirmpopup-content-padding: var(--gw-overlay-popover-padding);
|
|
1807
1892
|
--gw-confirmpopup-footer-padding: 0 var(--gw-overlay-popover-padding) var(--gw-overlay-popover-padding) var(--gw-overlay-popover-padding);
|
|
1808
1893
|
--gw-dialog-header-padding: var(--gw-overlay-modal-padding);
|
|
1809
1894
|
--gw-dialog-content-padding: 0 var(--gw-overlay-modal-padding) var(--gw-overlay-modal-padding) var(--gw-overlay-modal-padding);
|
|
1810
1895
|
--gw-dialog-footer-padding: 0 var(--gw-overlay-modal-padding) var(--gw-overlay-modal-padding) var(--gw-overlay-modal-padding);
|
|
1811
1896
|
--gw-contextmenu-list-padding: var(--gw-sidenav-list-padding);
|
|
1812
1897
|
--gw-contextmenu-list-gap: var(--gw-sidenav-list-gap);
|
|
1813
|
-
--gw-contextmenu-item-padding: var(--gw-sidenav-
|
|
1814
|
-
--gw-contextmenu-item-gap: var(--gw-sidenav-
|
|
1815
|
-
--gw-contextmenu-submenu-icon-size: var(--gw-sidenav-
|
|
1898
|
+
--gw-contextmenu-item-padding: var(--gw-sidenav-menuitem-padding);
|
|
1899
|
+
--gw-contextmenu-item-gap: var(--gw-sidenav-menuitem-gap);
|
|
1900
|
+
--gw-contextmenu-submenu-icon-size: var(--gw-sidenav-submenuitem-icon-size);
|
|
1816
1901
|
--gw-contextmenu-transition-duration: var(--gw-transition-duration);
|
|
1817
1902
|
--gw-dock-border-radius: var(--gw-border-radius-xl-circle);
|
|
1818
1903
|
--gw-dock-item-focus-ring-width: var(--gw-focus-ring-width);
|
|
1819
1904
|
--gw-dock-item-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
1820
1905
|
--gw-megamenu-vertical-orientation-padding: var(--gw-sidenav-list-padding);
|
|
1821
1906
|
--gw-megamenu-vertical-orientation-gap: var(--gw-sidenav-list-gap);
|
|
1822
|
-
--gw-megamenu-base-item-padding: var(--gw-sidenav-
|
|
1823
|
-
--gw-megamenu-item-padding: var(--gw-sidenav-
|
|
1824
|
-
--gw-megamenu-item-gap: var(--gw-sidenav-
|
|
1825
|
-
--gw-megamenu-submenu-label-padding: var(--gw-sidenav-submenu-label-padding);
|
|
1826
|
-
--gw-megamenu-submenu-icon-size: var(--gw-sidenav-
|
|
1907
|
+
--gw-megamenu-base-item-padding: var(--gw-sidenav-menuitem-padding);
|
|
1908
|
+
--gw-megamenu-item-padding: var(--gw-sidenav-menuitem-padding);
|
|
1909
|
+
--gw-megamenu-item-gap: var(--gw-sidenav-menuitem-gap);
|
|
1910
|
+
--gw-megamenu-submenu-label-padding: var(--gw-sidenav-submenu-del-label-padding);
|
|
1911
|
+
--gw-megamenu-submenu-icon-size: var(--gw-sidenav-submenuitem-icon-size);
|
|
1827
1912
|
--gw-megamenu-submenu-padding: var(--gw-sidenav-list-padding);
|
|
1828
1913
|
--gw-megamenu-submenu-gap: var(--gw-sidenav-list-gap);
|
|
1829
1914
|
--gw-megamenu-mobile-button-border-radius: var(--gw-megamenu-mobile-button-size) / 2;
|
|
@@ -1832,27 +1917,27 @@
|
|
|
1832
1917
|
--gw-megamenu-transition-duration: var(--gw-transition-duration);
|
|
1833
1918
|
--gw-menu-list-padding: var(--gw-sidenav-list-padding);
|
|
1834
1919
|
--gw-menu-list-gap: var(--gw-sidenav-list-gap);
|
|
1835
|
-
--gw-menu-item-padding: var(--gw-sidenav-
|
|
1836
|
-
--gw-menu-item-gap: var(--gw-sidenav-
|
|
1837
|
-
--gw-menu-submenu-label-padding: var(--gw-sidenav-submenu-label-padding);
|
|
1920
|
+
--gw-menu-item-padding: var(--gw-sidenav-menuitem-padding);
|
|
1921
|
+
--gw-menu-item-gap: var(--gw-sidenav-menuitem-gap);
|
|
1922
|
+
--gw-menu-submenu-label-padding: var(--gw-sidenav-submenu-del-label-padding);
|
|
1838
1923
|
--gw-menu-transition-duration: var(--gw-transition-duration);
|
|
1839
|
-
--gw-menubar-base-item-padding: var(--gw-sidenav-
|
|
1840
|
-
--gw-menubar-item-padding: var(--gw-sidenav-
|
|
1841
|
-
--gw-menubar-item-gap: var(--gw-sidenav-
|
|
1924
|
+
--gw-menubar-base-item-padding: var(--gw-sidenav-menuitem-padding);
|
|
1925
|
+
--gw-menubar-item-padding: var(--gw-sidenav-menuitem-padding);
|
|
1926
|
+
--gw-menubar-item-gap: var(--gw-sidenav-menuitem-gap);
|
|
1842
1927
|
--gw-menubar-submenu-padding: var(--gw-sidenav-list-padding);
|
|
1843
1928
|
--gw-menubar-submenu-gap: var(--gw-sidenav-list-gap);
|
|
1844
|
-
--gw-menubar-submenu-icon-size: var(--gw-sidenav-
|
|
1929
|
+
--gw-menubar-submenu-icon-size: var(--gw-sidenav-submenuitem-icon-size);
|
|
1845
1930
|
--gw-menubar-mobile-button-border-radius: var(--gw-menubar-mobile-button-size) / 2;
|
|
1846
1931
|
--gw-menubar-mobile-button-focus-ring-width: var(--gw-focus-ring-width);
|
|
1847
1932
|
--gw-menubar-mobile-button-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
1848
1933
|
--gw-menubar-transition-duration: var(--gw-transition-duration);
|
|
1849
|
-
--gw-panelmenu-item-padding: var(--gw-sidenav-
|
|
1934
|
+
--gw-panelmenu-item-padding: var(--gw-sidenav-menuitem-padding);
|
|
1850
1935
|
--gw-panelmenu-transition-duration: var(--gw-transition-duration);
|
|
1851
1936
|
--gw-tieredmenu-list-padding: var(--gw-sidenav-list-padding);
|
|
1852
1937
|
--gw-tieredmenu-list-gap: var(--gw-sidenav-list-gap);
|
|
1853
|
-
--gw-tieredmenu-item-padding: var(--gw-sidenav-
|
|
1854
|
-
--gw-tieredmenu-item-gap: var(--gw-sidenav-
|
|
1855
|
-
--gw-tieredmenu-submenu-icon-size: var(--gw-sidenav-
|
|
1938
|
+
--gw-tieredmenu-item-padding: var(--gw-sidenav-menuitem-padding);
|
|
1939
|
+
--gw-tieredmenu-item-gap: var(--gw-sidenav-menuitem-gap);
|
|
1940
|
+
--gw-tieredmenu-submenu-icon-size: var(--gw-sidenav-submenuitem-icon-size);
|
|
1856
1941
|
--gw-tieredmenu-transition-duration: var(--gw-transition-duration);
|
|
1857
1942
|
--gw-organizationchart-node-toggle-button-border-radius: var(--gw-organizationchart-node-toggle-button-size) / 2;
|
|
1858
1943
|
--gw-organizationchart-node-toggle-button-focus-ring-width: var(--gw-focus-ring-width);
|
|
@@ -1864,14 +1949,18 @@
|
|
|
1864
1949
|
--gw-paginator-transition-duration: var(--gw-transition-duration);
|
|
1865
1950
|
--gw-datatable-header-cell-focus-ring-width: var(--gw-focus-ring-width);
|
|
1866
1951
|
--gw-datatable-row-focus-ring-width: var(--gw-focus-ring-width);
|
|
1867
|
-
--gw-datatable-row-toggle-button-
|
|
1952
|
+
--gw-datatable-row-toggle-button-size: var(--gw-size-1-5);
|
|
1868
1953
|
--gw-datatable-row-toggle-button-focus-ring-width: var(--gw-focus-ring-width);
|
|
1869
1954
|
--gw-datatable-row-toggle-button-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
1870
1955
|
--gw-datatable-body-cell-padding-x: var(--gw-space-1);
|
|
1871
1956
|
--gw-datatable-body-cell-padding-y: var(--gw-space-0-75);
|
|
1957
|
+
--gw-datatable-body-cell-gap: var(--gw-space-0-375);
|
|
1958
|
+
--gw-datatable-body-cell-sm-height: var(--gw-size-2);
|
|
1872
1959
|
--gw-datatable-body-cell-lg-padding-x: var(--gw-space-0-875);
|
|
1873
1960
|
--gw-datatable-body-cell-lg-padding-y: var(--gw-space-0-875);
|
|
1874
|
-
--gw-datatable-body-cell-
|
|
1961
|
+
--gw-datatable-body-cell-lg-height: var(--gw-size-2-75);
|
|
1962
|
+
--gw-datatable-body-cell-height: var(--gw-size-2-5);
|
|
1963
|
+
--gw-datatable-footer-border-color: var(--gw-neutral-transparent);
|
|
1875
1964
|
--gw-datatable-filter-overlay-popover-padding: var(--gw-overlay-popover-padding);
|
|
1876
1965
|
--gw-datatable-filter-constraint-list-padding: var(--gw-list-padding);
|
|
1877
1966
|
--gw-datatable-filter-constraint-list-gap: var(--gw-list-gap);
|
|
@@ -1894,7 +1983,6 @@
|
|
|
1894
1983
|
--gw-image-transition-duration: var(--gw-transition-duration);
|
|
1895
1984
|
--gw-treetable-header-cell-focus-ring-width: var(--gw-focus-ring-width);
|
|
1896
1985
|
--gw-treetable-row-focus-ring-width: var(--gw-focus-ring-width);
|
|
1897
|
-
--gw-treetable-body-cell-selected-border-color: var(--gw-main-orange-100);
|
|
1898
1986
|
--gw-treetable-node-toggle-button-border-radius: var(--gw-treetable-node-toggle-button-size) / 2;
|
|
1899
1987
|
--gw-treetable-node-toggle-button-focus-ring-width: var(--gw-focus-ring-width);
|
|
1900
1988
|
--gw-treetable-node-toggle-button-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
@@ -1933,7 +2021,12 @@
|
|
|
1933
2021
|
--gw-imagecompare-handle-focus-ring-width: var(--gw-focus-ring-width);
|
|
1934
2022
|
--gw-imagecompare-handle-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
1935
2023
|
--gw-imagecompare-handle-transition-duration: var(--gw-transition-duration);
|
|
2024
|
+
--gw-swagger-button-height: var(--gw-size-1-5);
|
|
2025
|
+
--gw-shortcuts-cta-padding-x: var(--gw-space-0-25);
|
|
2026
|
+
--gw-shortcuts-cta-padding-y: var(--gw-space-0-125);
|
|
1936
2027
|
--gw-focus-ring-stroke-width: var(--gw-focus-ring-offset) + var(--gw-focus-ring-width);
|
|
2028
|
+
--gw-sidenav-shadow-1-color: var(--gw-color-grey-900-50);
|
|
2029
|
+
--gw-sidenav-shadow-2-color: var(--gw-color-grey-900-50);
|
|
1937
2030
|
--gw-heading-h1-font-family: var(--gw-font-family-heading);
|
|
1938
2031
|
--gw-heading-h1-font-weight: var(--gw-font-weight-400);
|
|
1939
2032
|
--gw-heading-h2-font-family: var(--gw-font-family-heading);
|
|
@@ -2056,29 +2149,46 @@
|
|
|
2056
2149
|
--gw-label-lg-bold-font-weight: var(--gw-font-weight-700);
|
|
2057
2150
|
--gw-label-lg-bold-line-height: var(--gw-xs-line-height);
|
|
2058
2151
|
--gw-label-lg-bold-font-size: var(--gw-lg-font-size);
|
|
2059
|
-
--gw-
|
|
2060
|
-
--gw-
|
|
2152
|
+
--gw-label-xs-regular-font-family: var(--gw-font-family-body);
|
|
2153
|
+
--gw-label-xs-regular-font-weight: var(--gw-font-weight-400);
|
|
2154
|
+
--gw-label-xs-regular-line-height: var(--gw-1rem-line-height);
|
|
2155
|
+
--gw-label-xs-regular-font-size: var(--gw-xs-font-size);
|
|
2156
|
+
--gw-label-xs-medium-font-family: var(--gw-font-family-body);
|
|
2157
|
+
--gw-label-xs-medium-font-weight: var(--gw-font-weight-500);
|
|
2158
|
+
--gw-label-xs-medium-line-height: var(--gw-1rem-line-height);
|
|
2159
|
+
--gw-label-xs-medium-font-size: var(--gw-xs-font-size);
|
|
2160
|
+
--gw-label-xs-bold-font-family: var(--gw-font-family-body);
|
|
2161
|
+
--gw-label-xs-bold-font-weight: var(--gw-font-weight-700);
|
|
2162
|
+
--gw-label-xs-bold-line-height: var(--gw-1rem-line-height);
|
|
2163
|
+
--gw-label-xs-bold-font-size: var(--gw-xs-font-size);
|
|
2164
|
+
--gw-card-shadow-1-color: var(--gw-color-grey-900-50);
|
|
2165
|
+
--gw-card-shadow-2-color: var(--gw-color-grey-900-50);
|
|
2061
2166
|
--gw-tabs-tab-label-font-family: var(--gw-font-family-body);
|
|
2062
2167
|
--gw-tabs-tab-label-font-weight: var(--gw-font-weight-400);
|
|
2063
2168
|
--gw-tabs-tab-label-line-height: var(--gw-xxs-line-height);
|
|
2064
2169
|
--gw-tabs-tab-label-font-size: var(--gw-base-font-size);
|
|
2065
2170
|
--gw-fileupload-header-stroke-color: var(--gw-fileupload-header-border-color);
|
|
2066
2171
|
--gw-fileupload-header-stroke-width: var(--gw-fileupload-header-border-width);
|
|
2067
|
-
--gw-primary-base: var(--gw-primary-
|
|
2068
|
-
--gw-primary-
|
|
2069
|
-
--gw-primary-
|
|
2070
|
-
--gw-primary-
|
|
2172
|
+
--gw-primary-base: var(--gw-primary-600);
|
|
2173
|
+
--gw-primary-lightest: var(--gw-primary-50);
|
|
2174
|
+
--gw-primary-lighter: var(--gw-primary-100);
|
|
2175
|
+
--gw-primary-light: var(--gw-primary-500);
|
|
2176
|
+
--gw-primary-dark: var(--gw-primary-700);
|
|
2071
2177
|
--gw-primary-darker: var(--gw-primary-900);
|
|
2072
|
-
--gw-secondary-base: var(--gw-secondary-
|
|
2178
|
+
--gw-secondary-base: var(--gw-secondary-600);
|
|
2073
2179
|
--gw-secondary-lighter: var(--gw-secondary-100);
|
|
2074
|
-
--gw-secondary-light: var(--gw-secondary-
|
|
2180
|
+
--gw-secondary-light: var(--gw-secondary-500);
|
|
2075
2181
|
--gw-secondary-dark: var(--gw-secondary-800);
|
|
2076
2182
|
--gw-secondary-darker: var(--gw-secondary-900);
|
|
2077
|
-
--gw-success-
|
|
2078
|
-
--gw-success-
|
|
2079
|
-
--gw-success-
|
|
2080
|
-
--gw-success-
|
|
2081
|
-
--gw-success-
|
|
2183
|
+
--gw-success-100: var(--gw-color-green-900);
|
|
2184
|
+
--gw-success-200: var(--gw-color-green-800);
|
|
2185
|
+
--gw-success-300: var(--gw-color-green-700);
|
|
2186
|
+
--gw-success-400: var(--gw-color-green-600);
|
|
2187
|
+
--gw-success-500: var(--gw-color-green-500);
|
|
2188
|
+
--gw-success-600: var(--gw-color-green-400);
|
|
2189
|
+
--gw-success-700: var(--gw-color-green-300);
|
|
2190
|
+
--gw-success-800: var(--gw-color-green-200);
|
|
2191
|
+
--gw-success-900: var(--gw-color-green-100);
|
|
2082
2192
|
--gw-warning-base: var(--gw-warning-700);
|
|
2083
2193
|
--gw-warning-lighter: var(--gw-warning-300);
|
|
2084
2194
|
--gw-warning-light: var(--gw-warning-600);
|
|
@@ -2094,12 +2204,30 @@
|
|
|
2094
2204
|
--gw-neutral-base: var(--gw-neutral-700);
|
|
2095
2205
|
--gw-neutral-dark: var(--gw-neutral-800);
|
|
2096
2206
|
--gw-neutral-darker: var(--gw-neutral-900);
|
|
2097
|
-
--gw-tertiary-
|
|
2098
|
-
--gw-tertiary-
|
|
2099
|
-
--gw-tertiary-
|
|
2207
|
+
--gw-tertiary-base: var(--gw-tertiary-700);
|
|
2208
|
+
--gw-tertiary-lighter: var(--gw-tertiary-100);
|
|
2209
|
+
--gw-tertiary-light: var(--gw-tertiary-600);
|
|
2210
|
+
--gw-tertiary-dark: var(--gw-tertiary-800);
|
|
2211
|
+
--gw-tertiary-darker: var(--gw-tertiary-900);
|
|
2212
|
+
--gw-background-page: var(--gw-neutral-50);
|
|
2213
|
+
--gw-background-topnav: var(--gw-primary-50);
|
|
2214
|
+
--gw-background-highlighted: var(--gw-primary-100);
|
|
2215
|
+
--gw-background-surface: var(--gw-neutral-0);
|
|
2216
|
+
--gw-background-surface-semitransparent: var(--gw-neutral-50-50);
|
|
2217
|
+
--gw-background-elevated: var(--gw-neutral-50);
|
|
2218
|
+
--gw-background-disabled: var(--gw-neutral-200);
|
|
2219
|
+
--gw-foreground-on-surface-default: var(--gw-neutral-900);
|
|
2220
|
+
--gw-foreground-on-surface-muted: var(--gw-neutral-500);
|
|
2221
|
+
--gw-foreground-on-surface-subtile: var(--gw-neutral-600);
|
|
2222
|
+
--gw-foreground-on-surface-disabled: var(--gw-neutral-400);
|
|
2223
|
+
--gw-foreground-on-brand: var(--gw-neutral-900);
|
|
2224
|
+
--gw-border-subtle: var(--gw-neutral-100);
|
|
2225
|
+
--gw-border-focus: var(--gw-primary-400);
|
|
2226
|
+
--gw-border-disabled: var(--gw-neutral-300);
|
|
2100
2227
|
--gw-disabled-background: var(--gw-neutral-200);
|
|
2101
2228
|
--gw-disabled-color: var(--gw-neutral-600);
|
|
2102
2229
|
--gw-form-field-border-radius: var(--gw-defaul-border-radius);
|
|
2230
|
+
--gw-form-field-focus-ring-color: var(--gw-secondary-300);
|
|
2103
2231
|
--gw-form-field-disabled-color: var(--gw-neutral-600);
|
|
2104
2232
|
--gw-form-field-filled-background: var(--gw-neutral-100);
|
|
2105
2233
|
--gw-form-field-filled-focus-background: var(--gw-neutral-100);
|
|
@@ -2109,19 +2237,12 @@
|
|
|
2109
2237
|
--gw-form-field-float-label-focus-color: var(--gw-neutral-500);
|
|
2110
2238
|
--gw-form-field-float-label-active-color: var(--gw-neutral-500);
|
|
2111
2239
|
--gw-content-border-radius: var(--gw-defaul-border-radius);
|
|
2240
|
+
--gw-focus-ring-color: var(--gw-secondary-300);
|
|
2112
2241
|
--gw-list-option-border-radius: var(--gw-defaul-border-radius);
|
|
2113
2242
|
--gw-list-option-focus-background: var(--gw-neutral-100);
|
|
2114
2243
|
--gw-list-option-icon-color: var(--gw-neutral-400);
|
|
2115
2244
|
--gw-list-option-icon-focus-color: var(--gw-neutral-500);
|
|
2116
|
-
--gw-sidenav-
|
|
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);
|
|
2245
|
+
--gw-sidenav-menuitem-border-radius: var(--gw-defaul-border-radius);
|
|
2125
2246
|
--gw-overlay-select-border-radius: var(--gw-defaul-border-radius);
|
|
2126
2247
|
--gw-overlay-select-background: var(--gw-neutral-0);
|
|
2127
2248
|
--gw-overlay-popover-border-radius: var(--gw-defaul-border-radius);
|
|
@@ -2132,59 +2253,64 @@
|
|
|
2132
2253
|
--gw-button-padding-y: var(--gw-form-field-padding-y);
|
|
2133
2254
|
--gw-button-focus-ring-style: var(--gw-focus-ring-style);
|
|
2134
2255
|
--gw-button-transition-duration: var(--gw-form-field-transition-duration);
|
|
2135
|
-
--gw-button-secondary-background: var(--gw-neutral-
|
|
2136
|
-
--gw-button-secondary-hover-background: var(--gw-neutral-
|
|
2137
|
-
--gw-button-secondary-hover-border-color: var(--gw-neutral-200);
|
|
2256
|
+
--gw-button-secondary-background: var(--gw-neutral-0);
|
|
2257
|
+
--gw-button-secondary-hover-background: var(--gw-neutral-100);
|
|
2138
2258
|
--gw-button-secondary-active-background: var(--gw-neutral-0);
|
|
2139
|
-
--gw-button-secondary-
|
|
2140
|
-
--gw-button-secondary-
|
|
2141
|
-
--gw-button-secondary-disabled-
|
|
2142
|
-
--gw-button-
|
|
2143
|
-
--gw-button-
|
|
2144
|
-
--gw-button-
|
|
2145
|
-
--gw-button-
|
|
2259
|
+
--gw-button-secondary-focus-ring-color: var(--gw-primary-200);
|
|
2260
|
+
--gw-button-secondary-disabled-background: var(--gw-neutral-0);
|
|
2261
|
+
--gw-button-secondary-disabled-border-color: var(--gw-primary-300);
|
|
2262
|
+
--gw-button-secondary-disabled-color: var(--gw-primary-300);
|
|
2263
|
+
--gw-button-secondary-link-disabled-background: var(--gw-neutral-0);
|
|
2264
|
+
--gw-button-secondary-link-disabled-border-color: var(--gw-primary-200);
|
|
2265
|
+
--gw-button-secondary-link-disabled-color: var(--gw-primary-200);
|
|
2266
|
+
--gw-button-info-del-active-background: var(--gw-info-700);
|
|
2267
|
+
--gw-button-info-del-active-border-color: var(--gw-info-700);
|
|
2146
2268
|
--gw-button-help-background: var(--gw-neutral-100);
|
|
2147
|
-
--gw-button-outlined-secondary-hover-background: var(--gw-neutral-100);
|
|
2148
|
-
--gw-button-outlined-secondary-active-background: var(--gw-neutral-100);
|
|
2149
|
-
--gw-button-outlined-secondary-border-color: var(--gw-neutral-200);
|
|
2150
|
-
--gw-button-outlined-secondary-color: var(--gw-neutral-800);
|
|
2151
|
-
--gw-button-outlined-danger-border-color: var(--gw-danger-200);
|
|
2152
|
-
--gw-button-outlined-contrast-hover-background: var(--gw-neutral-100);
|
|
2153
|
-
--gw-button-outlined-contrast-active-background: var(--gw-neutral-100);
|
|
2154
|
-
--gw-button-outlined-contrast-border-color: var(--gw-neutral-700);
|
|
2155
|
-
--gw-button-outlined-plain-hover-background: var(--gw-neutral-100);
|
|
2156
|
-
--gw-button-outlined-plain-active-background: var(--gw-neutral-100);
|
|
2157
|
-
--gw-button-outlined-plain-border-color: var(--gw-neutral-200);
|
|
2158
|
-
--gw-button-outlined-plain-color: var(--gw-neutral-700);
|
|
2159
|
-
--gw-button-text-plain-hover-background: var(--gw-neutral-100);
|
|
2160
|
-
--gw-button-text-plain-active-background: var(--gw-neutral-100);
|
|
2161
|
-
--gw-button-text-plain-color: var(--gw-neutral-700);
|
|
2162
|
-
--gw-button-text-contrast-hover-background: var(--gw-neutral-100);
|
|
2163
|
-
--gw-button-text-contrast-active-background: var(--gw-neutral-100);
|
|
2269
|
+
--gw-button-outlined-del-secondary-hover-background: var(--gw-neutral-100);
|
|
2270
|
+
--gw-button-outlined-del-secondary-active-background: var(--gw-neutral-100);
|
|
2271
|
+
--gw-button-outlined-del-secondary-border-color: var(--gw-neutral-200);
|
|
2272
|
+
--gw-button-outlined-del-secondary-color: var(--gw-neutral-800);
|
|
2273
|
+
--gw-button-outlined-del-danger-border-color: var(--gw-danger-200);
|
|
2274
|
+
--gw-button-outlined-del-contrast-hover-background: var(--gw-neutral-100);
|
|
2275
|
+
--gw-button-outlined-del-contrast-active-background: var(--gw-neutral-100);
|
|
2276
|
+
--gw-button-outlined-del-contrast-border-color: var(--gw-neutral-700);
|
|
2277
|
+
--gw-button-outlined-del-plain-hover-background: var(--gw-neutral-100);
|
|
2278
|
+
--gw-button-outlined-del-plain-active-background: var(--gw-neutral-100);
|
|
2279
|
+
--gw-button-outlined-del-plain-border-color: var(--gw-neutral-200);
|
|
2280
|
+
--gw-button-outlined-del-plain-color: var(--gw-neutral-700);
|
|
2281
|
+
--gw-button-text-del-plain-hover-background: var(--gw-neutral-100);
|
|
2282
|
+
--gw-button-text-del-plain-active-background: var(--gw-neutral-100);
|
|
2283
|
+
--gw-button-text-del-plain-color: var(--gw-neutral-700);
|
|
2284
|
+
--gw-button-text-del-contrast-hover-background: var(--gw-neutral-100);
|
|
2285
|
+
--gw-button-text-del-contrast-active-background: var(--gw-neutral-100);
|
|
2286
|
+
--gw-button-tertiary-hover-background: var(--gw-neutral-100);
|
|
2287
|
+
--gw-button-tertiary-focus-ring-color: var(--gw-primary-200);
|
|
2288
|
+
--gw-button-tertiary-disabled-color: var(--gw-primary-300);
|
|
2289
|
+
--gw-button-tertiary-link-disabled-background: var(--gw-neutral-0);
|
|
2290
|
+
--gw-button-tertiary-link-disabled-border-color: var(--gw-primary-200);
|
|
2291
|
+
--gw-button-tertiary-link-disabled-color: var(--gw-primary-200);
|
|
2164
2292
|
--gw-body-background: var(--gw-neutral-0);
|
|
2165
2293
|
--gw-muted-background: var(--gw-neutral-200);
|
|
2166
2294
|
--gw-muted-color: var(--gw-neutral-700);
|
|
2167
|
-
--gw-error-base: var(--gw-danger-
|
|
2295
|
+
--gw-error-base: var(--gw-danger-600);
|
|
2168
2296
|
--gw-error-lighter: var(--gw-danger-200);
|
|
2169
2297
|
--gw-error-light: var(--gw-danger-600);
|
|
2170
2298
|
--gw-error-dark: var(--gw-danger-800);
|
|
2171
2299
|
--gw-error-darker: var(--gw-danger-900);
|
|
2172
2300
|
--gw-contrast-text: var(--gw-neutral-0);
|
|
2173
2301
|
--gw-contrast-background: var(--gw-neutral-900);
|
|
2174
|
-
--gw-highlight-background: var(--gw-secondary-
|
|
2302
|
+
--gw-highlight-background: var(--gw-secondary-100);
|
|
2175
2303
|
--gw-mask-color: var(--gw-neutral-200);
|
|
2176
2304
|
--gw-hover-color: var(--gw-neutral-800);
|
|
2177
2305
|
--gw-hover-background: var(--gw-neutral-200);
|
|
2178
2306
|
--gw-hover-border-color: var(--gw-neutral-400);
|
|
2179
2307
|
--gw-default-border-color: var(--gw-neutral-300);
|
|
2180
|
-
--gw-
|
|
2308
|
+
--gw-topnav-background: var(--gw-primary-100);
|
|
2181
2309
|
--gw-inputtext-border-radius: var(--gw-defaul-border-radius);
|
|
2182
2310
|
--gw-inputtext-focus-ring-style: var(--gw-form-field-focus-ring-style);
|
|
2183
|
-
--gw-inputtext-focus-ring-color: var(--gw-form-field-focus-ring-color);
|
|
2184
2311
|
--gw-inputtext-padding-x: var(--gw-form-field-padding-x);
|
|
2185
2312
|
--gw-inputtext-padding-y: var(--gw-form-field-padding-y);
|
|
2186
2313
|
--gw-inputtext-transition-duration: var(--gw-form-field-transition-duration);
|
|
2187
|
-
--gw-toggleswitch-hover-background: var(--gw-neutral-400);
|
|
2188
2314
|
--gw-toggleswitch-handle-border-radius: var(--gw-toggleswitch-handle-size)/2;
|
|
2189
2315
|
--gw-toggleswitch-handle-background: var(--gw-neutral-0);
|
|
2190
2316
|
--gw-toggleswitch-handle-hover-background: var(--gw-neutral-0);
|
|
@@ -2192,7 +2318,6 @@
|
|
|
2192
2318
|
--gw-toggleswitch-handle-checked-hover-background: var(--gw-neutral-0);
|
|
2193
2319
|
--gw-toggleswitch-focus-ring-style: var(--gw-focus-ring-style);
|
|
2194
2320
|
--gw-toggleswitch-transition-duration: var(--gw-form-field-transition-duration);
|
|
2195
|
-
--gw-toggleswitch-background: var(--gw-neutral-300);
|
|
2196
2321
|
--gw-floatlabel-position-x: var(--gw-form-field-padding-x);
|
|
2197
2322
|
--gw-floatlabel-position-y: var(--gw-form-field-padding-y);
|
|
2198
2323
|
--gw-floatlabel-in-input-padding-bottom: var(--gw-form-field-padding-y);
|
|
@@ -2204,7 +2329,6 @@
|
|
|
2204
2329
|
--gw-checkbox-transition-duration: var(--gw-form-field-transition-duration);
|
|
2205
2330
|
--gw-autocomplete-focus-ring-width: var(--gw-form-field-focus-ring-width);
|
|
2206
2331
|
--gw-autocomplete-focus-ring-style: var(--gw-form-field-focus-ring-style);
|
|
2207
|
-
--gw-autocomplete-focus-ring-color: var(--gw-form-field-focus-ring-color);
|
|
2208
2332
|
--gw-autocomplete-focus-ring-offset: var(--gw-form-field-focus-ring-offset);
|
|
2209
2333
|
--gw-autocomplete-padding-x: var(--gw-form-field-padding-x);
|
|
2210
2334
|
--gw-autocomplete-padding-y: var(--gw-form-field-padding-y);
|
|
@@ -2214,7 +2338,6 @@
|
|
|
2214
2338
|
--gw-autocomplete-dropdown-active-color: var(--gw-neutral-800);
|
|
2215
2339
|
--gw-autocomplete-dropdown-focus-ring-style: var(--gw-focus-ring-style);
|
|
2216
2340
|
--gw-autocomplete-dropdown-background: var(--gw-neutral-100);
|
|
2217
|
-
--gw-autocomplete-dropdown-color: var(--gw-neutral-600);
|
|
2218
2341
|
--gw-autocomplete-chip-focus-background: var(--gw-neutral-200);
|
|
2219
2342
|
--gw-autocomplete-chip-focus-color: var(--gw-neutral-800);
|
|
2220
2343
|
--gw-datepicker-dropdown-hover-background: var(--gw-neutral-200);
|
|
@@ -2230,7 +2353,6 @@
|
|
|
2230
2353
|
--gw-rating-focus-ring-style: var(--gw-focus-ring-style);
|
|
2231
2354
|
--gw-badge-secondary-background: var(--gw-neutral-100);
|
|
2232
2355
|
--gw-badge-secondary-color: var(--gw-neutral-600);
|
|
2233
|
-
--gw-badge-success-background: var(--gw-success-500);
|
|
2234
2356
|
--gw-badge-success-color: var(--gw-neutral-0);
|
|
2235
2357
|
--gw-chip-icon-color: var(--gw-neutral-800);
|
|
2236
2358
|
--gw-chip-remove-icon-focus-ring-style: var(--gw-focus-ring-style);
|
|
@@ -2239,11 +2361,12 @@
|
|
|
2239
2361
|
--gw-chip-color: var(--gw-neutral-800);
|
|
2240
2362
|
--gw-message-text-line-height: var(--gw-base-line-height);
|
|
2241
2363
|
--gw-message-close-button-focus-ring-style: var(--gw-focus-ring-style);
|
|
2364
|
+
--gw-tag-help-background: var(--gw-neutral-200);
|
|
2365
|
+
--gw-tag-default-background: var(--gw-neutral-200);
|
|
2242
2366
|
--gw-skeleton-background: var(--gw-neutral-200);
|
|
2243
2367
|
--gw-breadcrumb-item-focus-ring-style: var(--gw-focus-ring-style);
|
|
2244
2368
|
--gw-cascadeselect-focus-ring-width: var(--gw-form-field-focus-ring-width);
|
|
2245
2369
|
--gw-cascadeselect-focus-ring-style: var(--gw-form-field-focus-ring-style);
|
|
2246
|
-
--gw-cascadeselect-focus-ring-color: var(--gw-form-field-focus-ring-color);
|
|
2247
2370
|
--gw-cascadeselect-focus-ring-offset: var(--gw-form-field-focus-ring-offset);
|
|
2248
2371
|
--gw-cascadeselect-padding-x: var(--gw-form-field-padding-x);
|
|
2249
2372
|
--gw-cascadeselect-padding-y: var(--gw-form-field-padding-y);
|
|
@@ -2253,13 +2376,11 @@
|
|
|
2253
2376
|
--gw-select-focus-ring-width: var(--gw-form-field-focus-ring-width);
|
|
2254
2377
|
--gw-select-focus-ring-offset: var(--gw-form-field-focus-ring-offset);
|
|
2255
2378
|
--gw-select-focus-ring-style: var(--gw-form-field-focus-ring-style);
|
|
2256
|
-
--gw-select-focus-ring-color: var(--gw-form-field-focus-ring-color);
|
|
2257
2379
|
--gw-select-padding-x: var(--gw-form-field-padding-x);
|
|
2258
2380
|
--gw-select-padding-y: var(--gw-form-field-padding-y);
|
|
2259
2381
|
--gw-select-transition-duration: var(--gw-form-field-transition-duration);
|
|
2260
2382
|
--gw-textarea-focus-ring-width: var(--gw-form-field-focus-ring-width);
|
|
2261
2383
|
--gw-textarea-focus-ring-offset: var(--gw-form-field-focus-ring-offset);
|
|
2262
|
-
--gw-textarea-focus-ring-color: var(--gw-form-field-focus-ring-color);
|
|
2263
2384
|
--gw-textarea-focus-ring-style: var(--gw-form-field-focus-ring-style);
|
|
2264
2385
|
--gw-textarea-padding-x: var(--gw-form-field-padding-x);
|
|
2265
2386
|
--gw-textarea-padding-y: var(--gw-form-field-padding-y);
|
|
@@ -2276,29 +2397,15 @@
|
|
|
2276
2397
|
--gw-multiselect-focus-ring-width: var(--gw-form-field-focus-ring-width);
|
|
2277
2398
|
--gw-multiselect-focus-ring-offset: var(--gw-form-field-focus-ring-offset);
|
|
2278
2399
|
--gw-multiselect-focus-ring-style: var(--gw-form-field-focus-ring-style);
|
|
2279
|
-
--gw-multiselect-focus-ring-color: var(--gw-form-field-focus-ring-color);
|
|
2280
2400
|
--gw-multiselect-padding-x: var(--gw-form-field-padding-x);
|
|
2281
2401
|
--gw-multiselect-padding-y: var(--gw-form-field-padding-y);
|
|
2282
2402
|
--gw-multiselect-transition-duration: var(--gw-form-field-transition-duration);
|
|
2283
2403
|
--gw-slider-handle-content-background: var(--gw-neutral-0);
|
|
2284
2404
|
--gw-slider-handle-focus-ring-style: var(--gw-focus-ring-style);
|
|
2285
|
-
--gw-togglebutton-border-color: var(--gw-neutral-100);
|
|
2286
2405
|
--gw-togglebutton-focus-ring-style: var(--gw-focus-ring-style);
|
|
2287
|
-
--gw-togglebutton-icon-color: var(--gw-neutral-500);
|
|
2288
|
-
--gw-togglebutton-icon-hover-color: var(--gw-neutral-700);
|
|
2289
|
-
--gw-togglebutton-icon-checked-color: var(--gw-neutral-900);
|
|
2290
|
-
--gw-togglebutton-content-checked-background: var(--gw-neutral-0);
|
|
2291
2406
|
--gw-togglebutton-transition-duration: var(--gw-form-field-transition-duration);
|
|
2292
|
-
--gw-togglebutton-background: var(--gw-neutral-100);
|
|
2293
|
-
--gw-togglebutton-checked-background: var(--gw-neutral-100);
|
|
2294
|
-
--gw-togglebutton-checked-color: var(--gw-neutral-900);
|
|
2295
|
-
--gw-togglebutton-checked-border-color: var(--gw-neutral-100);
|
|
2296
|
-
--gw-togglebutton-hover-background: var(--gw-neutral-100);
|
|
2297
|
-
--gw-togglebutton-hover-color: var(--gw-neutral-700);
|
|
2298
|
-
--gw-togglebutton-color: var(--gw-neutral-500);
|
|
2299
2407
|
--gw-treeselect-focus-ring-width: var(--gw-form-field-focus-ring-width);
|
|
2300
2408
|
--gw-treeselect-focus-ring-offset: var(--gw-form-field-focus-ring-offset);
|
|
2301
|
-
--gw-treeselect-focus-ring-color: var(--gw-form-field-focus-ring-color);
|
|
2302
2409
|
--gw-treeselect-focus-ring-style: var(--gw-form-field-focus-ring-style);
|
|
2303
2410
|
--gw-treeselect-padding-x: var(--gw-form-field-padding-x);
|
|
2304
2411
|
--gw-treeselect-padding-y: var(--gw-form-field-padding-y);
|
|
@@ -2306,13 +2413,15 @@
|
|
|
2306
2413
|
--gw-accordion-header-focus-ring-style: var(--gw-focus-ring-style);
|
|
2307
2414
|
--gw-fieldset-legend-focus-ring-style: var(--gw-focus-ring-style);
|
|
2308
2415
|
--gw-splitter-handle-focus-ring-style: var(--gw-focus-ring-style);
|
|
2416
|
+
--gw-scrollpanel-bar-border-color: var(--gw-neutral-200);
|
|
2309
2417
|
--gw-scrollpanel-bar-focus-ring-style: var(--gw-focus-ring-style);
|
|
2310
|
-
--gw-scrollpanel-bar-background: var(--gw-neutral-
|
|
2418
|
+
--gw-scrollpanel-bar-background: var(--gw-neutral-200);
|
|
2311
2419
|
--gw-tabs-tab-hover-background: var(--gw-neutral-200);
|
|
2312
2420
|
--gw-tabs-tab-hover-border-color: var(--gw-neutral-200);
|
|
2313
2421
|
--gw-tabs-tab-focus-ring-style: var(--gw-focus-ring-style);
|
|
2314
2422
|
--gw-tabs-tabpanel-focus-ring-style: var(--gw-focus-ring-style);
|
|
2315
2423
|
--gw-tabs-nav-button-focus-ring-style: var(--gw-focus-ring-style);
|
|
2424
|
+
--gw-confirmpopup-content-padding: var(--gw-editor-overlay-option-padding);
|
|
2316
2425
|
--gw-tooltip-background: var(--gw-neutral-700);
|
|
2317
2426
|
--gw-tooltip-color: var(--gw-neutral-0);
|
|
2318
2427
|
--gw-dock-item-focus-ring-style: var(--gw-focus-ring-style);
|
|
@@ -2324,8 +2433,10 @@
|
|
|
2324
2433
|
--gw-paginator-nav-button-focus-ring-style: var(--gw-focus-ring-style);
|
|
2325
2434
|
--gw-datatable-header-cell-focus-ring-style: var(--gw-focus-ring-style);
|
|
2326
2435
|
--gw-datatable-row-focus-ring-style: var(--gw-focus-ring-style);
|
|
2436
|
+
--gw-datatable-row-toggle-button-border-radius: var(--gw-datatable-row-toggle-button-size) / 2;
|
|
2327
2437
|
--gw-datatable-row-toggle-button-focus-ring-style: var(--gw-focus-ring-style);
|
|
2328
2438
|
--gw-datatable-row-striped-background: var(--gw-neutral-100);
|
|
2439
|
+
--gw-datatable-body-cell-selected-border-color: var(--gw-primary-100);
|
|
2329
2440
|
--gw-tree-node-focus-ring-style: var(--gw-focus-ring-style);
|
|
2330
2441
|
--gw-tree-node-toggle-button-focus-ring-style: var(--gw-focus-ring-style);
|
|
2331
2442
|
--gw-carousel-indicator-focus-ring-style: var(--gw-focus-ring-style);
|
|
@@ -2334,11 +2445,10 @@
|
|
|
2334
2445
|
--gw-image-action-focus-ring-style: var(--gw-focus-ring-style);
|
|
2335
2446
|
--gw-treetable-header-cell-focus-ring-style: var(--gw-focus-ring-style);
|
|
2336
2447
|
--gw-treetable-row-focus-ring-style: var(--gw-focus-ring-style);
|
|
2448
|
+
--gw-treetable-body-cell-selected-border-color: var(--gw-primary-100);
|
|
2337
2449
|
--gw-treetable-node-toggle-button-focus-ring-style: var(--gw-focus-ring-style);
|
|
2338
2450
|
--gw-toast-border-radius: var(--gw-defaul-border-radius);
|
|
2339
2451
|
--gw-toast-close-button-focus-ring-style: var(--gw-focus-ring-style);
|
|
2340
|
-
--gw-toast-success-close-button-hover-background: var(--gw-success-100);
|
|
2341
|
-
--gw-toast-success-close-button-focus-ring-color: var(--gw-success-600);
|
|
2342
2452
|
--gw-toast-error-close-button-hover-background: var(--gw-danger-100);
|
|
2343
2453
|
--gw-toast-error-close-button-focus-ring-color: var(--gw-danger-600);
|
|
2344
2454
|
--gw-toast-secondary-background: var(--gw-neutral-100);
|
|
@@ -2375,10 +2485,18 @@
|
|
|
2375
2485
|
--gw-iftalabel-position-x: var(--gw-form-field-padding-x);
|
|
2376
2486
|
--gw-iftalabel-top: var(--gw-form-field-padding-y);
|
|
2377
2487
|
--gw-iftalabel-input-padding-bottom: var(--gw-form-field-padding-y);
|
|
2488
|
+
--gw-swagger-get-background: var(--gw-info-200);
|
|
2489
|
+
--gw-swagger-put-background: var(--gw-warning-300);
|
|
2490
|
+
--gw-swagger-delete-background: var(--gw-danger-200);
|
|
2491
|
+
--gw-swagger-resp-background: var(--gw-neutral-200);
|
|
2492
|
+
--gw-swagger-resp-code-background: var(--gw-warning-200);
|
|
2493
|
+
--gw-shortcuts-panel-background: var(--gw-neutral-100);
|
|
2494
|
+
--gw-shortcuts-panel-key-background: var(--gw-neutral-200);
|
|
2378
2495
|
--gw-form-field-focus-ring-shadow-color: var(--gw-neutral-shadow);
|
|
2379
2496
|
--gw-form-field-shadow-color: var(--gw-neutral-shadow);
|
|
2380
2497
|
--gw-focus-ring-shadow-color: var(--gw-neutral-shadow);
|
|
2381
2498
|
--gw-focus-ring-stroke-style: var(--gw-focus-ring-style);
|
|
2499
|
+
--gw-sidenav-collapsebutton-shadow-color: var(--gw-neutral-shadow);
|
|
2382
2500
|
--gw-overlay-select-shadow-2-color: var(--gw-neutral-shadow);
|
|
2383
2501
|
--gw-overlay-popover-shadow-1-color: var(--gw-neutral-shadow);
|
|
2384
2502
|
--gw-overlay-popover-shadow-2-color: var(--gw-neutral-shadow);
|
|
@@ -2484,25 +2602,40 @@
|
|
|
2484
2602
|
--gw-galleria-close-button-focus-ring-shadow-color: var(--gw-neutral-shadow);
|
|
2485
2603
|
--gw-popover-shadow-1-color: var(--gw-neutral-shadow);
|
|
2486
2604
|
--gw-popover-shadow-2-color: var(--gw-neutral-shadow);
|
|
2487
|
-
--gw-splitbutton-divider-color: var(--gw-button-primary-icon-color-second);
|
|
2488
2605
|
--gw-stepper-step-header-focus-ring-shadow-color: var(--gw-neutral-shadow);
|
|
2489
2606
|
--gw-inplace-focus-ring-shadow-color: var(--gw-neutral-shadow);
|
|
2490
2607
|
--gw-imagecompare-handle-focus-ring-shadow-color: var(--gw-neutral-shadow);
|
|
2491
|
-
--gw-primary-text: var(--gw-primary-
|
|
2608
|
+
--gw-primary-text: var(--gw-primary-base);
|
|
2492
2609
|
--gw-primary-contrast-color: var(--gw-contrast-text);
|
|
2493
2610
|
--gw-primary-hover-color: var(--gw-primary-dark);
|
|
2494
|
-
--gw-primary-active-color: var(--gw-primary-
|
|
2611
|
+
--gw-primary-active-color: var(--gw-primary-base);
|
|
2495
2612
|
--gw-secondary-text: var(--gw-secondary-dark);
|
|
2496
2613
|
--gw-secondary-contrast-color: var(--gw-contrast-text);
|
|
2497
2614
|
--gw-secondary-hover-color: var(--gw-secondary-dark);
|
|
2498
2615
|
--gw-secondary-active-color: var(--gw-secondary-light);
|
|
2499
|
-
--gw-success-
|
|
2616
|
+
--gw-success-base: var(--gw-success-600);
|
|
2617
|
+
--gw-success-lighter: var(--gw-success-200);
|
|
2618
|
+
--gw-success-light: var(--gw-success-500);
|
|
2619
|
+
--gw-success-darker: var(--gw-success-900);
|
|
2620
|
+
--gw-success-dark: var(--gw-success-700);
|
|
2500
2621
|
--gw-info-text: var(--gw-info-dark);
|
|
2501
2622
|
--gw-neutral-text: var(--gw-neutral-dark);
|
|
2623
|
+
--gw-tertiary-text: var(--gw-tertiary-dark);
|
|
2502
2624
|
--gw-tertiary-contrast-color: var(--gw-contrast-text);
|
|
2625
|
+
--gw-tertiary-hover-color: var(--gw-tertiary-dark);
|
|
2626
|
+
--gw-tertiary-active-color: var(--gw-tertiary-light);
|
|
2627
|
+
--gw-background-brand: var(--gw-primary-base);
|
|
2628
|
+
--gw-foreground-on-surface-brand: var(--gw-primary-base);
|
|
2629
|
+
--gw-foreground-on-surface-strong: var(--gw-primary-dark);
|
|
2630
|
+
--gw-foreground-link-idle: var(--gw-primary-base);
|
|
2631
|
+
--gw-foreground-link-hover: var(--gw-primary-dark);
|
|
2632
|
+
--gw-foreground-link-visited: var(--gw-secondary-base);
|
|
2633
|
+
--gw-foreground-link-disabled: var(--gw-foreground-on-surface-disabled);
|
|
2634
|
+
--gw-border-color-error: var(--gw-error-light);
|
|
2635
|
+
--gw-border-color-secondary: var(--gw-secondary-base);
|
|
2636
|
+
--gw-border-color-primary: var(--gw-primary-base);
|
|
2503
2637
|
--gw-form-field-border-color: var(--gw-default-border-color);
|
|
2504
|
-
--gw-form-field-focus-border-color: var(--gw-
|
|
2505
|
-
--gw-form-field-background: var(--gw-default-background);
|
|
2638
|
+
--gw-form-field-focus-border-color: var(--gw-secondary-light);
|
|
2506
2639
|
--gw-form-field-disabled-background: var(--gw-muted-background);
|
|
2507
2640
|
--gw-form-field-read-only-background: var(--gw-form-field-filled-background);
|
|
2508
2641
|
--gw-form-field-hover-border-color: var(--gw-hover-border-color);
|
|
@@ -2510,72 +2643,75 @@
|
|
|
2510
2643
|
--gw-form-field-invalid-placeholder-color: var(--gw-error-base);
|
|
2511
2644
|
--gw-form-field-icon-color: var(--gw-neutral-light);
|
|
2512
2645
|
--gw-form-field-color: var(--gw-neutral-dark);
|
|
2513
|
-
--gw-focus-ring-color: var(--gw-primary-base);
|
|
2514
|
-
--gw-border-color-success: var(--gw-success-base);
|
|
2515
|
-
--gw-border-color-error: var(--gw-error-light);
|
|
2516
|
-
--gw-border-color-secondary: var(--gw-secondary-base);
|
|
2517
|
-
--gw-border-color-primary: var(--gw-primary-base);
|
|
2518
2646
|
--gw-list-option-focus-color: var(--gw-hover-color);
|
|
2519
2647
|
--gw-list-option-selected-background: var(--gw-highlight-background);
|
|
2520
|
-
--gw-sidenav-
|
|
2521
|
-
--gw-sidenav-
|
|
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);
|
|
2648
|
+
--gw-sidenav-menuitem-icon-color: var(--gw-foreground-on-surface-default);
|
|
2649
|
+
--gw-sidenav-menuitem-icon-second-color: var(--gw-foreground-on-surface-subtile);
|
|
2527
2650
|
--gw-sidenav-menuitem-hover-icon-color: var(--gw-primary-base);
|
|
2528
|
-
--gw-sidenav-menuitem-background: var(--gw-
|
|
2529
|
-
--gw-sidenav-menuitem-color: var(--gw-
|
|
2530
|
-
--gw-sidenav-menuitem-
|
|
2531
|
-
--gw-sidenav-menuitem-
|
|
2532
|
-
--gw-sidenav-menuitem-
|
|
2533
|
-
--gw-sidenav-
|
|
2534
|
-
--gw-sidenav-
|
|
2535
|
-
--gw-sidenav-
|
|
2536
|
-
--gw-sidenav-
|
|
2651
|
+
--gw-sidenav-menuitem-hover-background: var(--gw-background-highlighted);
|
|
2652
|
+
--gw-sidenav-menuitem-selected-icon-color: var(--gw-primary-base);
|
|
2653
|
+
--gw-sidenav-menuitem-selected-background: var(--gw-background-highlighted);
|
|
2654
|
+
--gw-sidenav-menuitem-selected-color: var(--gw-primary-base);
|
|
2655
|
+
--gw-sidenav-menuitem-background: var(--gw-background-surface);
|
|
2656
|
+
--gw-sidenav-menuitem-color: var(--gw-foreground-on-surface-default);
|
|
2657
|
+
--gw-sidenav-menuitem-open-icon-color: var(--gw-foreground-on-surface-default);
|
|
2658
|
+
--gw-sidenav-menuitem-open-icon-second-color: var(--gw-foreground-on-surface-default);
|
|
2659
|
+
--gw-sidenav-menuitem-open-color: var(--gw-foreground-on-surface-default);
|
|
2660
|
+
--gw-sidenav-menuitem-open-background: var(--gw-background-highlighted);
|
|
2661
|
+
--gw-sidenav-submenuitem-color: var(--gw-foreground-on-surface-default);
|
|
2662
|
+
--gw-sidenav-submenuitem-background: var(--gw-background-surface);
|
|
2663
|
+
--gw-sidenav-submenuitem-hover-background: var(--gw-background-highlighted);
|
|
2664
|
+
--gw-sidenav-submenuitem-hover-color: var(--gw-primary-base);
|
|
2665
|
+
--gw-sidenav-submenuitem-selected-background: var(--gw-background-highlighted);
|
|
2666
|
+
--gw-sidenav-submenuitem-selected-color: var(--gw-primary-base);
|
|
2667
|
+
--gw-sidenav-submenuitem-open-background: var(--gw-background-highlighted);
|
|
2668
|
+
--gw-sidenav-submenuitem-open-color: var(--gw-foreground-on-surface-default);
|
|
2669
|
+
--gw-sidenav-background: var(--gw-background-surface);
|
|
2670
|
+
--gw-sidenav-togglebutton-hover-background: var(--gw-background-surface);
|
|
2671
|
+
--gw-sidenav-togglebutton-hover-color: var(--gw-foreground-on-surface-muted);
|
|
2672
|
+
--gw-sidenav-togglebutton-color: var(--gw-foreground-on-surface-muted);
|
|
2537
2673
|
--gw-overlay-select-border-color: var(--gw-default-border-color);
|
|
2538
2674
|
--gw-overlay-popover-border-color: var(--gw-default-border-color);
|
|
2539
2675
|
--gw-overlay-modal-border-color: var(--gw-default-border-color);
|
|
2540
2676
|
--gw-button-border-radius: var(--gw-form-field-border-radius);
|
|
2541
2677
|
--gw-button-primary-background: var(--gw-primary-base);
|
|
2678
|
+
--gw-button-primary-hover-color: var(--gw-foreground-on-brand);
|
|
2679
|
+
--gw-button-primary-active-color: var(--gw-foreground-on-brand);
|
|
2680
|
+
--gw-button-primary-icon-color: var(--gw-foreground-on-brand);
|
|
2681
|
+
--gw-button-primary-icon-second-color: var(--gw-foreground-on-brand);
|
|
2682
|
+
--gw-button-primary-color: var(--gw-foreground-on-brand);
|
|
2542
2683
|
--gw-button-primary-focus-ring-color: var(--gw-primary-base);
|
|
2543
2684
|
--gw-button-primary-disabled-background: var(--gw-primary-lighter);
|
|
2544
2685
|
--gw-button-primary-disabled-border-color: var(--gw-primary-lighter);
|
|
2545
2686
|
--gw-button-primary-link-color: var(--gw-primary-base);
|
|
2546
2687
|
--gw-button-primary-link-hover-color: var(--gw-primary-dark);
|
|
2547
2688
|
--gw-button-primary-link-active-color: var(--gw-primary-base);
|
|
2548
|
-
--gw-button-secondary-hover-color: var(--gw-
|
|
2549
|
-
--gw-button-secondary-
|
|
2550
|
-
--gw-button-secondary-color: var(--gw-
|
|
2551
|
-
--gw-button-secondary-
|
|
2552
|
-
--gw-button-secondary-
|
|
2553
|
-
--gw-button-secondary-
|
|
2689
|
+
--gw-button-secondary-hover-border-color: var(--gw-primary-base);
|
|
2690
|
+
--gw-button-secondary-hover-color: var(--gw-primary-base);
|
|
2691
|
+
--gw-button-secondary-active-border-color: var(--gw-primary-dark);
|
|
2692
|
+
--gw-button-secondary-active-color: var(--gw-primary-dark);
|
|
2693
|
+
--gw-button-secondary-border-color: var(--gw-primary-base);
|
|
2694
|
+
--gw-button-secondary-color: var(--gw-primary-base);
|
|
2695
|
+
--gw-button-secondary-icon-color: var(--gw-primary-base);
|
|
2696
|
+
--gw-button-secondary-icon-second-color: var(--gw-primary-base);
|
|
2554
2697
|
--gw-button-secondary-link-background: var(--gw-secondary-light);
|
|
2555
2698
|
--gw-button-secondary-link-hover-background: var(--gw-secondary-base);
|
|
2556
2699
|
--gw-button-secondary-link-hover-border-color: var(--gw-secondary-base);
|
|
2557
2700
|
--gw-button-secondary-link-active-background: var(--gw-secondary-light);
|
|
2558
2701
|
--gw-button-secondary-link-active-border-color: var(--gw-secondary-light);
|
|
2702
|
+
--gw-button-secondary-link-icon-second-color: var(--gw-muted-color);
|
|
2559
2703
|
--gw-button-secondary-link-focus-ring-color: var(--gw-primary-base);
|
|
2560
|
-
--gw-button-
|
|
2561
|
-
--gw-button-
|
|
2562
|
-
--gw-button-info-
|
|
2563
|
-
--gw-button-info-hover-
|
|
2564
|
-
--gw-button-info-
|
|
2565
|
-
--gw-button-info-
|
|
2566
|
-
--gw-button-info-
|
|
2567
|
-
--gw-button-info-color: var(--gw-contrast-text);
|
|
2568
|
-
--gw-button-
|
|
2569
|
-
--gw-button-
|
|
2570
|
-
--gw-button-success-hover-background: var(--gw-success-dark);
|
|
2571
|
-
--gw-button-success-hover-border-color: var(--gw-success-dark);
|
|
2704
|
+
--gw-button-info-del-background: var(--gw-info-base);
|
|
2705
|
+
--gw-button-info-del-hover-background: var(--gw-info-dark);
|
|
2706
|
+
--gw-button-info-del-hover-border-color: var(--gw-info-dark);
|
|
2707
|
+
--gw-button-info-del-hover-color: var(--gw-contrast-text);
|
|
2708
|
+
--gw-button-info-del-border-color: var(--gw-info-base);
|
|
2709
|
+
--gw-button-info-del-color: var(--gw-contrast-text);
|
|
2710
|
+
--gw-button-info-del-focus-ring-color: var(--gw-info-lighter);
|
|
2711
|
+
--gw-button-info-del-icon-color: var(--gw-contrast-text);
|
|
2712
|
+
--gw-button-success-background: var(--gw-success-700);
|
|
2713
|
+
--gw-button-success-border-color: var(--gw-success-700);
|
|
2572
2714
|
--gw-button-success-color: var(--gw-contrast-text);
|
|
2573
|
-
--gw-button-success-focus-ring-color: var(--gw-success-base);
|
|
2574
|
-
--gw-button-success-focus-color: var(--gw-success-light);
|
|
2575
|
-
--gw-button-success-disabled-background: var(--gw-success-lighter);
|
|
2576
|
-
--gw-button-success-disabled-border-color: var(--gw-success-lighter);
|
|
2577
|
-
--gw-button-success-active-background: var(--gw-success-dark);
|
|
2578
|
-
--gw-button-success-active-border-color: var(--gw-success-light);
|
|
2579
2715
|
--gw-button-warn-background: var(--gw-warning-base);
|
|
2580
2716
|
--gw-button-warn-hover-background: var(--gw-warning-dark);
|
|
2581
2717
|
--gw-button-warn-hover-border-color: var(--gw-warning-base);
|
|
@@ -2596,59 +2732,55 @@
|
|
|
2596
2732
|
--gw-button-danger-border-color: var(--gw-error-base);
|
|
2597
2733
|
--gw-button-danger-color: var(--gw-contrast-text);
|
|
2598
2734
|
--gw-button-danger-focus-ring-color: var(--gw-error-base);
|
|
2599
|
-
--gw-button-contrast-background: var(--gw-neutral-dark);
|
|
2600
|
-
--gw-button-contrast-hover-background: var(--gw-neutral-base);
|
|
2601
|
-
--gw-button-contrast-hover-border-color: var(--gw-neutral-base);
|
|
2602
|
-
--gw-button-contrast-hover-color: var(--gw-contrast-text);
|
|
2603
|
-
--gw-button-contrast-active-background: var(--gw-neutral-light);
|
|
2604
|
-
--gw-button-contrast-active-border-color: var(--gw-neutral-dark);
|
|
2605
|
-
--gw-button-contrast-active-color: var(--gw-contrast-text);
|
|
2606
|
-
--gw-button-contrast-border-color: var(--gw-neutral-dark);
|
|
2607
|
-
--gw-button-contrast-color: var(--gw-contrast-text);
|
|
2608
|
-
--gw-button-contrast-disabled-background: var(--gw-neutral-lighter);
|
|
2609
|
-
--gw-button-contrast-disabled-border-color: var(--gw-neutral-lighter);
|
|
2610
|
-
--gw-button-contrast-disabled-color: var(--gw-contrast-text);
|
|
2611
|
-
--gw-button-outlined-primary-hover-background: var(--gw-primary-lighter);
|
|
2612
|
-
--gw-button-outlined-primary-active-background: var(--gw-primary-lighter);
|
|
2613
|
-
--gw-button-outlined-primary-border-color: var(--gw-primary-base);
|
|
2614
|
-
--gw-button-outlined-primary-color: var(--gw-primary-base);
|
|
2615
|
-
--gw-button-outlined-primary-background: var(--gw-contrast-text);
|
|
2616
|
-
--gw-button-outlined-
|
|
2617
|
-
--gw-button-outlined-
|
|
2618
|
-
--gw-button-outlined-
|
|
2619
|
-
--gw-button-outlined-
|
|
2620
|
-
--gw-button-outlined-
|
|
2621
|
-
--gw-button-outlined-
|
|
2622
|
-
--gw-button-outlined-
|
|
2623
|
-
--gw-button-outlined-
|
|
2624
|
-
--gw-button-outlined-
|
|
2625
|
-
--gw-button-outlined-
|
|
2626
|
-
--gw-button-outlined-
|
|
2627
|
-
--gw-button-outlined-
|
|
2628
|
-
--gw-button-
|
|
2629
|
-
--gw-button-
|
|
2630
|
-
--gw-button-
|
|
2631
|
-
--gw-button-
|
|
2632
|
-
--gw-button-text-
|
|
2633
|
-
--gw-button-text-
|
|
2634
|
-
--gw-button-
|
|
2635
|
-
--gw-button-
|
|
2636
|
-
--gw-button-
|
|
2637
|
-
--gw-button-
|
|
2638
|
-
--gw-button-
|
|
2639
|
-
--gw-button-
|
|
2640
|
-
--gw-button-
|
|
2641
|
-
--gw-button-
|
|
2642
|
-
--gw-button-
|
|
2643
|
-
--gw-button-
|
|
2644
|
-
--gw-button-
|
|
2645
|
-
--gw-button-
|
|
2646
|
-
--gw-button-
|
|
2647
|
-
--gw-
|
|
2648
|
-
--gw-button-text-danger-active-background: var(--gw-error-lighter);
|
|
2649
|
-
--gw-button-text-danger-color: var(--gw-error-base);
|
|
2650
|
-
--gw-button-text-contrast-color: var(--gw-contrast-background);
|
|
2651
|
-
--gw-heading-default-color: var(--gw-neutral-dark);
|
|
2735
|
+
--gw-button-contrast-del-background: var(--gw-neutral-dark);
|
|
2736
|
+
--gw-button-contrast-del-hover-background: var(--gw-neutral-base);
|
|
2737
|
+
--gw-button-contrast-del-hover-border-color: var(--gw-neutral-base);
|
|
2738
|
+
--gw-button-contrast-del-hover-color: var(--gw-contrast-text);
|
|
2739
|
+
--gw-button-contrast-del-active-background: var(--gw-neutral-light);
|
|
2740
|
+
--gw-button-contrast-del-active-border-color: var(--gw-neutral-dark);
|
|
2741
|
+
--gw-button-contrast-del-active-color: var(--gw-contrast-text);
|
|
2742
|
+
--gw-button-contrast-del-border-color: var(--gw-neutral-dark);
|
|
2743
|
+
--gw-button-contrast-del-color: var(--gw-contrast-text);
|
|
2744
|
+
--gw-button-contrast-del-disabled-background: var(--gw-neutral-lighter);
|
|
2745
|
+
--gw-button-contrast-del-disabled-border-color: var(--gw-neutral-lighter);
|
|
2746
|
+
--gw-button-contrast-del-disabled-color: var(--gw-contrast-text);
|
|
2747
|
+
--gw-button-outlined-del-primary-hover-background: var(--gw-primary-lighter);
|
|
2748
|
+
--gw-button-outlined-del-primary-active-background: var(--gw-primary-lighter);
|
|
2749
|
+
--gw-button-outlined-del-primary-border-color: var(--gw-primary-base);
|
|
2750
|
+
--gw-button-outlined-del-primary-color: var(--gw-primary-base);
|
|
2751
|
+
--gw-button-outlined-del-primary-background: var(--gw-contrast-text);
|
|
2752
|
+
--gw-button-outlined-del-info-hover-background: var(--gw-info-lighter);
|
|
2753
|
+
--gw-button-outlined-del-info-active-background: var(--gw-info-lighter);
|
|
2754
|
+
--gw-button-outlined-del-info-border-color: var(--gw-info-base);
|
|
2755
|
+
--gw-button-outlined-del-info-color: var(--gw-info-dark);
|
|
2756
|
+
--gw-button-outlined-del-warn-hover-background: var(--gw-warning-lighter);
|
|
2757
|
+
--gw-button-outlined-del-warn-active-background: var(--gw-warning-lighter);
|
|
2758
|
+
--gw-button-outlined-del-warn-border-color: var(--gw-warning-base);
|
|
2759
|
+
--gw-button-outlined-del-warn-color: var(--gw-warning-dark);
|
|
2760
|
+
--gw-button-outlined-del-danger-hover-background: var(--gw-error-lighter);
|
|
2761
|
+
--gw-button-outlined-del-danger-active-background: var(--gw-error-lighter);
|
|
2762
|
+
--gw-button-outlined-del-danger-color: var(--gw-error-base);
|
|
2763
|
+
--gw-button-outlined-del-contrast-color: var(--gw-contrast-background);
|
|
2764
|
+
--gw-button-text-del-primary-color: var(--gw-primary-base);
|
|
2765
|
+
--gw-button-text-del-secondary-color: var(--gw-secondary-base);
|
|
2766
|
+
--gw-button-text-del-info-color: var(--gw-info-base);
|
|
2767
|
+
--gw-button-text-del-warn-color: var(--gw-warning-base);
|
|
2768
|
+
--gw-button-text-del-danger-color: var(--gw-error-base);
|
|
2769
|
+
--gw-button-text-del-contrast-color: var(--gw-contrast-text);
|
|
2770
|
+
--gw-button-tertiary-hover-color: var(--gw-foreground-on-surface-default);
|
|
2771
|
+
--gw-button-tertiary-active-border-color: var(--gw-secondary-base);
|
|
2772
|
+
--gw-button-tertiary-active-color: var(--gw-primary-dark);
|
|
2773
|
+
--gw-button-tertiary-color: var(--gw-primary-base);
|
|
2774
|
+
--gw-button-tertiary-icon-color: var(--gw-secondary-base);
|
|
2775
|
+
--gw-button-tertiary-link-background: var(--gw-secondary-light);
|
|
2776
|
+
--gw-button-tertiary-link-hover-background: var(--gw-secondary-base);
|
|
2777
|
+
--gw-button-tertiary-link-hover-border-color: var(--gw-secondary-base);
|
|
2778
|
+
--gw-button-tertiary-link-active-background: var(--gw-secondary-light);
|
|
2779
|
+
--gw-button-tertiary-link-active-border-color: var(--gw-secondary-light);
|
|
2780
|
+
--gw-button-tertiary-link-icon-color: var(--gw-secondary-base);
|
|
2781
|
+
--gw-button-tertiary-link-icon-color-second: var(--gw-primary-base);
|
|
2782
|
+
--gw-button-tertiary-link-focus-ring-color: var(--gw-primary-base);
|
|
2783
|
+
--gw-heading-default-color: var(--gw-foreground-on-surface-default);
|
|
2652
2784
|
--gw-body-color: var(--gw-neutral-darker);
|
|
2653
2785
|
--gw-body-lighter-color: var(--gw-neutral-base);
|
|
2654
2786
|
--gw-caption-color: var(--gw-neutral-light);
|
|
@@ -2656,13 +2788,11 @@
|
|
|
2656
2788
|
--gw-highlight-focus-background: var(--gw-primary-lighter);
|
|
2657
2789
|
--gw-highlight-focus-color: var(--gw-primary-base);
|
|
2658
2790
|
--gw-highlight-color: var(--gw-primary-base);
|
|
2659
|
-
--gw-text-color: var(--gw-
|
|
2791
|
+
--gw-text-color: var(--gw-foreground-on-surface-default);
|
|
2660
2792
|
--gw-text-muted-color: var(--gw-muted-color);
|
|
2661
|
-
--gw-default-muted-color: var(--gw-muted
|
|
2662
|
-
--gw-default-
|
|
2663
|
-
--gw-default-
|
|
2664
|
-
--gw-default-success-color: var(--gw-success-dark);
|
|
2665
|
-
--gw-default-success-light-background: var(--gw-success-lighter);
|
|
2793
|
+
--gw-default-muted-color: var(--gw-foreground-on-surface-muted);
|
|
2794
|
+
--gw-default-background: var(--gw-background-elevated);
|
|
2795
|
+
--gw-default-color: var(--gw-foreground-on-surface-default);
|
|
2666
2796
|
--gw-default-error-backgound: var(--gw-error-light);
|
|
2667
2797
|
--gw-default-error-color: var(--gw-error-dark);
|
|
2668
2798
|
--gw-default-error-light-backgound: var(--gw-error-lighter);
|
|
@@ -2682,14 +2812,16 @@
|
|
|
2682
2812
|
--gw-inputtext-filled-background: var(--gw-form-field-filled-background);
|
|
2683
2813
|
--gw-inputtext-filled-focus-background: var(--gw-form-field-filled-focus-background);
|
|
2684
2814
|
--gw-inputtext-filled-hover-background: var(--gw-form-field-filled-hover-background);
|
|
2815
|
+
--gw-inputtext-focus-ring-color: var(--gw-form-field-focus-ring-color);
|
|
2685
2816
|
--gw-inputtext-placeholder-color: var(--gw-form-field-placeholder-color);
|
|
2686
|
-
--gw-panel-background: var(--gw-default-background);
|
|
2687
2817
|
--gw-panel-border-color: var(--gw-default-border-color);
|
|
2688
2818
|
--gw-panel-border-radius: var(--gw-content-border-radius);
|
|
2819
|
+
--gw-toggleswitch-hover-background: var(--gw-button-secondary-hover-background);
|
|
2689
2820
|
--gw-toggleswitch-checked-background: var(--gw-primary-base);
|
|
2690
2821
|
--gw-toggleswitch-handle-checked-color: var(--gw-primary-base);
|
|
2691
2822
|
--gw-toggleswitch-handle-disabled-background: var(--gw-form-field-disabled-color);
|
|
2692
2823
|
--gw-toggleswitch-focus-ring-color: var(--gw-primary-base);
|
|
2824
|
+
--gw-toggleswitch-background: var(--gw-button-secondary-background);
|
|
2693
2825
|
--gw-floatlabel-color: var(--gw-form-field-float-label-color);
|
|
2694
2826
|
--gw-floatlabel-focus-color: var(--gw-form-field-float-label-focus-color);
|
|
2695
2827
|
--gw-floatlabel-active-color: var(--gw-form-field-float-label-active-color);
|
|
@@ -2697,30 +2829,35 @@
|
|
|
2697
2829
|
--gw-radiobutton-checked-border-color: var(--gw-primary-base);
|
|
2698
2830
|
--gw-radiobutton-checked-focus-border-color: var(--gw-primary-base);
|
|
2699
2831
|
--gw-radiobutton-filled-background: var(--gw-form-field-filled-background);
|
|
2832
|
+
--gw-radiobutton-focus-ring-color: var(--gw-focus-ring-color);
|
|
2700
2833
|
--gw-radiobutton-icon-disabled-color: var(--gw-form-field-disabled-color);
|
|
2701
2834
|
--gw-checkbox-checked-background: var(--gw-primary-base);
|
|
2702
2835
|
--gw-checkbox-checked-border-color: var(--gw-primary-base);
|
|
2703
2836
|
--gw-checkbox-checked-focus-border-color: var(--gw-primary-base);
|
|
2704
2837
|
--gw-checkbox-filled-background: var(--gw-form-field-filled-background);
|
|
2838
|
+
--gw-checkbox-focus-ring-color: var(--gw-focus-ring-color);
|
|
2705
2839
|
--gw-checkbox-icon-disabled-color: var(--gw-form-field-disabled-color);
|
|
2706
2840
|
--gw-autocomplete-disabled-color: var(--gw-form-field-disabled-color);
|
|
2707
2841
|
--gw-autocomplete-filled-background: var(--gw-form-field-filled-background);
|
|
2708
2842
|
--gw-autocomplete-filled-focus-background: var(--gw-form-field-filled-focus-background);
|
|
2709
2843
|
--gw-autocomplete-filled-hover-background: var(--gw-form-field-filled-hover-background);
|
|
2710
2844
|
--gw-autocomplete-border-radius: var(--gw-form-field-border-radius);
|
|
2845
|
+
--gw-autocomplete-focus-ring-color: var(--gw-form-field-focus-ring-color);
|
|
2711
2846
|
--gw-autocomplete-placeholder-color: var(--gw-form-field-placeholder-color);
|
|
2712
2847
|
--gw-autocomplete-overlay-background: var(--gw-overlay-select-background);
|
|
2713
2848
|
--gw-autocomplete-overlay-border-radius: var(--gw-overlay-select-border-radius);
|
|
2714
2849
|
--gw-autocomplete-option-focus-background: var(--gw-list-option-focus-background);
|
|
2715
2850
|
--gw-autocomplete-option-border-radius: var(--gw-list-option-border-radius);
|
|
2716
2851
|
--gw-autocomplete-dropdown-border-radius: var(--gw-form-field-border-radius);
|
|
2852
|
+
--gw-autocomplete-dropdown-focus-ring-color: var(--gw-focus-ring-color);
|
|
2853
|
+
--gw-autocomplete-dropdown-color: var(--gw-foreground-on-surface-default);
|
|
2854
|
+
--gw-autocomplete-dropdown-match-background: var(--gw-background-highlighted);
|
|
2717
2855
|
--gw-datepicker-border-radius: var(--gw-form-field-border-radius);
|
|
2718
|
-
--gw-datepicker-panel-background: var(--gw-default-background);
|
|
2719
2856
|
--gw-datepicker-panel-border-color: var(--gw-default-border-color);
|
|
2720
2857
|
--gw-datepicker-panel-border-radius: var(--gw-content-border-radius);
|
|
2721
|
-
--gw-datepicker-header-background: var(--gw-default-background);
|
|
2722
2858
|
--gw-datepicker-header-border-color: var(--gw-default-border-color);
|
|
2723
2859
|
--gw-datepicker-dropdown-border-radius: var(--gw-form-field-border-radius);
|
|
2860
|
+
--gw-datepicker-dropdown-focus-ring-color: var(--gw-focus-ring-color);
|
|
2724
2861
|
--gw-datepicker-select-month-hover-background: var(--gw-hover-background);
|
|
2725
2862
|
--gw-datepicker-select-month-hover-color: var(--gw-hover-color);
|
|
2726
2863
|
--gw-datepicker-select-month-border-radius: var(--gw-content-border-radius);
|
|
@@ -2732,15 +2869,16 @@
|
|
|
2732
2869
|
--gw-datepicker-date-hover-color: var(--gw-hover-color);
|
|
2733
2870
|
--gw-datepicker-date-selected-background: var(--gw-primary-base);
|
|
2734
2871
|
--gw-datepicker-date-range-selected-background: var(--gw-highlight-background);
|
|
2872
|
+
--gw-datepicker-date-focus-ring-color: var(--gw-focus-ring-color);
|
|
2735
2873
|
--gw-datepicker-month-border-radius: var(--gw-content-border-radius);
|
|
2736
2874
|
--gw-datepicker-year-border-radius: var(--gw-content-border-radius);
|
|
2737
2875
|
--gw-datepicker-buttonbar-border-color: var(--gw-default-border-color);
|
|
2738
2876
|
--gw-datepicker-time-picker-border-color: var(--gw-default-border-color);
|
|
2739
2877
|
--gw-rating-icon-hover-color: var(--gw-primary-base);
|
|
2740
2878
|
--gw-rating-icon-active-color: var(--gw-primary-base);
|
|
2879
|
+
--gw-rating-focus-ring-color: var(--gw-focus-ring-color);
|
|
2741
2880
|
--gw-avatar-background: var(--gw-default-border-color);
|
|
2742
2881
|
--gw-avatar-border-radius: var(--gw-content-border-radius);
|
|
2743
|
-
--gw-avatar-group-border-color: var(--gw-default-background);
|
|
2744
2882
|
--gw-badge-primary-background: var(--gw-primary-base);
|
|
2745
2883
|
--gw-badge-info-background: var(--gw-info-base);
|
|
2746
2884
|
--gw-badge-info-color: var(--gw-contrast-text);
|
|
@@ -2750,6 +2888,7 @@
|
|
|
2750
2888
|
--gw-badge-danger-color: var(--gw-contrast-text);
|
|
2751
2889
|
--gw-badge-contrast-background: var(--gw-contrast-background);
|
|
2752
2890
|
--gw-badge-contrast-color: var(--gw-contrast-text);
|
|
2891
|
+
--gw-chip-remove-icon-focus-ring-color: var(--gw-focus-ring-color);
|
|
2753
2892
|
--gw-progressbar-background: var(--gw-default-border-color);
|
|
2754
2893
|
--gw-progressbar-border-radius: var(--gw-content-border-radius);
|
|
2755
2894
|
--gw-progressbar-value-background: var(--gw-primary-base);
|
|
@@ -2762,13 +2901,6 @@
|
|
|
2762
2901
|
--gw-message-info-outlined-color: var(--gw-info-base);
|
|
2763
2902
|
--gw-message-info-outlined-border-color: var(--gw-info-base);
|
|
2764
2903
|
--gw-message-info-simple-color: var(--gw-info-base);
|
|
2765
|
-
--gw-message-success-background: var(--gw-success-lighter);
|
|
2766
|
-
--gw-message-success-color: var(--gw-success-dark);
|
|
2767
|
-
--gw-message-success-close-button-hover-background: var(--gw-success-lighter);
|
|
2768
|
-
--gw-message-success-close-button-focus-ring-color: var(--gw-success-light);
|
|
2769
|
-
--gw-message-success-outlined-color: var(--gw-success-base);
|
|
2770
|
-
--gw-message-success-outlined-border-color: var(--gw-success-base);
|
|
2771
|
-
--gw-message-success-simple-color: var(--gw-success-base);
|
|
2772
2904
|
--gw-message-warning-background: var(--gw-warning-lighter);
|
|
2773
2905
|
--gw-message-warning-border-color: var(--gw-warning-lighter);
|
|
2774
2906
|
--gw-message-warning-close-button-hover-background: var(--gw-contrast-text);
|
|
@@ -2794,25 +2926,20 @@
|
|
|
2794
2926
|
--gw-message-contrast-outlined-color: var(--gw-contrast-background);
|
|
2795
2927
|
--gw-message-contrast-outlined-border-color: var(--gw-contrast-background);
|
|
2796
2928
|
--gw-message-contrast-simple-color: var(--gw-contrast-background);
|
|
2797
|
-
--gw-card-background: var(--gw-default-background);
|
|
2798
2929
|
--gw-tag-border-radius: var(--gw-content-border-radius);
|
|
2799
2930
|
--gw-tag-primary-background: var(--gw-primary-base);
|
|
2800
2931
|
--gw-tag-secondary-background: var(--gw-secondary-lighter);
|
|
2801
2932
|
--gw-tag-secondary-color: var(--gw-secondary-base);
|
|
2802
|
-
--gw-tag-success-background: var(--gw-success-lighter);
|
|
2803
|
-
--gw-tag-success-color: var(--gw-success-base);
|
|
2804
2933
|
--gw-tag-info-background: var(--gw-info-lighter);
|
|
2805
|
-
--gw-tag-info-color: var(--gw-info-
|
|
2934
|
+
--gw-tag-info-color: var(--gw-info-base);
|
|
2806
2935
|
--gw-tag-warning-background: var(--gw-warning-lighter);
|
|
2807
2936
|
--gw-tag-warning-color: var(--gw-warning-base);
|
|
2808
2937
|
--gw-tag-danger-background: var(--gw-error-lighter);
|
|
2809
2938
|
--gw-tag-danger-color: var(--gw-error-base);
|
|
2939
|
+
--gw-tag-default-color: var(--gw-foreground-on-surface-default);
|
|
2810
2940
|
--gw-skeleton-border-radius: var(--gw-content-border-radius);
|
|
2811
|
-
--gw-breadcrumb-background: var(--gw-default-background);
|
|
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);
|
|
2814
2941
|
--gw-breadcrumb-item-border-radius: var(--gw-content-border-radius);
|
|
2815
|
-
--gw-breadcrumb-
|
|
2942
|
+
--gw-breadcrumb-item-focus-ring-color: var(--gw-focus-ring-color);
|
|
2816
2943
|
--gw-drawer-background: var(--gw-overlay-modal-background);
|
|
2817
2944
|
--gw-drawer-border-radius: var(--gw-overlay-modal-border-radius);
|
|
2818
2945
|
--gw-cascadeselect-disabled-color: var(--gw-form-field-disabled-color);
|
|
@@ -2820,6 +2947,7 @@
|
|
|
2820
2947
|
--gw-cascadeselect-filled-focus-background: var(--gw-form-field-filled-focus-background);
|
|
2821
2948
|
--gw-cascadeselect-filled-hover-background: var(--gw-form-field-filled-hover-background);
|
|
2822
2949
|
--gw-cascadeselect-border-radius: var(--gw-form-field-border-radius);
|
|
2950
|
+
--gw-cascadeselect-focus-ring-color: var(--gw-form-field-focus-ring-color);
|
|
2823
2951
|
--gw-cascadeselect-placeholder-color: var(--gw-form-field-placeholder-color);
|
|
2824
2952
|
--gw-cascadeselect-overlay-background: var(--gw-overlay-select-background);
|
|
2825
2953
|
--gw-cascadeselect-overlay-border-radius: var(--gw-overlay-select-border-radius);
|
|
@@ -2828,25 +2956,24 @@
|
|
|
2828
2956
|
--gw-cascadeselect-option-icon-color: var(--gw-list-option-icon-color);
|
|
2829
2957
|
--gw-cascadeselect-option-icon-focus-color: var(--gw-list-option-icon-focus-color);
|
|
2830
2958
|
--gw-colorpicker-preview-border-radius: var(--gw-form-field-border-radius);
|
|
2959
|
+
--gw-colorpicker-preview-focus-ring-color: var(--gw-focus-ring-color);
|
|
2831
2960
|
--gw-colorpicker-panel-border-radius: var(--gw-overlay-popover-border-radius);
|
|
2832
2961
|
--gw-colorpicker-panel-border-color: var(--gw-default-border-color);
|
|
2833
|
-
--gw-colorpicker-panel-background: var(--gw-default-background);
|
|
2834
2962
|
--gw-select-disabled-color: var(--gw-form-field-disabled-color);
|
|
2835
2963
|
--gw-select-filled-background: var(--gw-form-field-filled-background);
|
|
2836
2964
|
--gw-select-filled-focus-background: var(--gw-form-field-filled-focus-background);
|
|
2837
2965
|
--gw-select-filled-hover-background: var(--gw-form-field-filled-hover-background);
|
|
2838
2966
|
--gw-select-border-radius: var(--gw-form-field-border-radius);
|
|
2967
|
+
--gw-select-focus-ring-color: var(--gw-form-field-focus-ring-color);
|
|
2839
2968
|
--gw-select-placeholder-color: var(--gw-form-field-placeholder-color);
|
|
2840
2969
|
--gw-select-overlay-background: var(--gw-overlay-select-background);
|
|
2841
2970
|
--gw-select-overlay-border-radius: var(--gw-overlay-select-border-radius);
|
|
2842
2971
|
--gw-select-option-focus-background: var(--gw-list-option-focus-background);
|
|
2843
2972
|
--gw-select-option-border-radius: var(--gw-list-option-border-radius);
|
|
2844
|
-
--gw-editor-toolbar-background: var(--gw-default-background);
|
|
2845
2973
|
--gw-editor-toolbar-border-color: var(--gw-default-border-color);
|
|
2846
2974
|
--gw-editor-toolbar-border-radius: var(--gw-content-border-radius);
|
|
2847
2975
|
--gw-editor-toolbar-item-active-color: var(--gw-primary-base);
|
|
2848
2976
|
--gw-editor-toolbar-numbers-background: var(--gw-list-option-focus-background);
|
|
2849
|
-
--gw-editor-menu-background: var(--gw-default-background);
|
|
2850
2977
|
--gw-editor-menu-item-color: var(--gw-primary-base);
|
|
2851
2978
|
--gw-editor-menu-item-hover-color: var(--gw-primary-dark);
|
|
2852
2979
|
--gw-editor-menu-item-active-color: var(--gw-primary-base);
|
|
@@ -2854,7 +2981,6 @@
|
|
|
2854
2981
|
--gw-editor-overlay-border-radius: var(--gw-overlay-select-border-radius);
|
|
2855
2982
|
--gw-editor-overlay-option-focus-background: var(--gw-list-option-focus-background);
|
|
2856
2983
|
--gw-editor-overlay-option-border-radius: var(--gw-list-option-border-radius);
|
|
2857
|
-
--gw-editor-content-background: var(--gw-default-background);
|
|
2858
2984
|
--gw-editor-content-border-color: var(--gw-default-border-color);
|
|
2859
2985
|
--gw-editor-content-border-radius: var(--gw-content-border-radius);
|
|
2860
2986
|
--gw-inputgroup-addon-border-radius: var(--gw-form-field-border-radius);
|
|
@@ -2863,9 +2989,11 @@
|
|
|
2863
2989
|
--gw-textarea-filled-focus-background: var(--gw-form-field-filled-focus-background);
|
|
2864
2990
|
--gw-textarea-filled-hover-background: var(--gw-form-field-filled-hover-background);
|
|
2865
2991
|
--gw-textarea-border-radius: var(--gw-form-field-border-radius);
|
|
2992
|
+
--gw-textarea-focus-ring-color: var(--gw-form-field-focus-ring-color);
|
|
2866
2993
|
--gw-textarea-placeholder-color: var(--gw-form-field-placeholder-color);
|
|
2867
2994
|
--gw-inputnumber-button-border-radius: var(--gw-form-field-border-radius);
|
|
2868
2995
|
--gw-inputnumber-button-hover-border-color: var(--gw-hover-border-color);
|
|
2996
|
+
--gw-knob-focus-ring-color: var(--gw-focus-ring-color);
|
|
2869
2997
|
--gw-knob-value-background: var(--gw-primary-base);
|
|
2870
2998
|
--gw-knob-range-background: var(--gw-default-border-color);
|
|
2871
2999
|
--gw-listbox-disabled-color: var(--gw-form-field-disabled-color);
|
|
@@ -2877,6 +3005,7 @@
|
|
|
2877
3005
|
--gw-multiselect-filled-focus-background: var(--gw-form-field-filled-focus-background);
|
|
2878
3006
|
--gw-multiselect-filled-hover-background: var(--gw-form-field-filled-hover-background);
|
|
2879
3007
|
--gw-multiselect-border-radius: var(--gw-form-field-border-radius);
|
|
3008
|
+
--gw-multiselect-focus-ring-color: var(--gw-form-field-focus-ring-color);
|
|
2880
3009
|
--gw-multiselect-placeholder-color: var(--gw-form-field-placeholder-color);
|
|
2881
3010
|
--gw-multiselect-overlay-background: var(--gw-overlay-select-background);
|
|
2882
3011
|
--gw-multiselect-overlay-border-radius: var(--gw-overlay-select-border-radius);
|
|
@@ -2888,70 +3017,65 @@
|
|
|
2888
3017
|
--gw-password-overlay-border-radius: var(--gw-overlay-popover-border-radius);
|
|
2889
3018
|
--gw-password-strength-weak-background: var(--gw-error-light);
|
|
2890
3019
|
--gw-password-strength-medium-background: var(--gw-warning-light);
|
|
2891
|
-
--gw-password-strength-strong-background: var(--gw-success-light);
|
|
2892
3020
|
--gw-slider-track-background: var(--gw-default-border-color);
|
|
2893
3021
|
--gw-slider-track-border-radius: var(--gw-content-border-radius);
|
|
2894
3022
|
--gw-slider-range-background: var(--gw-primary-base);
|
|
2895
3023
|
--gw-slider-handle-background: var(--gw-default-border-color);
|
|
2896
3024
|
--gw-slider-handle-hover-background: var(--gw-default-border-color);
|
|
2897
|
-
--gw-slider-handle-
|
|
3025
|
+
--gw-slider-handle-focus-ring-color: var(--gw-focus-ring-color);
|
|
2898
3026
|
--gw-togglebutton-border-radius: var(--gw-content-border-radius);
|
|
2899
3027
|
--gw-togglebutton-disabled-color: var(--gw-form-field-disabled-color);
|
|
3028
|
+
--gw-togglebutton-focus-ring-color: var(--gw-focus-ring-color);
|
|
2900
3029
|
--gw-togglebutton-icon-disabled-color: var(--gw-form-field-disabled-color);
|
|
2901
3030
|
--gw-togglebutton-content-border-radius: var(--gw-content-border-radius);
|
|
3031
|
+
--gw-togglebutton-background: var(--gw-button-secondary-background);
|
|
3032
|
+
--gw-togglebutton-hover-background: var(--gw-button-secondary-hover-background);
|
|
2902
3033
|
--gw-selectbutton-border-radius: var(--gw-form-field-border-radius);
|
|
2903
3034
|
--gw-treeselect-disabled-color: var(--gw-form-field-disabled-color);
|
|
2904
3035
|
--gw-treeselect-filled-background: var(--gw-form-field-filled-background);
|
|
2905
3036
|
--gw-treeselect-filled-focus-background: var(--gw-form-field-filled-focus-background);
|
|
2906
3037
|
--gw-treeselect-filled-hover-background: var(--gw-form-field-filled-hover-background);
|
|
2907
3038
|
--gw-treeselect-border-radius: var(--gw-form-field-border-radius);
|
|
3039
|
+
--gw-treeselect-focus-ring-color: var(--gw-form-field-focus-ring-color);
|
|
2908
3040
|
--gw-treeselect-placeholder-color: var(--gw-form-field-placeholder-color);
|
|
2909
3041
|
--gw-treeselect-overlay-background: var(--gw-overlay-select-background);
|
|
2910
3042
|
--gw-treeselect-overlay-border-radius: var(--gw-overlay-select-border-radius);
|
|
2911
|
-
--gw-dataview-header-background: var(--gw-default-background);
|
|
2912
3043
|
--gw-dataview-header-border-color: var(--gw-default-border-color);
|
|
2913
|
-
--gw-dataview-content-background: var(--gw-default-background);
|
|
2914
|
-
--gw-dataview-footer-background: var(--gw-default-background);
|
|
2915
3044
|
--gw-dataview-footer-border-color: var(--gw-default-border-color);
|
|
2916
3045
|
--gw-dataview-paginator-top-border-color: var(--gw-default-border-color);
|
|
2917
3046
|
--gw-dataview-paginator-bottom-border-color: var(--gw-default-border-color);
|
|
2918
3047
|
--gw-accordion-panel-border-color: var(--gw-default-border-color);
|
|
2919
|
-
--gw-accordion-header-hover-background: var(--gw-default-background);
|
|
2920
|
-
--gw-accordion-header-active-background: var(--gw-default-background);
|
|
2921
|
-
--gw-accordion-header-active-hover-background: var(--gw-default-background);
|
|
2922
3048
|
--gw-accordion-header-border-color: var(--gw-default-border-color);
|
|
2923
|
-
--gw-accordion-header-
|
|
3049
|
+
--gw-accordion-header-focus-ring-color: var(--gw-focus-ring-color);
|
|
2924
3050
|
--gw-accordion-header-first-top-border-radius: var(--gw-content-border-radius);
|
|
2925
3051
|
--gw-accordion-header-last-bottom-border-radius: var(--gw-content-border-radius);
|
|
2926
3052
|
--gw-accordion-content-border-color: var(--gw-default-border-color);
|
|
2927
|
-
--gw-accordion-content-background: var(--gw-default-background);
|
|
2928
3053
|
--gw-divider-border-color: var(--gw-default-border-color);
|
|
2929
|
-
--gw-divider-content-background: var(--gw-default-background);
|
|
2930
|
-
--gw-fieldset-background: var(--gw-default-background);
|
|
2931
3054
|
--gw-fieldset-border-color: var(--gw-default-border-color);
|
|
2932
3055
|
--gw-fieldset-border-radius: var(--gw-content-border-radius);
|
|
2933
|
-
--gw-fieldset-legend-background: var(--gw-default-background);
|
|
2934
3056
|
--gw-fieldset-legend-hover-background: var(--gw-hover-background);
|
|
2935
3057
|
--gw-fieldset-legend-hover-color: var(--gw-hover-color);
|
|
2936
3058
|
--gw-fieldset-legend-border-radius: var(--gw-content-border-radius);
|
|
2937
|
-
--gw-
|
|
3059
|
+
--gw-fieldset-legend-focus-ring-color: var(--gw-focus-ring-color);
|
|
2938
3060
|
--gw-splitter-border-color: var(--gw-default-border-color);
|
|
2939
3061
|
--gw-splitter-gutter-background: var(--gw-default-border-color);
|
|
2940
3062
|
--gw-splitter-handle-border-radius: var(--gw-content-border-radius);
|
|
2941
|
-
--gw-
|
|
3063
|
+
--gw-splitter-handle-focus-ring-color: var(--gw-focus-ring-color);
|
|
2942
3064
|
--gw-tabs-tablist-border-color: var(--gw-default-border-color);
|
|
2943
3065
|
--gw-tabs-tab-border-color: var(--gw-neutral-lighter);
|
|
2944
3066
|
--gw-tabs-tab-border-bottom-color: var(--gw-default-border-color);
|
|
2945
|
-
--gw-tabs-tab-active-border-bottom-color: var(--gw-default-background);
|
|
2946
3067
|
--gw-tabs-tab-active-border-color: var(--gw-default-border-color);
|
|
2947
|
-
--gw-tabs-tab-active-background: var(--gw-default-background);
|
|
2948
3068
|
--gw-tabs-tab-color: var(--gw-neutral-dark);
|
|
2949
3069
|
--gw-tabs-tab-hover-border-bottom-color: var(--gw-default-border-color);
|
|
2950
3070
|
--gw-tabs-tab-background: var(--gw-neutral-lighter);
|
|
2951
|
-
--gw-tabs-
|
|
2952
|
-
--gw-tabs-
|
|
3071
|
+
--gw-tabs-tab-focus-ring-color: var(--gw-focus-ring-color);
|
|
3072
|
+
--gw-tabs-tab-disabled-color: var(--gw-disabled-color);
|
|
3073
|
+
--gw-tabs-tab-disabled-background: var(--gw-background-disabled);
|
|
3074
|
+
--gw-tabs-tab-disabled-border-color: var(--gw-border-disabled);
|
|
3075
|
+
--gw-tabs-tab-disabled-border-bottom-color: var(--gw-default-border-color);
|
|
3076
|
+
--gw-tabs-tabpanel-focus-ring-color: var(--gw-focus-ring-color);
|
|
3077
|
+
--gw-tabs-nav-button-focus-ring-color: var(--gw-focus-ring-color);
|
|
2953
3078
|
--gw-tabs-active-bar-background: var(--gw-primary-base);
|
|
2954
|
-
--gw-toolbar-background: var(--gw-default-background);
|
|
2955
3079
|
--gw-toolbar-border-color: var(--gw-default-border-color);
|
|
2956
3080
|
--gw-toolbar-border-radius: var(--gw-content-border-radius);
|
|
2957
3081
|
--gw-confirmpopup-background: var(--gw-overlay-popover-background);
|
|
@@ -2959,108 +3083,68 @@
|
|
|
2959
3083
|
--gw-dialog-background: var(--gw-overlay-modal-background);
|
|
2960
3084
|
--gw-dialog-border-radius: var(--gw-overlay-modal-border-radius);
|
|
2961
3085
|
--gw-tooltip-border-radius: var(--gw-overlay-popover-border-radius);
|
|
2962
|
-
--gw-contextmenu-background: var(--gw-default-background);
|
|
2963
3086
|
--gw-contextmenu-border-color: var(--gw-default-border-color);
|
|
2964
3087
|
--gw-contextmenu-border-radius: var(--gw-content-border-radius);
|
|
2965
|
-
--gw-contextmenu-item-
|
|
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);
|
|
3088
|
+
--gw-contextmenu-item-border-radius: var(--gw-sidenav-menuitem-border-radius);
|
|
2972
3089
|
--gw-contextmenu-separator-border-color: var(--gw-default-border-color);
|
|
2973
3090
|
--gw-dock-item-border-radius: var(--gw-content-border-radius);
|
|
2974
|
-
--gw-
|
|
3091
|
+
--gw-dock-item-focus-ring-color: var(--gw-focus-ring-color);
|
|
2975
3092
|
--gw-megamenu-border-color: var(--gw-default-border-color);
|
|
2976
3093
|
--gw-megamenu-border-radius: var(--gw-content-border-radius);
|
|
2977
3094
|
--gw-megamenu-base-item-border-radius: var(--gw-content-border-radius);
|
|
2978
|
-
--gw-megamenu-item-
|
|
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);
|
|
2984
|
-
--gw-megamenu-overlay-background: var(--gw-default-background);
|
|
3095
|
+
--gw-megamenu-item-border-radius: var(--gw-sidenav-menuitem-border-radius);
|
|
2985
3096
|
--gw-megamenu-overlay-border-color: var(--gw-default-border-color);
|
|
2986
3097
|
--gw-megamenu-overlay-border-radius: var(--gw-content-border-radius);
|
|
2987
|
-
--gw-megamenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
2988
3098
|
--gw-megamenu-separator-border-color: var(--gw-default-border-color);
|
|
2989
3099
|
--gw-megamenu-mobile-button-hover-background: var(--gw-hover-background);
|
|
2990
|
-
--gw-
|
|
3100
|
+
--gw-megamenu-mobile-button-focus-ring-color: var(--gw-focus-ring-color);
|
|
2991
3101
|
--gw-menu-border-color: var(--gw-default-border-color);
|
|
2992
3102
|
--gw-menu-border-radius: var(--gw-content-border-radius);
|
|
2993
|
-
--gw-menu-item-
|
|
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);
|
|
3103
|
+
--gw-menu-item-border-radius: var(--gw-sidenav-menuitem-border-radius);
|
|
2997
3104
|
--gw-menu-separator-border-color: var(--gw-default-border-color);
|
|
2998
|
-
--gw-menubar-background: var(--gw-default-background);
|
|
2999
3105
|
--gw-menubar-border-color: var(--gw-default-border-color);
|
|
3000
3106
|
--gw-menubar-border-radius: var(--gw-content-border-radius);
|
|
3001
3107
|
--gw-menubar-base-item-border-radius: var(--gw-content-border-radius);
|
|
3002
|
-
--gw-menubar-item-
|
|
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);
|
|
3008
|
-
--gw-menubar-submenu-background: var(--gw-default-background);
|
|
3108
|
+
--gw-menubar-item-border-radius: var(--gw-sidenav-menuitem-border-radius);
|
|
3009
3109
|
--gw-menubar-submenu-border-color: var(--gw-default-border-color);
|
|
3010
3110
|
--gw-menubar-submenu-border-radius: var(--gw-content-border-radius);
|
|
3011
|
-
--gw-menubar-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3012
3111
|
--gw-menubar-separator-border-color: var(--gw-default-border-color);
|
|
3013
3112
|
--gw-menubar-mobile-button-hover-background: var(--gw-hover-background);
|
|
3014
|
-
--gw-
|
|
3113
|
+
--gw-menubar-mobile-button-focus-ring-color: var(--gw-focus-ring-color);
|
|
3015
3114
|
--gw-panelmenu-panel-border-color: var(--gw-default-border-color);
|
|
3016
3115
|
--gw-panelmenu-panel-border-radius: var(--gw-content-border-radius);
|
|
3017
3116
|
--gw-panelmenu-panel-first-top-border-radius: var(--gw-content-border-radius);
|
|
3018
3117
|
--gw-panelmenu-panel-last-bottom-border-radius: var(--gw-content-border-radius);
|
|
3019
|
-
--gw-panelmenu-item-focus-background: var(--gw-sidenav-item-focus-background);
|
|
3020
3118
|
--gw-panelmenu-item-border-radius: var(--gw-content-border-radius);
|
|
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);
|
|
3024
|
-
--gw-tieredmenu-background: var(--gw-default-background);
|
|
3025
3119
|
--gw-tieredmenu-border-color: var(--gw-default-border-color);
|
|
3026
3120
|
--gw-tieredmenu-border-radius: var(--gw-content-border-radius);
|
|
3027
|
-
--gw-tieredmenu-item-
|
|
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);
|
|
3121
|
+
--gw-tieredmenu-item-border-radius: var(--gw-sidenav-menuitem-border-radius);
|
|
3034
3122
|
--gw-tieredmenu-separator-border-color: var(--gw-default-border-color);
|
|
3035
|
-
--gw-organizationchart-node-background: var(--gw-default-background);
|
|
3036
3123
|
--gw-organizationchart-node-hover-background: var(--gw-hover-background);
|
|
3037
3124
|
--gw-organizationchart-node-hover-color: var(--gw-hover-color);
|
|
3038
3125
|
--gw-organizationchart-node-selected-background: var(--gw-highlight-background);
|
|
3039
3126
|
--gw-organizationchart-node-border-color: var(--gw-default-border-color);
|
|
3040
3127
|
--gw-organizationchart-node-border-radius: var(--gw-content-border-radius);
|
|
3041
|
-
--gw-organizationchart-node-toggle-button-background: var(--gw-default-background);
|
|
3042
3128
|
--gw-organizationchart-node-toggle-button-hover-background: var(--gw-hover-background);
|
|
3043
3129
|
--gw-organizationchart-node-toggle-button-border-color: var(--gw-default-border-color);
|
|
3130
|
+
--gw-organizationchart-node-toggle-button-focus-ring-color: var(--gw-focus-ring-color);
|
|
3044
3131
|
--gw-organizationchart-connector-color: var(--gw-default-border-color);
|
|
3045
3132
|
--gw-organizationchart-connector-border-radius: var(--gw-content-border-radius);
|
|
3046
3133
|
--gw-paginator-border-radius: var(--gw-content-border-radius);
|
|
3047
|
-
--gw-paginator-background: var(--gw-default-background);
|
|
3048
3134
|
--gw-paginator-nav-button-hover-background: var(--gw-hover-background);
|
|
3049
3135
|
--gw-paginator-nav-button-selected-background: var(--gw-highlight-background);
|
|
3050
|
-
--gw-
|
|
3051
|
-
--gw-datatable-header-cell-background: var(--gw-default-background);
|
|
3136
|
+
--gw-paginator-nav-button-focus-ring-color: var(--gw-focus-ring-color);
|
|
3052
3137
|
--gw-datatable-header-cell-hover-background: var(--gw-hover-background);
|
|
3053
3138
|
--gw-datatable-header-cell-hover-color: var(--gw-hover-color);
|
|
3054
3139
|
--gw-datatable-header-cell-selected-background: var(--gw-highlight-background);
|
|
3055
|
-
--gw-datatable-
|
|
3140
|
+
--gw-datatable-header-cell-focus-ring-color: var(--gw-focus-ring-color);
|
|
3056
3141
|
--gw-datatable-row-hover-background: var(--gw-hover-background);
|
|
3057
3142
|
--gw-datatable-row-hover-color: var(--gw-hover-color);
|
|
3058
3143
|
--gw-datatable-row-selected-background: var(--gw-highlight-background);
|
|
3144
|
+
--gw-datatable-row-focus-ring-color: var(--gw-focus-ring-color);
|
|
3059
3145
|
--gw-datatable-row-toggle-button-hover-background: var(--gw-hover-background);
|
|
3060
|
-
--gw-datatable-row-toggle-button-selected-hover-background: var(--gw-default-background);
|
|
3061
3146
|
--gw-datatable-row-toggle-button-selected-hover-color: var(--gw-primary-base);
|
|
3062
|
-
--gw-datatable-
|
|
3063
|
-
--gw-datatable-footer-background: var(--gw-default-background);
|
|
3147
|
+
--gw-datatable-row-toggle-button-focus-ring-color: var(--gw-focus-ring-color);
|
|
3064
3148
|
--gw-datatable-drop-point-color: var(--gw-primary-base);
|
|
3065
3149
|
--gw-datatable-resize-indicator-color: var(--gw-primary-base);
|
|
3066
3150
|
--gw-datatable-filter-overlay-select-background: var(--gw-overlay-select-background);
|
|
@@ -3073,35 +3157,32 @@
|
|
|
3073
3157
|
--gw-datatable-filter-constraint-border-radius: var(--gw-list-option-border-radius);
|
|
3074
3158
|
--gw-datatable-border-color: var(--gw-default-border-color);
|
|
3075
3159
|
--gw-timeline-event-marker-border-color: var(--gw-default-border-color);
|
|
3076
|
-
--gw-timeline-event-marker-background: var(--gw-default-background);
|
|
3077
3160
|
--gw-timeline-event-marker-content-background: var(--gw-primary-base);
|
|
3078
3161
|
--gw-timeline-event-connector-color: var(--gw-default-border-color);
|
|
3079
|
-
--gw-tree-background: var(--gw-default-background);
|
|
3080
3162
|
--gw-tree-node-border-radius: var(--gw-content-border-radius);
|
|
3081
3163
|
--gw-tree-node-hover-background: var(--gw-hover-background);
|
|
3082
3164
|
--gw-tree-node-hover-color: var(--gw-hover-color);
|
|
3083
3165
|
--gw-tree-node-selected-background: var(--gw-highlight-background);
|
|
3166
|
+
--gw-tree-node-focus-ring-color: var(--gw-focus-ring-color);
|
|
3084
3167
|
--gw-tree-node-toggle-button-hover-background: var(--gw-hover-background);
|
|
3085
|
-
--gw-tree-node-toggle-button-selected-hover-background: var(--gw-default-background);
|
|
3086
3168
|
--gw-tree-node-toggle-button-selected-hover-color: var(--gw-primary-base);
|
|
3087
|
-
--gw-
|
|
3169
|
+
--gw-tree-node-toggle-button-focus-ring-color: var(--gw-focus-ring-color);
|
|
3088
3170
|
--gw-carousel-indicator-border-radius: var(--gw-content-border-radius);
|
|
3171
|
+
--gw-carousel-indicator-focus-ring-color: var(--gw-focus-ring-color);
|
|
3089
3172
|
--gw-image-preview-mask-color: var(--gw-mask-color);
|
|
3090
|
-
--gw-
|
|
3091
|
-
--gw-treetable-header-cell-background: var(--gw-default-background);
|
|
3173
|
+
--gw-image-action-focus-ring-color: var(--gw-focus-ring-color);
|
|
3092
3174
|
--gw-treetable-header-cell-hover-background: var(--gw-hover-background);
|
|
3093
3175
|
--gw-treetable-header-cell-hover-color: var(--gw-hover-color);
|
|
3094
3176
|
--gw-treetable-header-cell-selected-background: var(--gw-highlight-background);
|
|
3095
|
-
--gw-treetable-
|
|
3177
|
+
--gw-treetable-header-cell-focus-ring-color: var(--gw-focus-ring-color);
|
|
3096
3178
|
--gw-treetable-row-hover-background: var(--gw-hover-background);
|
|
3097
3179
|
--gw-treetable-row-hover-color: var(--gw-hover-color);
|
|
3098
3180
|
--gw-treetable-row-selected-background: var(--gw-highlight-background);
|
|
3099
|
-
--gw-treetable-
|
|
3100
|
-
--gw-treetable-footer-background: var(--gw-default-background);
|
|
3181
|
+
--gw-treetable-row-focus-ring-color: var(--gw-focus-ring-color);
|
|
3101
3182
|
--gw-treetable-resize-indicator-color: var(--gw-primary-base);
|
|
3102
3183
|
--gw-treetable-node-toggle-button-hover-background: var(--gw-hover-background);
|
|
3103
|
-
--gw-treetable-node-toggle-button-selected-hover-background: var(--gw-default-background);
|
|
3104
3184
|
--gw-treetable-node-toggle-button-selected-hover-color: var(--gw-primary-base);
|
|
3185
|
+
--gw-treetable-node-toggle-button-focus-ring-color: var(--gw-focus-ring-color);
|
|
3105
3186
|
--gw-treetable-paginator-top-border-color: var(--gw-default-border-color);
|
|
3106
3187
|
--gw-treetable-paginator-bottom-border-color: var(--gw-default-border-color);
|
|
3107
3188
|
--gw-treetable-border-color: var(--gw-default-border-color);
|
|
@@ -3112,8 +3193,8 @@
|
|
|
3112
3193
|
--gw-toast-info-detail-color: var(--gw-contrast-text);
|
|
3113
3194
|
--gw-toast-info-close-button-hover-background: var(--gw-info-dark);
|
|
3114
3195
|
--gw-toast-info-close-button-focus-ring-color: var(--gw-info-light);
|
|
3115
|
-
--gw-toast-success-background: var(--gw-success-
|
|
3116
|
-
--gw-toast-success-
|
|
3196
|
+
--gw-toast-success-close-button-hover-background: var(--gw-success-100);
|
|
3197
|
+
--gw-toast-success-close-button-focus-ring-color: var(--gw-success-600);
|
|
3117
3198
|
--gw-toast-warn-background: var(--gw-warning-base);
|
|
3118
3199
|
--gw-toast-warn-border-color: var(--gw-warning-base);
|
|
3119
3200
|
--gw-toast-warn-color: var(--gw-contrast-text);
|
|
@@ -3126,12 +3207,14 @@
|
|
|
3126
3207
|
--gw-toast-error-detail-color: var(--gw-contrast-text);
|
|
3127
3208
|
--gw-galleria-border-color: var(--gw-default-border-color);
|
|
3128
3209
|
--gw-galleria-border-radius: var(--gw-content-border-radius);
|
|
3129
|
-
--gw-galleria-
|
|
3210
|
+
--gw-galleria-nav-button-focus-ring-color: var(--gw-focus-ring-color);
|
|
3130
3211
|
--gw-galleria-thumbnail-nav-button-border-radius: var(--gw-content-border-radius);
|
|
3212
|
+
--gw-galleria-thumbnail-nav-button-focus-ring-color: var(--gw-focus-ring-color);
|
|
3131
3213
|
--gw-galleria-indicator-button-active-background: var(--gw-primary-base);
|
|
3214
|
+
--gw-galleria-indicator-button-focus-ring-color: var(--gw-focus-ring-color);
|
|
3215
|
+
--gw-galleria-close-button-focus-ring-color: var(--gw-focus-ring-color);
|
|
3132
3216
|
--gw-popover-background: var(--gw-overlay-popover-background);
|
|
3133
3217
|
--gw-popover-border-radius: var(--gw-overlay-popover-border-radius);
|
|
3134
|
-
--gw-fileupload-background: var(--gw-default-background);
|
|
3135
3218
|
--gw-fileupload-border-color: var(--gw-default-border-color);
|
|
3136
3219
|
--gw-fileupload-border-radius: var(--gw-content-border-radius);
|
|
3137
3220
|
--gw-fileupload-content-highlight-border-color: var(--gw-primary-base);
|
|
@@ -3140,23 +3223,24 @@
|
|
|
3140
3223
|
--gw-stepper-separator-background: var(--gw-default-border-color);
|
|
3141
3224
|
--gw-stepper-separator-active-background: var(--gw-primary-base);
|
|
3142
3225
|
--gw-stepper-step-header-border-radius: var(--gw-content-border-radius);
|
|
3226
|
+
--gw-stepper-step-header-focus-ring-color: var(--gw-focus-ring-color);
|
|
3143
3227
|
--gw-stepper-step-title-active-color: var(--gw-primary-base);
|
|
3144
|
-
--gw-stepper-step-number-background: var(--gw-default-background);
|
|
3145
|
-
--gw-stepper-step-number-active-background: var(--gw-default-background);
|
|
3146
3228
|
--gw-stepper-step-number-active-border-color: var(--gw-default-border-color);
|
|
3147
3229
|
--gw-stepper-step-number-active-color: var(--gw-primary-base);
|
|
3148
3230
|
--gw-stepper-step-number-border-color: var(--gw-default-border-color);
|
|
3149
|
-
--gw-stepper-steppanel-background: var(--gw-default-background);
|
|
3150
3231
|
--gw-blockui-border-radius: var(--gw-content-border-radius);
|
|
3151
3232
|
--gw-inplace-border-radius: var(--gw-content-border-radius);
|
|
3233
|
+
--gw-inplace-focus-ring-color: var(--gw-focus-ring-color);
|
|
3152
3234
|
--gw-inplace-display-hover-background: var(--gw-hover-background);
|
|
3153
3235
|
--gw-inplace-display-hover-color: var(--gw-hover-color);
|
|
3154
3236
|
--gw-metergroup-meters-background: var(--gw-default-border-color);
|
|
3155
3237
|
--gw-metergroup-border-radius: var(--gw-content-border-radius);
|
|
3156
3238
|
--gw-terminal-border-radius: var(--gw-form-field-border-radius);
|
|
3157
|
-
--gw-overlaybadge-outline-color: var(--gw-default-background);
|
|
3158
3239
|
--gw-iftalabel-color: var(--gw-form-field-float-label-color);
|
|
3159
3240
|
--gw-iftalabel-focus-color: var(--gw-form-field-float-label-focus-color);
|
|
3241
|
+
--gw-swagger-border-color: var(--gw-default-border-color);
|
|
3242
|
+
--gw-swagger-post-background: var(--gw-success-200);
|
|
3243
|
+
--gw-shortcuts-panel-key-color: var(--gw-secondary-base);
|
|
3160
3244
|
--gw-link-regular-color: var(--gw-secondary-light);
|
|
3161
3245
|
--gw-link-regular-hover-color: var(--gw-secondary-base);
|
|
3162
3246
|
--gw-link-regular-visited-color: var(--gw-secondary-base);
|
|
@@ -3168,40 +3252,43 @@
|
|
|
3168
3252
|
--gw-link-subtile-visited-color: var(--gw-neutral-dark);
|
|
3169
3253
|
--gw-progressspinner-color-one: var(--gw-error-light);
|
|
3170
3254
|
--gw-progressspinner-color-two: var(--gw-warning-light);
|
|
3171
|
-
--gw-
|
|
3172
|
-
--gw-progressspinner-color-four: var(--gw-success-base);
|
|
3255
|
+
--gw-page-background: var(--gw-background-page);
|
|
3173
3256
|
--gw-border-default-color: var(--gw-default-border-color);
|
|
3257
|
+
--gw-focus-ring-stroke-color: var(--gw-focus-ring-color);
|
|
3258
|
+
--gw-success-text: var(--gw-success-dark);
|
|
3174
3259
|
--gw-warning-text: var(--gw-help-dark);
|
|
3260
|
+
--gw-border-color-success: var(--gw-success-base);
|
|
3261
|
+
--gw-form-field-background: var(--gw-default-background);
|
|
3175
3262
|
--gw-form-field-float-label-invalid-color: var(--gw-form-field-invalid-placeholder-color);
|
|
3176
3263
|
--gw-list-option-group-color: var(--gw-inputtext-disabled-color);
|
|
3177
3264
|
--gw-list-option-selected-focus-background: var(--gw-highlight-focus-background);
|
|
3178
3265
|
--gw-list-option-selected-focus-color: var(--gw-highlight-focus-color);
|
|
3179
3266
|
--gw-list-option-selected-color: var(--gw-text-color);
|
|
3180
3267
|
--gw-list-option-color: var(--gw-text-color);
|
|
3181
|
-
--gw-sidenav-
|
|
3182
|
-
--gw-sidenav-
|
|
3183
|
-
--gw-sidenav-menuitem-active-icon-color: var(--gw-primary-contrast-color);
|
|
3184
|
-
--gw-sidenav-menuitem-active-color: var(--gw-primary-contrast-color);
|
|
3268
|
+
--gw-sidenav-menuitem-hover-color: var(--gw-foreground-on-surface-brand);
|
|
3269
|
+
--gw-sidenav-togglebutton-background: var(--gw-sidenav-background);
|
|
3185
3270
|
--gw-overlay-select-color: var(--gw-text-color);
|
|
3186
3271
|
--gw-overlay-popover-color: var(--gw-text-color);
|
|
3187
3272
|
--gw-overlay-modal-color: var(--gw-text-color);
|
|
3188
3273
|
--gw-button-primary-hover-background: var(--gw-primary-hover-color);
|
|
3189
3274
|
--gw-button-primary-hover-border-color: var(--gw-primary-hover-color);
|
|
3190
|
-
--gw-button-primary-hover-color: var(--gw-primary-contrast-color);
|
|
3191
3275
|
--gw-button-primary-active-background: var(--gw-primary-active-color);
|
|
3192
3276
|
--gw-button-primary-active-border-color: var(--gw-primary-active-color);
|
|
3193
|
-
--gw-button-primary-active-color: var(--gw-primary-contrast-color);
|
|
3194
3277
|
--gw-button-primary-border-color: var(--gw-border-color-primary);
|
|
3195
|
-
--gw-button-primary-icon-color: var(--gw-primary-contrast-color);
|
|
3196
|
-
--gw-button-primary-color: var(--gw-primary-contrast-color);
|
|
3197
3278
|
--gw-button-primary-disabled-color: var(--gw-inputtext-disabled-color);
|
|
3198
|
-
--gw-button-secondary-disabled-color: var(--gw-inputtext-disabled-color);
|
|
3199
3279
|
--gw-button-secondary-link-hover-color: var(--gw-primary-contrast-color);
|
|
3200
3280
|
--gw-button-secondary-link-active-color: var(--gw-primary-contrast-color);
|
|
3201
3281
|
--gw-button-secondary-link-icon-color: var(--gw-primary-contrast-color);
|
|
3202
3282
|
--gw-button-secondary-link-color: var(--gw-primary-contrast-color);
|
|
3203
|
-
--gw-button-
|
|
3204
|
-
--gw-button-success-
|
|
3283
|
+
--gw-button-success-hover-background: var(--gw-success-dark);
|
|
3284
|
+
--gw-button-success-hover-border-color: var(--gw-success-dark);
|
|
3285
|
+
--gw-button-success-focus-ring-color: var(--gw-success-base);
|
|
3286
|
+
--gw-button-success-focus-color: var(--gw-success-light);
|
|
3287
|
+
--gw-button-success-icon-color: var(--gw-button-contrast-del-color);
|
|
3288
|
+
--gw-button-success-disabled-background: var(--gw-success-lighter);
|
|
3289
|
+
--gw-button-success-disabled-border-color: var(--gw-success-lighter);
|
|
3290
|
+
--gw-button-success-active-background: var(--gw-success-dark);
|
|
3291
|
+
--gw-button-success-active-border-color: var(--gw-success-light);
|
|
3205
3292
|
--gw-button-help-hover-background: var(--gw-help-lighter);
|
|
3206
3293
|
--gw-button-help-hover-border-color: var(--gw-help-lighter);
|
|
3207
3294
|
--gw-button-help-hover-color: var(--gw-help-darker);
|
|
@@ -3211,18 +3298,28 @@
|
|
|
3211
3298
|
--gw-button-help-border-color: var(--gw-help-lighter);
|
|
3212
3299
|
--gw-button-help-color: var(--gw-help-darker);
|
|
3213
3300
|
--gw-button-help-focus-ring-color: var(--gw-help-light);
|
|
3214
|
-
--gw-button-contrast-focus-ring-color: var(--gw-default-contrast-background);
|
|
3215
|
-
--gw-button-outlined-
|
|
3216
|
-
--gw-button-outlined-
|
|
3217
|
-
--gw-button-outlined-
|
|
3218
|
-
--gw-button-outlined-
|
|
3219
|
-
--gw-button-
|
|
3220
|
-
--gw-button-
|
|
3221
|
-
--gw-button-
|
|
3301
|
+
--gw-button-contrast-del-focus-ring-color: var(--gw-default-contrast-background);
|
|
3302
|
+
--gw-button-outlined-del-success-hover-background: var(--gw-success-lighter);
|
|
3303
|
+
--gw-button-outlined-del-success-active-background: var(--gw-success-lighter);
|
|
3304
|
+
--gw-button-outlined-del-success-border-color: var(--gw-success-base);
|
|
3305
|
+
--gw-button-outlined-del-success-color: var(--gw-success-dark);
|
|
3306
|
+
--gw-button-outlined-del-help-hover-background: var(--gw-help-lighter);
|
|
3307
|
+
--gw-button-outlined-del-help-active-background: var(--gw-help-lighter);
|
|
3308
|
+
--gw-button-outlined-del-help-border-color: var(--gw-help-base);
|
|
3309
|
+
--gw-button-outlined-del-help-color: var(--gw-help-dark);
|
|
3310
|
+
--gw-button-text-del-success-color: var(--gw-success-base);
|
|
3311
|
+
--gw-button-text-del-help-color: var(--gw-help-darker);
|
|
3312
|
+
--gw-button-tertiary-icon-second: var(--gw-default-muted-color);
|
|
3313
|
+
--gw-button-tertiary-link-hover-color: var(--gw-primary-contrast-color);
|
|
3314
|
+
--gw-button-tertiary-link-active-color: var(--gw-primary-contrast-color);
|
|
3315
|
+
--gw-button-tertiary-link-color: var(--gw-primary-contrast-color);
|
|
3316
|
+
--gw-default-success-background: var(--gw-success-base);
|
|
3317
|
+
--gw-default-success-color: var(--gw-success-dark);
|
|
3318
|
+
--gw-default-success-light-background: var(--gw-success-lighter);
|
|
3222
3319
|
--gw-default-warning-background: var(--gw-help-base);
|
|
3223
3320
|
--gw-default-warning-light-background: var(--gw-help-lighter);
|
|
3224
3321
|
--gw-help-text: var(--gw-help-dark);
|
|
3225
|
-
--gw-
|
|
3322
|
+
--gw-topnav-color: var(--gw-text-color);
|
|
3226
3323
|
--gw-inputtext-read-only-background: var(--gw-form-field-read-only-background);
|
|
3227
3324
|
--gw-inputtext-disabled-background: var(--gw-form-field-disabled-background);
|
|
3228
3325
|
--gw-inputtext-border-color: var(--gw-form-field-border-color);
|
|
@@ -3231,6 +3328,7 @@
|
|
|
3231
3328
|
--gw-inputtext-invalid-border-color: var(--gw-form-field-invalid-border-color);
|
|
3232
3329
|
--gw-inputtext-invalid-placeholder-color: var(--gw-form-field-invalid-placeholder-color);
|
|
3233
3330
|
--gw-inputtext-color: var(--gw-form-field-color);
|
|
3331
|
+
--gw-panel-background: var(--gw-default-background);
|
|
3234
3332
|
--gw-panel-color: var(--gw-default-color);
|
|
3235
3333
|
--gw-panel-header-color: var(--gw-heading-default-color);
|
|
3236
3334
|
--gw-iconfield-icon-color: var(--gw-form-field-icon-color);
|
|
@@ -3240,8 +3338,6 @@
|
|
|
3240
3338
|
--gw-toggleswitch-handle-checked-hover-color: var(--gw-primary-hover-color);
|
|
3241
3339
|
--gw-toggleswitch-handle-color: var(--gw-text-muted-color);
|
|
3242
3340
|
--gw-toggleswitch-disabled-background: var(--gw-form-field-disabled-background);
|
|
3243
|
-
--gw-floatlabel-on-active-background: var(--gw-form-field-background);
|
|
3244
|
-
--gw-radiobutton-background: var(--gw-form-field-background);
|
|
3245
3341
|
--gw-radiobutton-checked-hover-background: var(--gw-primary-hover-color);
|
|
3246
3342
|
--gw-radiobutton-checked-hover-border-color: var(--gw-primary-hover-color);
|
|
3247
3343
|
--gw-radiobutton-checked-disabled-border-color: var(--gw-form-field-border-color);
|
|
@@ -3249,24 +3345,20 @@
|
|
|
3249
3345
|
--gw-radiobutton-border-color: var(--gw-form-field-border-color);
|
|
3250
3346
|
--gw-radiobutton-hover-border-color: var(--gw-form-field-hover-border-color);
|
|
3251
3347
|
--gw-radiobutton-focus-border-color: var(--gw-form-field-border-color);
|
|
3252
|
-
--gw-radiobutton-focus-ring-color: var(--gw-focus-ring-color);
|
|
3253
3348
|
--gw-radiobutton-invalid-border-color: var(--gw-form-field-invalid-border-color);
|
|
3254
3349
|
--gw-radiobutton-icon-checked-color: var(--gw-primary-contrast-color);
|
|
3255
3350
|
--gw-radiobutton-icon-checked-hover-color: var(--gw-primary-contrast-color);
|
|
3256
3351
|
--gw-checkbox-border-color: var(--gw-form-field-border-color);
|
|
3257
|
-
--gw-checkbox-background: var(--gw-form-field-background);
|
|
3258
3352
|
--gw-checkbox-checked-hover-background: var(--gw-primary-hover-color);
|
|
3259
3353
|
--gw-checkbox-checked-hover-border-color: var(--gw-primary-hover-color);
|
|
3260
3354
|
--gw-checkbox-checked-disabled-border-color: var(--gw-form-field-border-color);
|
|
3261
3355
|
--gw-checkbox-disabled-background: var(--gw-form-field-disabled-background);
|
|
3262
3356
|
--gw-checkbox-hover-border-color: var(--gw-form-field-hover-border-color);
|
|
3263
3357
|
--gw-checkbox-focus-border-color: var(--gw-form-field-border-color);
|
|
3264
|
-
--gw-checkbox-focus-ring-color: var(--gw-focus-ring-color);
|
|
3265
3358
|
--gw-checkbox-invalid-border-color: var(--gw-form-field-invalid-border-color);
|
|
3266
3359
|
--gw-checkbox-icon-color: var(--gw-form-field-color);
|
|
3267
3360
|
--gw-checkbox-icon-checked-color: var(--gw-primary-contrast-color);
|
|
3268
3361
|
--gw-checkbox-icon-checked-hover-color: var(--gw-primary-contrast-color);
|
|
3269
|
-
--gw-autocomplete-background: var(--gw-form-field-background);
|
|
3270
3362
|
--gw-autocomplete-disabled-background: var(--gw-form-field-disabled-background);
|
|
3271
3363
|
--gw-autocomplete-border-color: var(--gw-form-field-border-color);
|
|
3272
3364
|
--gw-autocomplete-hover-border-color: var(--gw-form-field-hover-border-color);
|
|
@@ -3280,13 +3372,14 @@
|
|
|
3280
3372
|
--gw-autocomplete-dropdown-border-color: var(--gw-form-field-border-color);
|
|
3281
3373
|
--gw-autocomplete-dropdown-hover-border-color: var(--gw-form-field-border-color);
|
|
3282
3374
|
--gw-autocomplete-dropdown-active-border-color: var(--gw-form-field-border-color);
|
|
3283
|
-
--gw-autocomplete-dropdown-
|
|
3375
|
+
--gw-autocomplete-dropdown-match-color: var(--gw-foreground-on-surface-strong);
|
|
3376
|
+
--gw-datepicker-panel-background: var(--gw-default-background);
|
|
3284
3377
|
--gw-datepicker-panel-color: var(--gw-default-color);
|
|
3378
|
+
--gw-datepicker-header-background: var(--gw-default-background);
|
|
3285
3379
|
--gw-datepicker-header-color: var(--gw-default-color);
|
|
3286
3380
|
--gw-datepicker-dropdown-border-color: var(--gw-form-field-border-color);
|
|
3287
3381
|
--gw-datepicker-dropdown-hover-border-color: var(--gw-form-field-border-color);
|
|
3288
3382
|
--gw-datepicker-dropdown-active-border-color: var(--gw-form-field-border-color);
|
|
3289
|
-
--gw-datepicker-dropdown-focus-ring-color: var(--gw-focus-ring-color);
|
|
3290
3383
|
--gw-datepicker-input-icon-color: var(--gw-form-field-icon-color);
|
|
3291
3384
|
--gw-datepicker-select-month-color: var(--gw-default-color);
|
|
3292
3385
|
--gw-datepicker-select-year-color: var(--gw-default-color);
|
|
@@ -3294,17 +3387,22 @@
|
|
|
3294
3387
|
--gw-datepicker-date-selected-color: var(--gw-primary-contrast-color);
|
|
3295
3388
|
--gw-datepicker-date-range-selected-color: var(--gw-highlight-color);
|
|
3296
3389
|
--gw-datepicker-date-color: var(--gw-default-color);
|
|
3297
|
-
--gw-datepicker-date-focus-ring-color: var(--gw-focus-ring-color);
|
|
3298
3390
|
--gw-rating-icon-color: var(--gw-text-muted-color);
|
|
3299
|
-
--gw-
|
|
3391
|
+
--gw-avatar-group-border-color: var(--gw-default-background);
|
|
3300
3392
|
--gw-avatar-color: var(--gw-default-color);
|
|
3301
3393
|
--gw-badge-primary-color: var(--gw-primary-contrast-color);
|
|
3302
|
-
--gw-
|
|
3394
|
+
--gw-badge-success-background: var(--gw-success-base);
|
|
3303
3395
|
--gw-progressbar-label-color: var(--gw-primary-contrast-color);
|
|
3304
3396
|
--gw-message-close-button-color: var(--gw-default-muted-color);
|
|
3305
3397
|
--gw-message-info-close-button-color: var(--gw-default-muted-color);
|
|
3306
|
-
--gw-message-success-
|
|
3398
|
+
--gw-message-success-background: var(--gw-success-lighter);
|
|
3399
|
+
--gw-message-success-color: var(--gw-success-dark);
|
|
3400
|
+
--gw-message-success-close-button-hover-background: var(--gw-success-lighter);
|
|
3307
3401
|
--gw-message-success-close-button-color: var(--gw-form-field-icon-color);
|
|
3402
|
+
--gw-message-success-close-button-focus-ring-color: var(--gw-success-light);
|
|
3403
|
+
--gw-message-success-outlined-color: var(--gw-success-base);
|
|
3404
|
+
--gw-message-success-outlined-border-color: var(--gw-success-base);
|
|
3405
|
+
--gw-message-success-simple-color: var(--gw-success-base);
|
|
3308
3406
|
--gw-message-warning-close-button-color: var(--gw-form-field-icon-color);
|
|
3309
3407
|
--gw-message-error-close-button-color: var(--gw-default-muted-color);
|
|
3310
3408
|
--gw-message-help-background: var(--gw-help-lighter);
|
|
@@ -3316,13 +3414,16 @@
|
|
|
3316
3414
|
--gw-message-help-outlined-border-color: var(--gw-help-base);
|
|
3317
3415
|
--gw-message-help-simple-color: var(--gw-help-dark);
|
|
3318
3416
|
--gw-message-contrast-close-button-color: var(--gw-default-muted-color);
|
|
3319
|
-
--gw-
|
|
3417
|
+
--gw-card-background: var(--gw-default-background);
|
|
3418
|
+
--gw-tag-success-background: var(--gw-success-lighter);
|
|
3419
|
+
--gw-tag-success-color: var(--gw-success-base);
|
|
3320
3420
|
--gw-tag-help-color: var(--gw-help-dark);
|
|
3421
|
+
--gw-breadcrumb-background: var(--gw-default-background);
|
|
3321
3422
|
--gw-breadcrumb-item-color: var(--gw-text-muted-color);
|
|
3322
3423
|
--gw-breadcrumb-item-hover-color: var(--gw-text-color);
|
|
3323
|
-
--gw-breadcrumb-item-
|
|
3424
|
+
--gw-breadcrumb-item-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3425
|
+
--gw-breadcrumb-separator-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3324
3426
|
--gw-drawer-border-color: var(--gw-overlay-modal-border-color);
|
|
3325
|
-
--gw-cascadeselect-background: var(--gw-form-field-background);
|
|
3326
3427
|
--gw-cascadeselect-disabled-background: var(--gw-form-field-disabled-background);
|
|
3327
3428
|
--gw-cascadeselect-border-color: var(--gw-form-field-border-color);
|
|
3328
3429
|
--gw-cascadeselect-hover-border-color: var(--gw-form-field-hover-border-color);
|
|
@@ -3335,9 +3436,8 @@
|
|
|
3335
3436
|
--gw-cascadeselect-option-focus-color: var(--gw-list-option-focus-color);
|
|
3336
3437
|
--gw-cascadeselect-option-selected-background: var(--gw-list-option-selected-background);
|
|
3337
3438
|
--gw-cascadeselect-clear-icon-color: var(--gw-form-field-icon-color);
|
|
3338
|
-
--gw-colorpicker-
|
|
3439
|
+
--gw-colorpicker-panel-background: var(--gw-default-background);
|
|
3339
3440
|
--gw-colorpicker-panel-color: var(--gw-default-color);
|
|
3340
|
-
--gw-select-background: var(--gw-form-field-background);
|
|
3341
3441
|
--gw-select-disabled-background: var(--gw-form-field-disabled-background);
|
|
3342
3442
|
--gw-select-border-color: var(--gw-form-field-border-color);
|
|
3343
3443
|
--gw-select-hover-border-color: var(--gw-form-field-hover-border-color);
|
|
@@ -3350,16 +3450,17 @@
|
|
|
3350
3450
|
--gw-select-option-focus-color: var(--gw-list-option-focus-color);
|
|
3351
3451
|
--gw-select-option-selected-background: var(--gw-list-option-selected-background);
|
|
3352
3452
|
--gw-select-clear-icon-color: var(--gw-form-field-icon-color);
|
|
3453
|
+
--gw-editor-toolbar-background: var(--gw-default-background);
|
|
3353
3454
|
--gw-editor-toolbar-item-color: var(--gw-text-muted-color);
|
|
3354
3455
|
--gw-editor-toolbar-item-hover-color: var(--gw-text-color);
|
|
3355
3456
|
--gw-editor-toolbar-numbers-color: var(--gw-default-muted-color);
|
|
3457
|
+
--gw-editor-menu-background: var(--gw-default-background);
|
|
3356
3458
|
--gw-editor-overlay-border-color: var(--gw-overlay-select-border-color);
|
|
3357
3459
|
--gw-editor-overlay-option-focus-color: var(--gw-list-option-focus-color);
|
|
3460
|
+
--gw-editor-content-background: var(--gw-default-background);
|
|
3358
3461
|
--gw-editor-content-color: var(--gw-default-color);
|
|
3359
|
-
--gw-inputgroup-addon-background: var(--gw-form-field-background);
|
|
3360
3462
|
--gw-inputgroup-addon-border-color: var(--gw-form-field-border-color);
|
|
3361
3463
|
--gw-inputgroup-addon-color: var(--gw-form-field-icon-color);
|
|
3362
|
-
--gw-textarea-background: var(--gw-form-field-background);
|
|
3363
3464
|
--gw-textarea-disabled-background: var(--gw-form-field-disabled-background);
|
|
3364
3465
|
--gw-textarea-border-color: var(--gw-form-field-border-color);
|
|
3365
3466
|
--gw-textarea-hover-border-color: var(--gw-form-field-hover-border-color);
|
|
@@ -3369,16 +3470,13 @@
|
|
|
3369
3470
|
--gw-textarea-color: var(--gw-form-field-color);
|
|
3370
3471
|
--gw-inputnumber-button-border-color: var(--gw-form-field-border-color);
|
|
3371
3472
|
--gw-inputnumber-button-active-border-color: var(--gw-form-field-border-color);
|
|
3372
|
-
--gw-knob-focus-ring-color: var(--gw-focus-ring-color);
|
|
3373
3473
|
--gw-knob-text-color: var(--gw-text-muted-color);
|
|
3374
|
-
--gw-listbox-background: var(--gw-form-field-background);
|
|
3375
3474
|
--gw-listbox-disabled-background: var(--gw-form-field-disabled-background);
|
|
3376
3475
|
--gw-listbox-border-color: var(--gw-form-field-border-color);
|
|
3377
3476
|
--gw-listbox-invalid-border-color: var(--gw-form-field-invalid-border-color);
|
|
3378
3477
|
--gw-listbox-color: var(--gw-form-field-color);
|
|
3379
3478
|
--gw-listbox-option-focus-color: var(--gw-list-option-focus-color);
|
|
3380
3479
|
--gw-listbox-option-selected-background: var(--gw-list-option-selected-background);
|
|
3381
|
-
--gw-multiselect-background: var(--gw-form-field-background);
|
|
3382
3480
|
--gw-multiselect-disabled-background: var(--gw-form-field-disabled-background);
|
|
3383
3481
|
--gw-multiselect-border-color: var(--gw-form-field-border-color);
|
|
3384
3482
|
--gw-multiselect-hover-border-color: var(--gw-form-field-hover-border-color);
|
|
@@ -3393,13 +3491,22 @@
|
|
|
3393
3491
|
--gw-multiselect-clear-icon-color: var(--gw-form-field-icon-color);
|
|
3394
3492
|
--gw-password-icon-color: var(--gw-form-field-icon-color);
|
|
3395
3493
|
--gw-password-overlay-border-color: var(--gw-overlay-popover-border-color);
|
|
3396
|
-
--gw-
|
|
3494
|
+
--gw-password-strength-strong-background: var(--gw-success-light);
|
|
3495
|
+
--gw-slider-handle-content-hover-background: var(--gw-default-background);
|
|
3496
|
+
--gw-togglebutton-border-color: var(--gw-button-secondary-border-color);
|
|
3397
3497
|
--gw-togglebutton-disabled-background: var(--gw-form-field-disabled-background);
|
|
3398
3498
|
--gw-togglebutton-disabled-border-color: var(--gw-form-field-disabled-background);
|
|
3399
3499
|
--gw-togglebutton-invalid-border-color: var(--gw-form-field-invalid-border-color);
|
|
3400
|
-
--gw-togglebutton-
|
|
3500
|
+
--gw-togglebutton-icon-color: var(--gw-button-secondary-icon-color);
|
|
3501
|
+
--gw-togglebutton-icon-hover-color: var(--gw-button-secondary-icon-color);
|
|
3502
|
+
--gw-togglebutton-icon-checked-color: var(--gw-button-primary-icon-color);
|
|
3503
|
+
--gw-togglebutton-content-checked-background: var(--gw-button-primary-background);
|
|
3504
|
+
--gw-togglebutton-checked-background: var(--gw-button-primary-background);
|
|
3505
|
+
--gw-togglebutton-checked-color: var(--gw-button-primary-color);
|
|
3506
|
+
--gw-togglebutton-checked-border-color: var(--gw-button-secondary-border-color);
|
|
3507
|
+
--gw-togglebutton-hover-color: var(--gw-button-secondary-hover-color);
|
|
3508
|
+
--gw-togglebutton-color: var(--gw-button-secondary-color);
|
|
3401
3509
|
--gw-selectbutton-invalid-border-color: var(--gw-form-field-invalid-border-color);
|
|
3402
|
-
--gw-treeselect-background: var(--gw-form-field-background);
|
|
3403
3510
|
--gw-treeselect-disabled-background: var(--gw-form-field-disabled-background);
|
|
3404
3511
|
--gw-treeselect-border-color: var(--gw-form-field-border-color);
|
|
3405
3512
|
--gw-treeselect-hover-border-color: var(--gw-form-field-hover-border-color);
|
|
@@ -3410,102 +3517,145 @@
|
|
|
3410
3517
|
--gw-treeselect-dropdown-color: var(--gw-form-field-icon-color);
|
|
3411
3518
|
--gw-treeselect-overlay-border-color: var(--gw-overlay-select-border-color);
|
|
3412
3519
|
--gw-treeselect-clear-icon-color: var(--gw-form-field-icon-color);
|
|
3520
|
+
--gw-dataview-header-background: var(--gw-default-background);
|
|
3413
3521
|
--gw-dataview-header-color: var(--gw-default-color);
|
|
3522
|
+
--gw-dataview-content-background: var(--gw-default-background);
|
|
3414
3523
|
--gw-dataview-content-color: var(--gw-default-color);
|
|
3524
|
+
--gw-dataview-footer-background: var(--gw-default-background);
|
|
3415
3525
|
--gw-dataview-footer-color: var(--gw-default-color);
|
|
3416
3526
|
--gw-accordion-header-color: var(--gw-text-muted-color);
|
|
3417
3527
|
--gw-accordion-header-hover-color: var(--gw-text-color);
|
|
3528
|
+
--gw-accordion-header-hover-background: var(--gw-default-background);
|
|
3418
3529
|
--gw-accordion-header-active-color: var(--gw-text-color);
|
|
3419
|
-
--gw-accordion-header-
|
|
3530
|
+
--gw-accordion-header-active-background: var(--gw-default-background);
|
|
3531
|
+
--gw-accordion-header-active-hover-background: var(--gw-default-background);
|
|
3532
|
+
--gw-accordion-header-background: var(--gw-default-background);
|
|
3420
3533
|
--gw-accordion-header-toggle-icon-color: var(--gw-text-muted-color);
|
|
3421
3534
|
--gw-accordion-header-toggle-icon-hover-color: var(--gw-text-color);
|
|
3422
3535
|
--gw-accordion-header-toggle-icon-active-color: var(--gw-text-color);
|
|
3423
3536
|
--gw-accordion-header-toggle-icon-active-hover-color: var(--gw-text-color);
|
|
3537
|
+
--gw-accordion-content-background: var(--gw-default-background);
|
|
3424
3538
|
--gw-accordion-content-color: var(--gw-text-color);
|
|
3425
|
-
--gw-divider-content-
|
|
3539
|
+
--gw-divider-content-background: var(--gw-default-background);
|
|
3540
|
+
--gw-divider-content-color: var(--gw-default-muted-color);
|
|
3541
|
+
--gw-fieldset-background: var(--gw-default-background);
|
|
3426
3542
|
--gw-fieldset-color: var(--gw-default-color);
|
|
3543
|
+
--gw-fieldset-legend-background: var(--gw-default-background);
|
|
3427
3544
|
--gw-fieldset-legend-color: var(--gw-default-color);
|
|
3428
|
-
--gw-fieldset-legend-focus-ring-color: var(--gw-focus-ring-color);
|
|
3429
3545
|
--gw-fieldset-toggle-icon-color: var(--gw-text-muted-color);
|
|
3430
3546
|
--gw-fieldset-toggle-icon-hover-color: var(--gw-default-muted-color);
|
|
3547
|
+
--gw-splitter-background: var(--gw-default-background);
|
|
3431
3548
|
--gw-splitter-color: var(--gw-default-color);
|
|
3432
|
-
--gw-
|
|
3433
|
-
--gw-
|
|
3549
|
+
--gw-tabs-tablist-background: var(--gw-default-background);
|
|
3550
|
+
--gw-tabs-tab-active-border-bottom-color: var(--gw-default-background);
|
|
3434
3551
|
--gw-tabs-tab-active-color: var(--gw-body-color);
|
|
3552
|
+
--gw-tabs-tab-active-background: var(--gw-default-background);
|
|
3435
3553
|
--gw-tabs-tab-hover-color: var(--gw-text-color);
|
|
3436
|
-
--gw-tabs-
|
|
3554
|
+
--gw-tabs-tabpanel-background: var(--gw-default-background);
|
|
3437
3555
|
--gw-tabs-tabpanel-color: var(--gw-default-color);
|
|
3438
|
-
--gw-tabs-
|
|
3556
|
+
--gw-tabs-nav-button-background: var(--gw-default-background);
|
|
3439
3557
|
--gw-tabs-nav-button-color: var(--gw-text-muted-color);
|
|
3440
3558
|
--gw-tabs-nav-button-hover-color: var(--gw-text-color);
|
|
3441
|
-
--gw-
|
|
3559
|
+
--gw-toolbar-background: var(--gw-default-background);
|
|
3442
3560
|
--gw-toolbar-color: var(--gw-default-color);
|
|
3443
3561
|
--gw-confirmpopup-border-color: var(--gw-overlay-popover-border-color);
|
|
3444
3562
|
--gw-dialog-border-color: var(--gw-overlay-modal-border-color);
|
|
3563
|
+
--gw-contextmenu-background: var(--gw-default-background);
|
|
3445
3564
|
--gw-contextmenu-color: var(--gw-default-color);
|
|
3446
|
-
--gw-contextmenu-item-focus-
|
|
3447
|
-
--gw-contextmenu-item-
|
|
3565
|
+
--gw-contextmenu-item-focus-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3566
|
+
--gw-contextmenu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3567
|
+
--gw-contextmenu-item-active-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3568
|
+
--gw-contextmenu-item-active-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3569
|
+
--gw-contextmenu-item-color: var(--gw-sidenav-menuitem-color);
|
|
3570
|
+
--gw-contextmenu-item-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3448
3571
|
--gw-contextmenu-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3449
|
-
--gw-contextmenu-submenu-icon-active-color: var(--gw-sidenav-menuitem-
|
|
3450
|
-
--gw-
|
|
3572
|
+
--gw-contextmenu-submenu-icon-active-color: var(--gw-sidenav-menuitem-selected-background);
|
|
3573
|
+
--gw-megamenu-background: var(--gw-default-background);
|
|
3451
3574
|
--gw-megamenu-color: var(--gw-default-color);
|
|
3452
|
-
--gw-megamenu-item-focus-
|
|
3453
|
-
--gw-megamenu-item-
|
|
3575
|
+
--gw-megamenu-item-focus-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3576
|
+
--gw-megamenu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3577
|
+
--gw-megamenu-item-active-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3578
|
+
--gw-megamenu-item-active-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3579
|
+
--gw-megamenu-item-color: var(--gw-sidenav-menuitem-color);
|
|
3580
|
+
--gw-megamenu-item-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3581
|
+
--gw-megamenu-overlay-background: var(--gw-default-background);
|
|
3454
3582
|
--gw-megamenu-overlay-color: var(--gw-default-color);
|
|
3455
3583
|
--gw-megamenu-submenu-label-background: var(--gw-sidenav-menuitem-background);
|
|
3456
3584
|
--gw-megamenu-submenu-label-color: var(--gw-sidenav-menuitem-color);
|
|
3457
3585
|
--gw-megamenu-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3458
|
-
--gw-megamenu-submenu-icon-active-color: var(--gw-sidenav-menuitem-
|
|
3586
|
+
--gw-megamenu-submenu-icon-active-color: var(--gw-sidenav-menuitem-selected-background);
|
|
3459
3587
|
--gw-megamenu-mobile-button-color: var(--gw-text-muted-color);
|
|
3460
3588
|
--gw-megamenu-mobile-button-hover-color: var(--gw-default-muted-color);
|
|
3461
|
-
--gw-
|
|
3589
|
+
--gw-menu-background: var(--gw-default-background);
|
|
3462
3590
|
--gw-menu-color: var(--gw-default-color);
|
|
3463
|
-
--gw-menu-item-focus-
|
|
3591
|
+
--gw-menu-item-focus-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3592
|
+
--gw-menu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3593
|
+
--gw-menu-item-color: var(--gw-sidenav-menuitem-color);
|
|
3594
|
+
--gw-menu-item-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3464
3595
|
--gw-menu-submenu-label-background: var(--gw-sidenav-menuitem-background);
|
|
3465
3596
|
--gw-menu-submenu-label-color: var(--gw-sidenav-menuitem-color);
|
|
3597
|
+
--gw-menubar-background: var(--gw-default-background);
|
|
3466
3598
|
--gw-menubar-color: var(--gw-default-color);
|
|
3467
|
-
--gw-menubar-item-focus-
|
|
3468
|
-
--gw-menubar-item-
|
|
3599
|
+
--gw-menubar-item-focus-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3600
|
+
--gw-menubar-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3601
|
+
--gw-menubar-item-active-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3602
|
+
--gw-menubar-item-active-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3603
|
+
--gw-menubar-item-color: var(--gw-sidenav-menuitem-color);
|
|
3604
|
+
--gw-menubar-item-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3605
|
+
--gw-menubar-submenu-background: var(--gw-default-background);
|
|
3469
3606
|
--gw-menubar-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3470
|
-
--gw-menubar-submenu-icon-active-color: var(--gw-sidenav-menuitem-
|
|
3607
|
+
--gw-menubar-submenu-icon-active-color: var(--gw-sidenav-menuitem-selected-background);
|
|
3471
3608
|
--gw-menubar-mobile-button-color: var(--gw-text-muted-color);
|
|
3472
3609
|
--gw-menubar-mobile-button-hover-color: var(--gw-default-muted-color);
|
|
3473
|
-
--gw-
|
|
3610
|
+
--gw-panelmenu-panel-background: var(--gw-default-background);
|
|
3474
3611
|
--gw-panelmenu-panel-color: var(--gw-default-color);
|
|
3475
|
-
--gw-panelmenu-item-focus-
|
|
3612
|
+
--gw-panelmenu-item-focus-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3613
|
+
--gw-panelmenu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3614
|
+
--gw-panelmenu-item-color: var(--gw-sidenav-menuitem-color);
|
|
3615
|
+
--gw-panelmenu-item-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3476
3616
|
--gw-panelmenu-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3617
|
+
--gw-tieredmenu-background: var(--gw-default-background);
|
|
3477
3618
|
--gw-tieredmenu-color: var(--gw-default-color);
|
|
3478
|
-
--gw-tieredmenu-item-focus-
|
|
3479
|
-
--gw-tieredmenu-item-
|
|
3619
|
+
--gw-tieredmenu-item-focus-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3620
|
+
--gw-tieredmenu-item-focus-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3621
|
+
--gw-tieredmenu-item-active-background: var(--gw-sidenav-menuitem-selected-background);
|
|
3622
|
+
--gw-tieredmenu-item-active-color: var(--gw-sidenav-menuitem-selected-color);
|
|
3623
|
+
--gw-tieredmenu-item-color: var(--gw-sidenav-menuitem-color);
|
|
3624
|
+
--gw-tieredmenu-item-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3625
|
+
--gw-tieredmenu-item-icon-focus-color: var(--gw-sidenav-menuitem-hover-icon-color);
|
|
3626
|
+
--gw-tieredmenu-item-icon-active-color: var(--gw-sidenav-menuitem-selected-icon-color);
|
|
3480
3627
|
--gw-tieredmenu-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3481
|
-
--gw-tieredmenu-submenu-icon-active-color: var(--gw-sidenav-menuitem-
|
|
3628
|
+
--gw-tieredmenu-submenu-icon-active-color: var(--gw-sidenav-menuitem-selected-background);
|
|
3629
|
+
--gw-organizationchart-node-background: var(--gw-default-background);
|
|
3482
3630
|
--gw-organizationchart-node-selected-color: var(--gw-highlight-color);
|
|
3483
3631
|
--gw-organizationchart-node-color: var(--gw-default-color);
|
|
3632
|
+
--gw-organizationchart-node-toggle-button-background: var(--gw-default-background);
|
|
3484
3633
|
--gw-organizationchart-node-toggle-button-hover-color: var(--gw-text-color);
|
|
3485
3634
|
--gw-organizationchart-node-toggle-button-color: var(--gw-text-muted-color);
|
|
3486
|
-
--gw-
|
|
3635
|
+
--gw-paginator-background: var(--gw-default-background);
|
|
3487
3636
|
--gw-paginator-color: var(--gw-default-color);
|
|
3488
3637
|
--gw-paginator-nav-button-hover-color: var(--gw-default-muted-color);
|
|
3489
3638
|
--gw-paginator-nav-button-selected-color: var(--gw-highlight-color);
|
|
3490
|
-
--gw-paginator-nav-button-focus-ring-color: var(--gw-focus-ring-color);
|
|
3491
3639
|
--gw-paginator-nav-button-color: var(--gw-text-muted-color);
|
|
3492
3640
|
--gw-paginator-current-page-report-color: var(--gw-text-muted-color);
|
|
3641
|
+
--gw-datatable-header-background: var(--gw-default-background);
|
|
3493
3642
|
--gw-datatable-header-border-color: var(--gw-datatable-border-color);
|
|
3494
3643
|
--gw-datatable-header-color: var(--gw-default-color);
|
|
3644
|
+
--gw-datatable-header-cell-background: var(--gw-default-background);
|
|
3495
3645
|
--gw-datatable-header-cell-selected-color: var(--gw-highlight-color);
|
|
3496
3646
|
--gw-datatable-header-cell-border-color: var(--gw-datatable-border-color);
|
|
3497
3647
|
--gw-datatable-header-cell-color: var(--gw-default-color);
|
|
3498
|
-
--gw-datatable-
|
|
3648
|
+
--gw-datatable-row-background: var(--gw-default-background);
|
|
3499
3649
|
--gw-datatable-row-selected-color: var(--gw-highlight-color);
|
|
3500
3650
|
--gw-datatable-row-color: var(--gw-default-color);
|
|
3501
|
-
--gw-datatable-row-focus-ring-color: var(--gw-focus-ring-color);
|
|
3502
3651
|
--gw-datatable-row-toggle-button-hover-color: var(--gw-text-color);
|
|
3652
|
+
--gw-datatable-row-toggle-button-selected-hover-background: var(--gw-default-background);
|
|
3503
3653
|
--gw-datatable-row-toggle-button-color: var(--gw-text-muted-color);
|
|
3504
|
-
--gw-datatable-row-toggle-button-focus-ring-color: var(--gw-focus-ring-color);
|
|
3505
3654
|
--gw-datatable-body-cell-border-color: var(--gw-datatable-border-color);
|
|
3655
|
+
--gw-datatable-footer-cell-background: var(--gw-default-background);
|
|
3506
3656
|
--gw-datatable-footer-cell-border-color: var(--gw-datatable-border-color);
|
|
3507
3657
|
--gw-datatable-footer-cell-color: var(--gw-default-color);
|
|
3508
|
-
--gw-datatable-footer-
|
|
3658
|
+
--gw-datatable-footer-background: var(--gw-default-background);
|
|
3509
3659
|
--gw-datatable-footer-color: var(--gw-default-color);
|
|
3510
3660
|
--gw-datatable-sort-icon-color: var(--gw-text-muted-color);
|
|
3511
3661
|
--gw-datatable-sort-icon-hover-color: var(--gw-default-muted-color);
|
|
@@ -3515,72 +3665,93 @@
|
|
|
3515
3665
|
--gw-datatable-filter-constraint-selected-background: var(--gw-list-option-selected-background);
|
|
3516
3666
|
--gw-datatable-paginator-top-border-color: var(--gw-datatable-border-color);
|
|
3517
3667
|
--gw-datatable-paginator-bottom-border-color: var(--gw-datatable-border-color);
|
|
3668
|
+
--gw-timeline-event-marker-background: var(--gw-default-background);
|
|
3669
|
+
--gw-tree-background: var(--gw-default-background);
|
|
3518
3670
|
--gw-tree-color: var(--gw-default-color);
|
|
3519
3671
|
--gw-tree-node-selected-color: var(--gw-highlight-color);
|
|
3520
3672
|
--gw-tree-node-color: var(--gw-text-color);
|
|
3521
|
-
--gw-tree-node-focus-ring-color: var(--gw-focus-ring-color);
|
|
3522
3673
|
--gw-tree-node-icon-color: var(--gw-text-muted-color);
|
|
3523
3674
|
--gw-tree-node-icon-hover-color: var(--gw-default-muted-color);
|
|
3524
3675
|
--gw-tree-node-icon-selected-color: var(--gw-highlight-color);
|
|
3525
3676
|
--gw-tree-node-toggle-button-hover-color: var(--gw-default-muted-color);
|
|
3677
|
+
--gw-tree-node-toggle-button-selected-hover-background: var(--gw-default-background);
|
|
3526
3678
|
--gw-tree-node-toggle-button-color: var(--gw-text-muted-color);
|
|
3527
|
-
--gw-
|
|
3679
|
+
--gw-virtualscroller-loader-mask-background: var(--gw-default-background);
|
|
3528
3680
|
--gw-virtualscroller-loader-mask-color: var(--gw-text-muted-color);
|
|
3529
|
-
--gw-
|
|
3530
|
-
--gw-image-action-focus-ring-color: var(--gw-focus-ring-color);
|
|
3681
|
+
--gw-treetable-header-background: var(--gw-default-background);
|
|
3531
3682
|
--gw-treetable-header-border-color: var(--gw-treetable-border-color);
|
|
3532
3683
|
--gw-treetable-header-color: var(--gw-default-color);
|
|
3684
|
+
--gw-treetable-header-cell-background: var(--gw-default-background);
|
|
3533
3685
|
--gw-treetable-header-cell-selected-color: var(--gw-highlight-color);
|
|
3534
3686
|
--gw-treetable-header-cell-border-color: var(--gw-treetable-border-color);
|
|
3535
3687
|
--gw-treetable-header-cell-color: var(--gw-default-color);
|
|
3536
|
-
--gw-treetable-
|
|
3688
|
+
--gw-treetable-row-background: var(--gw-default-background);
|
|
3537
3689
|
--gw-treetable-row-selected-color: var(--gw-highlight-color);
|
|
3538
3690
|
--gw-treetable-row-color: var(--gw-default-color);
|
|
3539
|
-
--gw-treetable-row-focus-ring-color: var(--gw-focus-ring-color);
|
|
3540
3691
|
--gw-treetable-body-cell-border-color: var(--gw-treetable-border-color);
|
|
3692
|
+
--gw-treetable-footer-cell-background: var(--gw-default-background);
|
|
3541
3693
|
--gw-treetable-footer-cell-border-color: var(--gw-treetable-border-color);
|
|
3542
3694
|
--gw-treetable-footer-cell-color: var(--gw-default-color);
|
|
3695
|
+
--gw-treetable-footer-background: var(--gw-default-background);
|
|
3543
3696
|
--gw-treetable-footer-border-color: var(--gw-treetable-border-color);
|
|
3544
3697
|
--gw-treetable-footer-color: var(--gw-default-color);
|
|
3545
3698
|
--gw-treetable-sort-icon-color: var(--gw-text-muted-color);
|
|
3546
3699
|
--gw-treetable-sort-icon-hover-color: var(--gw-default-muted-color);
|
|
3547
3700
|
--gw-treetable-node-toggle-button-hover-color: var(--gw-text-color);
|
|
3701
|
+
--gw-treetable-node-toggle-button-selected-hover-background: var(--gw-default-background);
|
|
3548
3702
|
--gw-treetable-node-toggle-button-color: var(--gw-text-muted-color);
|
|
3549
|
-
--gw-
|
|
3703
|
+
--gw-toast-success-background: var(--gw-success-base);
|
|
3704
|
+
--gw-toast-success-border-color: var(--gw-success-base);
|
|
3550
3705
|
--gw-toast-success-color: var(--gw-primary-contrast-color);
|
|
3551
3706
|
--gw-toast-success-icon-color: var(--gw-primary-contrast-color);
|
|
3552
3707
|
--gw-toast-success-detail-color: var(--gw-primary-contrast-color);
|
|
3553
|
-
--gw-galleria-
|
|
3554
|
-
--gw-galleria-thumbnail-nav-button-focus-ring-color: var(--gw-focus-ring-color);
|
|
3555
|
-
--gw-galleria-indicator-button-focus-ring-color: var(--gw-focus-ring-color);
|
|
3556
|
-
--gw-galleria-close-button-focus-ring-color: var(--gw-focus-ring-color);
|
|
3708
|
+
--gw-galleria-thumbnails-content-background: var(--gw-default-background);
|
|
3557
3709
|
--gw-popover-border-color: var(--gw-overlay-popover-border-color);
|
|
3710
|
+
--gw-fileupload-background: var(--gw-default-background);
|
|
3558
3711
|
--gw-fileupload-color: var(--gw-default-color);
|
|
3559
3712
|
--gw-fileupload-header-color: var(--gw-text-color);
|
|
3560
|
-
--gw-stepper-step-header-focus-ring-color: var(--gw-focus-ring-color);
|
|
3561
3713
|
--gw-stepper-step-title-color: var(--gw-text-muted-color);
|
|
3714
|
+
--gw-stepper-step-number-background: var(--gw-default-background);
|
|
3715
|
+
--gw-stepper-step-number-active-background: var(--gw-default-background);
|
|
3562
3716
|
--gw-stepper-step-number-color: var(--gw-text-muted-color);
|
|
3717
|
+
--gw-stepper-steppanel-background: var(--gw-default-background);
|
|
3563
3718
|
--gw-stepper-steppanel-color: var(--gw-default-color);
|
|
3564
|
-
--gw-inplace-focus-ring-color: var(--gw-focus-ring-color);
|
|
3565
|
-
--gw-terminal-background: var(--gw-form-field-background);
|
|
3566
3719
|
--gw-terminal-border-color: var(--gw-form-field-border-color);
|
|
3567
3720
|
--gw-terminal-color: var(--gw-form-field-color);
|
|
3568
|
-
--gw-
|
|
3569
|
-
--gw-
|
|
3721
|
+
--gw-overlaybadge-outline-color: var(--gw-default-background);
|
|
3722
|
+
--gw-swagger-color: var(--gw-body-color);
|
|
3723
|
+
--gw-swagger-help-color: var(--gw-default-muted-color);
|
|
3724
|
+
--gw-swagger-heading-color: var(--gw-default-muted-color);
|
|
3725
|
+
--gw-shortcuts-panel-color: var(--gw-default-color);
|
|
3726
|
+
--gw-shortcuts-panel-heading-color: var(--gw-default-muted-color);
|
|
3727
|
+
--gw-shortcuts-panel-close-button-color: var(--gw-default-muted-color);
|
|
3728
|
+
--gw-progressspinner-color-three: var(--gw-success-light);
|
|
3729
|
+
--gw-progressspinner-color-four: var(--gw-success-base);
|
|
3730
|
+
--gw-sidenav-menuitem-selected-border-color: var(--gw-border-color-primary);
|
|
3731
|
+
--gw-sidenav-submenuitem-selected-border-color: var(--gw-border-color-primary);
|
|
3732
|
+
--gw-splitbutton-divider-color: var(--gw-button-primary-icon-second-color);
|
|
3733
|
+
--gw-inputtext-background: var(--gw-form-field-background);
|
|
3570
3734
|
--gw-floatlabel-invalid-color: var(--gw-form-field-float-label-invalid-color);
|
|
3735
|
+
--gw-floatlabel-on-active-background: var(--gw-form-field-background);
|
|
3736
|
+
--gw-radiobutton-background: var(--gw-form-field-background);
|
|
3737
|
+
--gw-checkbox-background: var(--gw-form-field-background);
|
|
3738
|
+
--gw-autocomplete-background: var(--gw-form-field-background);
|
|
3571
3739
|
--gw-autocomplete-overlay-color: var(--gw-overlay-select-color);
|
|
3572
3740
|
--gw-autocomplete-option-selected-focus-background: var(--gw-list-option-selected-focus-background);
|
|
3573
3741
|
--gw-autocomplete-option-selected-focus-color: var(--gw-list-option-selected-focus-color);
|
|
3574
3742
|
--gw-autocomplete-option-selected-color: var(--gw-list-option-selected-color);
|
|
3575
3743
|
--gw-autocomplete-option-color: var(--gw-list-option-color);
|
|
3576
3744
|
--gw-autocomplete-option-group-color: var(--gw-list-option-group-color);
|
|
3745
|
+
--gw-message-success-border-color: var(--gw-default-success-light-background);
|
|
3577
3746
|
--gw-tag-primary-color: var(--gw-badge-primary-color);
|
|
3578
3747
|
--gw-drawer-color: var(--gw-overlay-modal-color);
|
|
3748
|
+
--gw-cascadeselect-background: var(--gw-form-field-background);
|
|
3579
3749
|
--gw-cascadeselect-overlay-color: var(--gw-overlay-select-color);
|
|
3580
3750
|
--gw-cascadeselect-option-selected-focus-background: var(--gw-list-option-selected-focus-background);
|
|
3581
3751
|
--gw-cascadeselect-option-selected-focus-color: var(--gw-list-option-selected-focus-color);
|
|
3582
3752
|
--gw-cascadeselect-option-selected-color: var(--gw-list-option-selected-color);
|
|
3583
3753
|
--gw-cascadeselect-option-color: var(--gw-list-option-color);
|
|
3754
|
+
--gw-select-background: var(--gw-form-field-background);
|
|
3584
3755
|
--gw-select-overlay-color: var(--gw-overlay-select-color);
|
|
3585
3756
|
--gw-select-option-selected-focus-background: var(--gw-list-option-selected-focus-background);
|
|
3586
3757
|
--gw-select-option-selected-focus-color: var(--gw-list-option-selected-focus-color);
|
|
@@ -3590,12 +3761,16 @@
|
|
|
3590
3761
|
--gw-select-checkmark-color: var(--gw-list-option-color);
|
|
3591
3762
|
--gw-editor-overlay-color: var(--gw-overlay-select-color);
|
|
3592
3763
|
--gw-editor-overlay-option-color: var(--gw-list-option-color);
|
|
3764
|
+
--gw-inputgroup-addon-background: var(--gw-form-field-background);
|
|
3765
|
+
--gw-textarea-background: var(--gw-form-field-background);
|
|
3766
|
+
--gw-listbox-background: var(--gw-form-field-background);
|
|
3593
3767
|
--gw-listbox-option-selected-focus-background: var(--gw-list-option-selected-focus-background);
|
|
3594
3768
|
--gw-listbox-option-selected-focus-color: var(--gw-list-option-selected-focus-color);
|
|
3595
3769
|
--gw-listbox-option-selected-color: var(--gw-list-option-selected-color);
|
|
3596
3770
|
--gw-listbox-option-color: var(--gw-list-option-color);
|
|
3597
3771
|
--gw-listbox-option-group-color: var(--gw-list-option-group-color);
|
|
3598
3772
|
--gw-listbox-checkmark-color: var(--gw-list-option-color);
|
|
3773
|
+
--gw-multiselect-background: var(--gw-form-field-background);
|
|
3599
3774
|
--gw-multiselect-overlay-color: var(--gw-overlay-select-color);
|
|
3600
3775
|
--gw-multiselect-option-selected-focus-background: var(--gw-list-option-selected-focus-background);
|
|
3601
3776
|
--gw-multiselect-option-selected-focus-color: var(--gw-list-option-selected-focus-color);
|
|
@@ -3603,17 +3778,17 @@
|
|
|
3603
3778
|
--gw-multiselect-option-color: var(--gw-list-option-color);
|
|
3604
3779
|
--gw-multiselect-option-group-color: var(--gw-list-option-group-color);
|
|
3605
3780
|
--gw-password-overlay-color: var(--gw-overlay-popover-color);
|
|
3781
|
+
--gw-treeselect-background: var(--gw-form-field-background);
|
|
3606
3782
|
--gw-treeselect-overlay-color: var(--gw-overlay-select-color);
|
|
3607
3783
|
--gw-confirmdialog-icon-color: var(--gw-overlay-modal-color);
|
|
3608
3784
|
--gw-confirmpopup-color: var(--gw-overlay-popover-color);
|
|
3609
3785
|
--gw-confirmpopup-icon-color: var(--gw-overlay-popover-color);
|
|
3610
3786
|
--gw-dialog-color: var(--gw-overlay-modal-color);
|
|
3611
|
-
--gw-contextmenu-
|
|
3612
|
-
--gw-megamenu-
|
|
3613
|
-
--gw-
|
|
3614
|
-
--gw-
|
|
3615
|
-
--gw-
|
|
3616
|
-
--gw-tieredmenu-item-color: var(--gw-sidenav-item-color);
|
|
3787
|
+
--gw-contextmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3788
|
+
--gw-megamenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3789
|
+
--gw-menubar-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3790
|
+
--gw-panelmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3791
|
+
--gw-tieredmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3617
3792
|
--gw-datatable-filter-overlay-select-color: var(--gw-overlay-select-color);
|
|
3618
3793
|
--gw-datatable-filter-overlay-popover-color: var(--gw-overlay-popover-color);
|
|
3619
3794
|
--gw-datatable-filter-constraint-selected-focus-background: var(--gw-list-option-selected-focus-background);
|
|
@@ -3621,5 +3796,7 @@
|
|
|
3621
3796
|
--gw-datatable-filter-constraint-selected-color: var(--gw-list-option-selected-color);
|
|
3622
3797
|
--gw-datatable-filter-constraint-color: var(--gw-list-option-color);
|
|
3623
3798
|
--gw-popover-color: var(--gw-overlay-popover-color);
|
|
3799
|
+
--gw-terminal-background: var(--gw-form-field-background);
|
|
3624
3800
|
--gw-iftalabel-invalid-color: var(--gw-form-field-float-label-invalid-color);
|
|
3801
|
+
--gw-avatar-group-stroke-color: var(--gw-avatar-group-border-color);
|
|
3625
3802
|
}
|