@limetech/lime-elements 36.3.0-next.3 → 36.3.0-next.30

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 (172) hide show
  1. package/README.md +2 -2
  2. package/dist/cjs/lime-elements.cjs.js +1 -1
  3. package/dist/cjs/limel-badge.cjs.entry.js +4 -6
  4. package/dist/cjs/limel-button-group.cjs.entry.js +8 -2
  5. package/dist/cjs/limel-button.cjs.entry.js +1 -2
  6. package/dist/cjs/limel-chip-set.cjs.entry.js +1 -1
  7. package/dist/cjs/limel-collapsible-section.cjs.entry.js +1 -1
  8. package/dist/cjs/limel-date-picker.cjs.entry.js +47 -7
  9. package/dist/cjs/limel-dialog.cjs.entry.js +1 -1
  10. package/dist/cjs/limel-dock-button.cjs.entry.js +7 -2
  11. package/dist/cjs/limel-dock.cjs.entry.js +1 -1
  12. package/dist/cjs/limel-flatpickr-adapter.cjs.entry.js +96 -109
  13. package/dist/cjs/limel-form.cjs.entry.js +79 -1
  14. package/dist/cjs/limel-header.cjs.entry.js +2 -2
  15. package/dist/cjs/limel-info-tile.cjs.entry.js +4 -1
  16. package/dist/cjs/limel-input-field.cjs.entry.js +2 -2
  17. package/dist/cjs/limel-menu-list.cjs.entry.js +7 -1
  18. package/dist/cjs/limel-menu.cjs.entry.js +10 -2
  19. package/dist/cjs/limel-portal.cjs.entry.js +3 -4
  20. package/dist/cjs/limel-select.cjs.entry.js +1 -1
  21. package/dist/cjs/limel-slider.cjs.entry.js +1 -1
  22. package/dist/cjs/limel-snackbar.cjs.entry.js +1 -1
  23. package/dist/cjs/limel-spinner.cjs.entry.js +1 -1
  24. package/dist/cjs/limel-split-button.cjs.entry.js +1 -1
  25. package/dist/cjs/limel-tab-bar.cjs.entry.js +1 -1
  26. package/dist/cjs/limel-tab-panel.cjs.entry.js +1 -1
  27. package/dist/cjs/loader.cjs.js +1 -1
  28. package/dist/cjs/{dateFormatter-d7a8d40d.js → sv-dffe48b5.js} +222 -173
  29. package/dist/collection/components/badge/badge.css +26 -19
  30. package/dist/collection/components/badge/badge.js +7 -7
  31. package/dist/collection/components/banner/banner.css +1 -2
  32. package/dist/collection/components/button/button.css +38 -54
  33. package/dist/collection/components/button/button.js +3 -4
  34. package/dist/collection/components/button-group/button-group.css +35 -42
  35. package/dist/collection/components/button-group/button-group.js +8 -1
  36. package/dist/collection/components/checkbox/checkbox.css +22 -45
  37. package/dist/collection/components/chip-set/chip-set.css +212 -405
  38. package/dist/collection/components/chip-set/chip-set.js +1 -1
  39. package/dist/collection/components/code-editor/code-editor.css +4 -4
  40. package/dist/collection/components/collapsible-section/collapsible-section.css +1 -0
  41. package/dist/collection/components/color-picker/color-picker-palette.css +9 -9
  42. package/dist/collection/components/date-picker/date-picker.js +30 -5
  43. package/dist/collection/components/date-picker/dateFormatter.js +7 -3
  44. package/dist/collection/components/date-picker/flatpickr-adapter/flatpickr-adapter.js +22 -1
  45. package/dist/collection/components/date-picker/pickers/Picker.js +11 -8
  46. package/dist/collection/components/dialog/dialog.css +14 -27
  47. package/dist/collection/components/dock/dock-button/dock-button.css +8 -1
  48. package/dist/collection/components/dock/dock-button/dock-button.js +6 -1
  49. package/dist/collection/components/dock/dock.css +10 -0
  50. package/dist/collection/components/dock/dock.js +1 -0
  51. package/dist/collection/components/file/file.js +1 -1
  52. package/dist/collection/components/form/form.css +91 -4
  53. package/dist/collection/components/form/form.js +1 -0
  54. package/dist/collection/components/form/form.types.js +8 -0
  55. package/dist/collection/components/form/row/row.js +47 -0
  56. package/dist/collection/components/form/templates/object-field.js +5 -0
  57. package/dist/collection/components/form/templates/row-layout.js +20 -0
  58. package/dist/collection/components/header/header.css +2 -2
  59. package/dist/collection/components/header/header.js +7 -2
  60. package/dist/collection/components/icon-button/icon-button.css +6 -12
  61. package/dist/collection/components/info-tile/info-tile.css +4 -10
  62. package/dist/collection/components/info-tile/info-tile.js +3 -0
  63. package/dist/collection/components/input-field/input-field.css +190 -363
  64. package/dist/collection/components/input-field/input-field.js +1 -1
  65. package/dist/collection/components/linear-progress/linear-progress.css +7 -14
  66. package/dist/collection/components/list/list.css +373 -747
  67. package/dist/collection/components/menu/menu.css +19 -1
  68. package/dist/collection/components/menu/menu.js +10 -1
  69. package/dist/collection/components/menu-list/menu-list-renderer.js +6 -1
  70. package/dist/collection/components/menu-list/menu-list.css +385 -748
  71. package/dist/collection/components/menu-surface/menu-surface.css +13 -26
  72. package/dist/collection/components/select/select.css +165 -322
  73. package/dist/collection/components/slider/slider.css +31 -58
  74. package/dist/collection/components/snackbar/snackbar.css +19 -34
  75. package/dist/collection/components/snackbar/snackbar.js +1 -1
  76. package/dist/collection/components/spinner/spinner.css +4 -0
  77. package/dist/collection/components/split-button/split-button.css +8 -0
  78. package/dist/collection/components/switch/switch.css +21 -49
  79. package/dist/collection/components/tab-bar/tab-bar.css +20 -19
  80. package/dist/collection/components/tab-panel/tab-panel.css +5 -0
  81. package/dist/collection/style/internal/shared_input-select-picker.scss +4 -0
  82. package/dist/collection/style/internal/z-index.scss +0 -1
  83. package/dist/esm/lime-elements.js +1 -1
  84. package/dist/esm/limel-badge.entry.js +4 -6
  85. package/dist/esm/limel-button-group.entry.js +8 -2
  86. package/dist/esm/limel-button.entry.js +1 -2
  87. package/dist/esm/limel-chip-set.entry.js +1 -1
  88. package/dist/esm/limel-collapsible-section.entry.js +1 -1
  89. package/dist/esm/limel-date-picker.entry.js +46 -6
  90. package/dist/esm/limel-dialog.entry.js +1 -1
  91. package/dist/esm/limel-dock-button.entry.js +7 -2
  92. package/dist/esm/limel-dock.entry.js +1 -1
  93. package/dist/esm/limel-flatpickr-adapter.entry.js +96 -109
  94. package/dist/esm/limel-form.entry.js +79 -1
  95. package/dist/esm/limel-header.entry.js +2 -2
  96. package/dist/esm/limel-info-tile.entry.js +4 -1
  97. package/dist/esm/limel-input-field.entry.js +2 -2
  98. package/dist/esm/limel-menu-list.entry.js +7 -1
  99. package/dist/esm/limel-menu.entry.js +10 -2
  100. package/dist/esm/limel-portal.entry.js +3 -4
  101. package/dist/esm/limel-select.entry.js +1 -1
  102. package/dist/esm/limel-slider.entry.js +1 -1
  103. package/dist/esm/limel-snackbar.entry.js +1 -1
  104. package/dist/esm/limel-spinner.entry.js +1 -1
  105. package/dist/esm/limel-split-button.entry.js +1 -1
  106. package/dist/esm/limel-tab-bar.entry.js +1 -1
  107. package/dist/esm/limel-tab-panel.entry.js +1 -1
  108. package/dist/esm/loader.js +1 -1
  109. package/dist/esm/{dateFormatter-784c3334.js → sv-336c4576.js} +222 -173
  110. package/dist/lime-elements/lime-elements.esm.js +1 -1
  111. package/dist/lime-elements/p-071e8438.entry.js +82 -0
  112. package/dist/lime-elements/{p-a8d38277.entry.js → p-10e259de.entry.js} +1 -1
  113. package/dist/lime-elements/p-2c9843fe.entry.js +16 -0
  114. package/dist/lime-elements/p-2fd478df.entry.js +1 -0
  115. package/dist/lime-elements/p-34c12f6d.entry.js +1 -0
  116. package/dist/lime-elements/p-3a7b55ce.entry.js +1 -0
  117. package/dist/lime-elements/p-3be2dfc7.entry.js +1 -0
  118. package/dist/lime-elements/{p-06f2f6b4.entry.js → p-3fda3473.entry.js} +1 -1
  119. package/dist/lime-elements/{p-65a3be2c.entry.js → p-404aca86.entry.js} +1 -1
  120. package/dist/lime-elements/p-4620a38e.entry.js +1 -0
  121. package/dist/lime-elements/{p-73df4d83.js → p-4dd9a5a5.js} +5 -3
  122. package/dist/lime-elements/{p-524bd0cc.entry.js → p-5393213b.entry.js} +1 -1
  123. package/dist/lime-elements/{p-e5213a54.entry.js → p-55c8cb64.entry.js} +4 -4
  124. package/dist/lime-elements/{p-c234a991.entry.js → p-878b61cd.entry.js} +1 -1
  125. package/dist/lime-elements/{p-864db270.entry.js → p-88e60f06.entry.js} +1 -1
  126. package/dist/lime-elements/{p-d379f4d6.entry.js → p-8c4e3b46.entry.js} +1 -1
  127. package/dist/lime-elements/{p-5f13035a.entry.js → p-95cefb5f.entry.js} +1 -1
  128. package/dist/lime-elements/p-98caf010.entry.js +1 -0
  129. package/dist/lime-elements/p-b40f37d7.entry.js +1 -0
  130. package/dist/lime-elements/p-c6c0d63c.entry.js +1 -0
  131. package/dist/lime-elements/{p-b079fc71.entry.js → p-cc3529bb.entry.js} +1 -1
  132. package/dist/lime-elements/p-d16b27b9.entry.js +1 -0
  133. package/dist/lime-elements/{p-a0c78744.entry.js → p-d3222d6c.entry.js} +1 -1
  134. package/dist/lime-elements/{p-d9c96100.entry.js → p-dcf88b3e.entry.js} +1 -1
  135. package/dist/lime-elements/p-f7875f4a.entry.js +1 -0
  136. package/dist/lime-elements/style/internal/shared_input-select-picker.scss +4 -0
  137. package/dist/lime-elements/style/internal/z-index.scss +0 -1
  138. package/dist/types/components/badge/badge.d.ts +4 -2
  139. package/dist/types/components/button/button.d.ts +3 -3
  140. package/dist/types/components/button/button.types.d.ts +4 -0
  141. package/dist/types/components/button-group/button-group.d.ts +2 -0
  142. package/dist/types/components/date-picker/date-picker.d.ts +10 -0
  143. package/dist/types/components/date-picker/date.types.d.ts +1 -1
  144. package/dist/types/components/date-picker/dateFormatter.d.ts +3 -2
  145. package/dist/types/components/date-picker/flatpickr-adapter/flatpickr-adapter.d.ts +1 -0
  146. package/dist/types/components/date-picker/pickers/Picker.d.ts +4 -2
  147. package/dist/types/components/dock/dock-button/dock-button.d.ts +1 -0
  148. package/dist/types/components/dock/dock.d.ts +1 -0
  149. package/dist/types/components/dock/dock.types.d.ts +4 -0
  150. package/dist/types/components/form/form.d.ts +1 -0
  151. package/dist/types/components/form/form.types.d.ts +16 -1
  152. package/dist/types/components/form/row/row.d.ts +16 -0
  153. package/dist/types/components/form/templates/row-layout.d.ts +11 -0
  154. package/dist/types/components/form/templates/types.d.ts +3 -0
  155. package/dist/types/components/header/header.d.ts +6 -1
  156. package/dist/types/components/menu/menu.d.ts +3 -0
  157. package/dist/types/components/menu/menu.types.d.ts +4 -0
  158. package/dist/types/components/menu-list/menu-list-renderer.d.ts +1 -0
  159. package/dist/types/components.d.ts +11 -1
  160. package/package.json +23 -20
  161. package/dist/lime-elements/p-52e18d94.entry.js +0 -1
  162. package/dist/lime-elements/p-61b3352f.entry.js +0 -1
  163. package/dist/lime-elements/p-8ca53aa2.entry.js +0 -1
  164. package/dist/lime-elements/p-90961075.entry.js +0 -1
  165. package/dist/lime-elements/p-91604294.entry.js +0 -1
  166. package/dist/lime-elements/p-95fd48d0.entry.js +0 -82
  167. package/dist/lime-elements/p-c4a89055.entry.js +0 -16
  168. package/dist/lime-elements/p-c6c37de3.entry.js +0 -1
  169. package/dist/lime-elements/p-cc9f89a9.entry.js +0 -1
  170. package/dist/lime-elements/p-d512656b.entry.js +0 -1
  171. package/dist/lime-elements/p-e6a11b73.entry.js +0 -1
  172. package/dist/lime-elements/p-f9958763.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
  }
