@limetech/lime-elements 36.3.0-next.25 → 36.3.0-next.26

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 (37) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/limel-chip-set.cjs.entry.js +1 -1
  3. package/dist/cjs/limel-info-tile.cjs.entry.js +1 -1
  4. package/dist/cjs/limel-input-field.cjs.entry.js +2 -2
  5. package/dist/cjs/limel-select.cjs.entry.js +1 -1
  6. package/dist/collection/components/banner/banner.css +1 -2
  7. package/dist/collection/components/button/button.css +20 -40
  8. package/dist/collection/components/button-group/button-group.css +21 -42
  9. package/dist/collection/components/checkbox/checkbox.css +22 -45
  10. package/dist/collection/components/chip-set/chip-set.css +209 -405
  11. package/dist/collection/components/code-editor/code-editor.css +4 -4
  12. package/dist/collection/components/color-picker/color-picker-palette.css +9 -9
  13. package/dist/collection/components/dialog/dialog.css +13 -27
  14. package/dist/collection/components/icon-button/icon-button.css +6 -12
  15. package/dist/collection/components/info-tile/info-tile.css +3 -9
  16. package/dist/collection/components/input-field/input-field.css +188 -363
  17. package/dist/collection/components/input-field/input-field.js +1 -1
  18. package/dist/collection/components/linear-progress/linear-progress.css +7 -14
  19. package/dist/collection/components/list/list.css +373 -747
  20. package/dist/collection/components/menu-list/menu-list.css +373 -748
  21. package/dist/collection/components/menu-surface/menu-surface.css +13 -26
  22. package/dist/collection/components/select/select.css +165 -322
  23. package/dist/collection/components/slider/slider.css +30 -58
  24. package/dist/collection/components/snackbar/snackbar.css +17 -34
  25. package/dist/collection/components/switch/switch.css +21 -49
  26. package/dist/collection/components/tab-bar/tab-bar.css +7 -14
  27. package/dist/esm/limel-chip-set.entry.js +1 -1
  28. package/dist/esm/limel-info-tile.entry.js +1 -1
  29. package/dist/esm/limel-input-field.entry.js +2 -2
  30. package/dist/esm/limel-select.entry.js +1 -1
  31. package/dist/lime-elements/lime-elements.esm.js +1 -1
  32. package/dist/lime-elements/{p-e479f165.entry.js → p-404aca86.entry.js} +1 -1
  33. package/dist/lime-elements/{p-c234a991.entry.js → p-878b61cd.entry.js} +1 -1
  34. package/dist/lime-elements/{p-ff340a70.entry.js → p-88e60f06.entry.js} +1 -1
  35. package/dist/lime-elements/p-f7875f4a.entry.js +1 -0
  36. package/package.json +8 -4
  37. package/dist/lime-elements/p-15c3ec8e.entry.js +0 -1
@@ -74,15 +74,13 @@
74
74
  width: 100%;
75
75
  max-width: 100%;
76
76
  height: 100%;
77
- /* @noflip */
78
- /*rtl:ignore*/
77
+ /* @noflip */ /*rtl:ignore*/
79
78
  text-align: left;
80
79
  pointer-events: none;
81
80
  }
82
81
  [dir=rtl] .mdc-notched-outline, .mdc-notched-outline[dir=rtl] {
83
82
  /*rtl:begin:ignore*/
84
- /* @noflip */
85
- /*rtl:ignore*/
83
+ /* @noflip */ /*rtl:ignore*/
86
84
  text-align: right;
87
85
  /*rtl:end:ignore*/
88
86
  }
@@ -95,41 +93,33 @@
95
93
  pointer-events: none;
96
94
  }
97
95
  .mdc-notched-outline__leading {
98
- /* @noflip */
99
- /*rtl:ignore*/
96
+ /* @noflip */ /*rtl:ignore*/
100
97
  border-left: 1px solid;
101
- /* @noflip */
102
- /*rtl:ignore*/
98
+ /* @noflip */ /*rtl:ignore*/
103
99
  border-right: none;
104
100
  width: 12px;
105
101
  }
106
102
  [dir=rtl] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir=rtl] {
107
103
  /*rtl:begin:ignore*/
108
- /* @noflip */
109
- /*rtl:ignore*/
104
+ /* @noflip */ /*rtl:ignore*/
110
105
  border-left: none;
111
- /* @noflip */
112
- /*rtl:ignore*/
106
+ /* @noflip */ /*rtl:ignore*/
113
107
  border-right: 1px solid;
114
108
  /*rtl:end:ignore*/
115
109
  }
116
110
 
117
111
  .mdc-notched-outline__trailing {
118
- /* @noflip */
119
- /*rtl:ignore*/
112
+ /* @noflip */ /*rtl:ignore*/
120
113
  border-left: none;
121
- /* @noflip */
122
- /*rtl:ignore*/
114
+ /* @noflip */ /*rtl:ignore*/
123
115
  border-right: 1px solid;
124
116
  flex-grow: 1;
125
117
  }
126
118
  [dir=rtl] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir=rtl] {
127
119
  /*rtl:begin:ignore*/
128
- /* @noflip */
129
- /*rtl:ignore*/
120
+ /* @noflip */ /*rtl:ignore*/
130
121
  border-left: 1px solid;
131
- /* @noflip */
132
- /*rtl:ignore*/
122
+ /* @noflip */ /*rtl:ignore*/
133
123
  border-right: none;
134
124
  /*rtl:end:ignore*/
135
125
  }
@@ -152,21 +142,17 @@
152
142
  }
153
143
 
154
144
  .mdc-notched-outline--notched .mdc-notched-outline__notch {
155
- /* @noflip */
156
- /*rtl:ignore*/
145
+ /* @noflip */ /*rtl:ignore*/
157
146
  padding-left: 0;
158
- /* @noflip */
159
- /*rtl:ignore*/
147
+ /* @noflip */ /*rtl:ignore*/
160
148
  padding-right: 8px;
161
149
  border-top: none;
162
150
  }
163
151
  [dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] {
164
152
  /*rtl:begin:ignore*/
165
- /* @noflip */
166
- /*rtl:ignore*/
153
+ /* @noflip */ /*rtl:ignore*/
167
154
  padding-left: 8px;
168
- /* @noflip */
169
- /*rtl:ignore*/
155
+ /* @noflip */ /*rtl:ignore*/
170
156
  padding-right: 0;
171
157
  /*rtl:end:ignore*/
172
158
  }
@@ -197,14 +183,11 @@
197
183
  /* @alternate */
198
184
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
199
185
  position: absolute;
200
- /* @noflip */
201
- /*rtl:ignore*/
186
+ /* @noflip */ /*rtl:ignore*/
202
187
  left: 0;
203
- /* @noflip */
204
- /*rtl:ignore*/
188
+ /* @noflip */ /*rtl:ignore*/
205
189
  -webkit-transform-origin: left top;
206
- /* @noflip */
207
- /*rtl:ignore*/
190
+ /* @noflip */ /*rtl:ignore*/
208
191
  transform-origin: left top;
209
192
  line-height: 1.15rem;
210
193
  text-align: left;
@@ -218,20 +201,15 @@
218
201
  }
