@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
  }
@@ -246,9 +297,9 @@
246
297
  .mdc-deprecated-chip-trailing-action__touch {
247
298
  position: absolute;
248
299
  top: 50%;
249
- right: 0;
250
300
  height: 48px;
251
301
  /* @noflip */
302
+ /*rtl:ignore*/
252
303
  left: 50%;
253
304
  width: 48px;
254
305
  transform: translate(-50%, -50%);
@@ -347,6 +398,7 @@
347
398
  .mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::after {
348
399
  top: 0;
349
400
  /* @noflip */
401
+ /*rtl:ignore*/
350
402
  left: 0;
351
403
  transform: scale(0);
352
404
  transform-origin: center center;
@@ -354,6 +406,7 @@
354
406
  .mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded--unbounded .mdc-deprecated-chip-trailing-action__ripple::after {
355
407
  top: var(--mdc-ripple-top, 0);
356
408
  /* @noflip */
409
+ /*rtl:ignore*/
357
410
  left: var(--mdc-ripple-left, 0);
358
411
  }
359
412
  .mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded--foreground-activation .mdc-deprecated-chip-trailing-action__ripple::after {
@@ -367,6 +420,7 @@
367
420
  .mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::after {
368
421
  top: calc(50% - 50%);
369
422
  /* @noflip */
423
+ /*rtl:ignore*/
370
424
  left: calc(50% - 50%);
371
425
  width: 100%;
372
426
  height: 100%;
@@ -375,6 +429,7 @@
375
429
  .mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::after {
376
430
  top: var(--mdc-ripple-top, calc(50% - 50%));
377
431
  /* @noflip */
432
+ /*rtl:ignore*/
378
433
  left: var(--mdc-ripple-left, calc(50% - 50%));
379
434
  width: var(--mdc-ripple-fg-size, 100%);
380
435
  height: var(--mdc-ripple-fg-size, 100%);
@@ -457,28 +512,40 @@
457
512
 
458
513
  .mdc-deprecated-chip-trailing-action {
459
514
  /* @noflip */
515
+ /*rtl:ignore*/
460
516
  margin-left: 4px;
461
517
  /* @noflip */
518
+ /*rtl:ignore*/
462
519
  margin-right: -4px;
463
520
  }
464
521
  [dir=rtl] .mdc-deprecated-chip-trailing-action, .mdc-deprecated-chip-trailing-action[dir=rtl] {
522
+ /*rtl:begin:ignore*/
465
523
  /* @noflip */
524
+ /*rtl:ignore*/
466
525
  margin-left: -4px;
467
526
  /* @noflip */
527
+ /*rtl:ignore*/
468
528
  margin-right: 4px;
529
+ /*rtl:end:ignore*/
469
530
  }
470
531
 
471
532
  .mdc-chip__icon--trailing {
472
533
  /* @noflip */
534
+ /*rtl:ignore*/
473
535
  margin-left: 4px;
474
536
  /* @noflip */
537
+ /*rtl:ignore*/
475
538
  margin-right: -4px;
476
539
  }
477
540
  [dir=rtl] .mdc-chip__icon--trailing, .mdc-chip__icon--trailing[dir=rtl] {
541
+ /*rtl:begin:ignore*/
478
542
  /* @noflip */
543
+ /*rtl:ignore*/
479
544
  margin-left: -4px;
480
545
  /* @noflip */
546
+ /*rtl:ignore*/
481
547
  margin-right: 4px;
548
+ /*rtl:end:ignore*/
482
549
  }
483
550
 
484
551
  .mdc-elevation-overlay {
@@ -542,23 +609,29 @@
542
609
  .mdc-chip.mdc-chip--selected .mdc-chip__checkmark,
543
610
  .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) {
544
611
  /* @noflip */
612
+ /*rtl:ignore*/
545
613
  margin-left: -4px;
546
614
  /* @noflip */
615
+ /*rtl:ignore*/
547
616
  margin-right: 4px;
548
617
  }
549
- [dir=rtl] .mdc-chip.mdc-chip--selected .mdc-chip__checkmark, .mdc-chip.mdc-chip--selected .mdc-chip__checkmark[dir=rtl],
550
- [dir=rtl] .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden),
551
- .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden)[dir=rtl] {
618
+ [dir=rtl] .mdc-chip.mdc-chip--selected .mdc-chip__checkmark, [dir=rtl] .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden), .mdc-chip.mdc-chip--selected .mdc-chip__checkmark[dir=rtl], .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden)[dir=rtl] {
619
+ /*rtl:begin:ignore*/
552
620
  /* @noflip */
621
+ /*rtl:ignore*/
553
622
  margin-left: 4px;
554
623
  /* @noflip */
624
+ /*rtl:ignore*/
555
625
  margin-right: -4px;
626
+ /*rtl:end:ignore*/
556
627
  }
628
+
557
629
  .mdc-chip .mdc-elevation-overlay {
558
630
  width: 100%;
559
631
  height: 100%;
560
632
  top: 0;
561
633
  /* @noflip */
634
+ /*rtl:ignore*/
562
635
  left: 0;
563
636
  }
564
637
  .mdc-chip::-moz-focus-inner {
@@ -573,9 +646,9 @@
573
646
  .mdc-chip .mdc-chip__touch {
574
647
  position: absolute;
575
648
  top: 50%;
576
- right: 0;
577
649
  height: 48px;
578
650
  left: 0;
651
+ right: 0;
579
652
  transform: translateY(-50%);
580
653
  }
581
654
 
@@ -720,6 +793,7 @@
720
793
  .mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::after {
721
794
  top: 0;
722
795
  /* @noflip */
796
+ /*rtl:ignore*/
723
797
  left: 0;
724
798
  transform: scale(0);
725
799
  transform-origin: center center;
@@ -727,6 +801,7 @@
727
801
  .mdc-chip.mdc-ripple-upgraded--unbounded .mdc-chip__ripple::after {
728
802
  top: var(--mdc-ripple-top, 0);
729
803
  /* @noflip */
804
+ /*rtl:ignore*/
730
805
  left: var(--mdc-ripple-left, 0);
731
806
  }
732
807
  .mdc-chip.mdc-ripple-upgraded--foreground-activation .mdc-chip__ripple::after {
@@ -740,6 +815,7 @@
740
815
  .mdc-chip .mdc-chip__ripple::after {
741
816
  top: calc(50% - 100%);
742
817
  /* @noflip */
818
+ /*rtl:ignore*/
743
819
  left: calc(50% - 100%);
744
820
  width: 200%;
745
821
  height: 200%;
@@ -890,6 +966,7 @@
890
966
  .mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after {
891
967
  top: 0;
892
968
  /* @noflip */
969
+ /*rtl:ignore*/
893
970
  left: 0;
894
971
  transform: scale(0);
895
972
  transform-origin: center center;
@@ -897,6 +974,7 @@
897
974
  .mdc-text-field--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple::after {
898
975
  top: var(--mdc-ripple-top, 0);
899
976
  /* @noflip */
977
+ /*rtl:ignore*/
900
978
  left: var(--mdc-ripple-left, 0);
901
979
  }
902
980
  .mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple::after {
@@ -910,6 +988,7 @@
910
988
  .mdc-text-field--filled .mdc-text-field__ripple::after {
911
989
  top: calc(50% - 100%);
912
990
  /* @noflip */
991
+ /*rtl:ignore*/
913
992
  left: calc(50% - 100%);
914
993
  width: 200%;
915
994
  height: 200%;
@@ -1102,52 +1181,78 @@
1102
1181
 
1103
1182
  .mdc-text-field__affix--prefix {
1104
1183
  /* @noflip */
1184
+ /*rtl:ignore*/
1105
1185
  padding-left: 0;
1106
1186
  /* @noflip */
1187
+ /*rtl:ignore*/
1107
1188
  padding-right: 2px;
1108
1189
  }
1109
1190
  [dir=rtl] .mdc-text-field__affix--prefix, .mdc-text-field__affix--prefix[dir=rtl] {
1191
+ /*rtl:begin:ignore*/
1110
1192
  /* @noflip */
1193
+ /*rtl:ignore*/
1111
1194
  padding-left: 2px;
1112
1195
  /* @noflip */
1196
+ /*rtl:ignore*/
1113
1197
  padding-right: 0;
1198
+ /*rtl:end:ignore*/
1114
1199
  }
1200
+
1115
1201
  .mdc-text-field--end-aligned .mdc-text-field__affix--prefix {
1116
1202
  /* @noflip */
1203
+ /*rtl:ignore*/
1117
1204
  padding-left: 0;
1118
1205
  /* @noflip */
1206
+ /*rtl:ignore*/
1119
1207
  padding-right: 12px;
1120
1208
  }
1121
1209
  [dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl] {
1210
+ /*rtl:begin:ignore*/
1122
1211
  /* @noflip */
1212
+ /*rtl:ignore*/
1123
1213
  padding-left: 12px;
1124
1214
  /* @noflip */
1215
+ /*rtl:ignore*/
1125
1216
  padding-right: 0;
1217
+ /*rtl:end:ignore*/
1126
1218
  }
1127
1219
 
1128
1220
  .mdc-text-field__affix--suffix {
1129
1221
  /* @noflip */
1222
+ /*rtl:ignore*/
1130
1223
  padding-left: 12px;
1131
1224
  /* @noflip */
1225
+ /*rtl:ignore*/
1132
1226
  padding-right: 0;
1133
1227
  }
1134
1228
  [dir=rtl] .mdc-text-field__affix--suffix, .mdc-text-field__affix--suffix[dir=rtl] {
1229
+ /*rtl:begin:ignore*/
1135
1230
  /* @noflip */
1231
+ /*rtl:ignore*/
1136
1232
  padding-left: 0;
1137
1233
  /* @noflip */
1234
+ /*rtl:ignore*/
1138
1235
  padding-right: 12px;
1236
+ /*rtl:end:ignore*/
1139
1237
  }
1238
+
1140
1239
  .mdc-text-field--end-aligned .mdc-text-field__affix--suffix {
1141
1240
  /* @noflip */
1241
+ /*rtl:ignore*/
1142
1242
  padding-left: 2px;
1143
1243
  /* @noflip */
1244
+ /*rtl:ignore*/
1144
1245
  padding-right: 0;
1145
1246
  }
1146
1247
  [dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl] {
1248
+ /*rtl:begin:ignore*/
1147
1249
  /* @noflip */
1250
+ /*rtl:ignore*/
1148
1251
  padding-left: 0;
1149
1252
  /* @noflip */
1253
+ /*rtl:ignore*/
1150
1254
  padding-right: 2px;
1255
+ /*rtl:end:ignore*/
1151
1256
  }
1152
1257
 
1153
1258
  .mdc-text-field--filled {
@@ -1193,16 +1298,23 @@
1193
1298
  }
1194
1299
  .mdc-text-field--filled .mdc-floating-label {
1195
1300
  /* @noflip */
1301
+ /*rtl:ignore*/
1196
1302
  left: 16px;
1197
1303
  /* @noflip */
1304
+ /*rtl:ignore*/
1198
1305
  right: initial;
1199
1306
  }
1200
1307
  [dir=rtl] .mdc-text-field--filled .mdc-floating-label, .mdc-text-field--filled .mdc-floating-label[dir=rtl] {
1308
+ /*rtl:begin:ignore*/
1201
1309
  /* @noflip */
1310
+ /*rtl:ignore*/
1202
1311
  left: initial;
1203
1312
  /* @noflip */
1313
+ /*rtl:ignore*/
1204
1314
  right: 16px;
1315
+ /*rtl:end:ignore*/
1205
1316
  }
1317
+
1206
1318
  .mdc-text-field--filled .mdc-floating-label--float-above {
1207
1319
  transform: translateY(-106%) scale(0.75);
1208
1320
  }
@@ -1247,17 +1359,25 @@
1247
1359
  }
1248
1360
  @keyframes mdc-floating-label-shake-float-above-text-field-outlined {
1249
1361
  0% {
1362
+ /* @noflip */
1363
+ /*rtl:ignore*/
1250
1364
  transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
1251
1365
  }
1252
1366
  33% {
1253
1367
  animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
1368
+ /* @noflip */
1369
+ /*rtl:ignore*/
1254
1370
  transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
1255
1371
  }
1256
1372
  66% {
1257
1373
  animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
1374
+ /* @noflip */
1375
+ /*rtl:ignore*/
1258
1376
  transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
1259
1377
  }
1260
1378
  100% {
1379
+ /* @noflip */
1380
+ /*rtl:ignore*/
1261
1381
  transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
1262
1382
  }
1263
1383
  }
@@ -1283,146 +1403,196 @@
1283
1403
  }
1284
1404
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
1285
1405
  /* @noflip */
1406
+ /*rtl:ignore*/
1286
1407
  border-top-left-radius: 4px;
1287
1408
  /* @alternate */
1288
1409
  /* @noflip */
1410
+ /*rtl:ignore*/
1289
1411
  border-top-left-radius: var(--mdc-shape-small, 4px);
1290
1412
  /* @noflip */
1413
+ /*rtl:ignore*/
1291
1414
  border-top-right-radius: 0;
1292
1415
  /* @noflip */
1416
+ /*rtl:ignore*/
1293
1417
  border-bottom-right-radius: 0;
1294
1418
  /* @noflip */
1419
+ /*rtl:ignore*/
1295
1420
  border-bottom-left-radius: 4px;
1296
1421
  /* @alternate */
1297
1422
  /* @noflip */
1423
+ /*rtl:ignore*/
1298
1424
  border-bottom-left-radius: var(--mdc-shape-small, 4px);
1299
1425
  }
1300
1426
  [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] {
1427
+ /*rtl:begin:ignore*/
1301
1428
  /* @noflip */
1429
+ /*rtl:ignore*/
1302
1430
  border-top-left-radius: 0;
1303
1431
  /* @noflip */
1432
+ /*rtl:ignore*/
1304
1433
  border-top-right-radius: 4px;
1305
1434
  /* @alternate */
1306
1435
  /* @noflip */
1436
+ /*rtl:ignore*/
1307
1437
  border-top-right-radius: var(--mdc-shape-small, 4px);
1308
1438
  /* @noflip */
1439
+ /*rtl:ignore*/
1309
1440
  border-bottom-right-radius: 4px;
1310
1441
  /* @alternate */
1311
1442
  /* @noflip */
1443
+ /*rtl:ignore*/
1312
1444
  border-bottom-right-radius: var(--mdc-shape-small, 4px);
1313
1445
  /* @noflip */
1446
+ /*rtl:ignore*/
1314
1447
  border-bottom-left-radius: 0;
1448
+ /*rtl:end:ignore*/
1315
1449
  }
1316
- @supports (top: max(0%)) {
1450
+
1451
+ @supports (top: 0%) {
1317
1452
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
1318
1453
  width: max(12px, var(--mdc-shape-small, 4px));
1319
1454
  }
1320
1455
  }
1321
- @supports (top: max(0%)) {
1456
+ @supports (top: 0%) {
1322
1457
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {
1323
1458
  max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);
1324
1459
  }
1325
1460
  }
1326
1461
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
1327
1462
  /* @noflip */
1463
+ /*rtl:ignore*/
1328
1464
  border-top-left-radius: 0;
1329
1465
  /* @noflip */
1466
+ /*rtl:ignore*/
1330
1467
  border-top-right-radius: 4px;
1331
1468
  /* @alternate */
1332
1469
  /* @noflip */
1470
+ /*rtl:ignore*/
1333
1471
  border-top-right-radius: var(--mdc-shape-small, 4px);
1334
1472
  /* @noflip */
1473
+ /*rtl:ignore*/
1335
1474
  border-bottom-right-radius: 4px;
1336
1475
  /* @alternate */
1337
1476
  /* @noflip */
1477
+ /*rtl:ignore*/
1338
1478
  border-bottom-right-radius: var(--mdc-shape-small, 4px);
1339
1479
  /* @noflip */
1480
+ /*rtl:ignore*/
1340
1481
  border-bottom-left-radius: 0;
1341
1482
  }
1342
1483
  [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] {
1484
+ /*rtl:begin:ignore*/
1343
1485
  /* @noflip */
1486
+ /*rtl:ignore*/
1344
1487
  border-top-left-radius: 4px;
1345
1488
  /* @alternate */
1346
1489
  /* @noflip */
1490
+ /*rtl:ignore*/
1347
1491
  border-top-left-radius: var(--mdc-shape-small, 4px);
1348
1492
  /* @noflip */
1493
+ /*rtl:ignore*/
1349
1494
  border-top-right-radius: 0;
1350
1495
  /* @noflip */
1496
+ /*rtl:ignore*/
1351
1497
  border-bottom-right-radius: 0;
1352
1498
  /* @noflip */
1499
+ /*rtl:ignore*/
1353
1500
  border-bottom-left-radius: 4px;
1354
1501
  /* @alternate */
1355
1502
  /* @noflip */
1503
+ /*rtl:ignore*/
1356
1504
  border-bottom-left-radius: var(--mdc-shape-small, 4px);
1505
+ /*rtl:end:ignore*/
1357
1506
  }
1358
- @supports (top: max(0%)) {
1507
+
1508
+ @supports (top: 0%) {
1359
1509
  .mdc-text-field--outlined {
1360
1510
  /* @noflip */
1511
+ /*rtl:ignore*/
1361
1512
  padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
1362
1513
  }
1363
1514
  }
1364
- @supports (top: max(0%)) {
1515
+ @supports (top: 0%) {
1365
1516
  .mdc-text-field--outlined {
1366
1517
  /* @noflip */
1518
+ /*rtl:ignore*/
1367
1519
  padding-right: max(16px, var(--mdc-shape-small, 4px));
1368
1520
  }
1369
1521
  }
1370
- @supports (top: max(0%)) {
1522
+ @supports (top: 0%) {
1371
1523
  .mdc-text-field--outlined + .mdc-text-field-helper-line {
1372
1524
  /* @noflip */
1525
+ /*rtl:ignore*/
1373
1526
  padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
1374
1527
  }
1375
1528
  }
1376
- @supports (top: max(0%)) {
1529
+ @supports (top: 0%) {
1377
1530
  .mdc-text-field--outlined + .mdc-text-field-helper-line {
1378
1531
  /* @noflip */
1532
+ /*rtl:ignore*/
1379
1533
  padding-right: max(16px, var(--mdc-shape-small, 4px));
1380
1534
  }
1381
1535
  }
1382
1536
  .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
1383
1537
  /* @noflip */
1538
+ /*rtl:ignore*/
1384
1539
  padding-left: 0;
1385
1540
  }
1386
- @supports (top: max(0%)) {
1541
+ @supports (top: 0%) {
1387
1542
  .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
1388
1543
  /* @noflip */
1544
+ /*rtl:ignore*/
1389
1545
  padding-right: max(16px, var(--mdc-shape-small, 4px));
1390
1546
  }
1391
1547
  }
1392
1548
  [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
1549
+ /*rtl:begin:ignore*/
1393
1550
  /* @noflip */
1551
+ /*rtl:ignore*/
1394
1552
  padding-right: 0;
1553
+ /*rtl:end:ignore*/
1395
1554
  }
1396
- @supports (top: max(0%)) {
1555
+ @supports (top: 0%) {
1397
1556
  [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
1398
1557
  /* @noflip */
1558
+ /*rtl:ignore*/
1399
1559
  padding-left: max(16px, var(--mdc-shape-small, 4px));
1400
1560
  }
1401
1561
  }
1562
+
1402
1563
  .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
1403
1564
  /* @noflip */
1565
+ /*rtl:ignore*/
1404
1566
  padding-right: 0;
1405
1567
  }
1406
- @supports (top: max(0%)) {
1568
+ @supports (top: 0%) {
1407
1569
  .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
1408
1570
  /* @noflip */
1571
+ /*rtl:ignore*/
1409
1572
  padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
1410
1573
  }
1411
1574
  }
1412
1575
  [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
1576
+ /*rtl:begin:ignore*/
1413
1577
  /* @noflip */
1578
+ /*rtl:ignore*/
1414
1579
  padding-left: 0;
1580
+ /*rtl:end:ignore*/
1415
1581
  }
1416
- @supports (top: max(0%)) {
1582
+ @supports (top: 0%) {
1417
1583
  [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
1418
1584
  /* @noflip */
1585
+ /*rtl:ignore*/
1419
1586
  padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
1420
1587
  }
1421
1588
  }
1589
+
1422
1590
  .mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
1423
1591
  /* @noflip */
1592
+ /*rtl:ignore*/
1424
1593
  padding-left: 0;
1425
1594
  /* @noflip */
1595
+ /*rtl:ignore*/
1426
1596
  padding-right: 0;
1427
1597
  }
1428
1598
  .mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
@@ -1434,16 +1604,23 @@
1434
1604
  }
1435
1605
  .mdc-text-field--outlined .mdc-floating-label {
1436
1606
  /* @noflip */
1607
+ /*rtl:ignore*/
1437
1608
  left: 4px;
1438
1609
  /* @noflip */
1610
+ /*rtl:ignore*/
1439
1611
  right: initial;
1440
1612
  }
1441
1613
  [dir=rtl] .mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
1614
+ /*rtl:begin:ignore*/
1442
1615
  /* @noflip */
1616
+ /*rtl:ignore*/
1443
1617
  left: initial;
1444
1618
  /* @noflip */
1619
+ /*rtl:ignore*/
1445
1620
  right: 4px;
1621
+ /*rtl:end:ignore*/
1446
1622
  }
1623
+
1447
1624
  .mdc-text-field--outlined .mdc-text-field__input {
1448
1625
  display: flex;
1449
1626
  border: none !important;
@@ -1489,17 +1666,25 @@
1489
1666
  }
1490
1667
  @keyframes mdc-floating-label-shake-float-above-textarea-filled {
1491
1668
  0% {
1669
+ /* @noflip */
1670
+ /*rtl:ignore*/
1492
1671
  transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
1493
1672
  }
1494
1673
  33% {
1495
1674
  animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
1675
+ /* @noflip */
1676
+ /*rtl:ignore*/
1496
1677
  transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);
1497
1678
  }
1498
1679
  66% {
1499
1680
  animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
1681
+ /* @noflip */
1682
+ /*rtl:ignore*/
1500
1683
  transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);
1501
1684
  }
1502
1685
  100% {
1686
+ /* @noflip */
1687
+ /*rtl:ignore*/
1503
1688
  transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
1504
1689
  }
1505
1690
  }
@@ -1533,17 +1718,25 @@
1533
1718
  }
1534
1719
  @keyframes mdc-floating-label-shake-float-above-textarea-outlined {
1535
1720
  0% {
1721
+ /* @noflip */
1722
+ /*rtl:ignore*/
1536
1723
  transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
1537
1724
  }
1538
1725
  33% {
1539
1726
  animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
1727
+ /* @noflip */
1728
+ /*rtl:ignore*/
1540
1729
  transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
1541
1730
  }
1542
1731
  66% {
1543
1732
  animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
1733
+ /* @noflip */
1734
+ /*rtl:ignore*/
1544
1735
  transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
1545
1736
  }
1546
1737
  100% {
1738
+ /* @noflip */
1739
+ /*rtl:ignore*/
1547
1740
  transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
1548
1741
  }
1549
1742
  }
@@ -1596,82 +1789,126 @@
1596
1789
  transform: translateY(1px);
1597
1790
  }
1598
1791
  .mdc-text-field--outlined .mdc-text-field__resizer {
1792
+ /* @noflip */
1793
+ /*rtl:ignore*/
1599
1794
  transform: translateX(-1px) translateY(-1px);
1600
1795
  }
1601
1796
  [dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer, .mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl] {
1797
+ /*rtl:begin:ignore*/
1798
+ /* @noflip */
1799
+ /*rtl:ignore*/
1602
1800
  transform: translateX(1px) translateY(-1px);
1801
+ /*rtl:end:ignore*/
1603
1802
  }
1803
+
1604
1804
  .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,
1605
1805
  .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter {
1806
+ /* @noflip */
1807
+ /*rtl:ignore*/
1606
1808
  transform: translateX(1px) translateY(1px);
1607
1809
  }
1608
- [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],
1609
- [dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter,
1610
- .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl] {
1810
+ [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] {
1811
+ /*rtl:begin:ignore*/
1812
+ /* @noflip */
1813
+ /*rtl:ignore*/
1611
1814
  transform: translateX(-1px) translateY(1px);
1815
+ /*rtl:end:ignore*/
1612
1816
  }
1613
1817
 
1614
1818
  .mdc-text-field--with-leading-icon {
1615
1819
  /* @noflip */
1820
+ /*rtl:ignore*/
1616
1821
  padding-left: 0;
1617
1822
  /* @noflip */
1823
+ /*rtl:ignore*/
1618
1824
  padding-right: 16px;
1619
1825
  }
1620
1826
  [dir=rtl] .mdc-text-field--with-leading-icon, .mdc-text-field--with-leading-icon[dir=rtl] {
1827
+ /*rtl:begin:ignore*/
1621
1828
  /* @noflip */
1829
+ /*rtl:ignore*/
1622
1830
  padding-left: 16px;
1623
1831
  /* @noflip */
1832
+ /*rtl:ignore*/
1624
1833
  padding-right: 0;
1834
+ /*rtl:end:ignore*/
1625
1835
  }
1836
+
1626
1837
  .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label {
1627
1838
  max-width: calc(100% - 48px);
1628
1839
  /* @noflip */
1840
+ /*rtl:ignore*/
1629
1841
  left: 48px;
1630
1842
  /* @noflip */
1843
+ /*rtl:ignore*/
1631
1844
  right: initial;
1632
1845
  }
1633
1846
  [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] {
1847
+ /*rtl:begin:ignore*/
1634
1848
  /* @noflip */
1849
+ /*rtl:ignore*/
1635
1850
  left: initial;
1636
1851
  /* @noflip */
1852
+ /*rtl:ignore*/
1637
1853
  right: 48px;
1854
+ /*rtl:end:ignore*/
1638
1855
  }
1856
+
1639
1857
  .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above {
1640
1858
  max-width: calc(100% / 0.75 - 64px / 0.75);
1641
1859
  }
1642
1860
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
1643
1861
  /* @noflip */
1862
+ /*rtl:ignore*/
1644
1863
  left: 36px;
1645
1864
  /* @noflip */
1865
+ /*rtl:ignore*/
1646
1866
  right: initial;
1647
1867
  }
1648
1868
  [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] {
1869
+ /*rtl:begin:ignore*/
1649
1870
  /* @noflip */
1871
+ /*rtl:ignore*/
1650
1872
  left: initial;
1651
1873
  /* @noflip */
1874
+ /*rtl:ignore*/
1652
1875
  right: 36px;
1876
+ /*rtl:end:ignore*/
1653
1877
  }
1878
+
1654
1879
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
1655
1880
  max-width: calc(100% - 60px);
1656
1881
  }
1657
1882
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
1883
+ /* @noflip */
1884
+ /*rtl:ignore*/
1658
1885
  transform: translateY(-37.25px) translateX(-32px) scale(1);
1659
1886
  }
