@limetech/lime-elements 35.0.0-next.7 → 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 +78 -17
  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 +70 -17
  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 +937 -90
  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 +937 -90
  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 +104 -19
  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 +78 -17
  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-cd619c16.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-468e940e.entry.js +0 -16
  235. package/dist/lime-elements/p-4932c029.entry.js +0 -1
  236. package/dist/lime-elements/p-4b5af81b.entry.js +0 -1
  237. package/dist/lime-elements/p-510bb5a4.entry.js +0 -1
  238. package/dist/lime-elements/p-58cbe99d.entry.js +0 -1
  239. package/dist/lime-elements/p-597cbe05.entry.js +0 -1
  240. package/dist/lime-elements/p-6003f817.entry.js +0 -1
  241. package/dist/lime-elements/p-668795a7.js +0 -73
  242. package/dist/lime-elements/p-714fde78.entry.js +0 -1
  243. package/dist/lime-elements/p-7476efe0.entry.js +0 -1
  244. package/dist/lime-elements/p-8707d77b.entry.js +0 -73
  245. package/dist/lime-elements/p-8a2c1038.entry.js +0 -16
  246. package/dist/lime-elements/p-902347b9.js +0 -81
  247. package/dist/lime-elements/p-90c6fa15.js +0 -126
  248. package/dist/lime-elements/p-90f3e17c.entry.js +0 -37
  249. package/dist/lime-elements/p-98d50f52.entry.js +0 -1
  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-a93f4190.entry.js +0 -82
  254. package/dist/lime-elements/p-be56ffab.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
@@ -84,10 +84,13 @@
84
84
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
85
85
  position: absolute;
86
86
  /* @noflip */
87
+ /*rtl:ignore*/
87
88
  left: 0;
88
89
  /* @noflip */
90
+ /*rtl:ignore*/
89
91
  -webkit-transform-origin: left top;
90
92
  /* @noflip */
93
+ /*rtl:ignore*/
91
94
  transform-origin: left top;
92
95
  line-height: 1.15rem;
93
96
  text-align: left;
@@ -100,16 +103,23 @@
100
103
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
101
104
  }
102
105
  [dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] {
106
+ /*rtl:begin:ignore*/
103
107
  /* @noflip */
108
+ /*rtl:ignore*/
104
109
  right: 0;
105
110
  /* @noflip */
111
+ /*rtl:ignore*/
106
112
  left: auto;
107
113
  /* @noflip */
114
+ /*rtl:ignore*/
108
115
  -webkit-transform-origin: right top;
109
116
  /* @noflip */
117
+ /*rtl:ignore*/
110
118
  transform-origin: right top;
111
119
  /* @noflip */
120
+ /*rtl:ignore*/
112
121
  text-align: right;
122
+ /*rtl:end:ignore*/
113
123
  }
114
124
 
115
125
  .mdc-floating-label--float-above {
@@ -118,15 +128,23 @@
118
128
 
119
129
  .mdc-floating-label--required::after {
120
130
  /* @noflip */
131
+ /*rtl:ignore*/
121
132
  margin-left: 1px;
122
133
  /* @noflip */
134
+ /*rtl:ignore*/
123
135
  margin-right: 0px;
124
136
  content: "*";
125
137
  }
138
+ [dir=rtl] .mdc-floating-label--required, .mdc-floating-label--required[dir=rtl] {
139
+ /*rtl:begin:ignore*/
140
+ /*rtl:end:ignore*/
141
+ }
126
142
  [dir=rtl] .mdc-floating-label--required::after, .mdc-floating-label--required[dir=rtl]::after {
127
143
  /* @noflip */
144
+ /*rtl:ignore*/
128
145
  margin-left: 0;
129
146
  /* @noflip */
147
+ /*rtl:ignore*/
130
148
  margin-right: 1px;
131
149
  }
132
150
 
@@ -140,17 +158,25 @@
140
158
 
141
159
  @keyframes mdc-floating-label-shake-float-above-standard {
142
160
  0% {
161
+ /* @noflip */
162
+ /*rtl:ignore*/
143
163
  transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
144
164
  }
145
165
  33% {
146
166
  animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
167
+ /* @noflip */
168
+ /*rtl:ignore*/
147
169
  transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
148
170
  }
149
171
  66% {
150
172
  animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
173
+ /* @noflip */
174
+ /*rtl:ignore*/
151
175
  transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
152
176
  }
153
177
  100% {
178
+ /* @noflip */
179
+ /*rtl:ignore*/
154
180
  transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
155
181
  }
156
182
  }
@@ -223,13 +249,18 @@
223
249
  max-width: 100%;
224
250
  height: 100%;
225
251
  /* @noflip */
252
+ /*rtl:ignore*/
226
253
  text-align: left;
227
254
  pointer-events: none;
228
255
  }
229
256
  [dir=rtl] .mdc-notched-outline, .mdc-notched-outline[dir=rtl] {
257
+ /*rtl:begin:ignore*/
230
258
  /* @noflip */
259
+ /*rtl:ignore*/
231
260
  text-align: right;
261
+ /*rtl:end:ignore*/
232
262
  }
263
+
233
264
  .mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