219
202
  [dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] {
220
203
  /*rtl:begin:ignore*/
221
- /* @noflip */
222
- /*rtl:ignore*/
204
+ /* @noflip */ /*rtl:ignore*/
223
205
  right: 0;
224
- /* @noflip */
225
- /*rtl:ignore*/
206
+ /* @noflip */ /*rtl:ignore*/
226
207
  left: auto;
227
- /* @noflip */
228
- /*rtl:ignore*/
208
+ /* @noflip */ /*rtl:ignore*/
229
209
  -webkit-transform-origin: right top;
230
- /* @noflip */
231
- /*rtl:ignore*/
210
+ /* @noflip */ /*rtl:ignore*/
232
211
  transform-origin: right top;
233
- /* @noflip */
234
- /*rtl:ignore*/
212
+ /* @noflip */ /*rtl:ignore*/
235
213
  text-align: right;
236
214
  /*rtl:end:ignore*/
237
215
  }
@@ -241,11 +219,9 @@
241
219
  }
242
220
 
243
221
  .mdc-floating-label--required::after {
244
- /* @noflip */
245
- /*rtl:ignore*/
222
+ /* @noflip */ /*rtl:ignore*/
246
223
  margin-left: 1px;
247
- /* @noflip */
248
- /*rtl:ignore*/
224
+ /* @noflip */ /*rtl:ignore*/
249
225
  margin-right: 0px;
250
226
  content: "*";
251
227
  }
@@ -254,11 +230,9 @@
254
230
  /*rtl:end:ignore*/
255
231
  }
256
232
  [dir=rtl] .mdc-floating-label--required::after, .mdc-floating-label--required[dir=rtl]::after {
257
- /* @noflip */
258
- /*rtl:ignore*/
233
+ /* @noflip */ /*rtl:ignore*/
259
234
  margin-left: 0;
260
- /* @noflip */
261
- /*rtl:ignore*/
235
+ /* @noflip */ /*rtl:ignore*/
262
236
  margin-right: 1px;
263
237
  }
264
238
 
@@ -272,25 +246,21 @@
272
246
 
273
247
  @keyframes mdc-floating-label-shake-float-above-standard {
274
248
  0% {
275
- /* @noflip */
276
- /*rtl:ignore*/
249
+ /* @noflip */ /*rtl:ignore*/
277
250
  transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
278
251
  }
279
252
  33% {
280
253
  animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
281
- /* @noflip */
282
- /*rtl:ignore*/
254
+ /* @noflip */ /*rtl:ignore*/
283
255
  transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
284
256
  }
285
257
  66% {
286
258
  animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
287
- /* @noflip */
288
- /*rtl:ignore*/
259
+ /* @noflip */ /*rtl:ignore*/
289
260
  transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
290
261
  }
291
262
  100% {
292
- /* @noflip */
293
- /*rtl:ignore*/
263
+ /* @noflip */ /*rtl:ignore*/
294
264
  transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
295
265
  }
296
266
  }
@@ -302,8 +272,7 @@
302
272
  position: absolute;
303
273
  top: 50%;
304
274
  height: 48px;
305
- /* @noflip */
306
- /*rtl:ignore*/
275
+ /* @noflip */ /*rtl:ignore*/
307
276
  left: 50%;
308
277
  width: 48px;
309
278
  transform: translate(-50%, -50%);
@@ -401,16 +370,14 @@
401
370
  }
402
371
  .mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::after {
403
372
  top: 0;
404
- /* @noflip */
405
- /*rtl:ignore*/
373
+ /* @noflip */ /*rtl:ignore*/
406
374
  left: 0;
407
375
  transform: scale(0);
408
376
  transform-origin: center center;
409
377
  }
410
378
  .mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded--unbounded .mdc-deprecated-chip-trailing-action__ripple::after {
411
379
  top: var(--mdc-ripple-top, 0);
412
- /* @noflip */
413
- /*rtl:ignore*/
380
+ /* @noflip */ /*rtl:ignore*/
414
381
  left: var(--mdc-ripple-left, 0);
415
382
  }
416
383
  .mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded--foreground-activation .mdc-deprecated-chip-trailing-action__ripple::after {
@@ -423,8 +390,7 @@
423
390
  .mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::before,
424
391
  .mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::after {
425
392
  top: calc(50% - 50%);
426
- /* @noflip */
427
- /*rtl:ignore*/
393
+ /* @noflip */ /*rtl:ignore*/
428
394
  left: calc(50% - 50%);
429
395
  width: 100%;
430
396
  height: 100%;
@@ -432,8 +398,7 @@
432
398
  .mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::before,
433
399
  .mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::after {
434
400
  top: var(--mdc-ripple-top, calc(50% - 50%));
435
- /* @noflip */
436
- /*rtl:ignore*/
401
+ /* @noflip */ /*rtl:ignore*/
437
402
  left: var(--mdc-ripple-left, calc(50% - 50%));
438
403
  width: var(--mdc-ripple-fg-size, 100%);
439
404
  height: var(--mdc-ripple-fg-size, 100%);
@@ -515,39 +480,31 @@
515
480
  }
516
481
 
517
482
  .mdc-deprecated-chip-trailing-action {
518
- /* @noflip */
519
- /*rtl:ignore*/
483
+ /* @noflip */ /*rtl:ignore*/
520
484
  margin-left: 4px;
521
- /* @noflip */
522
- /*rtl:ignore*/
485
+ /* @noflip */ /*rtl:ignore*/
523
486
  margin-right: -4px;
524
487
  }
525
488
  [dir=rtl] .mdc-deprecated-chip-trailing-action, .mdc-deprecated-chip-trailing-action[dir=rtl] {
526
489
  /*rtl:begin:ignore*/
527
- /* @noflip */
528
- /*rtl:ignore*/
490
+ /* @noflip */ /*rtl:ignore*/
529
491
  margin-left: -4px;
530
- /* @noflip */
531
- /*rtl:ignore*/
492
+ /* @noflip */ /*rtl:ignore*/
532
493
  margin-right: 4px;
533
494
  /*rtl:end:ignore*/
534
495
  }
535
496
 
536
497
  .mdc-chip__icon--trailing {
537
- /* @noflip */
538
- /*rtl:ignore*/
498
+ /* @noflip */ /*rtl:ignore*/
539
499
  margin-left: 4px;
540
- /* @noflip */
541
- /*rtl:ignore*/
500
+ /* @noflip */ /*rtl:ignore*/
542
501
  margin-right: -4px;
543
502
  }
544
503
  [dir=rtl] .mdc-chip__icon--trailing, .mdc-chip__icon--trailing[dir=rtl] {
545
504
  /*rtl:begin:ignore*/
546
- /* @noflip */
547
- /*rtl:ignore*/
505
+ /* @noflip */ /*rtl:ignore*/
548
506
  margin-left: -4px;
549
- /* @noflip */
550
- /*rtl:ignore*/
507
+ /* @noflip */ /*rtl:ignore*/
551
508
  margin-right: 4px;
552
509
  /*rtl:end:ignore*/
553
510
  }
@@ -612,20 +569,16 @@
612
569
  }
613
570
  .mdc-chip.mdc-chip--selected .mdc-chip__checkmark,
614
571
  .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) {
615
- /* @noflip */
616
- /*rtl:ignore*/
572
+ /* @noflip */ /*rtl:ignore*/
617
573
  margin-left: -4px;
618
- /* @noflip */
619
- /*rtl:ignore*/
574
+ /* @noflip */ /*rtl:ignore*/
620
575
  margin-right: 4px;
621
576
  }
