@eui/styles 17.0.0-next.2 → 17.0.0-next.21

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 (70) hide show
  1. package/dist/styles/eui-ecl-ec.css +7 -8
  2. package/dist/styles/eui-ecl-ec.css.map +1 -1
  3. package/dist/styles/eui-ecl-eu.css +7 -8
  4. package/dist/styles/eui-ecl-eu.css.map +1 -1
  5. package/dist/styles/eui-ecl.css +2 -0
  6. package/dist/styles/eui-ecl.css.map +1 -0
  7. package/dist/styles/eui-icons-flags.css +2 -0
  8. package/dist/styles/eui-icons-flags.css.map +1 -0
  9. package/dist/styles/eui-legacy-bootstrap-utilities.css.map +1 -1
  10. package/dist/styles/eui-legacy-icons-font.css +2 -0
  11. package/dist/styles/eui-legacy-icons-font.css.map +1 -0
  12. package/dist/styles/eui-print.css +1 -1
  13. package/dist/styles/eui-print.css.map +1 -1
  14. package/dist/styles/eui-showcase-all.css +2 -1
  15. package/dist/styles/eui-showcase-all.css.map +1 -1
  16. package/dist/styles/eui-theme-compact.css +2 -0
  17. package/dist/styles/eui-theme-compact.css.map +1 -0
  18. package/dist/styles/eui-theme-dark.css +2 -0
  19. package/dist/styles/eui-theme-dark.css.map +1 -0
  20. package/dist/styles/eui-utilities.css +1 -1
  21. package/dist/styles/eui-utilities.css.map +1 -1
  22. package/dist/styles/eui.css +1 -1
  23. package/dist/styles/eui.css.map +1 -1
  24. package/package.json +6 -1
  25. package/src/styles/01-ecl/_module-eui-ecl.scss +27 -0
  26. package/src/styles/02-base/mixins/_eui-border-state.scss +7 -7
  27. package/src/styles/02-base/mixins/_eui-clearable-input.scss +26 -13
  28. package/src/styles/02-base/mixins/_eui-disabled.scss +1 -1
  29. package/src/styles/02-base/mixins/_eui-input.scss +8 -9
  30. package/src/styles/02-base/mixins/_eui-scrollbars.scss +1 -2
  31. package/src/styles/02-base/mixins/_module.scss +0 -6
  32. package/src/styles/02b-base-vars/_layout.vars.scss +0 -23
  33. package/src/styles/02b-base-vars/_module.scss +1 -0
  34. package/src/styles/02b-base-vars/_other.vars.scss +3 -0
  35. package/src/styles/03-assets/_module-icons-flags.scss +1 -0
  36. package/src/styles/03-assets/_module-legacy-icons-font.scss +1 -0
  37. package/src/styles/05-material/_material.scss +54 -0
  38. package/src/styles/05-material/_module.scss +1 -25
  39. package/src/styles/05-material/overrides/_calendar.scss +2 -1
  40. package/src/styles/06-shared/_module.scss +5 -2
  41. package/src/styles/07-elements/_module.scss +2 -1
  42. package/src/styles/07-elements/directives/_eui-clearable-input.scss +26 -0
  43. package/src/styles/{06-shared → 07-elements/directives}/_eui-input-maxlength.scss +1 -3
  44. package/src/styles/07-elements/directives/_module.scss +2 -0
  45. package/src/styles/07-elements/eui-table-default/_eui-table-default.scss +1 -73
  46. package/src/styles/08-themes/_module-compact.scss +34 -8
  47. package/src/styles/08-themes/_module-dark.scss +53 -0
  48. package/src/styles/10-media/_module-print.scss +61 -291
  49. package/src/styles/99-utilities/_module.scss +1 -1
  50. package/src/styles/999-showcase/_component-demo-exports.scss +2 -0
  51. package/src/styles/999-showcase/_module.scss +2 -1
  52. package/src/styles/999-showcase/_prism-dracula.scss +584 -0
  53. package/src/styles/999-showcase/_prism-theme.scss +6 -4
  54. package/src/styles/999-showcase/_specific-typography.scss +14 -8
  55. package/src/styles/eui-ecl.scss +7 -0
  56. package/src/styles/eui-icons-flags.scss +7 -0
  57. package/src/styles/eui-legacy-icons-font.scss +7 -0
  58. package/src/styles/eui-print.scss +2 -0
  59. package/src/styles/eui-showcase-all-dev.scss +10 -11
  60. package/src/styles/eui-showcase-all.scss +8 -10
  61. package/src/styles/eui-theme-compact.scss +7 -0
  62. package/src/styles/eui-theme-dark.scss +7 -0
  63. package/src/styles/eui.scss +0 -6
  64. package/src/styles/02-base/mixins/_eui-accessibility.scss +0 -39
  65. package/src/styles/02-base/mixins/_ux-clearable-input.scss +0 -29
  66. package/src/styles/02-base/mixins/_ux-form-control-state.scss +0 -32
  67. package/src/styles/05-material/_module-cdk.scss +0 -110
  68. package/src/styles/05-material/compiled/_full.scss +0 -685
  69. package/src/styles/05-material/compiled/_sources.scss +0 -382
  70. package/src/styles/06-shared/_default.scss +0 -11