@@ -382,16 +352,14 @@
382
352
  }
383
353
  .mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after {
384
354
  top: 0;
385
- /* @noflip */
386
- /*rtl:ignore*/
355
+ /* @noflip */ /*rtl:ignore*/
387
356
  left: 0;
388
357
  transform: scale(0);
389
358
  transform-origin: center center;
390
359
  }
391
360
  .mdc-text-field--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple::after {
392
361
  top: var(--mdc-ripple-top, 0);
393
- /* @noflip */
394
- /*rtl:ignore*/
362
+ /* @noflip */ /*rtl:ignore*/
395
363
  left: var(--mdc-ripple-left, 0);
396
364
  }
397
365
  .mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple::after {
@@ -404,8 +372,7 @@
404
372
  .mdc-text-field--filled .mdc-text-field__ripple::before,
405
373
  .mdc-text-field--filled .mdc-text-field__ripple::after {
406
374
  top: calc(50% - 100%);
407
- /* @noflip */
408
- /*rtl:ignore*/
375
+ /* @noflip */ /*rtl:ignore*/
409
376
  left: calc(50% - 100%);
410
377
  width: 200%;
411
378
  height: 200%;
@@ -597,77 +564,61 @@
597
564
  }
598
565
 
599
566
  .mdc-text-field__affix--prefix {
600
- /* @noflip */
601
- /*rtl:ignore*/
567
+ /* @noflip */ /*rtl:ignore*/
602
568
  padding-left: 0;
603
- /* @noflip */
604
- /*rtl:ignore*/
569
+ /* @noflip */ /*rtl:ignore*/
605
570
  padding-right: 2px;
606
571
  }
607
572
  [dir=rtl] .mdc-text-field__affix--prefix, .mdc-text-field__affix--prefix[dir=rtl] {
608
573
  /*rtl:begin:ignore*/
609
- /* @noflip */
610
- /*rtl:ignore*/
574
+ /* @noflip */ /*rtl:ignore*/
611
575
  padding-left: 2px;
612
- /* @noflip */
613
- /*rtl:ignore*/
576
+ /* @noflip */ /*rtl:ignore*/
614
577
  padding-right: 0;
615
578
  /*rtl:end:ignore*/
616
579
  }
617
580
 
618
581
  .mdc-text-field--end-aligned .mdc-text-field__affix--prefix {
619
- /* @noflip */
620
- /*rtl:ignore*/
582
+ /* @noflip */ /*rtl:ignore*/
621
583
  padding-left: 0;
622
- /* @noflip */
623
- /*rtl:ignore*/
584
+ /* @noflip */ /*rtl:ignore*/
624
585
  padding-right: 12px;
625
586
  }
626
587
  [dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl] {
627
588
  /*rtl:begin:ignore*/
628
- /* @noflip */
629
- /*rtl:ignore*/
589
+ /* @noflip */ /*rtl:ignore*/
630
590
  padding-left: 12px;
631
- /* @noflip */
632
- /*rtl:ignore*/
591
+ /* @noflip */ /*rtl:ignore*/
633
592
  padding-right: 0;
634
593
  /*rtl:end:ignore*/
635
594
  }
636
595
 
637
596
  .mdc-text-field__affix--suffix {
638
- /* @noflip */
639
- /*rtl:ignore*/
597
+ /* @noflip */ /*rtl:ignore*/
640
598
  padding-left: 12px;
641
- /* @noflip */
642
- /*rtl:ignore*/
599
+ /* @noflip */ /*rtl:ignore*/
643
600
  padding-right: 0;
644
601
  }
645
602
  [dir=rtl] .mdc-text-field__affix--suffix, .mdc-text-field__affix--suffix[dir=rtl] {
646
603
  /*rtl:begin:ignore*/
647
- /* @noflip */
648
- /*rtl:ignore*/
604
+ /* @noflip */ /*rtl:ignore*/
649
605
  padding-left: 0;
650
- /* @noflip */
651
- /*rtl:ignore*/
606
+ /* @noflip */ /*rtl:ignore*/
652
607
  padding-right: 12px;
653
608
  /*rtl:end:ignore*/
654
609
  }
655
610
 
656
611
  .mdc-text-field--end-aligned .mdc-text-field__affix--suffix {
657
- /* @noflip */
658
- /*rtl:ignore*/
612
+ /* @noflip */ /*rtl:ignore*/
659
613
  padding-left: 2px;
660
- /* @noflip */
661
- /*rtl:ignore*/
614
+ /* @noflip */ /*rtl:ignore*/
662
615
  padding-right: 0;
663
616
  }
664
617
  [dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl] {
665
618
  /*rtl:begin:ignore*/
666
- /* @noflip */
667
- /*rtl:ignore*/
619
+ /* @noflip */ /*rtl:ignore*/
668
620
  padding-left: 0;
669
- /* @noflip */
670
- /*rtl:ignore*/
621
+ /* @noflip */ /*rtl:ignore*/
671
622
  padding-right: 2px;
672
623
  /*rtl:end:ignore*/
673
624
  }
@@ -714,20 +665,16 @@
714
665
  border-bottom-color: var(--mdc-theme-primary, #26a69a);
715
666
  }
716
667
  .mdc-text-field--filled .mdc-floating-label {
717
- /* @noflip */
718
- /*rtl:ignore*/
668
+ /* @noflip */ /*rtl:ignore*/
719
669
  left: 16px;
720
- /* @noflip */
721
- /*rtl:ignore*/
670
+ /* @noflip */ /*rtl:ignore*/
722
671
  right: initial;
723
672
  }
724
673
  [dir=rtl] .mdc-text-field--filled .mdc-floating-label, .mdc-text-field--filled .mdc-floating-label[dir=rtl] {
725
674
  /*rtl:begin:ignore*/
726
- /* @noflip */
727
- /*rtl:ignore*/
675
+ /* @noflip */ /*rtl:ignore*/
728
676
  left: initial;
729
- /* @noflip */
730
- /*rtl:ignore*/
677
+ /* @noflip */ /*rtl:ignore*/
731
678
  right: 16px;
732
679
  /*rtl:end:ignore*/
733
680
  }
@@ -776,25 +723,21 @@
776
723
  }