234
265
  box-sizing: border-box;
235
266
  height: 100%;
@@ -239,30 +270,44 @@
239
270
  }
240
271
  .mdc-notched-outline__leading {
241
272
  /* @noflip */
273
+ /*rtl:ignore*/
242
274
  border-left: 1px solid;
243
275
  /* @noflip */
276
+ /*rtl:ignore*/
244
277
  border-right: none;
245
278
  width: 12px;
246
279
  }
247
280
  [dir=rtl] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir=rtl] {
281
+ /*rtl:begin:ignore*/
248
282
  /* @noflip */
283
+ /*rtl:ignore*/
249
284
  border-left: none;
250
285
  /* @noflip */
286
+ /*rtl:ignore*/
251
287
  border-right: 1px solid;
288
+ /*rtl:end:ignore*/
252
289
  }
290
+
253
291
  .mdc-notched-outline__trailing {
254
292
  /* @noflip */
293
+ /*rtl:ignore*/
255
294
  border-left: none;
256
295
  /* @noflip */
296
+ /*rtl:ignore*/
257
297
  border-right: 1px solid;
258
298
  flex-grow: 1;
259
299
  }
260
300
  [dir=rtl] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir=rtl] {
301
+ /*rtl:begin:ignore*/
261
302
  /* @noflip */
303
+ /*rtl:ignore*/
262
304
  border-left: 1px solid;
263
305
  /* @noflip */
306
+ /*rtl:ignore*/
264
307
  border-right: none;
308
+ /*rtl:end:ignore*/
265
309
  }
310
+
266
311
  .mdc-notched-outline__notch {
267
312
  flex: 0 0 auto;
268
313
  width: auto;
@@ -277,21 +322,27 @@
277
322
  text-overflow: clip;
278
323
  }
279
324
  .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
280
- max-width: calc(100% / 0.75);
325
+ max-width: 133.3333333333%;
281
326
  }
282
327
 
283
328
  .mdc-notched-outline--notched .mdc-notched-outline__notch {
284
329
  /* @noflip */
330
+ /*rtl:ignore*/
285
331
  padding-left: 0;
286
332
  /* @noflip */
333
+ /*rtl:ignore*/
287
334
  padding-right: 8px;
288
335
  border-top: none;
289
336
  }
290
337
  [dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] {
338
+ /*rtl:begin:ignore*/
291
339
  /* @noflip */
340
+ /*rtl:ignore*/
292
341
  padding-left: 8px;
293
342
  /* @noflip */
343
+ /*rtl:ignore*/
294
344
  padding-right: 0;
345
+ /*rtl:end:ignore*/
295
346
  }
296
347
 
