@limetech/lime-elements 35.0.0-next.9 → 35.0.0

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 (266) hide show
  1. package/dist/cjs/checkbox.template-b6c6562c.js +43 -0
  2. package/dist/cjs/{component-f7ef9087.js → component-66df95e7.js} +190 -132
  3. package/dist/cjs/{component-f532119f.js → component-67144c1c.js} +47 -3
  4. package/dist/cjs/{component-ed21410d.js → component-ae3bfacf.js} +367 -235
  5. package/dist/cjs/{component-2faaa141.js → component-cf490570.js} +213 -143
  6. package/dist/cjs/{component-10dbdd60.js → component-dd795ff0.js} +7 -5
  7. package/dist/cjs/{dateFormatter-26eac73a.js → dateFormatter-34b77ead.js} +37 -31
  8. package/dist/cjs/{index-e63a89d7.js → index-2a28697b.js} +27 -1
  9. package/dist/cjs/lime-elements.cjs.js +3 -3
  10. package/dist/cjs/limel-badge.cjs.entry.js +4 -4
  11. package/dist/cjs/limel-banner.cjs.entry.js +2 -2
  12. package/dist/cjs/limel-button-group.cjs.entry.js +3 -3
  13. package/dist/cjs/limel-button.cjs.entry.js +3 -3
  14. package/dist/cjs/limel-checkbox.cjs.entry.js +136 -90
  15. package/dist/cjs/limel-chip-set.cjs.entry.js +235 -191
  16. package/dist/cjs/limel-circular-progress.cjs.entry.js +3 -3
  17. package/dist/cjs/limel-code-editor.cjs.entry.js +50 -23
  18. package/dist/cjs/limel-collapsible-section.cjs.entry.js +2 -2
  19. package/dist/cjs/limel-color-picker-palette_2.cjs.entry.js +3 -3
  20. package/dist/cjs/limel-color-picker.cjs.entry.js +2 -2
  21. package/dist/cjs/limel-config.cjs.entry.js +2 -2
  22. package/dist/cjs/limel-date-picker.cjs.entry.js +8 -8
  23. package/dist/cjs/limel-dialog.cjs.entry.js +9 -10
  24. package/dist/cjs/limel-file.cjs.entry.js +11 -9
  25. package/dist/cjs/limel-flatpickr-adapter.cjs.entry.js +971 -657
  26. package/dist/cjs/limel-flex-container.cjs.entry.js +6 -2
  27. package/dist/cjs/limel-form.cjs.entry.js +423 -449
  28. package/dist/cjs/limel-grid.cjs.entry.js +2 -2
  29. package/dist/cjs/limel-header.cjs.entry.js +2 -2
  30. package/dist/cjs/limel-icon-button.cjs.entry.js +6 -6
  31. package/dist/cjs/limel-icon.cjs.entry.js +2 -2
  32. package/dist/cjs/limel-input-field.cjs.entry.js +12 -10
  33. package/dist/cjs/limel-linear-progress.cjs.entry.js +4 -4
  34. package/dist/cjs/limel-list_3.cjs.entry.js +154 -91
  35. package/dist/cjs/limel-menu-list.cjs.entry.js +87 -74
  36. package/dist/cjs/limel-menu.cjs.entry.js +2 -2
  37. package/dist/cjs/limel-picker.cjs.entry.js +4 -7
  38. package/dist/cjs/limel-popover-surface.cjs.entry.js +3 -3
  39. package/dist/cjs/limel-progress-flow-item.cjs.entry.js +2 -2
  40. package/dist/cjs/limel-progress-flow.cjs.entry.js +2 -2
  41. package/dist/cjs/limel-select.cjs.entry.js +6 -6
  42. package/dist/cjs/limel-slider.cjs.entry.js +34 -7
  43. package/dist/cjs/limel-snackbar.cjs.entry.js +79 -73
  44. package/dist/cjs/limel-spinner.cjs.entry.js +2 -2
  45. package/dist/cjs/limel-switch.cjs.entry.js +498 -202
  46. package/dist/cjs/limel-tab-bar.cjs.entry.js +263 -186
  47. package/dist/cjs/limel-tab-panel.cjs.entry.js +2 -2
  48. package/dist/cjs/limel-table.cjs.entry.js +73 -13
  49. package/dist/cjs/limel-tooltip_2.cjs.entry.js +3 -3
  50. package/dist/cjs/loader.cjs.js +3 -3
  51. package/dist/cjs/{moment-d287c0ed.js → moment-5c6581b7.js} +94 -79
  52. package/dist/collection/collection-manifest.json +2 -2
  53. package/dist/collection/components/badge/badge.css +9 -15
  54. package/dist/collection/components/badge/badge.js +2 -2
  55. package/dist/collection/components/button/button.css +333 -145
  56. package/dist/collection/components/button-group/button-group.css +30 -5
  57. package/dist/collection/components/checkbox/checkbox.css +71 -20
  58. package/dist/collection/components/checkbox/checkbox.js +5 -4
  59. package/dist/collection/components/checkbox/checkbox.template.js +24 -20
  60. package/dist/collection/components/chip-set/chip-set.css +367 -34
  61. package/dist/collection/components/circular-progress/circular-progress.css +2 -2
  62. package/dist/collection/components/code-editor/code-editor.css +8 -13
  63. package/dist/collection/components/date-picker/flatpickr-adapter/flatpickr-adapter.css +1 -1
  64. package/dist/collection/components/dialog/dialog.css +153 -109
  65. package/dist/collection/components/dialog/dialog.js +7 -0
  66. package/dist/collection/components/file/icon-background-colors.js +2 -1
  67. package/dist/collection/components/file/icon-fill-colors.js +2 -1
  68. package/dist/collection/components/file/icons.js +1 -1
  69. package/dist/collection/components/flex-container/flex-container.js +10 -0
  70. package/dist/collection/components/form/fields/schema-field.js +0 -1
  71. package/dist/collection/components/form/form.css +5 -1
  72. package/dist/collection/components/form/form.js +34 -0
  73. package/dist/collection/components/form/form.types.js +0 -1
  74. package/dist/collection/components/form/templates/common.js +4 -1
  75. package/dist/collection/components/icon-button/icon-button.css +116 -59
  76. package/dist/collection/components/icon-button/icon-button.js +1 -0
  77. package/dist/collection/components/input-field/input-field.css +344 -29
  78. package/dist/collection/components/input-field/input-field.js +5 -3
  79. package/dist/collection/components/linear-progress/linear-progress.css +14 -2
  80. package/dist/collection/components/list/list-renderer.js +1 -4
  81. package/dist/collection/components/list/list.css +938 -93
  82. package/dist/collection/components/list/list.js +13 -6
  83. package/dist/collection/components/menu-list/menu-list-renderer.js +1 -4
  84. package/dist/collection/components/menu-list/menu-list.css +938 -93
  85. package/dist/collection/components/menu-surface/menu-surface.css +31 -7
  86. package/dist/collection/components/picker/picker.js +4 -6
  87. package/dist/collection/components/popover-surface/popover-surface.css +1 -0
  88. package/dist/collection/components/select/select.css +424 -17
  89. package/dist/collection/components/select/select.template.js +1 -1
  90. package/dist/collection/components/slider/slider.css +49 -2
  91. package/dist/collection/components/snackbar/snackbar.css +588 -301
  92. package/dist/collection/components/switch/switch.css +592 -222
  93. package/dist/collection/components/switch/switch.js +18 -12
  94. package/dist/collection/components/tab-bar/tab-bar.css +77 -48
  95. package/dist/collection/components/table/table.css +219 -165
  96. package/dist/collection/components/table/table.js +99 -15
  97. package/dist/collection/components/table/table.types.js +0 -1
  98. package/dist/collection/style/functions.scss +3 -1
  99. package/dist/collection/style/internal/lime-theme.scss +30 -31
  100. package/dist/collection/style/internal/lime-typography.scss +55 -56
  101. package/dist/esm/checkbox.template-2f1bbc98.js +41 -0
  102. package/dist/esm/{component-89e0ce26.js → component-19eb6e2b.js} +7 -5
  103. package/dist/esm/{component-2630c3d7.js → component-288691f3.js} +367 -235
  104. package/dist/esm/{component-d682c974.js → component-410aad5a.js} +44 -4
  105. package/dist/esm/{component-429e92ee.js → component-5b4ac85a.js} +213 -143
  106. package/dist/esm/{component-834d85a1.js → component-fffa3419.js} +190 -132
  107. package/dist/esm/{dateFormatter-c9b41548.js → dateFormatter-ed618478.js} +37 -31
  108. package/dist/esm/{index-2316f345.js → index-11cd0b60.js} +27 -1
  109. package/dist/esm/lime-elements.js +3 -3
  110. package/dist/esm/limel-badge.entry.js +4 -4
  111. package/dist/esm/limel-banner.entry.js +2 -2
  112. package/dist/esm/limel-button-group.entry.js +3 -3
  113. package/dist/esm/limel-button.entry.js +3 -3
  114. package/dist/esm/limel-checkbox.entry.js +136 -90
  115. package/dist/esm/limel-chip-set.entry.js +235 -191
  116. package/dist/esm/limel-circular-progress.entry.js +3 -3
  117. package/dist/esm/limel-code-editor.entry.js +50 -23
  118. package/dist/esm/limel-collapsible-section.entry.js +2 -2
  119. package/dist/esm/limel-color-picker-palette_2.entry.js +3 -3
  120. package/dist/esm/limel-color-picker.entry.js +2 -2
  121. package/dist/esm/limel-config.entry.js +2 -2
  122. package/dist/esm/limel-date-picker.entry.js +8 -8
  123. package/dist/esm/limel-dialog.entry.js +9 -10
  124. package/dist/esm/limel-file.entry.js +11 -9
  125. package/dist/esm/limel-flatpickr-adapter.entry.js +971 -657
  126. package/dist/esm/limel-flex-container.entry.js +6 -2
  127. package/dist/esm/limel-form.entry.js +424 -450
  128. package/dist/esm/limel-grid.entry.js +2 -2
  129. package/dist/esm/limel-header.entry.js +2 -2
  130. package/dist/esm/limel-icon-button.entry.js +6 -6
  131. package/dist/esm/limel-icon.entry.js +2 -2
  132. package/dist/esm/limel-input-field.entry.js +12 -10
  133. package/dist/esm/limel-linear-progress.entry.js +4 -4
  134. package/dist/esm/limel-list_3.entry.js +154 -91
  135. package/dist/esm/limel-menu-list.entry.js +87 -74
  136. package/dist/esm/limel-menu.entry.js +2 -2
  137. package/dist/esm/limel-picker.entry.js +4 -7
  138. package/dist/esm/limel-popover-surface.entry.js +3 -3
  139. package/dist/esm/limel-progress-flow-item.entry.js +2 -2
  140. package/dist/esm/limel-progress-flow.entry.js +2 -2
  141. package/dist/esm/limel-select.entry.js +6 -6
  142. package/dist/esm/limel-slider.entry.js +34 -7
  143. package/dist/esm/limel-snackbar.entry.js +79 -73
  144. package/dist/esm/limel-spinner.entry.js +2 -2
  145. package/dist/esm/limel-switch.entry.js +498 -202
  146. package/dist/esm/limel-tab-bar.entry.js +263 -186
  147. package/dist/esm/limel-tab-panel.entry.js +2 -2
  148. package/dist/esm/limel-table.entry.js +73 -13
  149. package/dist/esm/limel-tooltip_2.entry.js +3 -3
  150. package/dist/esm/loader.js +3 -3
  151. package/dist/esm/{moment-8dadd938.js → moment-29c213b7.js} +94 -79
  152. package/dist/esm/polyfills/css-shim.js +1 -1
  153. package/dist/lime-elements/lime-elements.esm.js +1 -1
  154. package/dist/lime-elements/p-04b5bc13.entry.js +82 -0
  155. package/dist/lime-elements/p-101af376.entry.js +1 -0
  156. package/dist/lime-elements/p-1c284626.js +73 -0
  157. package/dist/lime-elements/p-1ede893b.js +1 -0
  158. package/dist/lime-elements/p-2639edf9.entry.js +73 -0
  159. package/dist/lime-elements/p-2da6e2a3.entry.js +1 -0
  160. package/dist/lime-elements/p-2ff40ce6.js +3 -0
  161. package/dist/lime-elements/{p-887d5bda.entry.js → p-358706b6.entry.js} +1 -1
  162. package/dist/lime-elements/p-36ecbd03.entry.js +1 -0
  163. package/dist/lime-elements/p-404e1465.entry.js +1 -0
  164. package/dist/lime-elements/p-42b67933.entry.js +1 -0
  165. package/dist/lime-elements/p-440454ed.entry.js +1 -0
  166. package/dist/lime-elements/{p-076bd4dc.js → p-48d4ef20.js} +3 -3
  167. package/dist/lime-elements/p-53e01330.entry.js +1 -0
  168. package/dist/lime-elements/p-5908c21d.entry.js +1 -0
  169. package/dist/lime-elements/p-5b7a8c61.entry.js +20 -0
  170. package/dist/lime-elements/p-63e25a0a.entry.js +1 -0
  171. package/dist/lime-elements/p-6e7809a6.entry.js +1 -0
  172. package/dist/lime-elements/p-705334c1.entry.js +1 -0
  173. package/dist/lime-elements/p-716a6acd.entry.js +16 -0
  174. package/dist/lime-elements/p-71efe2ca.entry.js +37 -0
  175. package/dist/lime-elements/{p-e1928c0e.js → p-72e03943.js} +1 -1
  176. package/dist/lime-elements/p-80327bb8.entry.js +16 -0
  177. package/dist/lime-elements/p-83ea517b.entry.js +1 -0
  178. package/dist/lime-elements/p-87a1e1cb.entry.js +1 -0
  179. package/dist/lime-elements/{p-8ad5e143.entry.js → p-94899019.entry.js} +1 -1
  180. package/dist/lime-elements/p-95f275ab.entry.js +1 -0
  181. package/dist/lime-elements/p-96f4b892.entry.js +131 -0
  182. package/dist/lime-elements/p-97d6c4a6.entry.js +1 -0
  183. package/dist/lime-elements/p-a465084b.entry.js +82 -0
  184. package/dist/lime-elements/p-a5af84a7.entry.js +1 -0
  185. package/dist/lime-elements/p-b91dc1ef.entry.js +1 -0
  186. package/dist/lime-elements/p-bd8c9384.entry.js +1 -0
  187. package/dist/lime-elements/p-c4b38454.entry.js +1 -0
  188. package/dist/lime-elements/p-c7953a05.entry.js +82 -0
  189. package/dist/lime-elements/p-c80acfb2.entry.js +59 -0
  190. package/dist/lime-elements/p-cbc43682.js +81 -0
  191. package/dist/lime-elements/{p-ace9affc.js → p-d0a7de87.js} +2 -2
  192. package/dist/lime-elements/p-d1ee4501.entry.js +37 -0
  193. package/dist/lime-elements/p-d74fa89e.entry.js +1 -0
  194. package/dist/lime-elements/p-da962c64.entry.js +1 -0
  195. package/dist/lime-elements/p-dfba92de.js +126 -0
  196. package/dist/lime-elements/p-dfbe015e.entry.js +1 -0
  197. package/dist/lime-elements/p-e83dddcd.entry.js +126 -0
  198. package/dist/lime-elements/p-e98d76e8.entry.js +59 -0
  199. package/dist/lime-elements/{p-92146da6.js → p-e9a95b8f.js} +1 -1
  200. package/dist/lime-elements/p-eae8c615.entry.js +1 -0
  201. package/dist/lime-elements/p-ed65468d.entry.js +1 -0
  202. package/dist/lime-elements/p-f0c9dadd.entry.js +1 -0
  203. package/dist/lime-elements/style/functions.scss +3 -1
  204. package/dist/lime-elements/style/internal/lime-theme.scss +30 -31
  205. package/dist/lime-elements/style/internal/lime-typography.scss +55 -56
  206. package/dist/types/components/badge/badge.d.ts +1 -1
  207. package/dist/types/components/checkbox/checkbox.d.ts +3 -2
  208. package/dist/types/components/checkbox/checkbox.template.d.ts +1 -0
  209. package/dist/types/components/dialog/dialog.d.ts +7 -0
  210. package/dist/types/components/flex-container/flex-container.d.ts +7 -0
  211. package/dist/types/components/form/fields/array-field.d.ts +0 -1
  212. package/dist/types/components/form/fields/object-field.d.ts +2 -2
  213. package/dist/types/components/form/form.d.ts +8 -1
  214. package/dist/types/components/form/form.types.d.ts +6 -0
  215. package/dist/types/components/picker/picker.d.ts +2 -1
  216. package/dist/types/components/switch/switch.d.ts +2 -2
  217. package/dist/types/components/table/table.d.ts +10 -1
  218. package/dist/types/components/table/table.types.d.ts +13 -0
  219. package/dist/types/components.d.ts +20 -4
  220. package/dist/types/stencil-public-runtime.d.ts +6 -4
  221. package/package.json +30 -43
  222. package/dist/cjs/checkbox.template-50eb8b76.js +0 -39
  223. package/dist/esm/checkbox.template-50f7c07b.js +0 -37
  224. package/dist/lime-elements/p-041ae00c.entry.js +0 -1
  225. package/dist/lime-elements/p-0ce9165f.entry.js +0 -1
  226. package/dist/lime-elements/p-0fd208f3.entry.js +0 -82
  227. package/dist/lime-elements/p-143705b1.entry.js +0 -1
  228. package/dist/lime-elements/p-1876a96a.entry.js +0 -1
  229. package/dist/lime-elements/p-1fb5340d.entry.js +0 -1
  230. package/dist/lime-elements/p-250f55be.js +0 -1
  231. package/dist/lime-elements/p-29f054cc.entry.js +0 -37
  232. package/dist/lime-elements/p-31fecf5d.entry.js +0 -1
  233. package/dist/lime-elements/p-34c7872e.entry.js +0 -1
  234. package/dist/lime-elements/p-3ae6bb75.entry.js +0 -82
  235. package/dist/lime-elements/p-3ae6dfba.entry.js +0 -73
  236. package/dist/lime-elements/p-468e940e.entry.js +0 -16
  237. package/dist/lime-elements/p-4932c029.entry.js +0 -1
  238. package/dist/lime-elements/p-4b5af81b.entry.js +0 -1
  239. package/dist/lime-elements/p-510bb5a4.entry.js +0 -1
  240. package/dist/lime-elements/p-58cbe99d.entry.js +0 -1
  241. package/dist/lime-elements/p-597cbe05.entry.js +0 -1
  242. package/dist/lime-elements/p-6003f817.entry.js +0 -1
  243. package/dist/lime-elements/p-668795a7.js +0 -73
  244. package/dist/lime-elements/p-714fde78.entry.js +0 -1
  245. package/dist/lime-elements/p-7476efe0.entry.js +0 -1
  246. package/dist/lime-elements/p-8a2c1038.entry.js +0 -16
  247. package/dist/lime-elements/p-902347b9.js +0 -81
  248. package/dist/lime-elements/p-90c6fa15.js +0 -126
  249. package/dist/lime-elements/p-90f3e17c.entry.js +0 -37
  250. package/dist/lime-elements/p-a2cf74c1.entry.js +0 -1
  251. package/dist/lime-elements/p-a397bab7.js +0 -3
  252. package/dist/lime-elements/p-a4c532a7.entry.js +0 -1
  253. package/dist/lime-elements/p-be56ffab.entry.js +0 -1
  254. package/dist/lime-elements/p-c306c953.entry.js +0 -1
  255. package/dist/lime-elements/p-c35874db.entry.js +0 -1
  256. package/dist/lime-elements/p-c8c8a946.entry.js +0 -59
  257. package/dist/lime-elements/p-ca664c9f.entry.js +0 -1
  258. package/dist/lime-elements/p-d2c74396.entry.js +0 -1
  259. package/dist/lime-elements/p-d48ad9f7.entry.js +0 -126
  260. package/dist/lime-elements/p-d93a3b07.entry.js +0 -16
  261. package/dist/lime-elements/p-df8faeb4.entry.js +0 -59
  262. package/dist/lime-elements/p-dfe0a58b.entry.js +0 -1
  263. package/dist/lime-elements/p-e275f502.entry.js +0 -37
  264. package/dist/lime-elements/p-e881e98d.entry.js +0 -1
  265. package/dist/lime-elements/p-f2c706b8.entry.js +0 -131
  266. package/dist/lime-elements/p-fc30b8e3.entry.js +0 -1