1660
1887
  [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] {
1888
+ /*rtl:begin:ignore*/
1889
+ /* @noflip */
1890
+ /*rtl:ignore*/
1661
1891
  transform: translateY(-37.25px) translateX(32px) scale(1);
1892
+ /*rtl:end:ignore*/
1662
1893
  }
1894
+
1663
1895
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
1664
1896
  font-size: 0.75rem;
1665
1897
  }
1666
1898
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
1667
1899
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
1900
+ /* @noflip */
1901
+ /*rtl:ignore*/
1668
1902
  transform: translateY(-34.75px) translateX(-32px) scale(0.75);
1669
1903
  }
1670
- [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],
1671
- [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
1672
- .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
1904
+ [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] {
1905
+ /*rtl:begin:ignore*/
1906
+ /* @noflip */
1907
+ /*rtl:ignore*/
1673
1908
  transform: translateY(-34.75px) translateX(32px) scale(0.75);
1909
+ /*rtl:end:ignore*/
1674
1910
  }
1911
+
1675
1912
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
1676
1913
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
1677
1914
  font-size: 1rem;
@@ -1681,52 +1918,80 @@
1681
1918
  }
1682
1919
  @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
1683
1920
  0% {
1921
+ /* @noflip */
1922
+ /*rtl:ignore*/
1684
1923
  transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
1685
1924
  }