622
577
  [dir=rtl] .mdc-chip.mdc-chip--selected .mdc-chip__checkmark, [dir=rtl] .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden), .mdc-chip.mdc-chip--selected .mdc-chip__checkmark[dir=rtl], .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden)[dir=rtl] {
623
578
  /*rtl:begin:ignore*/
624
- /* @noflip */
625
- /*rtl:ignore*/
579
+ /* @noflip */ /*rtl:ignore*/
626
580
  margin-left: 4px;
627
- /* @noflip */
628
- /*rtl:ignore*/
581
+ /* @noflip */ /*rtl:ignore*/
629
582
  margin-right: -4px;
630
583
  /*rtl:end:ignore*/
631
584
  }
@@ -634,8 +587,7 @@
634
587
  width: 100%;
635
588
  height: 100%;
636
589
  top: 0;
637
- /* @noflip */
638
- /*rtl:ignore*/
590
+ /* @noflip */ /*rtl:ignore*/
639
591
  left: 0;
640
592
  }
641
593
  .mdc-chip::-moz-focus-inner {
@@ -796,16 +748,14 @@
796
748
  }
797
749
  .mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::after {
798
750
  top: 0;
799
- /* @noflip */
800
- /*rtl:ignore*/
751
+ /* @noflip */ /*rtl:ignore*/
801
752
  left: 0;
802
753
  transform: scale(0);
803
754
  transform-origin: center center;
804
755
  }
805
756
  .mdc-chip.mdc-ripple-upgraded--unbounded .mdc-chip__ripple::after {
806
757
  top: var(--mdc-ripple-top, 0);
807
- /* @noflip */
808
- /*rtl:ignore*/
758
+ /* @noflip */ /*rtl:ignore*/
809
759
  left: var(--mdc-ripple-left, 0);
810
760
  }
811
761
  .mdc-chip.mdc-ripple-upgraded--foreground-activation .mdc-chip__ripple::after {
@@ -818,8 +768,7 @@
818
768
  .mdc-chip .mdc-chip__ripple::before,
819
769
  .mdc-chip .mdc-chip__ripple::after {
820
770
  top: calc(50% - 100%);
821
- /* @noflip */
822
- /*rtl:ignore*/
771
+ /* @noflip */ /*rtl:ignore*/
823
772
  left: calc(50% - 100%);
824
773
  width: 200%;
825
774
  height: 200%;
@@ -969,16 +918,14 @@
969
918
  }
970
919
  .mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after {
971
920
  top: 0;
972
- /* @noflip */
973
- /*rtl:ignore*/
921
+ /* @noflip */ /*rtl:ignore*/
974
922
  left: 0;
975
923
  transform: scale(0);
976
924
  transform-origin: center center;
977
925
  }
978
926
  .mdc-text-field--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple::after {
979
927
  top: var(--mdc-ripple-top, 0);
980
- /* @noflip */
981
- /*rtl:ignore*/
928
+ /* @noflip */ /*rtl:ignore*/
982
929
  left: var(--mdc-ripple-left, 0);
983
930
  }
984
931
  .mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple::after {
@@ -991,8 +938,7 @@
991
938
  .mdc-text-field--filled .mdc-text-field__ripple::before,
992
939
  .mdc-text-field--filled .mdc-text-field__ripple::after {
993
940
  top: calc(50% - 100%);
994
- /* @noflip */
995
- /*rtl:ignore*/
941
+ /* @noflip */ /*rtl:ignore*/
996
942
  left: calc(50% - 100%);
997
943
  width: 200%;
998
944
  height: 200%;
@@ -1184,77 +1130,61 @@
1184
1130
  }
1185
1131
 
1186
1132
  .mdc-text-field__affix--prefix {
1187
- /* @noflip */
1188
- /*rtl:ignore*/
1133
+ /* @noflip */ /*rtl:ignore*/
1189
1134
  padding-left: 0;
1190
- /* @noflip */
1191
- /*rtl:ignore*/
1135
+ /* @noflip */ /*rtl:ignore*/
1192
1136
  padding-right: 2px;
1193
1137
  }
1194
1138
  [dir=rtl] .mdc-text-field__affix--prefix, .mdc-text-field__affix--prefix[dir=rtl] {
1195
1139
  /*rtl:begin:ignore*/
1196
- /* @noflip */
1197
- /*rtl:ignore*/
1140
+ /* @noflip */ /*rtl:ignore*/
1198
1141
  padding-left: 2px;
1199
- /* @noflip */
1200
- /*rtl:ignore*/
1142
+ /* @noflip */ /*rtl:ignore*/
1201
1143
  padding-right: 0;
1202
1144
  /*rtl:end:ignore*/
1203
1145
  }
1204
1146
 
1205
1147
  .mdc-text-field--end-aligned .mdc-text-field__affix--prefix {
1206
- /* @noflip */
1207
- /*rtl:ignore*/
1148
+ /* @noflip */ /*rtl:ignore*/
1208
1149
  padding-left: 0;
1209
- /* @noflip */
1210
- /*rtl:ignore*/
1150
+ /* @noflip */ /*rtl:ignore*/
1211
1151
  padding-right: 12px;
1212
1152
  }
1213
1153
  [dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl] {
1214
1154
  /*rtl:begin:ignore*/
1215
- /* @noflip */
1216
- /*rtl:ignore*/
1155
+ /* @noflip */ /*rtl:ignore*/
1217
1156
  padding-left: 12px;
1218
- /* @noflip */
1219
- /*rtl:ignore*/
1157
+ /* @noflip */ /*rtl:ignore*/
1220
1158
  padding-right: 0;
1221
1159
  /*rtl:end:ignore*/
1222
1160
  }
1223
1161
 
1224
1162
  .mdc-text-field__affix--suffix {
1225
- /* @noflip */
1226
- /*rtl:ignore*/
1163
+ /* @noflip */ /*rtl:ignore*/
1227
1164
  padding-left: 12px;
1228
- /* @noflip */
1229
- /*rtl:ignore*/
1165
+ /* @noflip */ /*rtl:ignore*/
1230
1166
  padding-right: 0;
1231
1167
  }
1232
1168
  [dir=rtl] .mdc-text-field__affix--suffix, .mdc-text-field__affix--suffix[dir=rtl] {
1233
1169
  /*rtl:begin:ignore*/
1234
- /* @noflip */
1235
- /*rtl:ignore*/
1170
+ /* @noflip */ /*rtl:ignore*/
1236
1171
  padding-left: 0;
1237
- /* @noflip */
1238
- /*rtl:ignore*/
1172
+ /* @noflip */ /*rtl:ignore*/
1239
1173
  padding-right: 12px;
1240
1174
  /*rtl:end:ignore*/
1241
1175
  }
1242
1176
 
1243
1177
  .mdc-text-field--end-aligned .mdc-text-field__affix--suffix {
1244
- /* @noflip */
1245
- /*rtl:ignore*/
1178
+ /* @noflip */ /*rtl:ignore*/
1246
1179
  padding-left: 2px;
1247
- /* @noflip */
1248
- /*rtl:ignore*/
1180
+ /* @noflip */ /*rtl:ignore*/
1249
1181
  padding-right: 0;
1250
1182
  }
1251
1183
  [dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl] {
1252
1184
  /*rtl:begin:ignore*/
1253
- /* @noflip */
1254
- /*rtl:ignore*/
1185
+ /* @noflip */ /*rtl:ignore*/
1255
1186
  padding-left: 0;
1256
- /* @noflip */
1257
- /*rtl:ignore*/
1187
+ /* @noflip */ /*rtl:ignore*/
1258
1188
  padding-right: 2px;
1259
1189
  /*rtl:end:ignore*/
1260
1190
  }
@@ -1301,20 +1231,16 @@
1301
1231
  border-bottom-color: var(--mdc-theme-primary, #26a69a);
1302
1232
  }
1303
1233
  .mdc-text-field--filled .mdc-floating-label {
1304
- /* @noflip */
1305
- /*rtl:ignore*/
1234
+ /* @noflip */ /*rtl:ignore*/
1306
1235
  left: 16px;
1307
- /* @noflip */
1308
- /*rtl:ignore*/
1236
+ /* @noflip */ /*rtl:ignore*/
1309
1237
  right: initial;
1310
1238
  }
1311
1239
  [dir=rtl] .mdc-text-field--filled .mdc-floating-label, .mdc-text-field--filled .mdc-floating-label[dir=rtl] {
1312
1240
  /*rtl:begin:ignore*/
1313
- /* @noflip */
1314
- /*rtl:ignore*/
1241
+ /* @noflip */ /*rtl:ignore*/
1315
1242
  left: initial;
1316
- /* @noflip */
1317
- /*rtl:ignore*/
1243
+ /* @noflip */ /*rtl:ignore*/
1318
1244
  right: 16px;
1319
1245
  /*rtl:end:ignore*/
1320
1246
  }
@@ -1363,25 +1289,21 @@
1363
1289
  }
1364
1290
  @keyframes mdc-floating-label-shake-float-above-text-field-outlined {
1365
1291
  0% {
1366
- /* @noflip */
1367
- /*rtl:ignore*/
1292
+ /* @noflip */ /*rtl:ignore*/
1368
1293
  transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
1369
1294
  }
1370
1295
  33% {
1371
1296
  animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
1372
- /* @noflip */
1373
- /*rtl:ignore*/
1297
+ /* @noflip */ /*rtl:ignore*/
1374
1298
  transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
1375
1299
  }
1376
1300
  66% {
1377
1301
  animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
1378
- /* @noflip */
1379
- /*rtl:ignore*/
1302
+ /* @noflip */ /*rtl:ignore*/
1380
1303
  transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
1381
1304
  }
1382
1305
  100% {
1383
- /* @noflip */
1384
- /*rtl:ignore*/
1306
+ /* @noflip */ /*rtl:ignore*/
1385
1307
  transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
1386
1308
  }
1387
1309
  }
@@ -1406,197 +1328,159 @@
1406
1328
  border-color: var(--mdc-theme-primary, #26a69a);
1407
1329
  }
1408
1330
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
1409
- /* @noflip */
1410
- /*rtl:ignore*/
1331
+ /* @noflip */ /*rtl:ignore*/
1411
1332
  border-top-left-radius: 4px;
1412
1333
  /* @alternate */
1413
- /* @noflip */
1414
- /*rtl:ignore*/
1334
+ /* @noflip */ /*rtl:ignore*/
1415
1335
  border-top-left-radius: var(--mdc-shape-small, 4px);
1416
- /* @noflip */
1417
- /*rtl:ignore*/
1336
+ /* @noflip */ /*rtl:ignore*/
1418
1337
  border-top-right-radius: 0;
1419
- /* @noflip */
1420
- /*rtl:ignore*/
1338
+ /* @noflip */ /*rtl:ignore*/
1421
1339
  border-bottom-right-radius: 0;
1422
- /* @noflip */
1423
- /*rtl:ignore*/
1340
+ /* @noflip */ /*rtl:ignore*/
1424
1341
  border-bottom-left-radius: 4px;
1425
1342
  /* @alternate */
1426
- /* @noflip */
1427
- /*rtl:ignore*/
1343
+ /* @noflip */ /*rtl:ignore*/
1428
1344
  border-bottom-left-radius: var(--mdc-shape-small, 4px);
1429
1345
  }