@@ -71,13 +71,18 @@
71
71
  max-width: 100%;
72
72
  height: 100%;
73
73
  /* @noflip */
74
+ /*rtl:ignore*/
74
75
  text-align: left;
75
76
  pointer-events: none;
76
77
  }
77
78
  [dir=rtl] .mdc-notched-outline, .mdc-notched-outline[dir=rtl] {
79
+ /*rtl:begin:ignore*/
78
80
  /* @noflip */
81
+ /*rtl:ignore*/
79
82
  text-align: right;
83
+ /*rtl:end:ignore*/
80
84
  }
85
+
81
86
  .mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
82
87
  box-sizing: border-box;
83
88
  height: 100%;
@@ -87,30 +92,44 @@
87
92
  }
88
93
  .mdc-notched-outline__leading {
89
94
  /* @noflip */
95
+ /*rtl:ignore*/
90
96
  border-left: 1px solid;
91
97
  /* @noflip */
98
+ /*rtl:ignore*/
92
99
  border-right: none;
93
100
  width: 12px;
94
101
  }
95
102
  [dir=rtl] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir=rtl] {
103
+ /*rtl:begin:ignore*/
96
104
  /* @noflip */
105
+ /*rtl:ignore*/
97
106
  border-left: none;
98
107
  /* @noflip */
108
+ /*rtl:ignore*/
99
109
  border-right: 1px solid;
110
+ /*rtl:end:ignore*/
100
111
  }