1686
1925
  33% {
1687
1926
  animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
1927
+ /* @noflip */
1928
+ /*rtl:ignore*/
1688
1929
  transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
1689
1930
  }
1690
1931
  66% {
1691
1932
  animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
1933
+ /* @noflip */
1934
+ /*rtl:ignore*/
1692
1935
  transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
1693
1936
  }
1694
1937
  100% {
1938
+ /* @noflip */
1939
+ /*rtl:ignore*/
1695
1940
  transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
1696
1941
  }
1697
1942
  }
1943
+ [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined, .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] {
1944
+ /*rtl:begin:ignore*/
1945
+ /*rtl:end:ignore*/
1946
+ }
1698
1947
  [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 {
1699
1948
  animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
1700
1949
  }
1950
+
1701
1951
  @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
1702
1952
  0% {
1953
+ /* @noflip */
1954
+ /*rtl:ignore*/
1703
1955
  transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
1704
1956
  }
1705
1957
  33% {
1706
1958
  animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
1959
+ /* @noflip */
1960
+ /*rtl:ignore*/
1707
1961
  transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
1708
1962
  }
1709
1963
  66% {
1710
1964
  animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
1965
+ /* @noflip */
1966
+ /*rtl:ignore*/
1711
1967
  transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
1712
1968
  }
1713
1969
  100% {
1970
+ /* @noflip */
1971
+ /*rtl:ignore*/
1714
1972
  transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
1715
1973
  }
1716
1974
  }
