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

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.
@@ -1,528 +0,0 @@
1
- // IMPORTANT : don't touch this file ! it has to be re-compiled from the _sources.scss file inside this folder !!!!
2
- .mat-ripple {
3
- overflow: hidden;
4
- position: relative;
5
- }
6
- .mat-ripple:not(:empty) {
7
- transform: translateZ(0);
8
- }
9
- .mat-ripple.mat-ripple-unbounded {
10
- overflow: visible;
11
- }
12
- .mat-ripple-element {
13
- border-radius: 50%;
14
- pointer-events: none;
15
- position: absolute;
16
- transform: scale3d(0, 0, 0);
17
- transition:
18
- opacity,
19
- transform 0ms cubic-bezier(0, 0, 0.2, 1);
20
- }
21
- .cdk-high-contrast-active .mat-ripple-element {
22
- display: none;
23
- }
24
- .cdk-visually-hidden {
25
- clip: rect(0 0 0 0);
26
- -webkit-appearance: none;
27
- -moz-appearance: none;
28
- border: 0;
29
- height: 1px;
30
- left: 0;
31
- margin: -1px;
32
- outline: 0;
33
- overflow: hidden;
34
- padding: 0;
35
- position: absolute;
36
- white-space: nowrap;
37
- width: 1px;
38
- }
39
- [dir="rtl"] .cdk-visually-hidden {
40
- left: auto;
41
- right: 0;
42
- }
43
- .cdk-global-overlay-wrapper,
44
- .cdk-overlay-container {
45
- height: 100%;
46
- left: 0;
47
- pointer-events: none;
48
- top: 0;
49
- width: 100%;
50
- }
51
- .cdk-overlay-container {
52
- position: fixed;
53
- z-index: 1000;
54
- }
55
- .cdk-overlay-container:empty {
56
- display: none;
57
- }
58
- .cdk-global-overlay-wrapper,
59
- .cdk-overlay-pane {
60
- display: flex;
61
- position: absolute;
62
- z-index: 1000;
63
- }
64
- .cdk-overlay-pane {
65
- box-sizing: border-box;
66
- max-height: 100%;
67
- max-width: 100%;
68
- pointer-events: auto;
69
- }
70
- .cdk-overlay-backdrop {
71
- -webkit-tap-highlight-color: transparent;
72
- bottom: 0;
73
- left: 0;
74
- opacity: 0;
75
- pointer-events: auto;
76
- position: absolute;
77
- right: 0;
78
- top: 0;
79
- transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
80
- z-index: 1000;
81
- }
82
- .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
83
- opacity: 1;
84
- }
85
- .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
86
- opacity: 0.6;
87
- }
88
- .cdk-overlay-dark-backdrop {
89
- background: #00000052;
90
- }
91
- .cdk-overlay-transparent-backdrop {
92
- opacity: 1;
93
- transition:
94
- visibility 1ms linear,
95
- opacity 1ms linear;
96
- visibility: hidden;
97
- }
98
- .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
99
- opacity: 0;
100
- visibility: visible;
101
- }
102
- .cdk-overlay-backdrop-noop-animation {
103
- transition: none;
104
- }
105
- .cdk-overlay-connected-position-bounding-box {
106
- display: flex;
107
- flex-direction: column;
108
- min-height: 1px;
109
- min-width: 1px;
110
- position: absolute;
111
- z-index: 1000;
112
- }
113
- .cdk-global-scrollblock {
114
- overflow-y: scroll;
115
- position: fixed;
116
- width: 100%;
117
- }
118
- textarea.cdk-textarea-autosize {
119
- resize: none;
120
- }
121
- textarea.cdk-textarea-autosize-measuring {
122
- box-sizing: initial !important;
123
- height: auto !important;
124
- overflow: hidden !important;
125
- padding: 2px 0 !important;
126
- }
127
- textarea.cdk-textarea-autosize-measuring-firefox {
128
- box-sizing: initial !important;
129
- height: 0 !important;
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 {
139
- animation: cdk-text-field-autofill-start 0s 1ms;
140
- }
141
- .cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
142
- animation: cdk-text-field-autofill-end 0s 1ms;
143
- }
144
- .mat-focus-indicator {
145
- position: relative;
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);
152
- bottom: 0;
153
- box-sizing: border-box;
154
- display: var(--mat-focus-indicator-display, none);
155
- left: 0;
156
- pointer-events: none;
157
- position: absolute;
158
- right: 0;
159
- top: 0;
160
- }
161
- .mat-focus-indicator:focus:before {
162
- content: "";
163
- }
164
- .cdk-high-contrast-active {
165
- --mat-focus-indicator-display: block;
166
- }
167
- .mat-mdc-focus-indicator {
168
- position: relative;
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);
175
- bottom: 0;
176
- box-sizing: border-box;
177
- display: var(--mat-mdc-focus-indicator-display, none);
178
- left: 0;
179
- pointer-events: none;
180
- position: absolute;
181
- right: 0;
182
- top: 0;
183
- }
184
- .mat-mdc-focus-indicator:focus:before {
185
- content: "";
186
- }
187
- .cdk-high-contrast-active {
188
- --mat-mdc-focus-indicator-display: block;
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 {
213
- color: #b0b0b0;
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 {
222
- background: #004494;
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 {
234
- background: #fffcf4;
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 {
259
- background: #da2131;
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 {
271
- background: #b0b0b0;
272
- }
273
- .mat-app-background {
274
- background-color: #fafafa;
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 {
453
- display: none;
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);
518
- padding: 8px;
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 {
524
- display: none;
525
- }
526
- html {
527
- --mat-autocomplete-background-color: #fff;
528
- }