@eui/styles 17.0.0-next.4 → 17.0.0-next.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/dist/styles/eui-ecl-ec.css +3 -3
  2. package/dist/styles/eui-ecl-ec.css.map +1 -1
  3. package/dist/styles/eui-ecl-eu.css +3 -3
  4. package/dist/styles/eui-ecl-eu.css.map +1 -1
  5. package/dist/styles/eui-legacy-bootstrap-utilities.css.map +1 -1
  6. package/dist/styles/eui-print.css +1 -1
  7. package/dist/styles/eui-print.css.map +1 -1
  8. package/dist/styles/eui-showcase-all.css +3 -1
  9. package/dist/styles/eui-showcase-all.css.map +1 -1
  10. package/dist/styles/eui-utilities.css +1 -1
  11. package/dist/styles/eui-utilities.css.map +1 -1
  12. package/dist/styles/eui.css +3 -1
  13. package/dist/styles/eui.css.map +1 -1
  14. package/package.json +2 -2
  15. package/src/styles/02-base/mixins/_eui-clearable-input.scss +26 -13
  16. package/src/styles/02-base/mixins/_eui-input.scss +7 -5
  17. package/src/styles/03-assets/_module.scss +1 -0
  18. package/src/styles/05-material/compiled/_full.scss +456 -613
  19. package/src/styles/05-material/compiled/_sources.scss +2 -0
  20. package/src/styles/05-material/overrides/_calendar.scss +2 -1
  21. package/src/styles/eui-material.scss +7 -0
package/src/styles/05-material/compiled/_full.scss CHANGED
@@ -1,685 +1,528 @@
1
+ // IMPORTANT : don't touch this file ! it has to be re-compiled from the _sources.scss file inside this folder !!!!
1
2
  .mat-ripple {
2
3
  overflow: hidden;
3
4
  position: relative;
4
- }
5
- .mat-ripple:not(:empty) {
5
+ }
6
+ .mat-ripple:not(:empty) {
6
7
  transform: translateZ(0);
7
- }
8
-
9
- .mat-ripple.mat-ripple-unbounded {
8
+ }
9
+ .mat-ripple.mat-ripple-unbounded {
10
10
  overflow: visible;
11
- }
12
-
13
- .mat-ripple-element {
14
- position: absolute;
11
+ }
12
+ .mat-ripple-element {
15
13
  border-radius: 50%;
16
14
  pointer-events: none;
17
- transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
15
+ position: absolute;
18
16
  transform: scale3d(0, 0, 0);
19
- }
20
- .cdk-high-contrast-active .mat-ripple-element {
17
+ transition:
18
+ opacity,
19
+ transform 0ms cubic-bezier(0, 0, 0.2, 1);
20
+ }
21
+ .cdk-high-contrast-active .mat-ripple-element {
21
22
  display: none;
22
- }
23
-
24
- .cdk-visually-hidden {
25
- border: 0;
23
+ }
24
+ .cdk-visually-hidden {
26
25
  clip: rect(0 0 0 0);
26
+ -webkit-appearance: none;
27
+ -moz-appearance: none;
28
+ border: 0;
27
29
  height: 1px;
30
+ left: 0;
28
31
  margin: -1px;
32
+ outline: 0;
29
33
  overflow: hidden;
30
34
  padding: 0;
31
35
  position: absolute;
32
- width: 1px;
33
36
  white-space: nowrap;
34
- outline: 0;
35
- -webkit-appearance: none;
36
- -moz-appearance: none;
37
- left: 0;
38
- }
39
- [dir=rtl] .cdk-visually-hidden {
37
+ width: 1px;
38
+ }
39
+ [dir="rtl"] .cdk-visually-hidden {
40
40
  left: auto;
41
41
  right: 0;
42
- }
43
-
44
- .cdk-overlay-container, .cdk-global-overlay-wrapper {
42
+ }
43
+ .cdk-global-overlay-wrapper,
44
+ .cdk-overlay-container {
45
+ height: 100%;
46
+ left: 0;
45
47
  pointer-events: none;
46
48
  top: 0;
47
- left: 0;
48
- height: 100%;
49
49
  width: 100%;
50
- }
51
-
52
- .cdk-overlay-container {
50
+ }
51
+ .cdk-overlay-container {
53
52
  position: fixed;
54
53
  z-index: 1000;
55
- }
56
- .cdk-overlay-container:empty {
54
+ }
55
+ .cdk-overlay-container:empty {
57
56
  display: none;
58
- }
59
-
60
- .cdk-global-overlay-wrapper {
57
+ }
58
+ .cdk-global-overlay-wrapper,
59
+ .cdk-overlay-pane {
61
60
  display: flex;
62
61
  position: absolute;
63
62
  z-index: 1000;
64
- }
65
-
66
- .cdk-overlay-pane {
67
- position: absolute;
68
- pointer-events: auto;
63
+ }
64
+ .cdk-overlay-pane {
69
65
  box-sizing: border-box;
70
- z-index: 1000;
71
- display: flex;
72
- max-width: 100%;
73
66
  max-height: 100%;
74
- }
75
-
76
- .cdk-overlay-backdrop {
77
- position: absolute;
78
- top: 0;
67
+ max-width: 100%;
68
+ pointer-events: auto;
69
+ }
70
+ .cdk-overlay-backdrop {
71
+ -webkit-tap-highlight-color: transparent;
79
72
  bottom: 0;
80
73
  left: 0;
74
+ opacity: 0;
75
+ pointer-events: auto;
76
+ position: absolute;
81
77
  right: 0;
78
+ top: 0;
79
+ transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
82
80
  z-index: 1000;
83
- pointer-events: auto;
84
- -webkit-tap-highlight-color: transparent;
85
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
86
- opacity: 0;
87
- }
88
- .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
81
+ }
82
+ .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
89
83
  opacity: 1;