777
724
  @keyframes mdc-floating-label-shake-float-above-text-field-outlined {
778
725
  0% {
779
- /* @noflip */
780
- /*rtl:ignore*/
726
+ /* @noflip */ /*rtl:ignore*/
781
727
  transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
782
728
  }
783
729
  33% {
784
730
  animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
785
- /* @noflip */
786
- /*rtl:ignore*/
731
+ /* @noflip */ /*rtl:ignore*/
787
732
  transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
788
733
  }
789
734
  66% {
790
735
  animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
791
- /* @noflip */
792
- /*rtl:ignore*/
736
+ /* @noflip */ /*rtl:ignore*/
793
737
  transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
794
738
  }
795
739
  100% {
796
- /* @noflip */
797
- /*rtl:ignore*/
740
+ /* @noflip */ /*rtl:ignore*/
798
741
  transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
799
742
  }
800
743
  }
@@ -819,197 +762,159 @@
819
762
  border-color: var(--mdc-theme-primary, #26a69a);
820
763
  }
821
764
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
822
- /* @noflip */
823
- /*rtl:ignore*/
765
+ /* @noflip */ /*rtl:ignore*/
824
766
  border-top-left-radius: 4px;
825
767
  /* @alternate */
826
- /* @noflip */
827
- /*rtl:ignore*/
768
+ /* @noflip */ /*rtl:ignore*/
828
769
  border-top-left-radius: var(--mdc-shape-small, 4px);