1430
1346
  [dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
1431
1347
  /*rtl:begin:ignore*/
1432
- /* @noflip */
1433
- /*rtl:ignore*/
1348
+ /* @noflip */ /*rtl:ignore*/
1434
1349
  border-top-left-radius: 0;
1435
- /* @noflip */
1436
- /*rtl:ignore*/
1350
+ /* @noflip */ /*rtl:ignore*/
1437
1351
  border-top-right-radius: 4px;
1438
1352
  /* @alternate */
1439
- /* @noflip */
1440
- /*rtl:ignore*/
1353
+ /* @noflip */ /*rtl:ignore*/
1441
1354
  border-top-right-radius: var(--mdc-shape-small, 4px);
1442
- /* @noflip */
1443
- /*rtl:ignore*/
1355
+ /* @noflip */ /*rtl:ignore*/
1444
1356
  border-bottom-right-radius: 4px;
1445
1357
  /* @alternate */
1446
- /* @noflip */
1447
- /*rtl:ignore*/
1358
+ /* @noflip */ /*rtl:ignore*/
1448
1359
  border-bottom-right-radius: var(--mdc-shape-small, 4px);
1449
- /* @noflip */
1450
- /*rtl:ignore*/
1360
+ /* @noflip */ /*rtl:ignore*/
1451
1361
  border-bottom-left-radius: 0;
1452
1362
  /*rtl:end:ignore*/
1453
1363
  }
1454
1364
 
1455
- @supports (top: 0%) {
1365
+ @supports (top: max(0%)) {
1456
1366
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
1457
1367
  width: max(12px, var(--mdc-shape-small, 4px));
1458
1368
  }
1459
1369
  }
1460
- @supports (top: 0%) {
1370
+ @supports (top: max(0%)) {
1461
1371
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {
1462
1372
  max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);
1463
1373
  }
1464
1374
  }
1465
1375
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
1466
- /* @noflip */
1467
- /*rtl:ignore*/
1376
+ /* @noflip */ /*rtl:ignore*/
1468
1377
  border-top-left-radius: 0;
1469
- /* @noflip */
1470
- /*rtl:ignore*/
1378
+ /* @noflip */ /*rtl:ignore*/
1471
1379
  border-top-right-radius: 4px;
1472
1380
  /* @alternate */
1473
- /* @noflip */
1474
- /*rtl:ignore*/
1381
+ /* @noflip */ /*rtl:ignore*/
1475
1382
  border-top-right-radius: var(--mdc-shape-small, 4px);
1476
- /* @noflip */
1477
- /*rtl:ignore*/
1383
+ /* @noflip */ /*rtl:ignore*/
1478
1384
  border-bottom-right-radius: 4px;
1479
1385
  /* @alternate */
1480
- /* @noflip */
1481
- /*rtl:ignore*/
1386
+ /* @noflip */ /*rtl:ignore*/
1482
1387
  border-bottom-right-radius: var(--mdc-shape-small, 4px);