90
- }
91
- .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
84
+ }
85
+ .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
92
86
  opacity: 0.6;
93
- }
94
-
95
- .cdk-overlay-dark-backdrop {
96
- background: rgba(0, 0, 0, 0.32);
97
- }
98
-
99
- .cdk-overlay-transparent-backdrop {
100
- transition: visibility 1ms linear, opacity 1ms linear;
101
- visibility: hidden;
87
+ }
88
+ .cdk-overlay-dark-backdrop {
89
+ background: #00000052;
90
+ }
91
+ .cdk-overlay-transparent-backdrop {
102
92
  opacity: 1;
103
- }
104
- .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
93
+ transition:
94
+ visibility 1ms linear,
95
+ opacity 1ms linear;
96
+ visibility: hidden;
97
+ }
98
+ .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
105
99
  opacity: 0;
106
100
  visibility: visible;
107
- }
108
-
109
- .cdk-overlay-backdrop-noop-animation {
101
+ }
102
+ .cdk-overlay-backdrop-noop-animation {
110
103
  transition: none;
111
- }
112
-
113
- .cdk-overlay-connected-position-bounding-box {
114
- position: absolute;
115
- z-index: 1000;
104
+ }
105
+ .cdk-overlay-connected-position-bounding-box {
116
106
  display: flex;
117
107
  flex-direction: column;
118
- min-width: 1px;
119
108
  min-height: 1px;
120
- }
121
-
122
- .cdk-global-scrollblock {
109
+ min-width: 1px;
110
+ position: absolute;
111
+ z-index: 1000;
112
+ }
113
+ .cdk-global-scrollblock {
114
+ overflow-y: scroll;
123
115
  position: fixed;
124
116
  width: 100%;
125
- overflow-y: scroll;
126
- }
127
-
128
- textarea.cdk-textarea-autosize {
117
+ }
118
+ textarea.cdk-textarea-autosize {
129
119
  resize: none;
130
- }
131
-
132
- textarea.cdk-textarea-autosize-measuring {
133
- padding: 2px 0 !important;
134
- box-sizing: content-box !important;
120
+ }
121
+ textarea.cdk-textarea-autosize-measuring {
122
+ box-sizing: initial !important;
135
123
  height: auto !important;
136
124
  overflow: hidden !important;
137
- }
138
-
139
- textarea.cdk-textarea-autosize-measuring-firefox {
140
125
  padding: 2px 0 !important;
141
- box-sizing: content-box !important;
126
+ }
127
+ textarea.cdk-textarea-autosize-measuring-firefox {
128
+ box-sizing: initial !important;
142
129
  height: 0 !important;
143
- }
144
-
145
- @keyframes cdk-text-field-autofill-start { /*!*/ }
146
- @keyframes cdk-text-field-autofill-end { /*!*/ }
147
- .cdk-text-field-autofill-monitored:-webkit-autofill {
130
+ padding: 2px 0 !important;
131
+ }
132
+ @keyframes cdk-text-field-autofill-start {
133
+ /*!*/
134
+ }
135
+ @keyframes cdk-text-field-autofill-end {
136
+ /*!*/
137
+ }
138
+ .cdk-text-field-autofill-monitored:-webkit-autofill {
148
139
  animation: cdk-text-field-autofill-start 0s 1ms;
149
- }
150
-
151
- .cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
140
+ }
141
+ .cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
152
142
  animation: cdk-text-field-autofill-end 0s 1ms;