112
+
101
113
  .mdc-notched-outline__trailing {
102
114
  /* @noflip */
115
+ /*rtl:ignore*/
103
116
  border-left: none;
104
117
  /* @noflip */
118
+ /*rtl:ignore*/
105
119
  border-right: 1px solid;
106
120
  flex-grow: 1;
107
121
  }
108
122
  [dir=rtl] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir=rtl] {
123
+ /*rtl:begin:ignore*/
109
124
  /* @noflip */
125
+ /*rtl:ignore*/
110
126
  border-left: 1px solid;
111
127
  /* @noflip */
128
+ /*rtl:ignore*/
112
129
  border-right: none;
130
+ /*rtl:end:ignore*/
113
131
  }
132
+
114
133
  .mdc-notched-outline__notch {
115
134
  flex: 0 0 auto;
116
135
  width: auto;
@@ -125,21 +144,27 @@
125
144
  text-overflow: clip;
126
145
  }
127
146
  .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
128
- max-width: calc(100% / 0.75);
147
+ max-width: 133.3333333333%;
129
148
  }
130
149
 
131
150
  .mdc-notched-outline--notched .mdc-notched-outline__notch {
132
151
  /* @noflip */
152
+ /*rtl:ignore*/
133
153
  padding-left: 0;
134
154
  /* @noflip */
155
+ /*rtl:ignore*/
135
156
  padding-right: 8px;
136
157
  border-top: none;
137
158
  }