1483
- /* @noflip */
1484
- /*rtl:ignore*/
1388
+ /* @noflip */ /*rtl:ignore*/
1485
1389
  border-bottom-left-radius: 0;
1486
1390
  }
1487
1391
  [dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
1488
1392
  /*rtl:begin:ignore*/
1489
- /* @noflip */
1490
- /*rtl:ignore*/
1393
+ /* @noflip */ /*rtl:ignore*/
1491
1394
  border-top-left-radius: 4px;
1492
1395
  /* @alternate */
1493
- /* @noflip */
1494
- /*rtl:ignore*/
1396
+ /* @noflip */ /*rtl:ignore*/
1495
1397
  border-top-left-radius: var(--mdc-shape-small, 4px);
1496
- /* @noflip */
1497
- /*rtl:ignore*/
1398
+ /* @noflip */ /*rtl:ignore*/
1498
1399
  border-top-right-radius: 0;
1499
- /* @noflip */
1500
- /*rtl:ignore*/
1400
+ /* @noflip */ /*rtl:ignore*/
1501
1401
  border-bottom-right-radius: 0;
1502
- /* @noflip */
1503
- /*rtl:ignore*/
1402
+ /* @noflip */ /*rtl:ignore*/
1504
1403
  border-bottom-left-radius: 4px;
1505
1404
  /* @alternate */
1506
- /* @noflip */
1507
- /*rtl:ignore*/
1405
+ /* @noflip */ /*rtl:ignore*/
1508
1406
  border-bottom-left-radius: var(--mdc-shape-small, 4px);
1509
1407
  /*rtl:end:ignore*/
1510
1408
  }
1511
1409
 
1512
- @supports (top: 0%) {
1410
+ @supports (top: max(0%)) {
1513
1411
  .mdc-text-field--outlined {
1514
- /* @noflip */
1515
- /*rtl:ignore*/
1412
+ /* @noflip */ /*rtl:ignore*/
1516
1413
  padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
1517
1414
  }
1518
1415
  }
1519
- @supports (top: 0%) {
1416
+ @supports (top: max(0%)) {
1520
1417
  .mdc-text-field--outlined {
1521
- /* @noflip */
1522
- /*rtl:ignore*/
1418
+ /* @noflip */ /*rtl:ignore*/
1523
1419
  padding-right: max(16px, var(--mdc-shape-small, 4px));
1524
1420
  }
1525
1421
  }
1526
- @supports (top: 0%) {
1422
+ @supports (top: max(0%)) {
1527
1423
  .mdc-text-field--outlined + .mdc-text-field-helper-line {
1528
- /* @noflip */
1529
- /*rtl:ignore*/
1424
+ /* @noflip */ /*rtl:ignore*/
1530
1425
  padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
1531
1426
  }
1532
1427
  }
1533
- @supports (top: 0%) {
1428
+ @supports (top: max(0%)) {
1534
1429
  .mdc-text-field--outlined + .mdc-text-field-helper-line {
1535
- /* @noflip */
1536
- /*rtl:ignore*/
1430
+ /* @noflip */ /*rtl:ignore*/
1537
1431
  padding-right: max(16px, var(--mdc-shape-small, 4px));
1538
1432
  }
1539
1433
  }
1540
1434
  .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
1541
- /* @noflip */
1542
- /*rtl:ignore*/
1435
+ /* @noflip */ /*rtl:ignore*/
1543
1436
  padding-left: 0;
1544
1437
  }
1545
- @supports (top: 0%) {
1438
+ @supports (top: max(0%)) {
1546
1439
  .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
1547
- /* @noflip */
1548
- /*rtl:ignore*/
1440
+ /* @noflip */ /*rtl:ignore*/
1549
1441
  padding-right: max(16px, var(--mdc-shape-small, 4px));
1550
1442
  }
1551
1443
  }
1552
1444
  [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
1553
1445
  /*rtl:begin:ignore*/
1554
- /* @noflip */
1555
- /*rtl:ignore*/
1446
+ /* @noflip */ /*rtl:ignore*/
1556
1447
  padding-right: 0;
1557
1448
  /*rtl:end:ignore*/
1558
1449
  }
1559
- @supports (top: 0%) {
1450
+ @supports (top: max(0%)) {
1560
1451
  [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
1561
- /* @noflip */
1562
- /*rtl:ignore*/
1452
+ /* @noflip */ /*rtl:ignore*/
1563
1453
  padding-left: max(16px, var(--mdc-shape-small, 4px));
1564
1454
  }
1565
1455
  }
1566
1456
 
1567
1457
  .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
1568
- /* @noflip */
1569
- /*rtl:ignore*/
1458
+ /* @noflip */ /*rtl:ignore*/
1570
1459
  padding-right: 0;
1571
1460
  }
1572
- @supports (top: 0%) {
1461
+ @supports (top: max(0%)) {
1573
1462
  .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
1574
- /* @noflip */
1575
- /*rtl:ignore*/
1463
+ /* @noflip */ /*rtl:ignore*/
1576
1464
  padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
1577
1465
  }
1578
1466
  }
1579
1467
  [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
1580
1468
  /*rtl:begin:ignore*/
1581
- /* @noflip */
1582
- /*rtl:ignore*/
1469
+ /* @noflip */ /*rtl:ignore*/
1583
1470
  padding-left: 0;
1584
1471
  /*rtl:end:ignore*/
1585
1472
  }
1586
- @supports (top: 0%) {
1473
+ @supports (top: max(0%)) {
1587
1474
  [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
1588
- /* @noflip */
1589
- /*rtl:ignore*/
1475
+ /* @noflip */ /*rtl:ignore*/
1590
1476
  padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
1591
1477
  }
1592
1478
  }
1593
1479
 
1594
1480
  .mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
1595
- /* @noflip */
1596
- /*rtl:ignore*/
1481
+ /* @noflip */ /*rtl:ignore*/
1597
1482
  padding-left: 0;
1598
- /* @noflip */
1599
- /*rtl:ignore*/
1483
+ /* @noflip */ /*rtl:ignore*/
1600
1484
  padding-right: 0;
1601
1485
  }
1602
1486
  .mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
@@ -1607,20 +1491,16 @@
1607
1491
  content: none;
1608
1492
  }
1609
1493
  .mdc-text-field--outlined .mdc-floating-label {
1610
- /* @noflip */
1611
- /*rtl:ignore*/
1494
+ /* @noflip */ /*rtl:ignore*/
1612
1495
  left: 4px;
1613
- /* @noflip */
1614
- /*rtl:ignore*/
1496
+ /* @noflip */ /*rtl:ignore*/
1615
1497
  right: initial;
1616
1498
  }
1617
1499
  [dir=rtl] .mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
1618
1500
  /*rtl:begin:ignore*/
1619
- /* @noflip */
1620
- /*rtl:ignore*/
1501
+ /* @noflip */ /*rtl:ignore*/
1621
1502
  left: initial;
1622
- /* @noflip */
1623
- /*rtl:ignore*/
1503
+ /* @noflip */ /*rtl:ignore*/
1624
1504
  right: 4px;
1625
1505
  /*rtl:end:ignore*/
1626
1506
  }
@@ -1670,25 +1550,21 @@
1670
1550
  }