829
- /* @noflip */
830
- /*rtl:ignore*/
770
+ /* @noflip */ /*rtl:ignore*/
831
771
  border-top-right-radius: 0;
832
- /* @noflip */
833
- /*rtl:ignore*/
772
+ /* @noflip */ /*rtl:ignore*/
834
773
  border-bottom-right-radius: 0;
835
- /* @noflip */
836
- /*rtl:ignore*/
774
+ /* @noflip */ /*rtl:ignore*/
837
775
  border-bottom-left-radius: 4px;
838
776
  /* @alternate */
839
- /* @noflip */
840
- /*rtl:ignore*/
777
+ /* @noflip */ /*rtl:ignore*/
841
778
  border-bottom-left-radius: var(--mdc-shape-small, 4px);
842
779
  }
843
780
  [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] {
844
781
  /*rtl:begin:ignore*/
845
- /* @noflip */
846
- /*rtl:ignore*/
782
+ /* @noflip */ /*rtl:ignore*/
847
783
  border-top-left-radius: 0;
848
- /* @noflip */
849
- /*rtl:ignore*/
784
+ /* @noflip */ /*rtl:ignore*/
850
785
  border-top-right-radius: 4px;
851
786
  /* @alternate */
852
- /* @noflip */
853
- /*rtl:ignore*/
787
+ /* @noflip */ /*rtl:ignore*/
854
788
  border-top-right-radius: var(--mdc-shape-small, 4px);
855
- /* @noflip */
856
- /*rtl:ignore*/
789
+ /* @noflip */ /*rtl:ignore*/
857
790
  border-bottom-right-radius: 4px;
858
791
  /* @alternate */
859
- /* @noflip */
860
- /*rtl:ignore*/
792
+ /* @noflip */ /*rtl:ignore*/
861
793
  border-bottom-right-radius: var(--mdc-shape-small, 4px);
862
- /* @noflip */
863
- /*rtl:ignore*/
794
+ /* @noflip */ /*rtl:ignore*/
864
795
  border-bottom-left-radius: 0;
865
796
  /*rtl:end:ignore*/
866
797
  }
867
798
 
868
- @supports (top: 0%) {
799
+ @supports (top: max(0%)) {
869
800
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
870
801
  width: max(12px, var(--mdc-shape-small, 4px));
871
802
  }
872
803
  }
873
- @supports (top: 0%) {
804
+ @supports (top: max(0%)) {
874
805
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {
875
806
  max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);
876
807
  }
877
808
  }
878
809
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
879
- /* @noflip */
880
- /*rtl:ignore*/
810
+ /* @noflip */ /*rtl:ignore*/
881
811
  border-top-left-radius: 0;
882
- /* @noflip */
883
- /*rtl:ignore*/
812
+ /* @noflip */ /*rtl:ignore*/
884
813
  border-top-right-radius: 4px;
885
814
  /* @alternate */
886
- /* @noflip */
887
- /*rtl:ignore*/
815
+ /* @noflip */ /*rtl:ignore*/
888
816
  border-top-right-radius: var(--mdc-shape-small, 4px);
889
- /* @noflip */
890
- /*rtl:ignore*/
817
+ /* @noflip */ /*rtl:ignore*/
891
818
  border-bottom-right-radius: 4px;
892
819
  /* @alternate */
893
- /* @noflip */
894
- /*rtl:ignore*/
820
+ /* @noflip */ /*rtl:ignore*/
895
821
  border-bottom-right-radius: var(--mdc-shape-small, 4px);
896
- /* @noflip */
897
- /*rtl:ignore*/
822
+ /* @noflip */ /*rtl:ignore*/
898
823
  border-bottom-left-radius: 0;
899
824
  }
900
825
  [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] {
901
826
  /*rtl:begin:ignore*/
902
- /* @noflip */
903
- /*rtl:ignore*/
827
+ /* @noflip */ /*rtl:ignore*/
904
828
  border-top-left-radius: 4px;
905
829
  /* @alternate */
906
- /* @noflip */
907
- /*rtl:ignore*/
830
+ /* @noflip */ /*rtl:ignore*/
908
831
  border-top-left-radius: var(--mdc-shape-small, 4px);
909
- /* @noflip */
910
- /*rtl:ignore*/
832
+ /* @noflip */ /*rtl:ignore*/
911
833
  border-top-right-radius: 0;
912
- /* @noflip */
913
- /*rtl:ignore*/
834
+ /* @noflip */ /*rtl:ignore*/
914
835
  border-bottom-right-radius: 0;
915
- /* @noflip */
916
- /*rtl:ignore*/
836
+ /* @noflip */ /*rtl:ignore*/
917
837
  border-bottom-left-radius: 4px;
918
838
  /* @alternate */
919
- /* @noflip */
920
- /*rtl:ignore*/
839
+ /* @noflip */ /*rtl:ignore*/
921
840
  border-bottom-left-radius: var(--mdc-shape-small, 4px);
922
841
  /*rtl:end:ignore*/
923
842
  }
924
843
 