@@ -1,685 +0,0 @@
1
- .mat-ripple {
2
- overflow: hidden;
3
- position: relative;
4
- }
5
- .mat-ripple:not(:empty) {
6
- transform: translateZ(0);
7
- }
8
-
9
- .mat-ripple.mat-ripple-unbounded {
10
- overflow: visible;
11
- }
12
-
13
- .mat-ripple-element {
14
- position: absolute;
15
- border-radius: 50%;
16
- pointer-events: none;
17
- transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
18
- transform: scale3d(0, 0, 0);
19
- }
20
- .cdk-high-contrast-active .mat-ripple-element {
21
- display: none;
22
- }
23
-
24
- .cdk-visually-hidden {
25
- border: 0;
26
- clip: rect(0 0 0 0);
27
- height: 1px;
28
- margin: -1px;
29
- overflow: hidden;
30
- padding: 0;
31
- position: absolute;
32
- width: 1px;
33
- white-space: nowrap;
34
- outline: 0;
35
- -webkit-appearance: none;
36
- -moz-appearance: none;
37
- left: 0;
38
- }
39
- [dir=rtl] .cdk-visually-hidden {
40
- left: auto;
41
- right: 0;
42
- }
43
-
44
- .cdk-overlay-container, .cdk-global-overlay-wrapper {
45
- pointer-events: none;
46
- top: 0;
47
- left: 0;
48
- height: 100%;
49
- width: 100%;
50
- }
51
-
52
- .cdk-overlay-container {
53
- position: fixed;
54
- z-index: 1000;
55
- }
56
- .cdk-overlay-container:empty {
57
- display: none;
58
- }
59
-
60
- .cdk-global-overlay-wrapper {
61
- display: flex;
62
- position: absolute;
63
- z-index: 1000;
64
- }
65
-
66
- .cdk-overlay-pane {
67
- position: absolute;
68
- pointer-events: auto;
69
- box-sizing: border-box;
70
- z-index: 1000;
71
- display: flex;
72
- max-width: 100%;
73
- max-height: 100%;
74
- }
75
-
76
- .cdk-overlay-backdrop {
77
- position: absolute;
78
- top: 0;
79
- bottom: 0;
80
- left: 0;
81
- right: 0;
82
- 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 {
89
- opacity: 1;
90
- }
91
- .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
92
- 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;
102
- opacity: 1;
103
- }
104
- .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
105
- opacity: 0;
106
- visibility: visible;
107
- }
108
-
109
- .cdk-overlay-backdrop-noop-animation {
110
- transition: none;
111
- }
112
-
113
- .cdk-overlay-connected-position-bounding-box {
114
- position: absolute;
115
- z-index: 1000;
116
- display: flex;
117
- flex-direction: column;
118
- min-width: 1px;
119
- min-height: 1px;
120
- }
121
-
122
- .cdk-global-scrollblock {
123
- position: fixed;
124
- width: 100%;
125
- overflow-y: scroll;
126
- }
127
-
128
- textarea.cdk-textarea-autosize {
129
- resize: none;
130
- }
131
-
132
- textarea.cdk-textarea-autosize-measuring {
133
- padding: 2px 0 !important;
134
- box-sizing: content-box !important;
135
- height: auto !important;
136
- overflow: hidden !important;
137
- }
138
-
139
- textarea.cdk-textarea-autosize-measuring-firefox {
140
- padding: 2px 0 !important;
141
- box-sizing: content-box !important;
142
- 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 {
148
- animation: cdk-text-field-autofill-start 0s 1ms;
149
- }
150
-
151
- .cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
152
- animation: cdk-text-field-autofill-end 0s 1ms;
153
- }
154
-
155
- .mat-focus-indicator {
156
- position: relative;
157
- }
158
- .mat-focus-indicator::before {
159
- top: 0;
160
- left: 0;
161
- right: 0;
162
- bottom: 0;
163
- position: absolute;
164
- box-sizing: border-box;
165
- pointer-events: none;
166
- 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 {
171
- content: "";
172
- }
173
-
174
- .cdk-high-contrast-active {
175
- --mat-focus-indicator-display: block;
176
- }
177
-
178
- .mat-mdc-focus-indicator {
179
- position: relative;
180
- }
181
- .mat-mdc-focus-indicator::before {
182
- top: 0;
183
- left: 0;
184
- right: 0;
185
- bottom: 0;
186
- position: absolute;
187
- box-sizing: border-box;
188
- pointer-events: none;
189
- 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 {
194
- content: "";
195
- }
196
-
197
- .cdk-high-contrast-active {
198
- --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 {
236
- color: #b0b0b0;
237
- }
238
-
239
- .mat-primary .mat-pseudo-checkbox-checked,
240
- .mat-primary .mat-pseudo-checkbox-indeterminate {
241
- 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 {
248
- background: #fffcf4;
249
- }
250
-
251
- .mat-warn .mat-pseudo-checkbox-checked,
252
- .mat-warn .mat-pseudo-checkbox-indeterminate {
253
- background: #da2131;
254
- }
255
-
256
- .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
257
- .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
258
- background: #b0b0b0;
259
- }
260
-
261
- .mat-app-background {
262
- 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 {
367
- 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;
578
- 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 {
606
- 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
- }