153
- }
154
-
155
- .mat-focus-indicator {
143
+ }
144
+ .mat-focus-indicator {
156
145
  position: relative;
157
- }
158
- .mat-focus-indicator::before {
159
- top: 0;
160
- left: 0;
161
- right: 0;
146
+ }
147
+ .mat-focus-indicator:before {
148
+ border: var(--mat-focus-indicator-border-width, 3px)
149
+ var(--mat-focus-indicator-border-style, solid)
150
+ var(--mat-focus-indicator-border-color, #0000);
151
+ border-radius: var(--mat-focus-indicator-border-radius, 4px);
162
152
  bottom: 0;
163
- position: absolute;
164
153
  box-sizing: border-box;
165
- pointer-events: none;
166
154
  display: var(--mat-focus-indicator-display, none);
167
- border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
168
- border-radius: var(--mat-focus-indicator-border-radius, 4px);
169
- }
170
- .mat-focus-indicator:focus::before {
155
+ left: 0;
156
+ pointer-events: none;
157
+ position: absolute;
158
+ right: 0;
159
+ top: 0;
160
+ }
161
+ .mat-focus-indicator:focus:before {
171
162
  content: "";
172
- }
173
-
174
- .cdk-high-contrast-active {
163
+ }
164
+ .cdk-high-contrast-active {
175
165
  --mat-focus-indicator-display: block;
176
- }
177
-
178
- .mat-mdc-focus-indicator {
166
+ }
167
+ .mat-mdc-focus-indicator {
179
168
  position: relative;
180
- }
181
- .mat-mdc-focus-indicator::before {
182
- top: 0;
183
- left: 0;
184
- right: 0;
169
+ }
170
+ .mat-mdc-focus-indicator:before {
171
+ border: var(--mat-mdc-focus-indicator-border-width, 3px)
172
+ var(--mat-mdc-focus-indicator-border-style, solid)
173
+ var(--mat-mdc-focus-indicator-border-color, #0000);
174
+ border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
185
175
  bottom: 0;
186
- position: absolute;
187
176
  box-sizing: border-box;
188
- pointer-events: none;
189
177
  display: var(--mat-mdc-focus-indicator-display, none);
190
- border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
191
- border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
192
- }
193
- .mat-mdc-focus-indicator:focus::before {
178
+ left: 0;
179
+ pointer-events: none;
180
+ position: absolute;
181
+ right: 0;
182
+ top: 0;
183
+ }
184
+ .mat-mdc-focus-indicator:focus:before {
194
185
  content: "";
195
- }
196
-
197
- .cdk-high-contrast-active {
186
+ }
187
+ .cdk-high-contrast-active {
198
188
  --mat-mdc-focus-indicator-display: block;
199
- }
200
-
201
- .mat-ripple-element {
202
- background-color: rgba(0, 0, 0, 0.1);
203
- }
204
-
205
- .mat-mdc-option {
206
- color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
207
- }
208
- .mat-mdc-option:hover:not(.mdc-list-item--disabled), .mat-mdc-option:focus:not(.mdc-list-item--disabled), .mat-mdc-option.mat-mdc-option-active, .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled) {
209
- background: rgba(0, 0, 0, 0.04);
210
- }
211
-
212
- .mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
213
- color: var(--mdc-theme-primary, #004494);
214
- }
215
-
216
- .mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
217
- color: var(--mdc-theme-secondary, #fffcf4);
218
- }
219
-
220
- .mat-warn .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
221
- color: var(--mdc-theme-error, #da2131);
222
- }
223
-
224
- .mat-mdc-optgroup-label {
225
- color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
226
- }
227
-
228
- .mat-pseudo-checkbox {
229
- color: rgba(0, 0, 0, 0.54);
230
- }
231
- .mat-pseudo-checkbox::after {
232
- color: #fafafa;
233
- }
234
-
235
- .mat-pseudo-checkbox-disabled {
189
+ }
190
+ .mat-ripple-element {
191
+ background-color: #0000001a;
192
+ }
193
+ html {
194
+ --mat-option-selected-state-label-text-color: #004494;
195
+ --mat-option-label-text-color: #000000de;
196
+ --mat-option-hover-state-layer-color: #0000000a;
197
+ --mat-option-focus-state-layer-color: #0000000a;
198
+ --mat-option-selected-state-layer-color: #0000000a;
199
+ }
200
+ .mat-accent {
201
+ --mat-option-selected-state-label-text-color: #fffcf4;
202
+ }
203
+ .mat-warn {
204
+ --mat-option-selected-state-label-text-color: #da2131;
205
+ }
206
+ html {
207
+ --mat-optgroup-label-text-color: #000000de;
208
+ }
209
+ .mat-pseudo-checkbox-full {
210
+ color: #0000008a;
211
+ }
212
+ .mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
236
213
  color: #b0b0b0;
237
- }
238
-
239
- .mat-primary .mat-pseudo-checkbox-checked,
240
- .mat-primary .mat-pseudo-checkbox-indeterminate {
214
+ }
215
+ .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,
216
+ .mat-primary
217
+ .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
218
+ color: #004494;
219
+ }
220
+ .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
221
+ .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
241
222
  background: #004494;
242
- }
243
-
244
- .mat-pseudo-checkbox-checked,
245
- .mat-pseudo-checkbox-indeterminate,
246
- .mat-accent .mat-pseudo-checkbox-checked,
247
- .mat-accent .mat-pseudo-checkbox-indeterminate {
223
+ }
224
+ .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,
225
+ .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
226
+ color: #fafafa;
227
+ }
228
+ .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,
229
+ .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
230
+ color: #fffcf4;
231
+ }
232
+ .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
233
+ .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
248
234
  background: #fffcf4;