1717
1975
 
1718
1976
  .mdc-text-field--with-trailing-icon {
1719
1977
  /* @noflip */
1978
+ /*rtl:ignore*/
1720
1979
  padding-left: 16px;
1721
1980
  /* @noflip */
1981
+ /*rtl:ignore*/
1722
1982
  padding-right: 0;
1723
1983
  }
1724
1984
  [dir=rtl] .mdc-text-field--with-trailing-icon, .mdc-text-field--with-trailing-icon[dir=rtl] {
1985
+ /*rtl:begin:ignore*/
1725
1986
  /* @noflip */
1987
+ /*rtl:ignore*/
1726
1988
  padding-left: 0;
1727
1989
  /* @noflip */
1990
+ /*rtl:ignore*/
1728
1991
  padding-right: 16px;
1992
+ /*rtl:end:ignore*/
1729
1993
  }
1994
+
1730
1995
  .mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
1731
1996
  max-width: calc(100% - 64px);
1732
1997
  }
@@ -1739,8 +2004,10 @@
1739
2004
 
1740
2005
  .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
1741
2006
  /* @noflip */
2007
+ /*rtl:ignore*/
1742
2008
  padding-left: 0;
1743
2009
  /* @noflip */
2010
+ /*rtl:ignore*/
1744
2011
  padding-right: 0;