925
- @supports (top: 0%) {
844
+ @supports (top: max(0%)) {
926
845
  .mdc-text-field--outlined {
927
- /* @noflip */
928
- /*rtl:ignore*/
846
+ /* @noflip */ /*rtl:ignore*/
929
847
  padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
930
848
  }
931
849
  }
932
- @supports (top: 0%) {
850
+ @supports (top: max(0%)) {
933
851
  .mdc-text-field--outlined {
934
- /* @noflip */
935
- /*rtl:ignore*/
852
+ /* @noflip */ /*rtl:ignore*/
936
853
  padding-right: max(16px, var(--mdc-shape-small, 4px));
937
854
  }
938
855
  }
939
- @supports (top: 0%) {
856
+ @supports (top: max(0%)) {
940
857
  .mdc-text-field--outlined + .mdc-text-field-helper-line {
941
- /* @noflip */
942
- /*rtl:ignore*/
858
+ /* @noflip */ /*rtl:ignore*/
943
859
  padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
944
860
  }
945
861
  }
946
- @supports (top: 0%) {
862
+ @supports (top: max(0%)) {
947
863
  .mdc-text-field--outlined + .mdc-text-field-helper-line {
948
- /* @noflip */
949
- /*rtl:ignore*/
864
+ /* @noflip */ /*rtl:ignore*/
950
865
  padding-right: max(16px, var(--mdc-shape-small, 4px));
951
866
  }
952
867
  }
953
868
  .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
954
- /* @noflip */
955
- /*rtl:ignore*/
869
+ /* @noflip */ /*rtl:ignore*/
956
870
  padding-left: 0;
957
871
  }
958
- @supports (top: 0%) {
872
+ @supports (top: max(0%)) {
959
873
  .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
960
- /* @noflip */
961
- /*rtl:ignore*/
874
+ /* @noflip */ /*rtl:ignore*/
962
875
  padding-right: max(16px, var(--mdc-shape-small, 4px));
963
876
  }
964
877
  }
965
878
  [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
966
879
  /*rtl:begin:ignore*/
967
- /* @noflip */
968
- /*rtl:ignore*/
880
+ /* @noflip */ /*rtl:ignore*/
969
881
  padding-right: 0;
970
882
  /*rtl:end:ignore*/
971
883
  }
972
- @supports (top: 0%) {
884
+ @supports (top: max(0%)) {
973
885
  [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
974
- /* @noflip */
975
- /*rtl:ignore*/
886
+ /* @noflip */ /*rtl:ignore*/
976
887
  padding-left: max(16px, var(--mdc-shape-small, 4px));
977
888
  }
978
889
  }
979
890
 
980
891
  .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
981
- /* @noflip */
982
- /*rtl:ignore*/
892
+ /* @noflip */ /*rtl:ignore*/
983
893
  padding-right: 0;
984
894
  }
985
- @supports (top: 0%) {
895
+ @supports (top: max(0%)) {
986
896
  .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
987
- /* @noflip */
988
- /*rtl:ignore*/
897
+ /* @noflip */ /*rtl:ignore*/
989
898
  padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
990
899
  }
991
900
  }
992
901
  [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
993
902
  /*rtl:begin:ignore*/
994
- /* @noflip */
995
- /*rtl:ignore*/
903
+ /* @noflip */ /*rtl:ignore*/
996
904
  padding-left: 0;
997
905
  /*rtl:end:ignore*/
998
906
  }
999
- @supports (top: 0%) {
907
+ @supports (top: max(0%)) {
1000
908
  [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
1001
- /* @noflip */
1002
- /*rtl:ignore*/
909
+ /* @noflip */ /*rtl:ignore*/
1003
910
  padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
1004
911
  }
1005
912
  }
1006
913
 
1007
914
  .mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
1008
- /* @noflip */
1009
- /*rtl:ignore*/
915
+ /* @noflip */ /*rtl:ignore*/
1010
916
  padding-left: 0;
1011
- /* @noflip */
1012
- /*rtl:ignore*/
917
+ /* @noflip */ /*rtl:ignore*/
1013
918
  padding-right: 0;
1014
919
  }
1015
920
  .mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
@@ -1020,20 +925,16 @@
1020
925
  content: none;
1021
926
  }
1022
927
  .mdc-text-field--outlined .mdc-floating-label {
1023
- /* @noflip */
1024
- /*rtl:ignore*/
928
+ /* @noflip */ /*rtl:ignore*/
1025
929
  left: 4px;
1026
- /* @noflip */
1027
- /*rtl:ignore*/
930
+ /* @noflip */ /*rtl:ignore*/
1028
931
  right: initial;
1029
932
  }
1030
933
  [dir=rtl] .mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
1031
934
  /*rtl:begin:ignore*/
1032
- /* @noflip */
1033
- /*rtl:ignore*/
935
+ /* @noflip */ /*rtl:ignore*/
1034
936
  left: initial;
1035
- /* @noflip */
1036
- /*rtl:ignore*/
937
+ /* @noflip */ /*rtl:ignore*/
1037
938
  right: 4px;
1038
939
  /*rtl:end:ignore*/
1039
940
  }
@@ -1083,25 +984,21 @@
1083
984
  }
1084
985
  @keyframes mdc-floating-label-shake-float-above-textarea-filled {
1085
986
  0% {
1086
- /* @noflip */
1087
- /*rtl:ignore*/
987
+ /* @noflip */ /*rtl:ignore*/
1088
988
  transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
1089
989
  }
1090
990
  33% {
1091
991
  animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
1092
- /* @noflip */
1093
- /*rtl:ignore*/
992
+ /* @noflip */ /*rtl:ignore*/
1094
993
  transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);
1095
994
  }
1096
995
  66% {
1097
996
  animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
1098
- /* @noflip */
1099
- /*rtl:ignore*/
997
+ /* @noflip */ /*rtl:ignore*/
1100
998
  transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);
1101
999
  }
1102
1000
  100% {
1103
- /* @noflip */
1104
- /*rtl:ignore*/
1001
+ /* @noflip */ /*rtl:ignore*/
1105
1002
  transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
1106
1003
  }
1107
1004
  }
@@ -1135,25 +1032,21 @@
1135
1032
  }
1136
1033
  @keyframes mdc-floating-label-shake-float-above-textarea-outlined {
1137
1034
  0% {
1138
- /* @noflip */
1139
- /*rtl:ignore*/
1035
+ /* @noflip */ /*rtl:ignore*/
1140
1036
  transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
1141
1037
  }
1142
1038
  33% {
1143
1039
  animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
1144
- /* @noflip */
1145
- /*rtl:ignore*/
1040
+ /* @noflip */ /*rtl:ignore*/
1146
1041
  transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
1147
1042
  }
1148
1043
  66% {
1149
1044
  animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
1150
- /* @noflip */
1151
- /*rtl:ignore*/
1045
+ /* @noflip */ /*rtl:ignore*/
1152
1046
  transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
1153
1047
  }
1154
1048
  100% {
1155
- /* @noflip */
1156
- /*rtl:ignore*/
1049
+ /* @noflip */ /*rtl:ignore*/
1157
1050
  transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
1158
1051
  }
1159
1052
  }
@@ -1206,67 +1099,55 @@
1206
1099
  transform: translateY(1px);
1207
1100
  }
1208
1101
  .mdc-text-field--outlined .mdc-text-field__resizer {
1209
- /* @noflip */
1210
- /*rtl:ignore*/
1102
+ /* @noflip */ /*rtl:ignore*/
1211
1103
  transform: translateX(-1px) translateY(-1px);
1212
1104
  }