138
159
  [dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] {
160
+ /*rtl:begin:ignore*/
139
161
  /* @noflip */
162
+ /*rtl:ignore*/
140
163
  padding-left: 8px;
141
164
  /* @noflip */
165
+ /*rtl:ignore*/
142
166
  padding-right: 0;
167
+ /*rtl:end:ignore*/
143
168
  }
144
169
 
145
170
  .mdc-notched-outline--no-label .mdc-notched-outline__notch {
@@ -169,10 +194,13 @@
169
194
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
170
195
  position: absolute;
171
196
  /* @noflip */
197
+ /*rtl:ignore*/
172
198
  left: 0;
173
199
  /* @noflip */
200
+ /*rtl:ignore*/
174
201
  -webkit-transform-origin: left top;
175
202
  /* @noflip */
203
+ /*rtl:ignore*/
176
204
  transform-origin: left top;
177
205
  line-height: 1.15rem;
178
206
  text-align: left;
@@ -185,16 +213,23 @@
185
213
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
186
214
  }
187
215
  [dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] {
216
+ /*rtl:begin:ignore*/
188
217
  /* @noflip */
218
+ /*rtl:ignore*/
189
219
  right: 0;
190
220
  /* @noflip */
221
+ /*rtl:ignore*/
191
222
  left: auto;
192
223
  /* @noflip */
224
+ /*rtl:ignore*/
193
225
  -webkit-transform-origin: right top;
194
226
  /* @noflip */
227
+ /*rtl:ignore*/
195
228
  transform-origin: right top;
196
229
  /* @noflip */
230
+ /*rtl:ignore*/
197
231
  text-align: right;
232
+ /*rtl:end:ignore*/
198
233
  }
199
234
 
200
235
  .mdc-floating-label--float-above {
@@ -203,15 +238,23 @@
203
238
 
204
239
  .mdc-floating-label--required::after {
205
240
  /* @noflip */
241
+ /*rtl:ignore*/
206
242
  margin-left: 1px;
207
243
  /* @noflip */
244
+ /*rtl:ignore*/
208
245
  margin-right: 0px;
209
246
  content: "*";
210
247
  }
248
+ [dir=rtl] .mdc-floating-label--required, .mdc-floating-label--required[dir=rtl] {
249
+ /*rtl:begin:ignore*/
250
+ /*rtl:end:ignore*/
251
+ }
211
252
  [dir=rtl] .mdc-floating-label--required::after, .mdc-floating-label--required[dir=rtl]::after {
212
253
  /* @noflip */
254
+ /*rtl:ignore*/
213
255
  margin-left: 0;
214
256
  /* @noflip */
257
+ /*rtl:ignore*/
215
258
  margin-right: 1px;
216
259
  }
217
260
 
@@ -225,17 +268,25 @@
225
268
 
226
269
  @keyframes mdc-floating-label-shake-float-above-standard {
227
270
  0% {
271
+ /* @noflip */
272
+ /*rtl:ignore*/
228
273
  transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
229
274
  }
230
275
  33% {
231
276
  animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
277
+ /* @noflip */
278
+ /*rtl:ignore*/
232
279
  transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
233
280
  }
234
281
  66% {
235
282
  animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
283
+ /* @noflip */
284
+ /*rtl:ignore*/
236
285
  transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
237
286
  }
238
287
  100% {
288
+ /* @noflip */
289
+ /*rtl:ignore*/
239
290
  transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
240
291
  }
241
292
  }
@@ -263,7 +314,7 @@
263
314
  }
264
315
  :host([type=textarea]) .mdc-text-field.mdc-text-field--textarea.has-helper-line {
265
316
  --heightOfHelperText: 0.9375rem;
266
- height: calc( var(--textarea-height, 100%) - var(--heightOfHelperText) );
317
+ height: calc(var(--textarea-height, 100%) - var(--heightOfHelperText));
267
318
  }
268
319
 