1745
2012
  }
1746
2013
  .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
@@ -1894,64 +2161,72 @@
1894
2161
  .mdc-text-field--disabled .mdc-notched-outline__trailing {
1895
2162
  border-color: rgba(0, 0, 0, 0.06);
1896
2163
  }
1897
- @media screen and (-ms-high-contrast: active) {
2164
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
1898
2165
  .mdc-text-field--disabled .mdc-text-field__input::placeholder {
1899
2166
  color: GrayText;
1900
2167
  }
1901
2168
  }
1902
- @media screen and (-ms-high-contrast: active) {
2169
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
1903
2170
  .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
1904
2171
  color: GrayText;
1905
2172
  }
1906
2173
  }
1907
- @media screen and (-ms-high-contrast: active) {
2174
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
1908
2175
  .mdc-text-field--disabled .mdc-floating-label {
1909
2176
  color: GrayText;
1910
2177
  }
1911
2178
  }
1912
- @media screen and (-ms-high-contrast: active) {
2179
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
1913
2180
  .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text {
1914
2181
  color: GrayText;
1915
2182
  }
1916
2183
  }
1917
- @media screen and (-ms-high-contrast: active) {
2184
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
1918
2185
  .mdc-text-field--disabled .mdc-text-field-character-counter,
1919
2186
  .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter {
1920
2187
  color: GrayText;
1921
2188
  }
1922
2189
  }