1213
1105
  [dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer, .mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl] {
1214
1106
  /*rtl:begin:ignore*/
1215
- /* @noflip */
1216
- /*rtl:ignore*/
1107
+ /* @noflip */ /*rtl:ignore*/
1217
1108
  transform: translateX(1px) translateY(-1px);
1218
1109
  /*rtl:end:ignore*/
1219
1110
  }
1220
1111
 
1221
1112
  .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,
1222
1113
  .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter {
1223
- /* @noflip */
1224
- /*rtl:ignore*/
1114
+ /* @noflip */ /*rtl:ignore*/
1225
1115
  transform: translateX(1px) translateY(1px);
1226
1116
  }
1227
1117
  [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] {
1228
1118
  /*rtl:begin:ignore*/
1229
- /* @noflip */
1230
- /*rtl:ignore*/
1119
+ /* @noflip */ /*rtl:ignore*/
1231
1120
  transform: translateX(-1px) translateY(1px);
1232
1121
  /*rtl:end:ignore*/
1233
1122
  }
1234
1123
 
1235
1124
  .mdc-text-field--with-leading-icon {
1236
- /* @noflip */
1237
- /*rtl:ignore*/
1125
+ /* @noflip */ /*rtl:ignore*/
1238
1126
  padding-left: 0;
1239
- /* @noflip */
1240
- /*rtl:ignore*/
1127
+ /* @noflip */ /*rtl:ignore*/
1241
1128
  padding-right: 16px;
1242
1129
  }
1243
1130
  [dir=rtl] .mdc-text-field--with-leading-icon, .mdc-text-field--with-leading-icon[dir=rtl] {
1244
1131
  /*rtl:begin:ignore*/
1245
- /* @noflip */
1246
- /*rtl:ignore*/
1132
+ /* @noflip */ /*rtl:ignore*/
1247
1133
  padding-left: 16px;
1248
- /* @noflip */
1249
- /*rtl:ignore*/
1134
+ /* @noflip */ /*rtl:ignore*/
1250
1135
  padding-right: 0;
1251
1136
  /*rtl:end:ignore*/
1252
1137
  }
1253
1138
 
1254
1139
  .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label {
1255
1140
  max-width: calc(100% - 48px);
1256
- /* @noflip */
1257
- /*rtl:ignore*/
1141
+ /* @noflip */ /*rtl:ignore*/
1258
1142
  left: 48px;
1259
- /* @noflip */
1260
- /*rtl:ignore*/
1143
+ /* @noflip */ /*rtl:ignore*/
1261
1144
  right: initial;
1262
1145
  }
1263
1146
  [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] {
1264
1147
  /*rtl:begin:ignore*/
1265
- /* @noflip */
1266
- /*rtl:ignore*/
1148
+ /* @noflip */ /*rtl:ignore*/
1267
1149
  left: initial;
1268
- /* @noflip */
1269
- /*rtl:ignore*/
1150
+ /* @noflip */ /*rtl:ignore*/
1270
1151
  right: 48px;
1271
1152
  /*rtl:end:ignore*/
1272
1153
  }
@@ -1275,20 +1156,16 @@
1275
1156
  max-width: calc(100% / 0.75 - 64px / 0.75);
1276
1157
  }
1277
1158
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
1278
- /* @noflip */
1279
- /*rtl:ignore*/
1159
+ /* @noflip */ /*rtl:ignore*/
1280
1160
  left: 36px;
1281
- /* @noflip */
1282
- /*rtl:ignore*/
1161
+ /* @noflip */ /*rtl:ignore*/
1283
1162
  right: initial;
1284
1163
  }
1285
1164
  [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] {
1286
1165
  /*rtl:begin:ignore*/
1287
- /* @noflip */
1288
- /*rtl:ignore*/
1166
+ /* @noflip */ /*rtl:ignore*/
1289
1167
  left: initial;
1290
- /* @noflip */
1291
- /*rtl:ignore*/
1168
+ /* @noflip */ /*rtl:ignore*/
1292
1169
  right: 36px;
1293
1170
  /*rtl:end:ignore*/
1294
1171
  }
@@ -1297,14 +1174,12 @@
1297
1174
  max-width: calc(100% - 60px);
1298
1175
  }
1299
1176
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
1300
- /* @noflip */
1301
- /*rtl:ignore*/
1177
+ /* @noflip */ /*rtl:ignore*/
1302
1178
  transform: translateY(-37.25px) translateX(-32px) scale(1);
1303
1179
  }
1304
1180
  [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] {
1305
1181
  /*rtl:begin:ignore*/
1306
- /* @noflip */
1307
- /*rtl:ignore*/
1182
+ /* @noflip */ /*rtl:ignore*/
1308
1183
  transform: translateY(-37.25px) translateX(32px) scale(1);
1309
1184
  /*rtl:end:ignore*/
1310
1185
  }
@@ -1314,14 +1189,12 @@
1314
1189
  }
1315
1190
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
1316
1191
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
1317
- /* @noflip */
1318
- /*rtl:ignore*/
1192
+ /* @noflip */ /*rtl:ignore*/
1319
1193
  transform: translateY(-34.75px) translateX(-32px) scale(0.75);
1320
1194
  }
1321
1195
  [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] {
1322
1196
  /*rtl:begin:ignore*/
1323
- /* @noflip */
1324
- /*rtl:ignore*/
1197
+ /* @noflip */ /*rtl:ignore*/
1325
1198
  transform: translateY(-34.75px) translateX(32px) scale(0.75);
1326
1199
  /*rtl:end:ignore*/
1327
1200
  }
@@ -1335,25 +1208,21 @@
1335
1208
  }
1336
1209
  @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
1337
1210
  0% {
1338
- /* @noflip */
1339
- /*rtl:ignore*/
1211
+ /* @noflip */ /*rtl:ignore*/
1340
1212
  transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
1341
1213
  }
1342
1214
  33% {
1343
1215
  animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
1344
- /* @noflip */
1345
- /*rtl:ignore*/
1216
+ /* @noflip */ /*rtl:ignore*/
1346
1217
  transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
1347
1218
  }
1348
1219
  66% {
1349
1220
  animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
1350
- /* @noflip */
1351
- /*rtl:ignore*/
1221
+ /* @noflip */ /*rtl:ignore*/
1352
1222
  transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
1353
1223
  }
1354
1224
  100% {
1355
- /* @noflip */
1356
- /*rtl:ignore*/
1225
+ /* @noflip */ /*rtl:ignore*/
1357
1226
  transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
1358
1227
  }
1359
1228
  }
@@ -1367,44 +1236,36 @@
1367
1236
 
1368
1237
  @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