1671
1551
  @keyframes mdc-floating-label-shake-float-above-textarea-filled {
1672
1552
  0% {
1673
- /* @noflip */
1674
- /*rtl:ignore*/
1553
+ /* @noflip */ /*rtl:ignore*/
1675
1554
  transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
1676
1555
  }
1677
1556
  33% {
1678
1557
  animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
1679
- /* @noflip */
1680
- /*rtl:ignore*/
1558
+ /* @noflip */ /*rtl:ignore*/
1681
1559
  transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);
1682
1560
  }
1683
1561
  66% {
1684
1562
  animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
1685
- /* @noflip */
1686
- /*rtl:ignore*/
1563
+ /* @noflip */ /*rtl:ignore*/
1687
1564
  transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);
1688
1565
  }
1689
1566
  100% {
1690
- /* @noflip */
1691
- /*rtl:ignore*/
1567
+ /* @noflip */ /*rtl:ignore*/
1692
1568
  transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
1693
1569
  }
1694
1570
  }
@@ -1722,25 +1598,21 @@
1722
1598
  }
1723
1599
  @keyframes mdc-floating-label-shake-float-above-textarea-outlined {
1724
1600
  0% {
1725
- /* @noflip */
1726
- /*rtl:ignore*/
1601
+ /* @noflip */ /*rtl:ignore*/
1727
1602
  transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
1728
1603
  }
1729
1604
  33% {
1730
1605
  animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
1731
- /* @noflip */
1732
- /*rtl:ignore*/
1606
+ /* @noflip */ /*rtl:ignore*/
1733
1607
  transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
1734
1608
  }
1735
1609
  66% {
1736
1610
  animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
1737
- /* @noflip */
1738
- /*rtl:ignore*/
1611
+ /* @noflip */ /*rtl:ignore*/
1739
1612
  transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
1740
1613
  }
1741
1614
  100% {
1742
- /* @noflip */
1743
- /*rtl:ignore*/
1615
+ /* @noflip */ /*rtl:ignore*/
1744
1616
  transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
1745
1617
  }
1746
1618
  }
@@ -1793,67 +1665,55 @@
1793
1665
  transform: translateY(1px);
1794
1666
  }
1795
1667
  .mdc-text-field--outlined .mdc-text-field__resizer {
1796
- /* @noflip */
1797
- /*rtl:ignore*/
1668
+ /* @noflip */ /*rtl:ignore*/
1798
1669
  transform: translateX(-1px) translateY(-1px);
1799
1670
  }
1800
1671
  [dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer, .mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl] {
1801
1672
  /*rtl:begin:ignore*/
1802
- /* @noflip */
1803
- /*rtl:ignore*/
1673
+ /* @noflip */ /*rtl:ignore*/
1804
1674
  transform: translateX(1px) translateY(-1px);
1805
1675
  /*rtl:end:ignore*/
1806
1676
  }
1807
1677
 
1808
1678
  .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,
1809
1679
  .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter {
1810
- /* @noflip */
1811
- /*rtl:ignore*/
1680
+ /* @noflip */ /*rtl:ignore*/
1812
1681
  transform: translateX(1px) translateY(1px);
1813
1682
  }
1814
1683
  [dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input, [dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter, .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl], .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl] {
1815
1684
  /*rtl:begin:ignore*/
1816
- /* @noflip */
1817
- /*rtl:ignore*/
1685
+ /* @noflip */ /*rtl:ignore*/
1818
1686
  transform: translateX(-1px) translateY(1px);
1819
1687
  /*rtl:end:ignore*/
1820
1688
  }
1821
1689
 
1822
1690
  .mdc-text-field--with-leading-icon {
1823
- /* @noflip */
1824
- /*rtl:ignore*/
1691
+ /* @noflip */ /*rtl:ignore*/
1825
1692
  padding-left: 0;
1826
- /* @noflip */
1827
- /*rtl:ignore*/
1693
+ /* @noflip */ /*rtl:ignore*/
1828
1694
  padding-right: 16px;
1829
1695
  }
1830
1696
  [dir=rtl] .mdc-text-field--with-leading-icon, .mdc-text-field--with-leading-icon[dir=rtl] {
1831
1697
  /*rtl:begin:ignore*/
1832
- /* @noflip */
1833
- /*rtl:ignore*/
1698
+ /* @noflip */ /*rtl:ignore*/
1834
1699
  padding-left: 16px;
1835
- /* @noflip */
1836
- /*rtl:ignore*/
1700
+ /* @noflip */ /*rtl:ignore*/
1837
1701
  padding-right: 0;
1838
1702
  /*rtl:end:ignore*/
1839
1703
  }
1840
1704
 
1841
1705
  .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label {
1842
1706
  max-width: calc(100% - 48px);
1843
- /* @noflip */
1844
- /*rtl:ignore*/
1707
+ /* @noflip */ /*rtl:ignore*/
1845
1708
  left: 48px;
1846
- /* @noflip */
1847
- /*rtl:ignore*/
1709
+ /* @noflip */ /*rtl:ignore*/
1848
1710
  right: initial;
1849
1711
  }
1850
1712
  [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl] {
1851
1713
  /*rtl:begin:ignore*/
1852
- /* @noflip */
1853
- /*rtl:ignore*/
1714
+ /* @noflip */ /*rtl:ignore*/
1854
1715
  left: initial;
1855
- /* @noflip */
1856
- /*rtl:ignore*/
1716
+ /* @noflip */ /*rtl:ignore*/
1857
1717
  right: 48px;
1858
1718
  /*rtl:end:ignore*/
1859
1719
  }
@@ -1862,20 +1722,16 @@
1862
1722
  max-width: calc(100% / 0.75 - 64px / 0.75);
1863
1723
  }
1864
1724
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
1865
- /* @noflip */
1866
- /*rtl:ignore*/
1725
+ /* @noflip */ /*rtl:ignore*/
1867
1726
  left: 36px;
1868
- /* @noflip */
1869
- /*rtl:ignore*/
1727
+ /* @noflip */ /*rtl:ignore*/
1870
1728
  right: initial;
1871
1729
  }
1872
1730
  [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
1873
1731
  /*rtl:begin:ignore*/
1874
- /* @noflip */
1875
- /*rtl:ignore*/
1732
+ /* @noflip */ /*rtl:ignore*/
1876
1733
  left: initial;
1877
- /* @noflip */
1878
- /*rtl:ignore*/
1734
+ /* @noflip */ /*rtl:ignore*/
1879
1735
  right: 36px;
1880
1736
  /*rtl:end:ignore*/
1881
1737
  }
@@ -1884,14 +1740,12 @@
1884
1740
  max-width: calc(100% - 60px);
1885
1741
  }
1886
1742
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
1887
- /* @noflip */
1888
- /*rtl:ignore*/
1743
+ /* @noflip */ /*rtl:ignore*/
1889
1744
  transform: translateY(-37.25px) translateX(-32px) scale(1);
1890
1745
  }
1891
1746
  [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl] {
1892
1747
  /*rtl:begin:ignore*/
1893
- /* @noflip */
1894
- /*rtl:ignore*/
1748
+ /* @noflip */ /*rtl:ignore*/
1895
1749
  transform: translateY(-37.25px) translateX(32px) scale(1);
1896
1750
  /*rtl:end:ignore*/
1897
1751
  }