1923
- @media screen and (-ms-high-contrast: active) {
2190
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
1924
2191
  .mdc-text-field--disabled .mdc-text-field__icon--leading {
1925
2192
  color: GrayText;
1926
2193
  }
1927
2194
  }
1928
- @media screen and (-ms-high-contrast: active) {
2195
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
1929
2196
  .mdc-text-field--disabled .mdc-text-field__icon--trailing {
1930
2197
  color: GrayText;
1931
2198
  }
1932
2199
  }
1933
- @media screen and (-ms-high-contrast: active) {
2200
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
1934
2201
  .mdc-text-field--disabled .mdc-text-field__affix--prefix {
1935
2202
  color: GrayText;
1936
2203
  }
1937
2204
  }
1938
- @media screen and (-ms-high-contrast: active) {
2205
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
1939
2206
  .mdc-text-field--disabled .mdc-text-field__affix--suffix {
1940
2207
  color: GrayText;
1941
2208
  }
1942
2209
  }
1943
- @media screen and (-ms-high-contrast: active) {
2210
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
1944
2211
  .mdc-text-field--disabled .mdc-line-ripple::before {
1945
2212
  border-bottom-color: GrayText;
1946
2213
  }
1947
2214
  }
1948
- @media screen and (-ms-high-contrast: active) {
2215
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
1949
2216
  .mdc-text-field--disabled .mdc-notched-outline__leading,
1950
2217
  .mdc-text-field--disabled .mdc-notched-outline__notch,
1951
2218
  .mdc-text-field--disabled .mdc-notched-outline__trailing {
1952
2219
  border-color: GrayText;
1953
2220
  }
1954
2221
  }