269
320
  @keyframes mdc-ripple-fg-radius-in {
@@ -328,6 +379,7 @@
328
379
  .mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after {
329
380
  top: 0;
330
381
  /* @noflip */
382
+ /*rtl:ignore*/
331
383
  left: 0;
332
384
  transform: scale(0);
333
385
  transform-origin: center center;
@@ -335,6 +387,7 @@
335
387
  .mdc-text-field--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple::after {
336
388
  top: var(--mdc-ripple-top, 0);
337
389
  /* @noflip */
390
+ /*rtl:ignore*/
338
391
  left: var(--mdc-ripple-left, 0);
339
392
  }
340
393
  .mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple::after {
@@ -348,6 +401,7 @@
348
401
  .mdc-text-field--filled .mdc-text-field__ripple::after {
349
402
  top: calc(50% - 100%);
350
403
  /* @noflip */
404
+ /*rtl:ignore*/
351
405
  left: calc(50% - 100%);
352
406
  width: 200%;
353
407
  height: 200%;
@@ -540,52 +594,78 @@
540
594
 
541
595
  .mdc-text-field__affix--prefix {
542
596
  /* @noflip */
597
+ /*rtl:ignore*/
543
598
  padding-left: 0;
544
599
  /* @noflip */
600
+ /*rtl:ignore*/
545
601
  padding-right: 2px;
546
602
  }
547
603
  [dir=rtl] .mdc-text-field__affix--prefix, .mdc-text-field__affix--prefix[dir=rtl] {
604
+ /*rtl:begin:ignore*/
548
605
  /* @noflip */
606
+ /*rtl:ignore*/
549
607
  padding-left: 2px;
550
608
  /* @noflip */
609
+ /*rtl:ignore*/
551
610
  padding-right: 0;
611
+ /*rtl:end:ignore*/
552
612
  }
613
+
553
614
  .mdc-text-field--end-aligned .mdc-text-field__affix--prefix {
554
615
  /* @noflip */
616
+ /*rtl:ignore*/
555
617
  padding-left: 0;
556
618
  /* @noflip */
619
+ /*rtl:ignore*/
557
620
  padding-right: 12px;
558
621
  }
559
622
  [dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl] {
623
+ /*rtl:begin:ignore*/
560
624
  /* @noflip */
625
+ /*rtl:ignore*/
561
626
  padding-left: 12px;
562
627
  /* @noflip */
628
+ /*rtl:ignore*/
563
629
  padding-right: 0;
630
+ /*rtl:end:ignore*/
564
631
  }
565
632
 
566
633
  .mdc-text-field__affix--suffix {
567
634
  /* @noflip */
635
+ /*rtl:ignore*/
568
636
  padding-left: 12px;
569
637
  /* @noflip */
638
+ /*rtl:ignore*/
570
639
  padding-right: 0;
571
640
  }
572
641
  [dir=rtl] .mdc-text-field__affix--suffix, .mdc-text-field__affix--suffix[dir=rtl] {
642
+ /*rtl:begin:ignore*/
573
643
  /* @noflip */
644
+ /*rtl:ignore*/
574
645
  padding-left: 0;
575
646
  /* @noflip */
647
+ /*rtl:ignore*/
576
648
  padding-right: 12px;
649
+ /*rtl:end:ignore*/
577
650
  }
651
+
578
652
  .mdc-text-field--end-aligned .mdc-text-field__affix--suffix {
579
653
  /* @noflip */
654
+ /*rtl:ignore*/
580
655
  padding-left: 2px;
581
656
  /* @noflip */
657
+ /*rtl:ignore*/
582
658
  padding-right: 0;
583
659
  }
584
660
  [dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl] {
661
+ /*rtl:begin:ignore*/
585
662
  /* @noflip */
663
+ /*rtl:ignore*/
586
664
  padding-left: 0;
587
665
  /* @noflip */
666
+ /*rtl:ignore*/
588
667
  padding-right: 2px;
668
+ /*rtl:end:ignore*/
589
669
  }
590
670
 
591
671
  .mdc-text-field--filled {
@@ -631,16 +711,23 @@
631
711
  }
632
712
  .mdc-text-field--filled .mdc-floating-label {
633
713
  /* @noflip */
714
+ /*rtl:ignore*/
634
715
  left: 16px;
635
716
  /* @noflip */
717
+ /*rtl:ignore*/
636
718
  right: initial;
637
719
  }
638
720
  [dir=rtl] .mdc-text-field--filled .mdc-floating-label, .mdc-text-field--filled .mdc-floating-label[dir=rtl] {
721
+ /*rtl:begin:ignore*/
639
722
  /* @noflip */
723
+ /*rtl:ignore*/
640
724
  left: initial;
641
725
  /* @noflip */
726
+ /*rtl:ignore*/
642
727
  right: 16px;
728
+ /*rtl:end:ignore*/
643
729
  }
730
+
644
731
  .mdc-text-field--filled .mdc-floating-label--float-above {
645
732
  transform: translateY(-106%) scale(0.75);
646
733
  }
@@ -685,17 +772,25 @@
685
772
  }
686
773
  @keyframes mdc-floating-label-shake-float-above-text-field-outlined {
687
774
  0% {
775
+ /* @noflip */
776
+ /*rtl:ignore*/
688
777
  transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
689
778
  }
690
779
  33% {
691
780
  animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
781
+ /* @noflip */
782
+ /*rtl:ignore*/
692
783
  transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
693
784
  }
694
785
  66% {
695
786
  animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
787
+ /* @noflip */
788
+ /*rtl:ignore*/
696
789
  transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
697
790
  }
698
791
  100% {
792
+ /* @noflip */
793
+ /*rtl:ignore*/
699
794
  transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
700
795
  }
701
796
  }
@@ -721,146 +816,196 @@
721
816
  }
722
817
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
723
818
  /* @noflip */
819
+ /*rtl:ignore*/
724
820
  border-top-left-radius: 4px;
725
821
  /* @alternate */
726
822
  /* @noflip */
823
+ /*rtl:ignore*/
727
824
  border-top-left-radius: var(--mdc-shape-small, 4px);
728
825
  /* @noflip */
826
+ /*rtl:ignore*/
729
827
  border-top-right-radius: 0;
730
828
  /* @noflip */
829
+ /*rtl:ignore*/
731
830
  border-bottom-right-radius: 0;
732
831
  /* @noflip */
832
+ /*rtl:ignore*/
733
833
  border-bottom-left-radius: 4px;
734
834
  /* @alternate */
735
835
  /* @noflip */
836
+ /*rtl:ignore*/
736
837
  border-bottom-left-radius: var(--mdc-shape-small, 4px);
737
838
  }
738
839
  [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] {
840
+ /*rtl:begin:ignore*/
739
841
  /* @noflip */
842
+ /*rtl:ignore*/
740
843
  border-top-left-radius: 0;
741
844
  /* @noflip */
845
+ /*rtl:ignore*/
742
846
  border-top-right-radius: 4px;
743
847
  /* @alternate */
744
848
  /* @noflip */
849
+ /*rtl:ignore*/
745
850
  border-top-right-radius: var(--mdc-shape-small, 4px);
746
851
  /* @noflip */
852
+ /*rtl:ignore*/
747
853
  border-bottom-right-radius: 4px;
748
854
  /* @alternate */
749
855
  /* @noflip */
856
+ /*rtl:ignore*/
750
857
  border-bottom-right-radius: var(--mdc-shape-small, 4px);
751
858
  /* @noflip */
859
+ /*rtl:ignore*/
752
860
  border-bottom-left-radius: 0;
861
+ /*rtl:end:ignore*/
753
862
  }
754
- @supports (top: max(0%)) {
863
+
864
+ @supports (top: 0%) {
755
865
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
756
866
  width: max(12px, var(--mdc-shape-small, 4px));
757
867
  }
758
868
  }
759
- @supports (top: max(0%)) {
869
+ @supports (top: 0%) {
760
870
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {
761
871
  max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);
762
872
  }
763
873
  }
764
874
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
765
875
  /* @noflip */
876
+ /*rtl:ignore*/
766
877
  border-top-left-radius: 0;
767
878
  /* @noflip */
879
+ /*rtl:ignore*/
768
880
  border-top-right-radius: 4px;
769
881
  /* @alternate */
770
882
  /* @noflip */
883
+ /*rtl:ignore*/
771
884
  border-top-right-radius: var(--mdc-shape-small, 4px);
772
885
  /* @noflip */
886
+ /*rtl:ignore*/
773
887
  border-bottom-right-radius: 4px;
774
888
  /* @alternate */
775
889
  /* @noflip */
890
+ /*rtl:ignore*/
776
891
  border-bottom-right-radius: var(--mdc-shape-small, 4px);
777
892
  /* @noflip */
893
+ /*rtl:ignore*/
778
894
  border-bottom-left-radius: 0;
779
895
  }
780
896
  [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] {
897
+ /*rtl:begin:ignore*/
781
898
  /* @noflip */
899
+ /*rtl:ignore*/
782
900
  border-top-left-radius: 4px;
783
901
  /* @alternate */
784
902
  /* @noflip */
903
+ /*rtl:ignore*/
785
904
  border-top-left-radius: var(--mdc-shape-small, 4px);
786
905
  /* @noflip */
906
+ /*rtl:ignore*/
787
907
  border-top-right-radius: 0;
788
908
  /* @noflip */
909
+ /*rtl:ignore*/
789
910
  border-bottom-right-radius: 0;
790
911
  /* @noflip */
912
+ /*rtl:ignore*/
791
913
  border-bottom-left-radius: 4px;
792
914
  /* @alternate */
793
915
  /* @noflip */
916
+ /*rtl:ignore*/
794
917
  border-bottom-left-radius: var(--mdc-shape-small, 4px);
918
+ /*rtl:end:ignore*/
795
919
  }