@@ -1901,14 +1755,12 @@
1901
1755
  }
1902
1756
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
1903
1757
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
1904
- /* @noflip */
1905
- /*rtl:ignore*/
1758
+ /* @noflip */ /*rtl:ignore*/
1906
1759
  transform: translateY(-34.75px) translateX(-32px) scale(0.75);
1907
1760
  }
1908
1761
  [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
1909
1762
  /*rtl:begin:ignore*/
1910
- /* @noflip */
1911
- /*rtl:ignore*/
1763
+ /* @noflip */ /*rtl:ignore*/
1912
1764
  transform: translateY(-34.75px) translateX(32px) scale(0.75);
1913
1765
  /*rtl:end:ignore*/
1914
1766
  }
@@ -1922,25 +1774,21 @@
1922
1774
  }
1923
1775
  @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
1924
1776
  0% {
1925
- /* @noflip */
1926
- /*rtl:ignore*/
1777
+ /* @noflip */ /*rtl:ignore*/
1927
1778
  transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
1928
1779
  }
1929
1780
  33% {
1930
1781
  animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
1931
- /* @noflip */
1932
- /*rtl:ignore*/
1782
+ /* @noflip */ /*rtl:ignore*/
1933
1783
  transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
1934
1784
  }
1935
1785
  66% {
1936
1786
  animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
1937
- /* @noflip */
1938
- /*rtl:ignore*/
1787
+ /* @noflip */ /*rtl:ignore*/
1939
1788
  transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
1940
1789
  }
1941
1790
  100% {
1942
- /* @noflip */
1943
- /*rtl:ignore*/
1791
+ /* @noflip */ /*rtl:ignore*/
1944
1792
  transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
1945
1793
  }
1946
1794
  }
@@ -1954,44 +1802,36 @@
1954
1802
 
1955
1803
  @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
1956
1804
  0% {
1957
- /* @noflip */
1958
- /*rtl:ignore*/
1805
+ /* @noflip */ /*rtl:ignore*/
1959
1806
  transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
1960
1807
  }
1961
1808
  33% {
1962
1809
  animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
1963
- /* @noflip */
1964
- /*rtl:ignore*/
1810
+ /* @noflip */ /*rtl:ignore*/
1965
1811
  transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
1966
1812
  }
1967
1813
  66% {
1968
1814
  animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
1969
- /* @noflip */
1970
- /*rtl:ignore*/
1815
+ /* @noflip */ /*rtl:ignore*/
1971
1816
  transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
1972
1817
  }
1973
1818
  100% {
1974
- /* @noflip */
1975
- /*rtl:ignore*/
1819
+ /* @noflip */ /*rtl:ignore*/
1976
1820
  transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
1977
1821
  }
1978
1822
  }
1979
1823
 
1980
1824
  .mdc-text-field--with-trailing-icon {
1981
- /* @noflip */
1982
- /*rtl:ignore*/
1825
+ /* @noflip */ /*rtl:ignore*/
1983
1826
  padding-left: 16px;
1984
- /* @noflip */
1985
- /*rtl:ignore*/
1827
+ /* @noflip */ /*rtl:ignore*/
1986
1828
  padding-right: 0;
1987
1829
  }
1988
1830
  [dir=rtl] .mdc-text-field--with-trailing-icon, .mdc-text-field--with-trailing-icon[dir=rtl] {
1989
1831
  /*rtl:begin:ignore*/
1990
- /* @noflip */
1991
- /*rtl:ignore*/
1832
+ /* @noflip */ /*rtl:ignore*/
1992
1833
  padding-left: 0;
1993
- /* @noflip */
1994
- /*rtl:ignore*/
1834
+ /* @noflip */ /*rtl:ignore*/
1995
1835
  padding-right: 16px;
1996
1836
  /*rtl:end:ignore*/
1997
1837
  }
@@ -2007,11 +1847,9 @@
2007
1847
  }
2008
1848
 
2009
1849
  .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
2010
- /* @noflip */
2011
- /*rtl:ignore*/
1850
+ /* @noflip */ /*rtl:ignore*/
2012
1851
  padding-left: 0;
2013
- /* @noflip */
2014
- /*rtl:ignore*/
1852
+ /* @noflip */ /*rtl:ignore*/
2015
1853
  padding-right: 0;
2016
1854
  }
2017
1855
  .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
@@ -2187,7 +2025,7 @@
2187
2025
  }
2188
2026
  @media screen and (forced-colors: active), (-ms-high-contrast: active) {
2189
2027
  .mdc-text-field--disabled .mdc-text-field-character-counter,
2190
- .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter {
2028
+ .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter {
2191
2029
  color: GrayText;
2192
2030
  }
2193
2031
  }
@@ -2218,8 +2056,8 @@
2218
2056
  }
2219
2057
  @media screen and (forced-colors: active), (-ms-high-contrast: active) {
2220
2058
  .mdc-text-field--disabled .mdc-notched-outline__leading,
2221
- .mdc-text-field--disabled .mdc-notched-outline__notch,
2222
- .mdc-text-field--disabled .mdc-notched-outline__trailing {
2059
+ .mdc-text-field--disabled .mdc-notched-outline__notch,
2060
+ .mdc-text-field--disabled .mdc-notched-outline__trailing {
2223
2061
  border-color: GrayText;
2224
2062
  }
2225
2063
  }
@@ -2245,14 +2083,12 @@
2245
2083
  }
2246
2084
 
2247
2085
  .mdc-text-field--end-aligned .mdc-text-field__input {
2248
- /* @noflip */
2249
- /*rtl:ignore*/
2086
+ /* @noflip */ /*rtl:ignore*/
2250
2087
  text-align: right;
2251
2088
  }
2252
2089
  [dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl] {
2253
2090
  /*rtl:begin:ignore*/
2254
- /* @noflip */
2255
- /*rtl:ignore*/
2091
+ /* @noflip */ /*rtl:ignore*/
2256
2092
  text-align: left;
2257
2093
  /*rtl:end:ignore*/
2258
2094
  }