1369
1238
  0% {
1370
- /* @noflip */
1371
- /*rtl:ignore*/
1239
+ /* @noflip */ /*rtl:ignore*/
1372
1240
  transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
1373
1241
  }
1374
1242
  33% {
1375
1243
  animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
1376
- /* @noflip */
1377
- /*rtl:ignore*/
1244
+ /* @noflip */ /*rtl:ignore*/
1378
1245
  transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
1379
1246
  }
1380
1247
  66% {
1381
1248
  animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
1382
- /* @noflip */
1383
- /*rtl:ignore*/
1249
+ /* @noflip */ /*rtl:ignore*/
1384
1250
  transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
1385
1251
  }
1386
1252
  100% {
1387
- /* @noflip */
1388
- /*rtl:ignore*/
1253
+ /* @noflip */ /*rtl:ignore*/
1389
1254
  transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
1390
1255
  }
1391
1256
  }
1392
1257
 
1393
1258
  .mdc-text-field--with-trailing-icon {
1394
- /* @noflip */
1395
- /*rtl:ignore*/
1259
+ /* @noflip */ /*rtl:ignore*/
1396
1260
  padding-left: 16px;
1397
- /* @noflip */
1398
- /*rtl:ignore*/
1261
+ /* @noflip */ /*rtl:ignore*/
1399
1262
  padding-right: 0;
1400
1263
  }
1401
1264
  [dir=rtl] .mdc-text-field--with-trailing-icon, .mdc-text-field--with-trailing-icon[dir=rtl] {
1402
1265
  /*rtl:begin:ignore*/
1403
- /* @noflip */
1404
- /*rtl:ignore*/
1266
+ /* @noflip */ /*rtl:ignore*/
1405
1267
  padding-left: 0;
1406
- /* @noflip */
1407
- /*rtl:ignore*/
1268
+ /* @noflip */ /*rtl:ignore*/
1408
1269
  padding-right: 16px;
1409
1270
  /*rtl:end:ignore*/
1410
1271
  }
@@ -1420,11 +1281,9 @@
1420
1281
  }
1421
1282
 
1422
1283
  .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
1423
- /* @noflip */
1424
- /*rtl:ignore*/
1284
+ /* @noflip */ /*rtl:ignore*/
1425
1285
  padding-left: 0;
1426
- /* @noflip */
1427
- /*rtl:ignore*/
1286
+ /* @noflip */ /*rtl:ignore*/
1428
1287
  padding-right: 0;
1429
1288
  }
1430
1289
  .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
@@ -1594,7 +1453,7 @@
1594
1453
  }
1595
1454
  @media screen and (forced-colors: active), (-ms-high-contrast: active) {
1596
1455
  .mdc-text-field--disabled .mdc-text-field-character-counter,
1597
- .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter {
1456
+ .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter {
1598
1457
  color: GrayText;
1599
1458
  }
1600
1459
  }
@@ -1625,8 +1484,8 @@
1625
1484
  }
1626
1485
  @media screen and (forced-colors: active), (-ms-high-contrast: active) {
1627
1486
  .mdc-text-field--disabled .mdc-notched-outline__leading,
1628
- .mdc-text-field--disabled .mdc-notched-outline__notch,
1629
- .mdc-text-field--disabled .mdc-notched-outline__trailing {
1487
+ .mdc-text-field--disabled .mdc-notched-outline__notch,
1488
+ .mdc-text-field--disabled .mdc-notched-outline__trailing {
1630
1489
  border-color: GrayText;
1631
1490
  }
1632
1491
  }
@@ -1652,14 +1511,12 @@
1652
1511
  }
1653
1512
 
1654
1513
  .mdc-text-field--end-aligned .mdc-text-field__input {
1655
- /* @noflip */
1656
- /*rtl:ignore*/
1514
+ /* @noflip */ /*rtl:ignore*/
1657
1515
  text-align: right;
1658
1516
  }
1659
1517
  [dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl] {
1660
1518
  /*rtl:begin:ignore*/
1661
- /* @noflip */
1662
- /*rtl:ignore*/
1519
+ /* @noflip */ /*rtl:ignore*/
1663
1520
  text-align: left;
1664
1521
  /*rtl:end:ignore*/
1665
1522
  }