796
- @supports (top: max(0%)) {
920
+
921
+ @supports (top: 0%) {
797
922
  .mdc-text-field--outlined {
798
923
  /* @noflip */
924
+ /*rtl:ignore*/
799
925
  padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
800
926
  }
801
927
  }
802
- @supports (top: max(0%)) {
928
+ @supports (top: 0%) {
803
929
  .mdc-text-field--outlined {
804
930
  /* @noflip */
931
+ /*rtl:ignore*/
805
932
  padding-right: max(16px, var(--mdc-shape-small, 4px));
806
933
  }
807
934
  }
808
- @supports (top: max(0%)) {
935
+ @supports (top: 0%) {
809
936
  .mdc-text-field--outlined + .mdc-text-field-helper-line {
810
937
  /* @noflip */
938
+ /*rtl:ignore*/
811
939
  padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
812
940
  }
813
941
  }
814
- @supports (top: max(0%)) {
942
+ @supports (top: 0%) {
815
943
  .mdc-text-field--outlined + .mdc-text-field-helper-line {
816
944
  /* @noflip */
945
+ /*rtl:ignore*/
817
946
  padding-right: max(16px, var(--mdc-shape-small, 4px));
818
947
  }
819
948
  }
820
949
  .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
821
950
  /* @noflip */
951
+ /*rtl:ignore*/
822
952
  padding-left: 0;
823
953
  }
824
- @supports (top: max(0%)) {
954
+ @supports (top: 0%) {
825
955
  .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
826
956
  /* @noflip */
957
+ /*rtl:ignore*/
827
958
  padding-right: max(16px, var(--mdc-shape-small, 4px));
828
959
  }
829
960
  }
830
961
  [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
962
+ /*rtl:begin:ignore*/
831
963
  /* @noflip */
964
+ /*rtl:ignore*/
832
965
  padding-right: 0;
966
+ /*rtl:end:ignore*/
833
967
  }
834
- @supports (top: max(0%)) {
968
+ @supports (top: 0%) {
835
969
  [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
836
970
  /* @noflip */
971
+ /*rtl:ignore*/
837
972
  padding-left: max(16px, var(--mdc-shape-small, 4px));
838
973
  }
839
974
  }
975
+
840
976
  .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
841
977
  /* @noflip */
978
+ /*rtl:ignore*/
842
979
  padding-right: 0;
843
980
  }
844
- @supports (top: max(0%)) {
981
+ @supports (top: 0%) {
845
982
  .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
846
983
  /* @noflip */
984
+ /*rtl:ignore*/
847
985
  padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
848
986
  }
849
987
  }
850
988
  [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
989
+ /*rtl:begin:ignore*/
851
990
  /* @noflip */
991
+ /*rtl:ignore*/
852
992
  padding-left: 0;
993
+ /*rtl:end:ignore*/
853
994
  }
854
- @supports (top: max(0%)) {
995
+ @supports (top: 0%) {
855
996
  [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
856
997
  /* @noflip */
998
+ /*rtl:ignore*/
857
999
  padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
858
1000
  }
859
1001
  }
1002
+
860
1003
  .mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
861
1004
  /* @noflip */
1005
+ /*rtl:ignore*/
862
1006
  padding-left: 0;
863
1007
  /* @noflip */
1008
+ /*rtl:ignore*/
864
1009
  padding-right: 0;
865
1010
  }
866
1011
  .mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
@@ -872,16 +1017,23 @@
872
1017
  }
873
1018
  .mdc-text-field--outlined .mdc-floating-label {
874
1019
  /* @noflip */
1020
+ /*rtl:ignore*/
875
1021
  left: 4px;
876
1022
  /* @noflip */
1023
+ /*rtl:ignore*/
877
1024
  right: initial;
878
1025
  }
879
1026
  [dir=rtl] .mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
1027
+ /*rtl:begin:ignore*/
880
1028
  /* @noflip */
1029
+ /*rtl:ignore*/
881
1030
  left: initial;
882
1031
  /* @noflip */
1032
+ /*rtl:ignore*/
883
1033
  right: 4px;
1034
+ /*rtl:end:ignore*/
884
1035
  }
1036
+
885
1037
  .mdc-text-field--outlined .mdc-text-field__input {
886
1038
  display: flex;
887
1039
  border: none !important;
@@ -927,17 +1079,25 @@
927
1079
  }
928
1080
  @keyframes mdc-floating-label-shake-float-above-textarea-filled {
929
1081
  0% {
1082
+ /* @noflip */
1083
+ /*rtl:ignore*/
930
1084
  transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
931
1085
  }
932
1086
  33% {
933
1087
  animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
1088
+ /* @noflip */
1089
+ /*rtl:ignore*/
934
1090
  transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);
935
1091
  }
936
1092
  66% {
937
1093
  animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
1094
+ /* @noflip */
1095
+ /*rtl:ignore*/
938
1096
  transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);
939
1097
  }
940
1098
  100% {
1099
+ /* @noflip */
1100
+ /*rtl:ignore*/
941
1101
  transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
942
1102
  }
943
1103
  }
@@ -971,17 +1131,25 @@
971
1131
  }
972
1132
  @keyframes mdc-floating-label-shake-float-above-textarea-outlined {
973
1133
  0% {
1134
+ /* @noflip */
1135
+ /*rtl:ignore*/
974
1136
  transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
975
1137
  }
976
1138
  33% {
977
1139
  animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
1140
+ /* @noflip */
1141
+ /*rtl:ignore*/
978
1142
  transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
979
1143
  }
980
1144
  66% {
981
1145
  animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
1146
+ /* @noflip */
1147
+ /*rtl:ignore*/
982
1148
  transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
983
1149
  }
984
1150
  100% {
1151
+ /* @noflip */
1152
+ /*rtl:ignore*/
985
1153
  transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
986
1154
  }
987
1155
  }
@@ -1034,82 +1202,126 @@
1034
1202
  transform: translateY(1px);
1035
1203
  }
1036
1204
  .mdc-text-field--outlined .mdc-text-field__resizer {
1205
+ /* @noflip */
1206
+ /*rtl:ignore*/
1037
1207
  transform: translateX(-1px) translateY(-1px);
1038
1208
  }
1039
1209
  [dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer, .mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl] {
1210
+ /*rtl:begin:ignore*/
1211
+ /* @noflip */
1212
+ /*rtl:ignore*/
1040
1213
  transform: translateX(1px) translateY(-1px);
1214
+ /*rtl:end:ignore*/
1041
1215
  }
1216
+
1042
1217
  .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,
1043
1218
  .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter {
1219
+ /* @noflip */
1220
+ /*rtl:ignore*/
1044
1221
  transform: translateX(1px) translateY(1px);
1045
1222
  }
1046
- [dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input, .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl],
1047
- [dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter,
1048
- .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl] {
1223
+ [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] {
1224
+ /*rtl:begin:ignore*/
1225
+ /* @noflip */
1226
+ /*rtl:ignore*/
1049
1227
  transform: translateX(-1px) translateY(1px);
1228
+ /*rtl:end:ignore*/
1050
1229
  }
1051
1230
 
1052
1231
  .mdc-text-field--with-leading-icon {
1053
1232
  /* @noflip */
1233
+ /*rtl:ignore*/
1054
1234
  padding-left: 0;
1055
1235
  /* @noflip */
1236
+ /*rtl:ignore*/
1056
1237
  padding-right: 16px;
1057
1238
  }
1058
1239
  [dir=rtl] .mdc-text-field--with-leading-icon, .mdc-text-field--with-leading-icon[dir=rtl] {
1240
+ /*rtl:begin:ignore*/
1059
1241
  /* @noflip */
1242
+ /*rtl:ignore*/
1060
1243
  padding-left: 16px;
1061
1244
  /* @noflip */
1245
+ /*rtl:ignore*/
1062
1246
  padding-right: 0;
1247
+ /*rtl:end:ignore*/
1063
1248
  }
1249
+
1064
1250
  .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label {
1065
1251
  max-width: calc(100% - 48px);
1066
1252
  /* @noflip */
1253
+ /*rtl:ignore*/
1067
1254
  left: 48px;
1068
1255
  /* @noflip */
1256
+ /*rtl:ignore*/
1069
1257
  right: initial;
1070
1258
  }
1071
1259
  [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] {
1260
+ /*rtl:begin:ignore*/
1072
1261
  /* @noflip */
1262
+ /*rtl:ignore*/
1073
1263
  left: initial;
1074
1264
  /* @noflip */
1265
+ /*rtl:ignore*/
1075
1266
  right: 48px;
1267
+ /*rtl:end:ignore*/
1076
1268
  }
1269
+
1077
1270
  .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above {
1078
1271
  max-width: calc(100% / 0.75 - 64px / 0.75);
1079
1272
  }
1080
1273
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
1081
1274
  /* @noflip */
1275
+ /*rtl:ignore*/
1082
1276
  left: 36px;
1083
1277
  /* @noflip */
1278
+ /*rtl:ignore*/
1084
1279
  right: initial;
1085
1280
  }
1086
1281
  [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] {
1282
+ /*rtl:begin:ignore*/
1087
1283
  /* @noflip */
1284
+ /*rtl:ignore*/
1088
1285
  left: initial;
1089
1286
  /* @noflip */
1287
+ /*rtl:ignore*/
1090
1288
  right: 36px;
1289
+ /*rtl:end:ignore*/
1091
1290
  }
1291
+
1092
1292
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
1093
1293
  max-width: calc(100% - 60px);
1094
1294
  }
1095
1295
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
1296
+ /* @noflip */
1297
+ /*rtl:ignore*/
1096
1298
  transform: translateY(-37.25px) translateX(-32px) scale(1);
1097
1299
  }
1098
1300
  [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] {
1301
+ /*rtl:begin:ignore*/
1302
+ /* @noflip */
1303
+ /*rtl:ignore*/
1099
1304
  transform: translateY(-37.25px) translateX(32px) scale(1);
1305
+ /*rtl:end:ignore*/
1100
1306
  }