@@ -2264,24 +2100,19 @@
2264
2100
  [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,
2265
2101
  [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,
2266
2102
  .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix {
2267
- /* @noflip */
2268
- /*rtl:ignore*/
2103
+ /* @noflip */ /*rtl:ignore*/
2269
2104
  direction: ltr;
2270
2105
  }
2271
2106
  [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix {
2272
- /* @noflip */
2273
- /*rtl:ignore*/
2107
+ /* @noflip */ /*rtl:ignore*/
2274
2108
  padding-left: 0;
2275
- /* @noflip */
2276
- /*rtl:ignore*/
2109
+ /* @noflip */ /*rtl:ignore*/
2277
2110
  padding-right: 2px;
2278
2111
  }
2279
2112
  [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix {
2280
- /* @noflip */
2281
- /*rtl:ignore*/
2113
+ /* @noflip */ /*rtl:ignore*/
2282
2114
  padding-left: 12px;
2283
- /* @noflip */
2284
- /*rtl:ignore*/
2115
+ /* @noflip */ /*rtl:ignore*/
2285
2116
  padding-right: 0;
2286
2117
  }
2287
2118
  [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading {
@@ -2305,18 +2136,15 @@
2305
2136
  /*rtl:end:ignore*/
2306
2137
  }
2307
2138
  [dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input {
2308
- /* @noflip */
2309
- /*rtl:ignore*/
2139
+ /* @noflip */ /*rtl:ignore*/
2310
2140
  text-align: right;
2311
2141
  }
2312
2142
  [dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix {
2313
- /* @noflip */
2314
- /*rtl:ignore*/
2143
+ /* @noflip */ /*rtl:ignore*/
2315
2144
  padding-right: 12px;
2316
2145
  }
2317
2146
  [dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix {
2318
- /* @noflip */
2319
- /*rtl:ignore*/
2147
+ /* @noflip */ /*rtl:ignore*/
2320
2148
  padding-left: 2px;
2321
2149
  }
2322
2150
 
@@ -2395,17 +2223,13 @@
2395
2223
  margin-top: 0;
2396
2224
  /* @alternate */
2397
2225
  line-height: normal;
2398
- /* @noflip */
2399
- /*rtl:ignore*/
2226
+ /* @noflip */ /*rtl:ignore*/
2400
2227
  margin-left: auto;
2401
- /* @noflip */
2402
- /*rtl:ignore*/
2228
+ /* @noflip */ /*rtl:ignore*/
2403
2229
  margin-right: 0;
2404
- /* @noflip */
2405
- /*rtl:ignore*/
2230
+ /* @noflip */ /*rtl:ignore*/
2406
2231
  padding-left: 16px;
2407
- /* @noflip */
2408
- /*rtl:ignore*/
2232
+ /* @noflip */ /*rtl:ignore*/
2409
2233
  padding-right: 0;
2410
2234
  white-space: nowrap;
2411
2235
  }
@@ -2418,22 +2242,18 @@
2418
2242
  }
2419
2243
  [dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] {
2420
2244
  /*rtl:begin:ignore*/
2421
- /* @noflip */
2422
- /*rtl:ignore*/
2245
+ /* @noflip */ /*rtl:ignore*/
2423
2246
  margin-left: 0;
2424
- /* @noflip */
2425
- /*rtl:ignore*/
2247
+ /* @noflip */ /*rtl:ignore*/
2426
2248
  margin-right: auto;
2427
2249
  /*rtl:end:ignore*/
2428
2250
  }
2429
2251
 
2430
2252
  [dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] {
2431
2253
  /*rtl:begin:ignore*/
2432
- /* @noflip */
2433
- /*rtl:ignore*/
2254
+ /* @noflip */ /*rtl:ignore*/
2434
2255
  padding-left: 0;
2435
- /* @noflip */
2436
- /*rtl:ignore*/
2256
+ /* @noflip */ /*rtl:ignore*/
2437
2257
  padding-right: 16px;
2438
2258
  /*rtl:end:ignore*/
2439
2259
  }
@@ -2451,40 +2271,32 @@
2451
2271
  }
2452
2272
 
2453
2273
  .mdc-text-field__icon--leading {
2454
- /* @noflip */
2455
- /*rtl:ignore*/
2274
+ /* @noflip */ /*rtl:ignore*/
2456
2275
  margin-left: 16px;
2457
- /* @noflip */
2458
- /*rtl:ignore*/
2276
+ /* @noflip */ /*rtl:ignore*/
2459
2277
  margin-right: 8px;
2460
2278
  }
2461
2279
  [dir=rtl] .mdc-text-field__icon--leading, .mdc-text-field__icon--leading[dir=rtl] {
2462
2280
  /*rtl:begin:ignore*/
2463
- /* @noflip */
2464
- /*rtl:ignore*/
2281
+ /* @noflip */ /*rtl:ignore*/
2465
2282
  margin-left: 8px;
2466
- /* @noflip */
2467
- /*rtl:ignore*/
2283
+ /* @noflip */ /*rtl:ignore*/
2468
2284
  margin-right: 16px;
2469
2285
  /*rtl:end:ignore*/
2470
2286
  }
2471
2287
 
2472
2288
  .mdc-text-field__icon--trailing {
2473
2289
  padding: 12px;
2474
- /* @noflip */
2475
- /*rtl:ignore*/
2290
+ /* @noflip */ /*rtl:ignore*/
2476
2291
  margin-left: 0px;
2477
- /* @noflip */
2478
- /*rtl:ignore*/
2292
+ /* @noflip */ /*rtl:ignore*/
2479
2293
  margin-right: 0px;
2480
2294
  }
2481
2295
  [dir=rtl] .mdc-text-field__icon--trailing, .mdc-text-field__icon--trailing[dir=rtl] {
2482
2296
  /*rtl:begin:ignore*/
2483
- /* @noflip */
2484
- /*rtl:ignore*/
2297
+ /* @noflip */ /*rtl:ignore*/
2485
2298
  margin-left: 0px;
2486
- /* @noflip */
2487
- /*rtl:ignore*/
2299
+ /* @noflip */ /*rtl:ignore*/
2488
2300
  margin-right: 0px;
2489
2301
  /*rtl:end:ignore*/
2490
2302
  }
@@ -2502,40 +2314,32 @@
2502
2314
  }
2503
2315
 
2504
2316
  .mdc-text-field__icon--leading {
2505
- /* @noflip */
2506
- /*rtl:ignore*/
2317
+ /* @noflip */ /*rtl:ignore*/
2507
2318
  margin-left: 16px;
2508
- /* @noflip */
2509
- /*rtl:ignore*/
2319
+ /* @noflip */ /*rtl:ignore*/
2510
2320
  margin-right: 8px;
2511
2321
  }
2512
2322
  [dir=rtl] .mdc-text-field__icon--leading, .mdc-text-field__icon--leading[dir=rtl] {
2513
2323
  /*rtl:begin:ignore*/
2514
- /* @noflip */
2515
- /*rtl:ignore*/
2324
+ /* @noflip */ /*rtl:ignore*/
2516
2325
  margin-left: 8px;
2517
- /* @noflip */
2518
- /*rtl:ignore*/
2326
+ /* @noflip */ /*rtl:ignore*/
2519
2327
  margin-right: 16px;
2520
2328
  /*rtl:end:ignore*/
2521
2329
  }
2522
2330
 
2523
2331
  .mdc-text-field__icon--trailing {
2524
2332
  padding: 12px;
2525
- /* @noflip */
2526
- /*rtl:ignore*/
2333
+ /* @noflip */ /*rtl:ignore*/
2527
2334
  margin-left: 0px;
2528
- /* @noflip */
2529
- /*rtl:ignore*/
2335
+ /* @noflip */ /*rtl:ignore*/
2530
2336
  margin-right: 0px;
2531
2337
  }
2532
2338
  [dir=rtl] .mdc-text-field__icon--trailing, .mdc-text-field__icon--trailing[dir=rtl] {
2533
2339
  /*rtl:begin:ignore*/
2534
- /* @noflip */
2535
- /*rtl:ignore*/
2340
+ /* @noflip */ /*rtl:ignore*/
2536
2341
  margin-left: 0px;
2537
- /* @noflip */
2538
- /*rtl:ignore*/
2342
+ /* @noflip */ /*rtl:ignore*/
2539
2343
  margin-right: 0px;
2540
2344
  /*rtl:end:ignore*/
2541
2345
  }