297
348
  .mdc-notched-outline--no-label .mdc-notched-outline__notch {
@@ -340,7 +391,7 @@
340
391
  .mdc-select.mdc-select--disabled .mdc-select__icon {
341
392
  color: rgba(0, 0, 0, 0.38);
342
393
  }
343
- @media screen and (-ms-high-contrast: active) {
394
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
344
395
  .mdc-select.mdc-select--disabled .mdc-select__selected-text {
345
396
  color: GrayText;
346
397
  }
@@ -372,28 +423,42 @@
372
423
  }
373
424
  .mdc-select .mdc-select__anchor {
374
425
  /* @noflip */
426
+ /*rtl:ignore*/
375
427
  padding-left: 16px;
376
428
  /* @noflip */
429
+ /*rtl:ignore*/
377
430
  padding-right: 0;
378
431
  }
379
432
  [dir=rtl] .mdc-select .mdc-select__anchor, .mdc-select .mdc-select__anchor[dir=rtl] {
433
+ /*rtl:begin:ignore*/
380
434
  /* @noflip */
435
+ /*rtl:ignore*/
381
436
  padding-left: 0;
382
437
  /* @noflip */
438
+ /*rtl:ignore*/
383
439
  padding-right: 16px;
440
+ /*rtl:end:ignore*/
384
441
  }
442
+
385
443
  .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor {
386
444
  /* @noflip */
445
+ /*rtl:ignore*/
387
446
  padding-left: 0;
388
447
  /* @noflip */
448
+ /*rtl:ignore*/
389
449
  padding-right: 0;
390
450
  }
391
451
  [dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor, .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor[dir=rtl] {
452
+ /*rtl:begin:ignore*/
392
453
  /* @noflip */
454
+ /*rtl:ignore*/
393
455
  padding-left: 0;
394
456
  /* @noflip */
457
+ /*rtl:ignore*/
395
458
  padding-right: 0;
459
+ /*rtl:end:ignore*/
396
460
  }
461
+
397
462
  .mdc-select .mdc-select__icon {
398
463
  width: 24px;
399
464
  height: 24px;
@@ -405,32 +470,48 @@
405
470
  }
406
471
  .mdc-select .mdc-select__menu .mdc-deprecated-list-item {
407
472
  /* @noflip */
473
+ /*rtl:ignore*/
408
474
  padding-left: 16px;
409
475
  /* @noflip */
476
+ /*rtl:ignore*/
410
477
  padding-right: 16px;
411
478
  }
412
479
  [dir=rtl] .mdc-select .mdc-select__menu .mdc-deprecated-list-item, .mdc-select .mdc-select__menu .mdc-deprecated-list-item[dir=rtl] {
480
+ /*rtl:begin:ignore*/
413
481
  /* @noflip */
482
+ /*rtl:ignore*/
414
483
  padding-left: 16px;
415
484
  /* @noflip */
485
+ /*rtl:ignore*/
416
486
  padding-right: 16px;
487
+ /*rtl:end:ignore*/
417
488
  }
489
+
418
490
  .mdc-select .mdc-select__menu .mdc-deprecated-list-item__graphic {
419
491
  /* @noflip */
492
+ /*rtl:ignore*/
420
493
  margin-left: 0;
421
494
  /* @noflip */
495
+ /*rtl:ignore*/
422
496
  margin-right: 12px;
423
497
  }
424
498
  [dir=rtl] .mdc-select .mdc-select__menu .mdc-deprecated-list-item__graphic, .mdc-select .mdc-select__menu .mdc-deprecated-list-item__graphic[dir=rtl] {
499
+ /*rtl:begin:ignore*/
425
500
  /* @noflip */
501
+ /*rtl:ignore*/
426
502
  margin-left: 12px;
427
503
  /* @noflip */
504
+ /*rtl:ignore*/
428
505
  margin-right: 0;
506
+ /*rtl:end:ignore*/
429
507
  }
508
+
430
509
  .mdc-select__dropdown-icon {
431
510
  /* @noflip */
511
+ /*rtl:ignore*/
432
512
  margin-left: 12px;
433
513
  /* @noflip */
514
+ /*rtl:ignore*/
434
515
  margin-right: 12px;
435
516
  display: inline-flex;
436
517
  position: relative;
@@ -459,11 +540,16 @@
459
540
  transition: opacity 75ms linear;
460
541
  }
461
542
  [dir=rtl] .mdc-select__dropdown-icon, .mdc-select__dropdown-icon[dir=rtl] {
543
+ /*rtl:begin:ignore*/
462
544
  /* @noflip */
545
+ /*rtl:ignore*/
463
546
  margin-left: 12px;
464
547
  /* @noflip */
548
+ /*rtl:ignore*/
465
549
  margin-right: 12px;
550
+ /*rtl:end:ignore*/
466
551
  }
552
+
467
553
  .mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive {
468
554
  opacity: 0;
469
555
  transition: opacity 49.5ms linear;
@@ -533,11 +619,15 @@
533
619
  display: block;
534
620
  width: 100%;
535
621
  /* @noflip */
622
+ /*rtl:ignore*/
536
623
  text-align: left;
537
624
  }
538
625
  [dir=rtl] .mdc-select__selected-text, .mdc-select__selected-text[dir=rtl] {
626
+ /*rtl:begin:ignore*/
539
627
  /* @noflip */
628
+ /*rtl:ignore*/
540
629
  text-align: right;
630
+ /*rtl:end:ignore*/
541
631
  }
542
632
 
543
633
  .mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label {
@@ -572,42 +662,228 @@
572
662
 
573
663
  .mdc-select--with-leading-icon .mdc-select__menu .mdc-deprecated-list-item {
574
664
  /* @noflip */
665
+ /*rtl:ignore*/
575
666
  padding-left: 12px;
576
667
  /* @noflip */
668
+ /*rtl:ignore*/
577
669
  padding-right: 12px;
578
670
  }
579
671
  [dir=rtl] .mdc-select--with-leading-icon .mdc-select__menu .mdc-deprecated-list-item, .mdc-select--with-leading-icon .mdc-select__menu .mdc-deprecated-list-item[dir=rtl] {
672
+ /*rtl:begin:ignore*/
580
673
  /* @noflip */
674
+ /*rtl:ignore*/
581
675
  padding-left: 12px;
582
676
  /* @noflip */
677
+ /*rtl:ignore*/
583
678
  padding-right: 12px;
679
+ /*rtl:end:ignore*/
584
680
  }
585
681
 
586
- .mdc-select__menu .mdc-deprecated-list .mdc-select__icon {
682
+ .mdc-select__menu .mdc-deprecated-list .mdc-select__icon,
683
+ .mdc-select__menu .mdc-list .mdc-select__icon {
587
684
  /* @noflip */
685
+ /*rtl:ignore*/
588
686
  margin-left: 0;
589
687
  /* @noflip */
688
+ /*rtl:ignore*/
590
689
  margin-right: 0;
591
690
  }
592
- [dir=rtl] .mdc-select__menu .mdc-deprecated-list .mdc-select__icon, .mdc-select__menu .mdc-deprecated-list .mdc-select__icon[dir=rtl] {
691
+ [dir=rtl] .mdc-select__menu .mdc-deprecated-list .mdc-select__icon, [dir=rtl] .mdc-select__menu .mdc-list .mdc-select__icon, .mdc-select__menu .mdc-deprecated-list .mdc-select__icon[dir=rtl], .mdc-select__menu .mdc-list .mdc-select__icon[dir=rtl] {
692
+ /*rtl:begin:ignore*/
593
693
  /* @noflip */
694
+ /*rtl:ignore*/
594
695
  margin-left: 0;
595
696
  /* @noflip */
697
+ /*rtl:ignore*/
596
698
  margin-right: 0;
699
+ /*rtl:end:ignore*/
597
700
  }
701
+
598
702
  .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected,
599
- .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--activated {
703
+ .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--activated,
704
+ .mdc-select__menu .mdc-list .mdc-deprecated-list-item--selected,
705
+ .mdc-select__menu .mdc-list .mdc-deprecated-list-item--activated {
600
706
  color: #000;
601
707
  /* @alternate */
602
708
  color: var(--mdc-theme-on-surface, #000);
603
709
  }
604
710
  .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__graphic,
605
- .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic {
711
+ .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
712
+ .mdc-select__menu .mdc-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__graphic,
713
+ .mdc-select__menu .mdc-list .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic {
606
714
  color: #000;
607
715
  /* @alternate */
608
716
  color: var(--mdc-theme-on-surface, #000);
609
717
  }
610
718
 
719
+ .mdc-select__menu .mdc-list-item__start {
720
+ display: inline-flex;
721
+ align-items: center;
722
+ }
723
+
724
+ .mdc-select__option {
725
+ /* @noflip */
726
+ /*rtl:ignore*/
727
+ padding-left: 16px;
728
+ /* @noflip */
729
+ /*rtl:ignore*/
730
+ padding-right: 16px;
731
+ }
732
+ [dir=rtl] .mdc-select__option, .mdc-select__option[dir=rtl] {
733
+ /*rtl:begin:ignore*/
734
+ /* @noflip */
735
+ /*rtl:ignore*/
736
+ padding-left: 16px;
737
+ /* @noflip */
738
+ /*rtl:ignore*/
739
+ padding-right: 16px;
740
+ /*rtl:end:ignore*/
741
+ }
742
+
743
+ .mdc-select__one-line-option.mdc-list-item--with-one-line {
744
+ height: 48px;
745
+ }
746
+
747
+ .mdc-select__two-line-option.mdc-list-item--with-two-lines {
748
+ height: 64px;
749
+ }
750
+ .mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__start {
751
+ margin-top: 20px;
752
+ }
753
+ .mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
754
+ display: block;
755
+ margin-top: 0;
756
+ /* @alternate */
757
+ line-height: normal;
758
+ margin-bottom: -20px;
759
+ }
760
+ .mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
761
+ display: inline-block;
762
+ width: 0;
763
+ height: 28px;
764
+ content: "";
765
+ vertical-align: 0;
766
+ }
767
+ .mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
768
+ display: inline-block;
769
+ width: 0;
770
+ height: 20px;
771
+ content: "";
772
+ vertical-align: -20px;
773
+ }
774
+ .mdc-select__two-line-option.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
775
+ display: block;
776
+ margin-top: 0;
777
+ /* @alternate */
778
+ line-height: normal;
779
+ }
780
+ .mdc-select__two-line-option.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {
781
+ display: inline-block;
782
+ width: 0;
783
+ height: 36px;
784
+ content: "";
785
+ vertical-align: 0;
786
+ }
787
+
788
+ .mdc-select__option-with-leading-content {
789
+ /* @noflip */
790
+ /*rtl:ignore*/
791
+ padding-left: 0;
792
+ /* @noflip */
793
+ /*rtl:ignore*/
794
+ padding-right: 12px;
795
+ }
796
+ .mdc-select__option-with-leading-content.mdc-list-item {
797
+ /* @noflip */
798
+ /*rtl:ignore*/
799
+ padding-left: 0;
800
+ /* @noflip */
801
+ /*rtl:ignore*/
802
+ padding-right: auto;
803
+ }
804
+ [dir=rtl] .mdc-select__option-with-leading-content.mdc-list-item, .mdc-select__option-with-leading-content.mdc-list-item[dir=rtl] {
805
+ /*rtl:begin:ignore*/
806
+ /* @noflip */
807
+ /*rtl:ignore*/
808
+ padding-left: auto;
809
+ /* @noflip */
810
+ /*rtl:ignore*/
811
+ padding-right: 0;
812
+ /*rtl:end:ignore*/
813
+ }
814
+
815
+ .mdc-select__option-with-leading-content .mdc-list-item__start {
816
+ /* @noflip */
817
+ /*rtl:ignore*/
818
+ margin-left: 12px;
819
+ /* @noflip */
820
+ /*rtl:ignore*/
821
+ margin-right: 0;
822
+ }
823
+ [dir=rtl] .mdc-select__option-with-leading-content .mdc-list-item__start, .mdc-select__option-with-leading-content .mdc-list-item__start[dir=rtl] {
824
+ /*rtl:begin:ignore*/
825
+ /* @noflip */
826
+ /*rtl:ignore*/
827
+ margin-left: 0;
828
+ /* @noflip */
829
+ /*rtl:ignore*/
830
+ margin-right: 12px;
831
+ /*rtl:end:ignore*/
832
+ }
833
+
834
+ .mdc-select__option-with-leading-content .mdc-list-item__start {
835
+ width: 36px;
836
+ height: 24px;
837
+ }
838
+ [dir=rtl] .mdc-select__option-with-leading-content, .mdc-select__option-with-leading-content[dir=rtl] {
839
+ /*rtl:begin:ignore*/
840
+ /* @noflip */
841
+ /*rtl:ignore*/
842
+ padding-left: 12px;
843
+ /* @noflip */
844
+ /*rtl:ignore*/
845
+ padding-right: 0;
846
+ /*rtl:end:ignore*/
847
+ }
848
+
849
+ .mdc-select__option-with-meta.mdc-list-item {
850
+ /* @noflip */
851
+ /*rtl:ignore*/
852
+ padding-left: auto;
853
+ /* @noflip */
854
+ /*rtl:ignore*/
855
+ padding-right: 0;
856
+ }
857
+ [dir=rtl] .mdc-select__option-with-meta.mdc-list-item, .mdc-select__option-with-meta.mdc-list-item[dir=rtl] {
858
+ /*rtl:begin:ignore*/
859
+ /* @noflip */
860
+ /*rtl:ignore*/
861
+ padding-left: 0;
862
+ /* @noflip */
863
+ /*rtl:ignore*/
864
+ padding-right: auto;
865
+ /*rtl:end:ignore*/
866
+ }
867
+
868
+ .mdc-select__option-with-meta .mdc-list-item__end {
869
+ /* @noflip */
870
+ /*rtl:ignore*/
871
+ margin-left: 12px;
872
+ /* @noflip */
873
+ /*rtl:ignore*/
874
+ margin-right: 12px;
875
+ }
876
+ [dir=rtl] .mdc-select__option-with-meta .mdc-list-item__end, .mdc-select__option-with-meta .mdc-list-item__end[dir=rtl] {
877
+ /*rtl:begin:ignore*/
878
+ /* @noflip */
879
+ /*rtl:ignore*/
880
+ margin-left: 12px;
881
+ /* @noflip */
882
+ /*rtl:ignore*/
883
+ margin-right: 12px;
884
+ /*rtl:end:ignore*/
885
+ }
886
+
611
887
  .mdc-select--filled .mdc-select__anchor {
612
888
  height: 56px;
613
889
  display: flex;
@@ -677,28 +953,42 @@
677
953
  }
678
954
  .mdc-select--filled .mdc-floating-label {
679
955
  /* @noflip */
956
+ /*rtl:ignore*/
680
957
  left: 16px;
681
958
  /* @noflip */
959
+ /*rtl:ignore*/
682
960
  right: initial;
683
961
  }
684
962
  [dir=rtl] .mdc-select--filled .mdc-floating-label, .mdc-select--filled .mdc-floating-label[dir=rtl] {
963
+ /*rtl:begin:ignore*/
685
964
  /* @noflip */
965
+ /*rtl:ignore*/
686
966
  left: initial;
687
967
  /* @noflip */
968
+ /*rtl:ignore*/
688
969
  right: 16px;
970
+ /*rtl:end:ignore*/
689
971
  }
972
+
690
973
  .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label {
691
974
  /* @noflip */
975
+ /*rtl:ignore*/
692
976
  left: 48px;
693
977
  /* @noflip */
978
+ /*rtl:ignore*/
694
979
  right: initial;
695
980
  }
696
981
  [dir=rtl] .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] {
982
+ /*rtl:begin:ignore*/
697
983
  /* @noflip */
984
+ /*rtl:ignore*/
698
985
  left: initial;
699
986
  /* @noflip */
987
+ /*rtl:ignore*/
700
988
  right: 48px;
989
+ /*rtl:end:ignore*/
701
990
  }
991
+
702
992
  .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label {
703
993
  max-width: calc(100% - 96px);
704
994
  }
@@ -746,126 +1036,176 @@
746
1036
  }
747
1037
  @keyframes mdc-floating-label-shake-float-above-select-outlined-56px {
748
1038
  0% {
1039
+ /* @noflip */
1040
+ /*rtl:ignore*/
749
1041
  transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
750
1042
  }
751
1043
  33% {
752
1044
  animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
1045
+ /* @noflip */
1046
+ /*rtl:ignore*/
753
1047
  transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
754
1048
  }
755
1049
  66% {
756
1050
  animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
1051
+ /* @noflip */
1052
+ /*rtl:ignore*/
757
1053
  transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
758
1054
  }
759
1055
  100% {
1056
+ /* @noflip */
1057
+ /*rtl:ignore*/
760
1058
  transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
761
1059
  }
762
1060
  }
763
1061
  .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
764
1062
  /* @noflip */
1063
+ /*rtl:ignore*/
765
1064
  border-top-left-radius: 4px;
766
1065
  /* @alternate */
767
1066
  /* @noflip */
1067
+ /*rtl:ignore*/
768
1068
  border-top-left-radius: var(--mdc-shape-small, 4px);
769
1069
  /* @noflip */
1070
+ /*rtl:ignore*/
770
1071
  border-top-right-radius: 0;
771
1072
  /* @noflip */
1073
+ /*rtl:ignore*/
772
1074
  border-bottom-right-radius: 0;
773
1075
  /* @noflip */
1076
+ /*rtl:ignore*/
774
1077
  border-bottom-left-radius: 4px;
775
1078
  /* @alternate */
776
1079
  /* @noflip */
1080
+ /*rtl:ignore*/
777
1081
  border-bottom-left-radius: var(--mdc-shape-small, 4px);
778
1082
  }
779
1083
  [dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
1084
+ /*rtl:begin:ignore*/
780
1085
  /* @noflip */
1086
+ /*rtl:ignore*/
781
1087
  border-top-left-radius: 0;
782
1088
  /* @noflip */
1089
+ /*rtl:ignore*/
783
1090
  border-top-right-radius: 4px;
784
1091
  /* @alternate */
785
1092
  /* @noflip */
1093
+ /*rtl:ignore*/
786
1094
  border-top-right-radius: var(--mdc-shape-small, 4px);
787
1095
  /* @noflip */
1096
+ /*rtl:ignore*/
788
1097
  border-bottom-right-radius: 4px;
789
1098
  /* @alternate */
790
1099
  /* @noflip */
1100
+ /*rtl:ignore*/
791
1101
  border-bottom-right-radius: var(--mdc-shape-small, 4px);
792
1102
  /* @noflip */
1103
+ /*rtl:ignore*/
793
1104
  border-bottom-left-radius: 0;
1105
+ /*rtl:end:ignore*/
794
1106
  }
795
- @supports (top: max(0%)) {
1107
+
1108
+ @supports (top: 0%) {
796
1109
  .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
797
1110
  width: max(12px, var(--mdc-shape-small, 4px));
798
1111
  }
799
1112
  }
800
- @supports (top: max(0%)) {
1113
+ @supports (top: 0%) {
801
1114
  .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__notch {
802
1115
  max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);
803
1116
  }
804
1117
  }
805
1118
  .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
806
1119
  /* @noflip */
1120
+ /*rtl:ignore*/
807
1121
  border-top-left-radius: 0;
808
1122
  /* @noflip */
1123
+ /*rtl:ignore*/
809
1124
  border-top-right-radius: 4px;
810
1125
  /* @alternate */
811
1126
  /* @noflip */
1127
+ /*rtl:ignore*/
812
1128
  border-top-right-radius: var(--mdc-shape-small, 4px);
813
1129
  /* @noflip */
1130
+ /*rtl:ignore*/
814
1131
  border-bottom-right-radius: 4px;
815
1132
  /* @alternate */
816
1133
  /* @noflip */
1134
+ /*rtl:ignore*/
817
1135
  border-bottom-right-radius: var(--mdc-shape-small, 4px);
818
1136
  /* @noflip */
1137
+ /*rtl:ignore*/
819
1138
  border-bottom-left-radius: 0;
820
1139
  }
821
1140
  [dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
1141
+ /*rtl:begin:ignore*/
822
1142
  /* @noflip */
1143
+ /*rtl:ignore*/
823
1144
  border-top-left-radius: 4px;
824
1145
  /* @alternate */
825
1146
  /* @noflip */
1147
+ /*rtl:ignore*/
826
1148
  border-top-left-radius: var(--mdc-shape-small, 4px);
827
1149
  /* @noflip */
1150
+ /*rtl:ignore*/
828
1151
  border-top-right-radius: 0;
829
1152
  /* @noflip */
1153
+ /*rtl:ignore*/
830
1154
  border-bottom-right-radius: 0;
831
1155
  /* @noflip */
1156
+ /*rtl:ignore*/
832
1157
  border-bottom-left-radius: 4px;
833
1158
  /* @alternate */
834
1159
  /* @noflip */
1160
+ /*rtl:ignore*/
835
1161
  border-bottom-left-radius: var(--mdc-shape-small, 4px);
1162
+ /*rtl:end:ignore*/
836
1163
  }
837
- @supports (top: max(0%)) {
1164
+
1165
+ @supports (top: 0%) {
838
1166
  .mdc-select--outlined .mdc-select__anchor {
839
1167
  /* @noflip */
1168
+ /*rtl:ignore*/
840
1169
  padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
841
1170
  }
842
1171
  }
843
1172
  [dir=rtl] .mdc-select--outlined .mdc-select__anchor, .mdc-select--outlined .mdc-select__anchor[dir=rtl] {
1173
+ /*rtl:begin:ignore*/
844
1174
  /* @noflip */
1175
+ /*rtl:ignore*/
845
1176
  padding-left: 0;
1177
+ /*rtl:end:ignore*/
846
1178
  }
847
- @supports (top: max(0%)) {
1179
+ @supports (top: 0%) {
848
1180
  [dir=rtl] .mdc-select--outlined .mdc-select__anchor, .mdc-select--outlined .mdc-select__anchor[dir=rtl] {
849
1181
  /* @noflip */
1182
+ /*rtl:ignore*/
850
1183
  padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
851
1184
  }
852
1185
  }
853
- @supports (top: max(0%)) {
1186
+
1187
+ @supports (top: 0%) {
854
1188
  .mdc-select--outlined + .mdc-select-helper-text {
855
1189
  /* @noflip */
1190
+ /*rtl:ignore*/
856
1191
  margin-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
857
1192
  }
858
1193
  }
859
1194
  [dir=rtl] .mdc-select--outlined + .mdc-select-helper-text, .mdc-select--outlined + .mdc-select-helper-text[dir=rtl] {
1195
+ /*rtl:begin:ignore*/
860
1196
  /* @noflip */
1197
+ /*rtl:ignore*/
861
1198
  margin-left: 0;
1199
+ /*rtl:end:ignore*/
862
1200
  }
863
- @supports (top: max(0%)) {
1201
+ @supports (top: 0%) {
864
1202
  [dir=rtl] .mdc-select--outlined + .mdc-select-helper-text, .mdc-select--outlined + .mdc-select-helper-text[dir=rtl] {
865
1203
  /* @noflip */
1204
+ /*rtl:ignore*/
866
1205
  margin-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
867
1206
  }
868
1207
  }
1208
+
869
1209
  .mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__anchor {
870
1210
  background-color: transparent;
871
1211
  }
@@ -950,16 +1290,23 @@
950
1290
  .mdc-select--outlined .mdc-floating-label {
951
1291
  line-height: 1.15rem;
952
1292
  /* @noflip */
1293
+ /*rtl:ignore*/
953
1294
  left: 4px;
954
1295
  /* @noflip */
1296
+ /*rtl:ignore*/
955
1297
  right: initial;
956
1298
  }
957
1299
  [dir=rtl] .mdc-select--outlined .mdc-floating-label, .mdc-select--outlined .mdc-floating-label[dir=rtl] {
1300
+ /*rtl:begin:ignore*/
958
1301
  /* @noflip */
1302
+ /*rtl:ignore*/
959
1303
  left: initial;
960
1304
  /* @noflip */
1305
+ /*rtl:ignore*/
961
1306
  right: 4px;
1307
+ /*rtl:end:ignore*/
962
1308
  }
1309
+
963
1310
  .mdc-select--outlined.mdc-select--focused .mdc-notched-outline--notched .mdc-notched-outline__notch {
964
1311
  padding-top: 2px;
965
1312
  }
@@ -991,34 +1338,53 @@
991
1338
  }
992
1339
  .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label {
993
1340
  /* @noflip */
1341
+ /*rtl:ignore*/
994
1342
  left: 36px;
995
1343
  /* @noflip */
1344
+ /*rtl:ignore*/
996
1345
  right: initial;
997
1346
  }
998
1347
  [dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] {
1348
+ /*rtl:begin:ignore*/
999
1349
  /* @noflip */
1350
+ /*rtl:ignore*/
1000
1351
  left: initial;
1001
1352
  /* @noflip */
1353
+ /*rtl:ignore*/
1002
1354
  right: 36px;
1355
+ /*rtl:end:ignore*/
1003
1356
  }
1357
+
1004
1358
  .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
1359
+ /* @noflip */
1360
+ /*rtl:ignore*/
1005
1361
  transform: translateY(-37.25px) translateX(-32px) scale(1);
1006
1362
  }
1007
1363
  [dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above, .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir=rtl] {
1364
+ /*rtl:begin:ignore*/
1365
+ /* @noflip */
1366
+ /*rtl:ignore*/
1008
1367
  transform: translateY(-37.25px) translateX(32px) scale(1);
1368
+ /*rtl:end:ignore*/
1009
1369
  }
1370
+
1010
1371
  .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
1011
1372
  font-size: 0.75rem;
1012
1373
  }
1013
1374
  .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
1014
1375
  .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
1376
+ /* @noflip */
1377
+ /*rtl:ignore*/
1015
1378
  transform: translateY(-34.75px) translateX(-32px) scale(0.75);
1016
1379
  }
1017
- [dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
1018
- [dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
1019
- .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
1380
+ [dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above, [dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
1381
+ /*rtl:begin:ignore*/
1382
+ /* @noflip */
1383
+ /*rtl:ignore*/
1020
1384
  transform: translateY(-34.75px) translateX(32px) scale(0.75);
1385
+ /*rtl:end:ignore*/
1021
1386
  }
1387
+
1022
1388
  .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
1023
1389
  .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
1024
1390
  font-size: 1rem;
@@ -1028,36 +1394,57 @@
1028
1394
  }
1029
1395
  @keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px {
1030
1396
  0% {
1397
+ /* @noflip */
1398
+ /*rtl:ignore*/
1031
1399
  transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
1032
1400
  }
1033
1401
  33% {
1034
1402
  animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
1403
+ /* @noflip */
1404
+ /*rtl:ignore*/
1035
1405
  transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
1036
1406
  }
1037
1407
  66% {
1038
1408
  animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
1409
+ /* @noflip */
1410
+ /*rtl:ignore*/
1039
1411
  transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
1040
1412
  }
1041
1413
  100% {
1414
+ /* @noflip */
1415
+ /*rtl:ignore*/
1042
1416
  transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
1043
1417
  }
1044
1418
  }
1419
+ [dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon, .mdc-select--outlined.mdc-select--with-leading-icon[dir=rtl] {
1420
+ /*rtl:begin:ignore*/
1421
+ /*rtl:end:ignore*/
1422
+ }
1045
1423
  [dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--shake, .mdc-select--outlined.mdc-select--with-leading-icon[dir=rtl] .mdc-floating-label--shake {
1046
1424
  animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;
1047
1425
  }
1426
+
1048
1427
  @keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl {
1049
1428
  0% {
1429
+ /* @noflip */
1430
+ /*rtl:ignore*/
1050
1431
  transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
1051
1432
  }
1052
1433
  33% {
1053
1434
  animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
1435
+ /* @noflip */
1436
+ /*rtl:ignore*/
1054
1437
  transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
1055
1438
  }
1056
1439
  66% {
1057
1440
  animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
1441
+ /* @noflip */
1442
+ /*rtl:ignore*/
1058
1443
  transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
1059
1444
  }
1060
1445
  100% {
1446
+ /* @noflip */
1447
+ /*rtl:ignore*/
1061
1448
  transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
1062
1449
  }
1063
1450
  }
@@ -1107,6 +1494,7 @@
1107
1494
  .mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after {
1108
1495
  top: 0;
1109
1496
  /* @noflip */
1497
+ /*rtl:ignore*/
1110
1498
  left: 0;
1111
1499
  transform: scale(0);
1112
1500
  transform-origin: center center;
@@ -1114,6 +1502,7 @@
1114
1502
  .mdc-select__anchor.mdc-ripple-upgraded--unbounded .mdc-select__ripple::after {
1115
1503
  top: var(--mdc-ripple-top, 0);
1116
1504
  /* @noflip */
1505
+ /*rtl:ignore*/
1117
1506
  left: var(--mdc-ripple-left, 0);
1118
1507
  }
1119
1508
  .mdc-select__anchor.mdc-ripple-upgraded--foreground-activation .mdc-select__ripple::after {
@@ -1127,6 +1516,7 @@
1127
1516
  .mdc-select__anchor .mdc-select__ripple::after {
1128
1517
  top: calc(50% - 100%);
1129
1518
  /* @noflip */
1519
+ /*rtl:ignore*/
1130
1520
  left: calc(50% - 100%);
1131
1521
  width: 200%;
1132
1522
  height: 200%;
@@ -1221,8 +1611,10 @@
1221
1611
  .mdc-select-helper-text {
1222
1612
  margin: 0;
1223
1613
  /* @noflip */
1614
+ /*rtl:ignore*/
1224
1615
  margin-left: 16px;
1225
1616
  /* @noflip */
1617
+ /*rtl:ignore*/
1226
1618
  margin-right: 16px;
1227
1619
  -moz-osx-font-smoothing: grayscale;
1228
1620
  -webkit-font-smoothing: antialiased;
@@ -1253,11 +1645,16 @@
1253
1645
  line-height: normal;
1254
1646
  }
1255
1647
  [dir=rtl] .mdc-select-helper-text, .mdc-select-helper-text[dir=rtl] {
1648
+ /*rtl:begin:ignore*/
1256
1649
  /* @noflip */
1650
+ /*rtl:ignore*/
1257
1651
  margin-left: 16px;
1258
1652
  /* @noflip */
1653
+ /*rtl:ignore*/
1259
1654
  margin-right: 16px;
1655
+ /*rtl:end:ignore*/
1260
1656
  }
1657
+
1261
1658
  .mdc-select-helper-text::before {
1262
1659
  display: inline-block;
1263
1660
  width: 0;
@@ -1290,15 +1687,21 @@
1290
1687
  }
1291
1688
  .mdc-select--with-leading-icon .mdc-select__icon {
1292
1689
  /* @noflip */
1690
+ /*rtl:ignore*/
1293
1691
  margin-left: 12px;
1294
1692
  /* @noflip */
1693
+ /*rtl:ignore*/
1295
1694
  margin-right: 12px;
1296
1695
  }
1297
1696
  [dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon, .mdc-select--with-leading-icon .mdc-select__icon[dir=rtl] {
1697
+ /*rtl:begin:ignore*/
1298
1698
  /* @noflip */
1699
+ /*rtl:ignore*/
1299
1700
  margin-left: 12px;
1300
1701
  /* @noflip */
1702
+ /*rtl:ignore*/
1301
1703
  margin-right: 12px;
1704
+ /*rtl:end:ignore*/
1302
1705
  }
1303
1706
 
1304
1707
  .mdc-select__icon:not([tabindex]),
@@ -1375,7 +1778,9 @@
1375
1778
  }
1376
1779
  .limel-select .limel-select-trigger .mdc-floating-label {
1377
1780
  color: rgba(var(--contrast-1200), 1);
1378
- width: calc( 100% - 1rem );
1781
+ width: calc(
1782
+ 100% - 1rem
1783
+ );
1379
1784
  }
1380
1785
  .limel-select .limel-select-trigger .mdc-floating-label.mdc-floating-label--float-above {
1381
1786
  font-size: 0.875rem;
@@ -1429,7 +1834,9 @@
1429
1834
  color: var(--lime-error-text-color);
1430
1835
  }
1431
1836
  .limel-select.limel-select--invalid .mdc-floating-label:not(.mdc-floating-label--float-above) {
1432
- max-width: calc( 100% - 4rem );
1837
+ max-width: calc(
1838
+ 100% - 4rem
1839
+ );
1433
1840
  }
1434
1841
 
1435
1842
  .invalid-icon {