1307
+
1101
1308
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
1102
1309
  font-size: 0.75rem;
1103
1310
  }
1104
1311
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
1105
1312
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
1313
+ /* @noflip */
1314
+ /*rtl:ignore*/
1106
1315
  transform: translateY(-34.75px) translateX(-32px) scale(0.75);
1107
1316
  }
1108
- [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],
1109
- [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
1110
- .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
1317
+ [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] {
1318
+ /*rtl:begin:ignore*/
1319
+ /* @noflip */
1320
+ /*rtl:ignore*/
1111
1321
  transform: translateY(-34.75px) translateX(32px) scale(0.75);
1322
+ /*rtl:end:ignore*/
1112
1323
  }
1324
+
1113
1325
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
1114
1326
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
1115
1327
  font-size: 1rem;
@@ -1119,52 +1331,80 @@
1119
1331
  }
1120
1332
  @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
1121
1333
  0% {
1334
+ /* @noflip */
1335
+ /*rtl:ignore*/
1122
1336
  transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
1123
1337
  }
1124
1338
  33% {
1125
1339
  animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
1340
+ /* @noflip */
1341
+ /*rtl:ignore*/
1126
1342
  transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
1127
1343
  }
1128
1344
  66% {
1129
1345
  animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
1346
+ /* @noflip */
1347
+ /*rtl:ignore*/
1130
1348
  transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
1131
1349
  }
1132
1350
  100% {
1351
+ /* @noflip */
1352
+ /*rtl:ignore*/
1133
1353
  transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
1134
1354
  }
1135
1355
  }
1356
+ [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined, .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] {
1357
+ /*rtl:begin:ignore*/
1358
+ /*rtl:end:ignore*/
1359
+ }
1136
1360
  [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake {
1137
1361
  animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
1138
1362
  }
1363
+
1139
1364
  @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
1140
1365
  0% {
1366
+ /* @noflip */
1367
+ /*rtl:ignore*/
1141
1368
  transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
1142
1369
  }
1143
1370
  33% {
1144
1371
  animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
1372
+ /* @noflip */
1373
+ /*rtl:ignore*/
1145
1374
  transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
1146
1375
  }
1147
1376
  66% {
1148
1377
  animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
1378
+ /* @noflip */
1379
+ /*rtl:ignore*/
1149
1380
  transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
1150
1381
  }
1151
1382
  100% {
1383
+ /* @noflip */
1384
+ /*rtl:ignore*/
1152
1385
  transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
1153
1386
  }
1154
1387
  }
1155
1388
 
1156
1389
  .mdc-text-field--with-trailing-icon {
1157
1390
  /* @noflip */
1391
+ /*rtl:ignore*/
1158
1392
  padding-left: 16px;
1159
1393
  /* @noflip */
1394
+ /*rtl:ignore*/
1160
1395
  padding-right: 0;
1161
1396
  }
1162
1397
  [dir=rtl] .mdc-text-field--with-trailing-icon, .mdc-text-field--with-trailing-icon[dir=rtl] {
1398
+ /*rtl:begin:ignore*/
1163
1399
  /* @noflip */
1400
+ /*rtl:ignore*/
1164
1401
  padding-left: 0;
1165
1402
  /* @noflip */
1403
+ /*rtl:ignore*/
1166
1404
  padding-right: 16px;
1405
+ /*rtl:end:ignore*/
1167
1406
  }
1407
+
1168
1408
  .mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
1169
1409
  max-width: calc(100% - 64px);
1170
1410
  }
@@ -1177,8 +1417,10 @@
1177
1417
 
1178
1418
  .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
1179
1419
  /* @noflip */
1420
+ /*rtl:ignore*/
1180
1421
  padding-left: 0;
1181
1422
  /* @noflip */
1423
+ /*rtl:ignore*/
1182
1424
  padding-right: 0;
1183
1425
  }
1184
1426
  .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
@@ -1326,64 +1568,72 @@
1326
1568
  .mdc-text-field--disabled .mdc-notched-outline__trailing {
1327
1569
  border-color: rgba(0, 0, 0, 0.06);
1328
1570
  }
1329
- @media screen and (-ms-high-contrast: active) {
1571
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
1330
1572
  .mdc-text-field--disabled .mdc-text-field__input::placeholder {
1331
1573
  color: GrayText;
1332
1574
  }
1333
1575
  }
1334
- @media screen and (-ms-high-contrast: active) {
1576
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
1335
1577
  .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
1336
1578
  color: GrayText;
1337
1579
  }
1338
1580
  }
1339
- @media screen and (-ms-high-contrast: active) {
1581
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
1340
1582
  .mdc-text-field--disabled .mdc-floating-label {
1341
1583
  color: GrayText;
1342
1584
  }
1343
1585
  }
1344
- @media screen and (-ms-high-contrast: active) {
1586
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
1345
1587
  .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text {
1346
1588
  color: GrayText;
1347
1589
  }
1348
1590
  }
1349
- @media screen and (-ms-high-contrast: active) {
1591
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
1350
1592
  .mdc-text-field--disabled .mdc-text-field-character-counter,
1351
1593
  .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter {
1352
1594
  color: GrayText;
1353
1595
  }
1354
1596
  }
1355
- @media screen and (-ms-high-contrast: active) {
1597
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
1356
1598
  .mdc-text-field--disabled .mdc-text-field__icon--leading {
1357
1599
  color: GrayText;
1358
1600
  }
1359
1601
  }
1360
- @media screen and (-ms-high-contrast: active) {
1602
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
1361
1603
  .mdc-text-field--disabled .mdc-text-field__icon--trailing, .mdc-text-field--disabled a.lime-trailing-icon-for-link {
1362
1604
  color: GrayText;
1363
1605
  }
1364
1606
  }
1365
- @media screen and (-ms-high-contrast: active) {
1607
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
1366
1608
  .mdc-text-field--disabled .mdc-text-field__affix--prefix {
1367
1609
  color: GrayText;
1368
1610
  }
1369
1611
  }
1370
- @media screen and (-ms-high-contrast: active) {
1612
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
1371
1613
  .mdc-text-field--disabled .mdc-text-field__affix--suffix {
1372
1614
  color: GrayText;
1373
1615
  }
1374
1616
  }
1375
- @media screen and (-ms-high-contrast: active) {
1617
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
1376
1618
  .mdc-text-field--disabled .mdc-line-ripple::before {
1377
1619
  border-bottom-color: GrayText;
1378
1620
  }
1379
1621
  }
1380
- @media screen and (-ms-high-contrast: active) {
1622
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
1381
1623
  .mdc-text-field--disabled .mdc-notched-outline__leading,
1382
1624
  .mdc-text-field--disabled .mdc-notched-outline__notch,
1383
1625
  .mdc-text-field--disabled .mdc-notched-outline__trailing {
1384
1626
  border-color: GrayText;
1385
1627
  }
1386
1628
  }
1629
+ @media screen and (forced-colors: active) {
1630
+ .mdc-text-field--disabled .mdc-text-field__input {
1631
+ background-color: Window;
1632
+ }
1633
+ .mdc-text-field--disabled .mdc-floating-label {
1634
+ z-index: 1;
1635
+ }
1636
+ }
1387
1637
  .mdc-text-field--disabled .mdc-floating-label {
1388
1638
  cursor: default;
1389
1639
  }
@@ -1399,29 +1649,42 @@
1399
1649
 
1400
1650
  .mdc-text-field--end-aligned .mdc-text-field__input {
1401
1651
  /* @noflip */
1652
+ /*rtl:ignore*/
1402
1653
  text-align: right;
1403
1654
  }
1404
1655
  [dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl] {
1656
+ /*rtl:begin:ignore*/
1405
1657
  /* @noflip */
1658
+ /*rtl:ignore*/
1406
1659
  text-align: left;
1660
+ /*rtl:end:ignore*/
1407
1661
  }