2222
+ @media screen and (forced-colors: active) {
2223
+ .mdc-text-field--disabled .mdc-text-field__input {
2224
+ background-color: Window;
2225
+ }
2226
+ .mdc-text-field--disabled .mdc-floating-label {
2227
+ z-index: 1;
2228
+ }
2229
+ }
1955
2230
  .mdc-text-field--disabled .mdc-floating-label {
1956
2231
  cursor: default;
1957
2232
  }
@@ -1967,29 +2242,42 @@
1967
2242
 
1968
2243
  .mdc-text-field--end-aligned .mdc-text-field__input {
1969
2244
  /* @noflip */
2245
+ /*rtl:ignore*/
1970
2246
  text-align: right;
1971
2247
  }
1972
2248
  [dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl] {
2249
+ /*rtl:begin:ignore*/
1973
2250
  /* @noflip */
2251
+ /*rtl:ignore*/
1974
2252
  text-align: left;
2253
+ /*rtl:end:ignore*/
1975
2254
  }
1976
2255
 
2256
+ [dir=rtl] .mdc-text-field--ltr-text, .mdc-text-field--ltr-text[dir=rtl] {
2257
+ /*rtl:begin:ignore*/
2258
+ /*rtl:end:ignore*/
2259
+ }
1977
2260
  [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,
1978
2261
  [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,
1979
2262
  .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix {
1980
2263
  /* @noflip */
2264
+ /*rtl:ignore*/
1981
2265
  direction: ltr;
1982
2266
  }
1983
2267
  [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix {
1984
2268
  /* @noflip */
2269
+ /*rtl:ignore*/
1985
2270
  padding-left: 0;
1986
2271
  /* @noflip */
2272
+ /*rtl:ignore*/
1987
2273
  padding-right: 2px;
1988
2274
  }
1989
2275
  [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix {
1990
2276
  /* @noflip */
2277
+ /*rtl:ignore*/
1991
2278
  padding-left: 12px;
1992
2279
  /* @noflip */
2280
+ /*rtl:ignore*/
1993
2281
  padding-right: 0;
1994
2282
  }
1995
2283
  [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading {
@@ -2007,16 +2295,24 @@
2007
2295
  [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing {
2008
2296
  order: 5;
2009
2297
  }
2298
+
2299
+ [dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] {
2300
+ /*rtl:begin:ignore*/
2301
+ /*rtl:end:ignore*/
2302
+ }
2010
2303
  [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 {
2011
2304
  /* @noflip */
2305
+ /*rtl:ignore*/
2012
2306
  text-align: right;
2013
2307
  }
2014
2308
  [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 {
2015
2309
  /* @noflip */
2310
+ /*rtl:ignore*/
2016
2311
  padding-right: 12px;
2017
2312
  }
2018
2313
  [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 {
2019
2314
  /* @noflip */
2315
+ /*rtl:ignore*/
2020
2316
  padding-left: 2px;
2021
2317
  }
2022
2318
 
@@ -2096,12 +2392,16 @@
2096
2392
  /* @alternate */
2097
2393
  line-height: normal;
2098
2394
  /* @noflip */
2395
+ /*rtl:ignore*/
2099
2396
  margin-left: auto;
2100
2397
  /* @noflip */
2398
+ /*rtl:ignore*/
2101
2399
  margin-right: 0;
2102
2400
  /* @noflip */
2401
+ /*rtl:ignore*/
2103
2402
  padding-left: 16px;
2104
2403
  /* @noflip */
2404
+ /*rtl:ignore*/
2105
2405
  padding-right: 0;
2106
2406
  white-space: nowrap;
2107
2407
  }
@@ -2113,16 +2413,25 @@
2113
2413
  vertical-align: 0;
2114
2414
  }
2115
2415
  [dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] {
2416
+ /*rtl:begin:ignore*/
2116
2417
  /* @noflip */
2418
+ /*rtl:ignore*/
2117
2419
  margin-left: 0;
2118
2420
  /* @noflip */
2421
+ /*rtl:ignore*/
2119
2422
  margin-right: auto;
2423
+ /*rtl:end:ignore*/
2120
2424
  }
2425
+
2121
2426
  [dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] {
2427
+ /*rtl:begin:ignore*/
2122
2428
  /* @noflip */
2429
+ /*rtl:ignore*/
2123
2430
  padding-left: 0;
2124
2431
  /* @noflip */
2432
+ /*rtl:ignore*/
2125
2433
  padding-right: 16px;
2434
+ /*rtl:end:ignore*/
2126
2435
  }
2127
2436
 
2128
2437
  .mdc-text-field__icon {
@@ -2139,29 +2448,41 @@
2139
2448
 
2140
2449
  .mdc-text-field__icon--leading {
2141
2450
  /* @noflip */
2451
+ /*rtl:ignore*/
2142
2452
  margin-left: 16px;
2143
2453
  /* @noflip */
2454
+ /*rtl:ignore*/
2144
2455
  margin-right: 8px;
2145
2456
  }
2146
2457
  [dir=rtl] .mdc-text-field__icon--leading, .mdc-text-field__icon--leading[dir=rtl] {
2458
+ /*rtl:begin:ignore*/
2147
2459
  /* @noflip */
2460
+ /*rtl:ignore*/
2148
2461
  margin-left: 8px;
2149
2462
  /* @noflip */
2463
+ /*rtl:ignore*/
2150
2464
  margin-right: 16px;
2465
+ /*rtl:end:ignore*/
2151
2466
  }
2152
2467
 
2153
2468
  .mdc-text-field__icon--trailing {
2154
2469
  padding: 12px;
2155
2470
  /* @noflip */
2471
+ /*rtl:ignore*/
2156
2472
  margin-left: 0px;
2157
2473
  /* @noflip */
2474
+ /*rtl:ignore*/
2158
2475
  margin-right: 0px;
2159
2476
  }
2160
2477
  [dir=rtl] .mdc-text-field__icon--trailing, .mdc-text-field__icon--trailing[dir=rtl] {
2478
+ /*rtl:begin:ignore*/
2161
2479
  /* @noflip */
2480
+ /*rtl:ignore*/
2162
2481
  margin-left: 0px;
2163
2482
  /* @noflip */
2483
+ /*rtl:ignore*/
2164
2484
  margin-right: 0px;
2485
+ /*rtl:end:ignore*/
2165
2486
  }
2166
2487
 
2167
2488
  .mdc-text-field__icon {
@@ -2178,29 +2499,41 @@
2178
2499
 
2179
2500
  .mdc-text-field__icon--leading {
2180
2501
  /* @noflip */
2502
+ /*rtl:ignore*/
2181
2503
  margin-left: 16px;
2182
2504
  /* @noflip */
2505
+ /*rtl:ignore*/
2183
2506
  margin-right: 8px;
2184
2507
  }
2185
2508
  [dir=rtl] .mdc-text-field__icon--leading, .mdc-text-field__icon--leading[dir=rtl] {
2509
+ /*rtl:begin:ignore*/
2186
2510
  /* @noflip */
2511
+ /*rtl:ignore*/
2187
2512
  margin-left: 8px;
2188
2513
  /* @noflip */
2514
+ /*rtl:ignore*/
2189
2515
  margin-right: 16px;
2516
+ /*rtl:end:ignore*/
2190
2517
  }
2191
2518
 
2192
2519
  .mdc-text-field__icon--trailing {
2193
2520
  padding: 12px;
2194
2521
  /* @noflip */
2522
+ /*rtl:ignore*/
2195
2523
  margin-left: 0px;
2196
2524
  /* @noflip */
2525
+ /*rtl:ignore*/
2197
2526
  margin-right: 0px;
2198
2527
  }
2199
2528
  [dir=rtl] .mdc-text-field__icon--trailing, .mdc-text-field__icon--trailing[dir=rtl] {
2529
+ /*rtl:begin:ignore*/
2200
2530
  /* @noflip */
2531
+ /*rtl:ignore*/
2201
2532
  margin-left: 0px;
2202
2533
  /* @noflip */
2534
+ /*rtl:ignore*/
2203
2535
  margin-right: 0px;
2536
+ /*rtl:end:ignore*/
2204
2537
  }
2205
2538
 
2206
2539
  .mdc-text-field.mdc-text-field--outlined {
@@ -2391,7 +2724,7 @@
2391
2724
 
2392
2725
  limel-badge {
2393
2726
  margin-right: 0.25rem;
2394
- margin-left: -0.5rem;
2727
+ margin-left: -0.25rem;
2395
2728
  }
2396
2729
 
2397
2730
  .mdc-chip__text {