249
- }
250
-
251
- .mat-warn .mat-pseudo-checkbox-checked,
252
- .mat-warn .mat-pseudo-checkbox-indeterminate {
235
+ }
236
+ .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,
237
+ .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
238
+ color: #fafafa;
239
+ }
240
+ .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,
241
+ .mat-accent
242
+ .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
243
+ color: #fffcf4;
244
+ }
245
+ .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
246
+ .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
247
+ background: #fffcf4;
248
+ }
249
+ .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,
250
+ .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
251
+ color: #fafafa;
252
+ }
253
+ .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,
254
+ .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
255
+ color: #da2131;
256
+ }
257
+ .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
258
+ .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
253
259
  background: #da2131;
254
- }
255
-
256
- .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
257
- .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
260
+ }
261
+ .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,
262
+ .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
263
+ color: #fafafa;
264
+ }
265
+ .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,
266
+ .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
267
+ color: #b0b0b0;
268
+ }
269
+ .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
270
+ .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
258
271
  background: #b0b0b0;
259
- }
260
-
261
- .mat-app-background {
272
+ }
273
+ .mat-app-background {
262
274
  background-color: #fafafa;
263
- color: rgba(0, 0, 0, 0.87);
264
- }
265
-
266
- .mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
267
- box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
268
- }
269
-
270
- .mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
271
- box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
272
- }
273
-
274
- .mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
275
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
276
- }
277
-
278
- .mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
279
- box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
280
- }
281
-
282
- .mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
283
- box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
284
- }
285
-
286
- .mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
287
- box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
288
- }
289
-
290
- .mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
291
- box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
292
- }
293
-
294
- .mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
295
- box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
296
- }
297
-
298
- .mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
299
- box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
300
- }
301
-
302
- .mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
303
- box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
304
- }
305
-
306
- .mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
307
- box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
308
- }
309
-
310
- .mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
311
- box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
312
- }
313
-
314
- .mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
315
- box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
316
- }
317
-
318
- .mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
319
- box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
320
- }
321
-
322
- .mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
323
- box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
324
- }
325
-
326
- .mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
327
- box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
328
- }
329
-
330
- .mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
331
- box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
332
- }
333
-
334
- .mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
335
- box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
336
- }
337
-
338
- .mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
339
- box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
340
- }
341
-
342
- .mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
343
- box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
344
- }
345
-
346
- .mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
347
- box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
348
- }
349
-
350
- .mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
351
- box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
352
- }
353
-
354
- .mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
355
- box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
356
- }
357
-
358
- .mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
359
- box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
360
- }
361
-
362
- .mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
363
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
364
- }
365
-
366
- .mat-theme-loaded-marker {
275
+ color: #000000de;
276
+ }
277
+ .mat-elevation-z0,
278
+ .mat-mdc-elevation-specific.mat-elevation-z0 {
279
+ box-shadow:
280
+ 0 0 0 0 #0003,
281
+ 0 0 0 0 #00000024,
282
+ 0 0 0 0 #0000001f;
283
+ }
284
+ .mat-elevation-z1,
285
+ .mat-mdc-elevation-specific.mat-elevation-z1 {
286
+ box-shadow:
287
+ 0 2px 1px -1px #0003,
288
+ 0 1px 1px 0 #00000024,
289
+ 0 1px 3px 0 #0000001f;
290
+ }
291
+ .mat-elevation-z2,
292
+ .mat-mdc-elevation-specific.mat-elevation-z2 {
293
+ box-shadow:
294
+ 0 3px 1px -2px #0003,
295
+ 0 2px 2px 0 #00000024,
296
+ 0 1px 5px 0 #0000001f;
297
+ }
298
+ .mat-elevation-z3,
299
+ .mat-mdc-elevation-specific.mat-elevation-z3 {
300
+ box-shadow:
301
+ 0 3px 3px -2px #0003,
302
+ 0 3px 4px 0 #00000024,
303
+ 0 1px 8px 0 #0000001f;
304
+ }
305
+ .mat-elevation-z4,
306
+ .mat-mdc-elevation-specific.mat-elevation-z4 {
307
+ box-shadow:
308
+ 0 2px 4px -1px #0003,
309
+ 0 4px 5px 0 #00000024,
310
+ 0 1px 10px 0 #0000001f;
311
+ }
312
+ .mat-elevation-z5,
313
+ .mat-mdc-elevation-specific.mat-elevation-z5 {
314
+ box-shadow:
315
+ 0 3px 5px -1px #0003,
316
+ 0 5px 8px 0 #00000024,
317
+ 0 1px 14px 0 #0000001f;
318
+ }
319
+ .mat-elevation-z6,
320
+ .mat-mdc-elevation-specific.mat-elevation-z6 {
321
+ box-shadow:
322
+ 0 3px 5px -1px #0003,
323
+ 0 6px 10px 0 #00000024,
324
+ 0 1px 18px 0 #0000001f;
325
+ }
326
+ .mat-elevation-z7,
327
+ .mat-mdc-elevation-specific.mat-elevation-z7 {
328
+ box-shadow:
329
+ 0 4px 5px -2px #0003,
330
+ 0 7px 10px 1px #00000024,
331
+ 0 2px 16px 1px #0000001f;
332
+ }
333
+ .mat-elevation-z8,
334
+ .mat-mdc-elevation-specific.mat-elevation-z8 {
335
+ box-shadow:
336
+ 0 5px 5px -3px #0003,
337
+ 0 8px 10px 1px #00000024,
338
+ 0 3px 14px 2px #0000001f;
339
+ }
340
+ .mat-elevation-z9,
341
+ .mat-mdc-elevation-specific.mat-elevation-z9 {
342
+ box-shadow:
343
+ 0 5px 6px -3px #0003,
344
+ 0 9px 12px 1px #00000024,
345
+ 0 3px 16px 2px #0000001f;
346
+ }
347
+ .mat-elevation-z10,
348
+ .mat-mdc-elevation-specific.mat-elevation-z10 {
349
+ box-shadow:
350
+ 0 6px 6px -3px #0003,
351
+ 0 10px 14px 1px #00000024,
352
+ 0 4px 18px 3px #0000001f;
353
+ }
354
+ .mat-elevation-z11,
355
+ .mat-mdc-elevation-specific.mat-elevation-z11 {
356
+ box-shadow:
357
+ 0 6px 7px -4px #0003,
358
+ 0 11px 15px 1px #00000024,
359
+ 0 4px 20px 3px #0000001f;
360
+ }
361
+ .mat-elevation-z12,
362
+ .mat-mdc-elevation-specific.mat-elevation-z12 {
363
+ box-shadow:
364
+ 0 7px 8px -4px #0003,
365
+ 0 12px 17px 2px #00000024,
366
+ 0 5px 22px 4px #0000001f;
367
+ }
368
+ .mat-elevation-z13,
369
+ .mat-mdc-elevation-specific.mat-elevation-z13 {
370
+ box-shadow:
371
+ 0 7px 8px -4px #0003,
372
+ 0 13px 19px 2px #00000024,
373
+ 0 5px 24px 4px #0000001f;
374
+ }
375
+ .mat-elevation-z14,
376
+ .mat-mdc-elevation-specific.mat-elevation-z14 {
377
+ box-shadow:
378
+ 0 7px 9px -4px #0003,
379
+ 0 14px 21px 2px #00000024,
380
+ 0 5px 26px 4px #0000001f;
381
+ }
382
+ .mat-elevation-z15,
383
+ .mat-mdc-elevation-specific.mat-elevation-z15 {
384
+ box-shadow:
385
+ 0 8px 9px -5px #0003,
386
+ 0 15px 22px 2px #00000024,
387
+ 0 6px 28px 5px #0000001f;
388
+ }
389
+ .mat-elevation-z16,
390
+ .mat-mdc-elevation-specific.mat-elevation-z16 {
391
+ box-shadow:
392
+ 0 8px 10px -5px #0003,
393
+ 0 16px 24px 2px #00000024,
394
+ 0 6px 30px 5px #0000001f;
395
+ }
396
+ .mat-elevation-z17,
397
+ .mat-mdc-elevation-specific.mat-elevation-z17 {
398
+ box-shadow:
399
+ 0 8px 11px -5px #0003,
400
+ 0 17px 26px 2px #00000024,
401
+ 0 6px 32px 5px #0000001f;
402
+ }
403
+ .mat-elevation-z18,
404
+ .mat-mdc-elevation-specific.mat-elevation-z18 {
405
+ box-shadow:
406
+ 0 9px 11px -5px #0003,
407
+ 0 18px 28px 2px #00000024,
408
+ 0 7px 34px 6px #0000001f;
409
+ }
410
+ .mat-elevation-z19,
411
+ .mat-mdc-elevation-specific.mat-elevation-z19 {
412
+ box-shadow:
413
+ 0 9px 12px -6px #0003,
414
+ 0 19px 29px 2px #00000024,
415
+ 0 7px 36px 6px #0000001f;
416
+ }
417
+ .mat-elevation-z20,
418
+ .mat-mdc-elevation-specific.mat-elevation-z20 {
419
+ box-shadow:
420
+ 0 10px 13px -6px #0003,
421
+ 0 20px 31px 3px #00000024,
422
+ 0 8px 38px 7px #0000001f;
423
+ }
424
+ .mat-elevation-z21,
425
+ .mat-mdc-elevation-specific.mat-elevation-z21 {
426
+ box-shadow:
427
+ 0 10px 13px -6px #0003,
428
+ 0 21px 33px 3px #00000024,
429
+ 0 8px 40px 7px #0000001f;
430
+ }
431
+ .mat-elevation-z22,
432
+ .mat-mdc-elevation-specific.mat-elevation-z22 {
433
+ box-shadow:
434
+ 0 10px 14px -6px #0003,
435
+ 0 22px 35px 3px #00000024,
436
+ 0 8px 42px 7px #0000001f;
437
+ }
438
+ .mat-elevation-z23,
439
+ .mat-mdc-elevation-specific.mat-elevation-z23 {
440
+ box-shadow:
441
+ 0 11px 14px -7px #0003,
442
+ 0 23px 36px 3px #00000024,
443
+ 0 9px 44px 8px #0000001f;
444
+ }
445
+ .mat-elevation-z24,
446
+ .mat-mdc-elevation-specific.mat-elevation-z24 {
447
+ box-shadow:
448
+ 0 11px 15px -7px #0003,
449
+ 0 24px 38px 3px #00000024,
450
+ 0 9px 46px 8px #0000001f;
451
+ }
452
+ .mat-theme-loaded-marker {
367
453
  display: none;
368
- }
369
-
370
- .mat-calendar-arrow {
371
- fill: rgba(0, 0, 0, 0.54);
372
- }
373
-
374
- .mat-datepicker-toggle,
375
- .mat-datepicker-content .mat-calendar-next-button,
376
- .mat-datepicker-content .mat-calendar-previous-button {
377
- color: rgba(0, 0, 0, 0.54);
378
- }
379
-
380
- .mat-calendar-table-header-divider::after {
381
- background: rgba(0, 0, 0, 0.12);
382
- }
383
-
384
- .mat-calendar-table-header,
385
- .mat-calendar-body-label {
386
- color: rgba(0, 0, 0, 0.54);
387
- }
388
-
389
- .mat-calendar-body-cell-content,
390
- .mat-date-range-input-separator {
391
- color: rgba(0, 0, 0, 0.87);
392
- border-color: transparent;
393
- }
394
-
395
- .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
396
- color: rgba(0, 0, 0, 0.38);
397
- }
398
-
399
- .mat-form-field-disabled .mat-date-range-input-separator {
400
- color: rgba(0, 0, 0, 0.38);
401
- }
402
-
403
- .mat-calendar-body-in-preview {
404
- color: rgba(0, 0, 0, 0.24);
405
- }
406
-
407
- .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
408
- border-color: rgba(0, 0, 0, 0.38);
409
- }
410
-
411
- .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
412
- border-color: rgba(0, 0, 0, 0.18);
413
- }
414
-
415
- .mat-calendar-body-in-range::before {
416
- background: rgba(0, 68, 148, 0.2);
417
- }
418
-
419
- .mat-calendar-body-comparison-identical,
420
- .mat-calendar-body-in-comparison-range::before {
421
- background: rgba(249, 171, 0, 0.2);
422
- }
423
-
424
- .mat-calendar-body-comparison-bridge-start::before,
425
- [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
426
- background: linear-gradient(to right, rgba(0, 68, 148, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
427
- }
428
-
429
- .mat-calendar-body-comparison-bridge-end::before,
430
- [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
431
- background: linear-gradient(to left, rgba(0, 68, 148, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
432
- }
433
-
434
- .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
435
- .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
436
- background: #a8dab5;
437
- }
438
-
439
- .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
440
- .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
441
- background: #46a35e;
442
- }
443
-
444
- .mat-calendar-body-selected {
445
- background-color: #004494;
446
- color: white;
447
- }
448
-
449
- .mat-calendar-body-disabled > .mat-calendar-body-selected {
450
- background-color: rgba(0, 68, 148, 0.4);
451
- }
452
-
453
- .mat-calendar-body-today.mat-calendar-body-selected {
454
- box-shadow: inset 0 0 0 1px white;
455
- }
456
-
457
- .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
458
- .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
459
- background-color: rgba(0, 68, 148, 0.3);
460
- }
461
-
462
- @media (hover: hover) {
463
- .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
464
- background-color: rgba(0, 68, 148, 0.3);
465
- }
466
- }
467
- .mat-datepicker-content {
468
- box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
469
- background-color: white;
470
- color: rgba(0, 0, 0, 0.87);
471
- }
472
- .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
473
- background: rgba(255, 252, 244, 0.2);
474
- }
475
- .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
476
- .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
477
- background: rgba(249, 171, 0, 0.2);
478
- }
479
- .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
480
- .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
481
- background: linear-gradient(to right, rgba(255, 252, 244, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
482
- }
483
- .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
484
- .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
485
- background: linear-gradient(to left, rgba(255, 252, 244, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
486
- }
487
- .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
488
- .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
489
- background: #a8dab5;
490
- }
491
- .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
492
- .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
493
- background: #46a35e;
494
- }
495
- .mat-datepicker-content.mat-accent .mat-calendar-body-selected {
496
- background-color: #fffcf4;
497
- color: #999999;
498
- }
499
- .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
500
- background-color: rgba(255, 252, 244, 0.4);
501
- }
502
- .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
503
- box-shadow: inset 0 0 0 1px #999999;
504
- }
505
- .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
506
- .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
507
- background-color: rgba(255, 252, 244, 0.3);
508
- }
509
- @media (hover: hover) {
510
- .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
511
- background-color: rgba(255, 252, 244, 0.3);
512
- }
513
- }
514
- .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
515
- background: rgba(218, 33, 49, 0.2);
516
- }
517
- .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
518
- .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
519
- background: rgba(249, 171, 0, 0.2);
520
- }
521
- .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
522
- .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
523
- background: linear-gradient(to right, rgba(218, 33, 49, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
524
- }
525
- .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
526
- .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
527
- background: linear-gradient(to left, rgba(218, 33, 49, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
528
- }
529
- .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
530
- .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
531
- background: #a8dab5;
532
- }
533
- .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
534
- .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
535
- background: #46a35e;
536
- }
537
- .mat-datepicker-content.mat-warn .mat-calendar-body-selected {
538
- background-color: #da2131;
539
- color: white;
540
- }
541
- .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
542
- background-color: rgba(218, 33, 49, 0.4);
543
- }
544
- .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
545
- box-shadow: inset 0 0 0 1px white;
546
- }
547
- .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
548
- .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
549
- background-color: rgba(218, 33, 49, 0.3);
550
- }
551
- @media (hover: hover) {
552
- .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
553
- background-color: rgba(218, 33, 49, 0.3);
554
- }
555
- }
556
-
557
- .mat-datepicker-content-touch {
558
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
559
- }
560
-
561
- .mat-datepicker-toggle-active {
562
- color: #004494;
563
- }
564
- .mat-datepicker-toggle-active.mat-accent {
565
- color: #fffcf4;
566
- }
567
- .mat-datepicker-toggle-active.mat-warn {
568
- color: #da2131;
569
- }
570
-
571
- .mat-date-range-input-inner[disabled] {
572
- color: rgba(0, 0, 0, 0.38);
573
- }
574
-
575
- .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
576
- width: 40px;
577
- height: 40px;
454
+ }
455
+ html {
456
+ --mat-datepicker-calendar-date-selected-state-text-color: #fff;
457
+ --mat-datepicker-calendar-date-selected-state-background-color: #004494;
458
+ --mat-datepicker-calendar-date-selected-disabled-state-background-color: #00449466;
459
+ --mat-datepicker-calendar-date-today-selected-state-outline-color: #fff;
460
+ --mat-datepicker-calendar-date-focus-state-background-color: #0044944d;
461
+ --mat-datepicker-calendar-date-hover-state-background-color: #0044944d;
462
+ --mat-datepicker-toggle-active-state-icon-color: #004494;
463
+ --mat-datepicker-calendar-date-in-range-state-background-color: #00449433;
464
+ --mat-datepicker-calendar-date-in-comparison-range-state-background-color: #f9ab0033;
465
+ --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
466
+ --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
467
+ --mat-datepicker-toggle-icon-color: #0000008a;
468
+ --mat-datepicker-calendar-body-label-text-color: #0000008a;
469
+ --mat-datepicker-calendar-period-button-icon-color: #0000008a;
470
+ --mat-datepicker-calendar-navigation-button-icon-color: #0000008a;
471
+ --mat-datepicker-calendar-header-divider-color: #0000001f;
472
+ --mat-datepicker-calendar-header-text-color: #0000008a;
473
+ --mat-datepicker-calendar-date-today-outline-color: #00000061;
474
+ --mat-datepicker-calendar-date-today-disabled-state-outline-color: #0000002e;
475
+ --mat-datepicker-calendar-date-text-color: #000000de;
476
+ --mat-datepicker-calendar-date-outline-color: #0000;
477
+ --mat-datepicker-calendar-date-disabled-state-text-color: #00000061;
478
+ --mat-datepicker-calendar-date-preview-state-outline-color: #0000003d;
479
+ --mat-datepicker-range-input-separator-color: #000000de;
480
+ --mat-datepicker-range-input-disabled-state-separator-color: #00000061;
481
+ --mat-datepicker-range-input-disabled-state-text-color: #00000061;
482
+ --mat-datepicker-calendar-container-background-color: #fff;
483
+ --mat-datepicker-calendar-container-text-color: #000000de;
484
+ }
485
+ .mat-datepicker-content.mat-accent {
486
+ --mat-datepicker-calendar-date-selected-state-text-color: #999;
487
+ --mat-datepicker-calendar-date-selected-state-background-color: #fffcf4;
488
+ --mat-datepicker-calendar-date-selected-disabled-state-background-color: #fffcf466;
489
+ --mat-datepicker-calendar-date-today-selected-state-outline-color: #999;
490
+ --mat-datepicker-calendar-date-focus-state-background-color: #fffcf44d;
491
+ --mat-datepicker-calendar-date-hover-state-background-color: #fffcf44d;
492
+ --mat-datepicker-calendar-date-in-range-state-background-color: #fffcf433;
493
+ --mat-datepicker-calendar-date-in-comparison-range-state-background-color: #f9ab0033;
494
+ --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
495
+ --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
496
+ }
497
+ .mat-datepicker-content.mat-warn {
498
+ --mat-datepicker-calendar-date-selected-state-text-color: #fff;
499
+ --mat-datepicker-calendar-date-selected-state-background-color: #da2131;
500
+ --mat-datepicker-calendar-date-selected-disabled-state-background-color: #da213166;
501
+ --mat-datepicker-calendar-date-today-selected-state-outline-color: #fff;
502
+ --mat-datepicker-calendar-date-focus-state-background-color: #da21314d;
503
+ --mat-datepicker-calendar-date-hover-state-background-color: #da21314d;
504
+ --mat-datepicker-calendar-date-in-range-state-background-color: #da213133;
505
+ --mat-datepicker-calendar-date-in-comparison-range-state-background-color: #f9ab0033;
506
+ --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
507
+ --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
508
+ }
509
+ .mat-datepicker-toggle-active.mat-accent {
510
+ --mat-datepicker-toggle-active-state-icon-color: #fffcf4;
511
+ }
512
+ .mat-datepicker-toggle-active.mat-warn {
513
+ --mat-datepicker-toggle-active-state-icon-color: #da2131;
514
+ }
515
+ .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
516
+ --mdc-icon-button-state-layer-size: 40px;
517
+ height: var(--mdc-icon-button-state-layer-size);
578
518
  padding: 8px;