@@ -1671,24 +1528,19 @@
1671
1528
  [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,
1672
1529
  [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,
1673
1530
  .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix {
1674
- /* @noflip */
1675
- /*rtl:ignore*/
1531
+ /* @noflip */ /*rtl:ignore*/
1676
1532
  direction: ltr;
1677
1533
  }
1678
1534
  [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix {
1679
- /* @noflip */
1680
- /*rtl:ignore*/
1535
+ /* @noflip */ /*rtl:ignore*/
1681
1536
  padding-left: 0;
1682
- /* @noflip */
1683
- /*rtl:ignore*/
1537
+ /* @noflip */ /*rtl:ignore*/
1684
1538
  padding-right: 2px;
1685
1539
  }
1686
1540
  [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix {
1687
- /* @noflip */
1688
- /*rtl:ignore*/
1541
+ /* @noflip */ /*rtl:ignore*/
1689
1542
  padding-left: 12px;
1690
- /* @noflip */
1691
- /*rtl:ignore*/
1543
+ /* @noflip */ /*rtl:ignore*/
1692
1544
  padding-right: 0;
1693
1545
  }
1694
1546
  [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading {
@@ -1712,18 +1564,15 @@
1712
1564
  /*rtl:end:ignore*/
1713
1565
  }
1714
1566
  [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 {
1715
- /* @noflip */
1716
- /*rtl:ignore*/
1567
+ /* @noflip */ /*rtl:ignore*/
1717
1568
  text-align: right;
1718
1569
  }
1719
1570
  [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 {
1720
- /* @noflip */
1721
- /*rtl:ignore*/
1571
+ /* @noflip */ /*rtl:ignore*/
1722
1572
  padding-right: 12px;
1723
1573
  }
1724
1574
  [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 {
1725
- /* @noflip */
1726
- /*rtl:ignore*/
1575
+ /* @noflip */ /*rtl:ignore*/
1727
1576
  padding-left: 2px;
1728
1577
  }
1729
1578
 
@@ -1802,17 +1651,13 @@
1802
1651
  margin-top: 0;
1803
1652
  /* @alternate */
1804
1653
  line-height: normal;
1805
- /* @noflip */
1806
- /*rtl:ignore*/
1654
+ /* @noflip */ /*rtl:ignore*/
1807
1655
  margin-left: auto;
1808
- /* @noflip */
1809
- /*rtl:ignore*/
1656
+ /* @noflip */ /*rtl:ignore*/
1810
1657
  margin-right: 0;
1811
- /* @noflip */
1812
- /*rtl:ignore*/
1658
+ /* @noflip */ /*rtl:ignore*/
1813
1659
  padding-left: 16px;
1814
- /* @noflip */
1815
- /*rtl:ignore*/
1660
+ /* @noflip */ /*rtl:ignore*/
1816
1661
  padding-right: 0;
1817
1662
  white-space: nowrap;
1818
1663
  }
@@ -1825,22 +1670,18 @@
1825
1670
  }
1826
1671
  [dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] {
1827
1672
  /*rtl:begin:ignore*/
1828
- /* @noflip */
1829
- /*rtl:ignore*/
1673
+ /* @noflip */ /*rtl:ignore*/
1830
1674
  margin-left: 0;
1831
- /* @noflip */
1832
- /*rtl:ignore*/
1675
+ /* @noflip */ /*rtl:ignore*/
1833
1676
  margin-right: auto;
1834
1677
  /*rtl:end:ignore*/
1835
1678
  }
1836
1679
 
1837
1680
  [dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] {
1838
1681
  /*rtl:begin:ignore*/
1839
- /* @noflip */
1840
- /*rtl:ignore*/
1682
+ /* @noflip */ /*rtl:ignore*/
1841
1683
  padding-left: 0;
1842
- /* @noflip */
1843
- /*rtl:ignore*/
1684
+ /* @noflip */ /*rtl:ignore*/
1844
1685
  padding-right: 16px;
1845
1686
  /*rtl:end:ignore*/
1846
1687
  }
@@ -1858,40 +1699,32 @@
1858
1699
  }
1859
1700
 
1860
1701
  .mdc-text-field__icon--leading {
1861
- /* @noflip */
1862
- /*rtl:ignore*/
1702
+ /* @noflip */ /*rtl:ignore*/
1863
1703
  margin-left: 16px;
1864
- /* @noflip */
1865
- /*rtl:ignore*/
1704
+ /* @noflip */ /*rtl:ignore*/
1866
1705
  margin-right: 8px;
1867
1706
  }
1868
1707
  [dir=rtl] .mdc-text-field__icon--leading, .mdc-text-field__icon--leading[dir=rtl] {
1869
1708
  /*rtl:begin:ignore*/
1870
- /* @noflip */
1871
- /*rtl:ignore*/
1709
+ /* @noflip */ /*rtl:ignore*/
1872
1710
  margin-left: 8px;
1873
- /* @noflip */
1874
- /*rtl:ignore*/
1711
+ /* @noflip */ /*rtl:ignore*/
1875
1712
  margin-right: 16px;
1876
1713
  /*rtl:end:ignore*/
1877
1714
  }
1878
1715
 
1879
1716
  .mdc-text-field__icon--trailing, a.lime-trailing-icon-for-link {
1880
1717
  padding: 12px;
1881
- /* @noflip */
1882
- /*rtl:ignore*/
1718
+ /* @noflip */ /*rtl:ignore*/
1883
1719
  margin-left: 0px;
1884
- /* @noflip */
1885
- /*rtl:ignore*/
1720
+ /* @noflip */ /*rtl:ignore*/
1886
1721
  margin-right: 0px;
1887
1722
  }
1888
1723
  [dir=rtl] .mdc-text-field__icon--trailing, [dir=rtl] a.lime-trailing-icon-for-link, .mdc-text-field__icon--trailing[dir=rtl], a[dir=rtl].lime-trailing-icon-for-link {
1889
1724
  /*rtl:begin:ignore*/
1890
- /* @noflip */
1891
- /*rtl:ignore*/
1725
+ /* @noflip */ /*rtl:ignore*/
1892
1726
  margin-left: 0px;
1893
- /* @noflip */
1894
- /*rtl:ignore*/
1727
+ /* @noflip */ /*rtl:ignore*/
1895
1728
  margin-right: 0px;
1896
1729
  /*rtl:end:ignore*/
1897
1730
  }
@@ -1909,40 +1742,32 @@
1909
1742
  }
1910
1743
 
1911
1744
  .mdc-text-field__icon--leading {
1912
- /* @noflip */
1913
- /*rtl:ignore*/
1745
+ /* @noflip */ /*rtl:ignore*/
1914
1746
  margin-left: 16px;
1915
- /* @noflip */
1916
- /*rtl:ignore*/
1747
+ /* @noflip */ /*rtl:ignore*/
1917
1748
  margin-right: 8px;
1918
1749
  }
1919
1750
  [dir=rtl] .mdc-text-field__icon--leading, .mdc-text-field__icon--leading[dir=rtl] {
1920
1751
  /*rtl:begin:ignore*/
1921
- /* @noflip */
1922
- /*rtl:ignore*/
1752
+ /* @noflip */ /*rtl:ignore*/
1923
1753
  margin-left: 8px;
1924
- /* @noflip */
1925
- /*rtl:ignore*/
1754
+ /* @noflip */ /*rtl:ignore*/
1926
1755
  margin-right: 16px;
1927
1756
  /*rtl:end:ignore*/
1928
1757
  }
1929
1758
 
1930
1759
  .mdc-text-field__icon--trailing, a.lime-trailing-icon-for-link {
1931
1760
  padding: 12px;
1932
- /* @noflip */
1933
- /*rtl:ignore*/
1761
+ /* @noflip */ /*rtl:ignore*/
1934
1762
  margin-left: 0px;
1935
- /* @noflip */
1936
- /*rtl:ignore*/
1763
+ /* @noflip */ /*rtl:ignore*/
1937
1764
  margin-right: 0px;
1938
1765
  }
1939
1766
  [dir=rtl] .mdc-text-field__icon--trailing, [dir=rtl] a.lime-trailing-icon-for-link, .mdc-text-field__icon--trailing[dir=rtl], a[dir=rtl].lime-trailing-icon-for-link {
1940
1767
  /*rtl:begin:ignore*/
1941
- /* @noflip */
1942
- /*rtl:ignore*/
1768
+ /* @noflip */ /*rtl:ignore*/
1943
1769
  margin-left: 0px;
1944
- /* @noflip */
1945
- /*rtl:ignore*/
1770
+ /* @noflip */ /*rtl:ignore*/
1946
1771
  margin-right: 0px;
1947
1772
  /*rtl:end:ignore*/
1948
1773
  }
@@ -1998,6 +1823,7 @@
1998
1823
  }
1999
1824
 
2000
1825
  .mdc-text-field__icon {
1826
+ color: rgb(var(--contrast-900));
2001
1827
  flex-shrink: 0;
2002
1828
  }
2003
1829
 
@@ -2062,6 +1888,7 @@
2062
1888
  }
2063
1889
 
2064
1890
  .mdc-text-field__icon {
1891
+ color: rgb(var(--contrast-900));
2065
1892
  width: 1.5rem;
2066
1893
  height: 1.5rem;
2067
1894
  }