1408
1662
 
1663
+ [dir=rtl] .mdc-text-field--ltr-text, .mdc-text-field--ltr-text[dir=rtl] {
1664
+ /*rtl:begin:ignore*/
1665
+ /*rtl:end:ignore*/
1666
+ }
1409
1667
  [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,
1410
1668
  [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,
1411
1669
  .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix {
1412
1670
  /* @noflip */
1671
+ /*rtl:ignore*/
1413
1672
  direction: ltr;
1414
1673
  }
1415
1674
  [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix {
1416
1675
  /* @noflip */
1676
+ /*rtl:ignore*/
1417
1677
  padding-left: 0;
1418
1678
  /* @noflip */
1679
+ /*rtl:ignore*/
1419
1680
  padding-right: 2px;
1420
1681
  }
1421
1682
  [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix {
1422
1683
  /* @noflip */
1684
+ /*rtl:ignore*/
1423
1685
  padding-left: 12px;
1424
1686
  /* @noflip */
1687
+ /*rtl:ignore*/
1425
1688
  padding-right: 0;
1426
1689
  }
1427
1690
  [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading {
@@ -1439,16 +1702,24 @@
1439
1702
  [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing, [dir=rtl] .mdc-text-field--ltr-text a.lime-trailing-icon-for-link, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing, .mdc-text-field--ltr-text[dir=rtl] a.lime-trailing-icon-for-link {
1440
1703
  order: 5;
1441
1704
  }
1705
+
1706
+ [dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] {
1707
+ /*rtl:begin:ignore*/
1708
+ /*rtl:end:ignore*/
1709
+ }
1442
1710
  [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 {
1443
1711
  /* @noflip */
1712
+ /*rtl:ignore*/
1444
1713
  text-align: right;
1445
1714
  }
1446
1715
  [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 {
1447
1716
  /* @noflip */
1717
+ /*rtl:ignore*/
1448
1718
  padding-right: 12px;
1449
1719
  }
1450
1720
  [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 {
1451
1721
  /* @noflip */
1722
+ /*rtl:ignore*/
1452
1723
  padding-left: 2px;
1453
1724
  }
1454
1725
 
@@ -1528,12 +1799,16 @@
1528
1799
  /* @alternate */
1529
1800
  line-height: normal;
1530
1801
  /* @noflip */
1802
+ /*rtl:ignore*/
1531
1803
  margin-left: auto;
1532
1804
  /* @noflip */
1805
+ /*rtl:ignore*/
1533
1806
  margin-right: 0;
1534
1807
  /* @noflip */
1808
+ /*rtl:ignore*/
1535
1809
  padding-left: 16px;
1536
1810
  /* @noflip */
1811
+ /*rtl:ignore*/
1537
1812
  padding-right: 0;
1538
1813
  white-space: nowrap;
1539
1814
  }
@@ -1545,16 +1820,25 @@
1545
1820
  vertical-align: 0;
1546
1821
  }
1547
1822
  [dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] {
1823
+ /*rtl:begin:ignore*/
1548
1824
  /* @noflip */
1825
+ /*rtl:ignore*/
1549
1826
  margin-left: 0;
1550
1827
  /* @noflip */
1828
+ /*rtl:ignore*/
1551
1829
  margin-right: auto;
1830
+ /*rtl:end:ignore*/
1552
1831
  }
1832
+
1553
1833
  [dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] {
1834
+ /*rtl:begin:ignore*/
1554
1835
  /* @noflip */
1836
+ /*rtl:ignore*/
1555
1837
  padding-left: 0;
1556
1838
  /* @noflip */
1839
+ /*rtl:ignore*/
1557
1840
  padding-right: 16px;
1841
+ /*rtl:end:ignore*/
1558
1842
  }
1559
1843
 
1560
1844
  .mdc-text-field__icon {
@@ -1571,29 +1855,41 @@
1571
1855
 
1572
1856
  .mdc-text-field__icon--leading {
1573
1857
  /* @noflip */
1858
+ /*rtl:ignore*/
1574
1859
  margin-left: 16px;
1575
1860
  /* @noflip */
1861
+ /*rtl:ignore*/
1576
1862
  margin-right: 8px;
1577
1863
  }
1578
1864
  [dir=rtl] .mdc-text-field__icon--leading, .mdc-text-field__icon--leading[dir=rtl] {
1865
+ /*rtl:begin:ignore*/
1579
1866
  /* @noflip */
1867
+ /*rtl:ignore*/
1580
1868
  margin-left: 8px;
1581
1869
  /* @noflip */
1870
+ /*rtl:ignore*/
1582
1871
  margin-right: 16px;
1872
+ /*rtl:end:ignore*/
1583
1873
  }
1584
1874
 
1585
1875
  .mdc-text-field__icon--trailing, a.lime-trailing-icon-for-link {
1586
1876
  padding: 12px;
1587
1877
  /* @noflip */
1878
+ /*rtl:ignore*/
1588
1879
  margin-left: 0px;
1589
1880
  /* @noflip */
1881
+ /*rtl:ignore*/
1590
1882
  margin-right: 0px;
1591
1883
  }
1592
1884
  [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 {
1885
+ /*rtl:begin:ignore*/
1593
1886
  /* @noflip */
1887
+ /*rtl:ignore*/
1594
1888
  margin-left: 0px;
1595
1889
  /* @noflip */
1890
+ /*rtl:ignore*/
1596
1891
  margin-right: 0px;
1892
+ /*rtl:end:ignore*/
1597
1893
  }
1598
1894
 
1599
1895
  .mdc-text-field__icon {
@@ -1610,29 +1906,41 @@
1610
1906
 
1611
1907
  .mdc-text-field__icon--leading {
1612
1908
  /* @noflip */
1909
+ /*rtl:ignore*/
1613
1910
  margin-left: 16px;
1614
1911
  /* @noflip */
1912
+ /*rtl:ignore*/
1615
1913
  margin-right: 8px;
1616
1914
  }
1617
1915
  [dir=rtl] .mdc-text-field__icon--leading, .mdc-text-field__icon--leading[dir=rtl] {
1916
+ /*rtl:begin:ignore*/
1618
1917
  /* @noflip */
1918
+ /*rtl:ignore*/
1619
1919
  margin-left: 8px;
1620
1920
  /* @noflip */
1921
+ /*rtl:ignore*/
1621
1922
  margin-right: 16px;
1923
+ /*rtl:end:ignore*/
1622
1924
  }
1623
1925
 
1624
1926
  .mdc-text-field__icon--trailing, a.lime-trailing-icon-for-link {
1625
1927
  padding: 12px;
1626
1928
  /* @noflip */
1929
+ /*rtl:ignore*/
1627
1930
  margin-left: 0px;
1628
1931
  /* @noflip */
1932
+ /*rtl:ignore*/
1629
1933
  margin-right: 0px;
1630
1934
  }
1631
1935
  [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 {
1936
+ /*rtl:begin:ignore*/
1632
1937
  /* @noflip */
1938
+ /*rtl:ignore*/
1633
1939
  margin-left: 0px;
1634
1940
  /* @noflip */
1941
+ /*rtl:ignore*/
1635
1942
  margin-right: 0px;
1943
+ /*rtl:end:ignore*/
1636
1944
  }
1637
1945
 
1638
1946
  .mdc-text-field.mdc-text-field--outlined {
@@ -1808,6 +2116,13 @@
1808
2116
  margin-right: 0.5rem;
1809
2117
  }
1810
2118
 
2119
+ .lime-text-field--empty .mdc-text-field__icon--trailing, .lime-text-field--empty a.lime-trailing-icon-for-link {
2120
+ cursor: not-allowed;
2121
+ pointer-events: none;
2122
+ opacity: 0.4;
2123
+ box-shadow: none !important;
2124
+ }
2125
+
1811
2126
  .mdc-text-field {
1812
2127
  width: 100%;
1813
2128
  }