579
- }
580
- .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__focus-ring {
581
- max-height: 40px;
582
- max-width: 40px;
583
- }
584
- .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__ripple {
585
- width: 40px;
586
- height: 40px;
587
- margin-top: 0px;
588
- margin-bottom: 0px;
589
- margin-right: 0px;
590
- margin-left: 0px;
591
- }
592
- .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__focus-ring {
593
- max-height: 40px;
594
- max-width: 40px;
595
- }
596
- .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__touch {
597
- position: absolute;
598
- top: 50%;
599
- height: 40px;
600
- /* @noflip */ /*rtl:ignore*/
601
- left: 50%;
602
- width: 40px;
603
- transform: translate(-50%, -50%);
604
- }
605
- .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
519
+ width: var(--mdc-icon-button-state-layer-size);
520
+ }
521
+ .mat-calendar-controls
522
+ .mat-mdc-icon-button.mat-mdc-button-base
523
+ .mat-mdc-button-touch-target {
606
524
  display: none;
607
- }
608
-
609
- .mdc-menu-surface {
610
- box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
611
- background-color: var(--mdc-theme-surface, #fff);
612
- color: var(--mdc-theme-on-surface, #000);
613
- }
614
- .mdc-list-item__primary-text {
615
- color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
616
- }
617
-
618
- .mdc-list-item__secondary-text {
619
- color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));
620
- }
621
-
622
- .mdc-list-item__overline-text {
623
- color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
624
- }
625
-
626
- .mdc-list-item--with-leading-icon .mdc-list-item__start,
627
- .mdc-list-item--with-trailing-icon .mdc-list-item__end {
628
- background-color: transparent;
629
- }
630
-
631
- .mdc-list-item--with-leading-icon .mdc-list-item__start,
632
- .mdc-list-item--with-trailing-icon .mdc-list-item__end {
633
- color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
634
- }
635
-
636
- .mdc-list-item__end {
637
- color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
638
- }
639
-
640
- .mdc-list-item--disabled .mdc-list-item__start,
641
- .mdc-list-item--disabled .mdc-list-item__content,
642
- .mdc-list-item--disabled .mdc-list-item__end {
643
- opacity: 0.38;
644
- }
645
-
646
- .mdc-list-item--disabled .mdc-list-item__primary-text {
647
- color: var(--mdc-theme-on-surface, #000);
648
- }
649
- .mdc-list-item--disabled .mdc-list-item__secondary-text {
650
- color: var(--mdc-theme-on-surface, #000);
651
- }
652
- .mdc-list-item--disabled .mdc-list-item__overline-text {
653
- color: var(--mdc-theme-on-surface, #000);
654
- }
655
- .mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start {
656
- color: var(--mdc-theme-on-surface, #000);
657
- }
658
- .mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end {
659
- color: var(--mdc-theme-on-surface, #000);
660
- }
661
- .mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end {
662
- color: var(--mdc-theme-on-surface, #000);
663
- }
664
-
665
- .mdc-list-item--selected .mdc-list-item__primary-text,
666
- .mdc-list-item--activated .mdc-list-item__primary-text {
667
- color: var(--mdc-theme-primary, #004494);
668
- }
669
- .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
670
- .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
671
- color: var(--mdc-theme-primary, #004494);
672
- }
673
-
674
- .mdc-deprecated-list-group__subheader {
675
- color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
676
- }
677
-
678
- @media screen and (forced-colors: active), (-ms-high-contrast: active) {
679
- .mdc-list-divider::after {
680
- border-bottom-color: white;
681
- }
682
- }
683
- .mdc-list-divider {
684
- background-color: rgba(0, 0, 0, 0.12);
685
- }
525
+ }
526
+ html {
527
+ --mat-autocomplete-background-color: #fff;
528
+ }