@elastic/eui 95.7.0 → 95.8.0-backport.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 (319) hide show
  1. package/dist/eui_theme_dark.css +0 -1163
  2. package/dist/eui_theme_dark.min.css +1 -1
  3. package/dist/eui_theme_light.css +0 -1163
  4. package/dist/eui_theme_light.min.css +1 -1
  5. package/es/components/combo_box/combo_box_input/combo_box_input.js +2 -1
  6. package/es/components/combo_box/combo_box_input/combo_box_input.styles.js +1 -5
  7. package/es/components/datagrid/controls/column_selector.js +1 -2
  8. package/es/components/datagrid/data_grid.a11y.js +2 -2
  9. package/es/components/date_picker/date_picker.js +11 -11
  10. package/es/components/date_picker/date_picker.styles.js +14 -2
  11. package/es/components/date_picker/date_picker_range.js +2 -1
  12. package/es/components/date_picker/date_picker_range.styles.js +17 -2
  13. package/es/components/date_picker/super_date_picker/super_date_picker.js +14 -2
  14. package/es/components/date_picker/super_date_picker/super_date_picker.styles.js +4 -4
  15. package/es/components/form/checkbox/checkbox.js +28 -25
  16. package/es/components/form/checkbox/checkbox.styles.js +62 -0
  17. package/es/components/form/described_form_group/described_form_group.js +17 -9
  18. package/es/components/form/described_form_group/described_form_group.styles.js +26 -0
  19. package/es/components/form/field_number/field_number.js +1 -0
  20. package/es/components/form/field_number/field_number.styles.js +2 -1
  21. package/es/components/form/field_password/field_password.js +6 -3
  22. package/es/components/form/field_search/field_search.js +39 -29
  23. package/es/components/form/field_text/field_text.js +1 -0
  24. package/es/components/form/form.js +7 -4
  25. package/es/components/form/form.styles.js +87 -39
  26. package/es/components/form/form_control_layout/_num_icons.js +7 -33
  27. package/es/components/form/form_control_layout/form_control_layout.js +67 -32
  28. package/es/components/form/form_control_layout/form_control_layout.styles.js +72 -0
  29. package/es/components/form/form_control_layout/form_control_layout_clear_button.js +20 -23
  30. package/es/components/form/form_control_layout/form_control_layout_clear_button.styles.js +22 -0
  31. package/es/components/form/form_control_layout/form_control_layout_custom_icon.js +30 -5
  32. package/es/components/form/form_control_layout/form_control_layout_delimited.js +37 -7
  33. package/es/components/form/form_control_layout/form_control_layout_delimited.styles.js +52 -0
  34. package/es/components/form/form_control_layout/form_control_layout_icons.js +33 -13
  35. package/es/components/form/form_control_layout/form_control_layout_icons.styles.js +54 -0
  36. package/es/components/form/form_error_text/form_error_text.js +4 -0
  37. package/es/components/form/form_error_text/form_error_text.styles.js +16 -0
  38. package/es/components/form/form_fieldset/form_legend.js +6 -2
  39. package/es/components/form/form_fieldset/form_legend.styles.js +20 -0
  40. package/es/components/form/form_help_text/form_help_text.js +4 -0
  41. package/es/components/form/form_help_text/form_help_text.styles.js +16 -0
  42. package/es/components/form/form_label/form_label.js +6 -0
  43. package/es/components/form/form_label/form_label.styles.js +38 -0
  44. package/es/components/form/form_row/form_row.js +156 -223
  45. package/es/components/form/form_row/form_row.styles.js +49 -0
  46. package/es/components/form/radio/radio.js +21 -14
  47. package/es/components/form/radio/radio.styles.js +34 -0
  48. package/es/components/form/range/range.styles.js +1 -1
  49. package/es/components/form/range/range_input.styles.js +1 -1
  50. package/es/components/form/range/range_slider.styles.js +1 -4
  51. package/es/components/form/range/range_thumb.styles.js +1 -4
  52. package/es/components/form/switch/switch.js +43 -24
  53. package/es/components/form/switch/switch.styles.js +226 -0
  54. package/es/components/form/text_area/text_area.js +1 -0
  55. package/es/components/form/text_area/text_area.styles.js +1 -1
  56. package/es/components/header/header_links/header_link.js +9 -13
  57. package/es/components/header/header_links/header_links.js +1 -1
  58. package/es/components/header/header_links/header_links.styles.js +1 -1
  59. package/es/services/emotion/clone_element.js +5 -3
  60. package/eui.d.ts +403 -112
  61. package/i18ntokens.json +48 -30
  62. package/lib/components/combo_box/combo_box_input/combo_box_input.js +2 -1
  63. package/lib/components/combo_box/combo_box_input/combo_box_input.styles.js +1 -5
  64. package/lib/components/datagrid/controls/column_selector.js +1 -2
  65. package/lib/components/datagrid/data_grid.a11y.js +2 -2
  66. package/lib/components/date_picker/date_picker.js +11 -11
  67. package/lib/components/date_picker/date_picker.styles.js +14 -2
  68. package/lib/components/date_picker/date_picker_range.js +2 -1
  69. package/lib/components/date_picker/date_picker_range.styles.js +17 -4
  70. package/lib/components/date_picker/super_date_picker/super_date_picker.js +14 -2
  71. package/lib/components/date_picker/super_date_picker/super_date_picker.styles.js +4 -4
  72. package/lib/components/form/checkbox/checkbox.js +27 -23
  73. package/lib/components/form/checkbox/checkbox.styles.js +66 -0
  74. package/lib/components/form/described_form_group/described_form_group.js +17 -9
  75. package/lib/components/form/described_form_group/described_form_group.styles.js +32 -0
  76. package/lib/components/form/field_number/field_number.js +1 -0
  77. package/lib/components/form/field_number/field_number.styles.js +2 -1
  78. package/lib/components/form/field_password/field_password.js +6 -3
  79. package/lib/components/form/field_search/field_search.js +39 -29
  80. package/lib/components/form/field_text/field_text.js +1 -0
  81. package/lib/components/form/form.js +6 -3
  82. package/lib/components/form/form.styles.js +88 -40
  83. package/lib/components/form/form_control_layout/_num_icons.js +8 -33
  84. package/lib/components/form/form_control_layout/form_control_layout.js +65 -31
  85. package/lib/components/form/form_control_layout/form_control_layout.styles.js +76 -0
  86. package/lib/components/form/form_control_layout/form_control_layout_clear_button.js +20 -23
  87. package/lib/components/form/form_control_layout/form_control_layout_clear_button.styles.js +28 -0
  88. package/lib/components/form/form_control_layout/form_control_layout_custom_icon.js +34 -11
  89. package/lib/components/form/form_control_layout/form_control_layout_delimited.js +36 -9
  90. package/lib/components/form/form_control_layout/form_control_layout_delimited.styles.js +56 -0
  91. package/lib/components/form/form_control_layout/form_control_layout_icons.js +33 -13
  92. package/lib/components/form/form_control_layout/form_control_layout_icons.styles.js +58 -0
  93. package/lib/components/form/form_error_text/form_error_text.js +4 -0
  94. package/lib/components/form/form_error_text/form_error_text.styles.js +22 -0
  95. package/lib/components/form/form_fieldset/form_legend.js +6 -2
  96. package/lib/components/form/form_fieldset/form_legend.styles.js +26 -0
  97. package/lib/components/form/form_help_text/form_help_text.js +4 -0
  98. package/lib/components/form/form_help_text/form_help_text.styles.js +22 -0
  99. package/lib/components/form/form_label/form_label.js +6 -0
  100. package/lib/components/form/form_label/form_label.styles.js +43 -0
  101. package/lib/components/form/form_row/form_row.js +161 -226
  102. package/lib/components/form/form_row/form_row.styles.js +55 -0
  103. package/lib/components/form/radio/radio.js +21 -14
  104. package/lib/components/form/radio/radio.styles.js +40 -0
  105. package/lib/components/form/range/range.styles.js +1 -1
  106. package/lib/components/form/range/range_input.styles.js +1 -1
  107. package/lib/components/form/range/range_slider.styles.js +1 -4
  108. package/lib/components/form/range/range_thumb.styles.js +1 -4
  109. package/lib/components/form/switch/switch.js +46 -26
  110. package/lib/components/form/switch/switch.styles.js +230 -0
  111. package/lib/components/form/text_area/text_area.js +1 -0
  112. package/lib/components/form/text_area/text_area.styles.js +1 -1
  113. package/lib/components/header/header_links/header_link.js +9 -13
  114. package/lib/components/header/header_links/header_links.js +1 -1
  115. package/lib/components/header/header_links/header_links.styles.js +1 -1
  116. package/lib/services/emotion/clone_element.js +5 -3
  117. package/optimize/es/components/combo_box/combo_box_input/combo_box_input.js +2 -1
  118. package/optimize/es/components/combo_box/combo_box_input/combo_box_input.styles.js +1 -5
  119. package/optimize/es/components/datagrid/controls/column_selector.js +1 -2
  120. package/optimize/es/components/datagrid/data_grid.a11y.js +2 -2
  121. package/optimize/es/components/date_picker/date_picker.js +6 -9
  122. package/optimize/es/components/date_picker/date_picker.styles.js +14 -2
  123. package/optimize/es/components/date_picker/date_picker_range.js +2 -1
  124. package/optimize/es/components/date_picker/date_picker_range.styles.js +17 -2
  125. package/optimize/es/components/date_picker/super_date_picker/super_date_picker.js +13 -2
  126. package/optimize/es/components/date_picker/super_date_picker/super_date_picker.styles.js +4 -4
  127. package/optimize/es/components/form/checkbox/checkbox.js +28 -25
  128. package/optimize/es/components/form/checkbox/checkbox.styles.js +62 -0
  129. package/optimize/es/components/form/described_form_group/described_form_group.js +17 -9
  130. package/optimize/es/components/form/described_form_group/described_form_group.styles.js +26 -0
  131. package/optimize/es/components/form/field_number/field_number.js +1 -0
  132. package/optimize/es/components/form/field_number/field_number.styles.js +2 -1
  133. package/optimize/es/components/form/field_password/field_password.js +6 -3
  134. package/optimize/es/components/form/field_search/field_search.js +39 -29
  135. package/optimize/es/components/form/field_text/field_text.js +1 -0
  136. package/optimize/es/components/form/form.js +7 -4
  137. package/optimize/es/components/form/form.styles.js +87 -39
  138. package/optimize/es/components/form/form_control_layout/_num_icons.js +7 -33
  139. package/optimize/es/components/form/form_control_layout/form_control_layout.js +44 -29
  140. package/optimize/es/components/form/form_control_layout/form_control_layout.styles.js +72 -0
  141. package/optimize/es/components/form/form_control_layout/form_control_layout_clear_button.js +19 -22
  142. package/optimize/es/components/form/form_control_layout/form_control_layout_clear_button.styles.js +22 -0
  143. package/optimize/es/components/form/form_control_layout/form_control_layout_custom_icon.js +29 -4
  144. package/optimize/es/components/form/form_control_layout/form_control_layout_delimited.js +34 -7
  145. package/optimize/es/components/form/form_control_layout/form_control_layout_delimited.styles.js +52 -0
  146. package/optimize/es/components/form/form_control_layout/form_control_layout_icons.js +25 -11
  147. package/optimize/es/components/form/form_control_layout/form_control_layout_icons.styles.js +54 -0
  148. package/optimize/es/components/form/form_error_text/form_error_text.js +4 -0
  149. package/optimize/es/components/form/form_error_text/form_error_text.styles.js +16 -0
  150. package/optimize/es/components/form/form_fieldset/form_legend.js +6 -2
  151. package/optimize/es/components/form/form_fieldset/form_legend.styles.js +20 -0
  152. package/optimize/es/components/form/form_help_text/form_help_text.js +4 -0
  153. package/optimize/es/components/form/form_help_text/form_help_text.styles.js +16 -0
  154. package/optimize/es/components/form/form_label/form_label.js +6 -0
  155. package/optimize/es/components/form/form_label/form_label.styles.js +37 -0
  156. package/optimize/es/components/form/form_row/form_row.js +135 -201
  157. package/optimize/es/components/form/form_row/form_row.styles.js +49 -0
  158. package/optimize/es/components/form/radio/radio.js +21 -14
  159. package/optimize/es/components/form/radio/radio.styles.js +34 -0
  160. package/optimize/es/components/form/range/range.styles.js +1 -1
  161. package/optimize/es/components/form/range/range_input.styles.js +1 -1
  162. package/optimize/es/components/form/range/range_slider.styles.js +1 -4
  163. package/optimize/es/components/form/range/range_thumb.styles.js +1 -4
  164. package/optimize/es/components/form/switch/switch.js +29 -23
  165. package/optimize/es/components/form/switch/switch.styles.js +226 -0
  166. package/optimize/es/components/form/text_area/text_area.js +1 -0
  167. package/optimize/es/components/form/text_area/text_area.styles.js +1 -1
  168. package/optimize/es/components/header/header_links/header_link.js +9 -10
  169. package/optimize/es/components/header/header_links/header_links.js +1 -1
  170. package/optimize/es/components/header/header_links/header_links.styles.js +1 -1
  171. package/optimize/es/services/emotion/clone_element.js +5 -3
  172. package/optimize/lib/components/combo_box/combo_box_input/combo_box_input.js +2 -1
  173. package/optimize/lib/components/combo_box/combo_box_input/combo_box_input.styles.js +1 -5
  174. package/optimize/lib/components/datagrid/controls/column_selector.js +1 -2
  175. package/optimize/lib/components/datagrid/data_grid.a11y.js +2 -2
  176. package/optimize/lib/components/date_picker/date_picker.js +6 -9
  177. package/optimize/lib/components/date_picker/date_picker.styles.js +14 -2
  178. package/optimize/lib/components/date_picker/date_picker_range.js +2 -1
  179. package/optimize/lib/components/date_picker/date_picker_range.styles.js +17 -4
  180. package/optimize/lib/components/date_picker/super_date_picker/super_date_picker.js +13 -2
  181. package/optimize/lib/components/date_picker/super_date_picker/super_date_picker.styles.js +4 -4
  182. package/optimize/lib/components/form/checkbox/checkbox.js +27 -23
  183. package/optimize/lib/components/form/checkbox/checkbox.styles.js +66 -0
  184. package/optimize/lib/components/form/described_form_group/described_form_group.js +17 -9
  185. package/optimize/lib/components/form/described_form_group/described_form_group.styles.js +32 -0
  186. package/optimize/lib/components/form/field_number/field_number.js +1 -0
  187. package/optimize/lib/components/form/field_number/field_number.styles.js +2 -1
  188. package/optimize/lib/components/form/field_password/field_password.js +6 -3
  189. package/optimize/lib/components/form/field_search/field_search.js +39 -29
  190. package/optimize/lib/components/form/field_text/field_text.js +1 -0
  191. package/optimize/lib/components/form/form.js +6 -3
  192. package/optimize/lib/components/form/form.styles.js +88 -40
  193. package/optimize/lib/components/form/form_control_layout/_num_icons.js +8 -33
  194. package/optimize/lib/components/form/form_control_layout/form_control_layout.js +43 -28
  195. package/optimize/lib/components/form/form_control_layout/form_control_layout.styles.js +76 -0
  196. package/optimize/lib/components/form/form_control_layout/form_control_layout_clear_button.js +19 -22
  197. package/optimize/lib/components/form/form_control_layout/form_control_layout_clear_button.styles.js +28 -0
  198. package/optimize/lib/components/form/form_control_layout/form_control_layout_custom_icon.js +29 -6
  199. package/optimize/lib/components/form/form_control_layout/form_control_layout_delimited.js +34 -10
  200. package/optimize/lib/components/form/form_control_layout/form_control_layout_delimited.styles.js +56 -0
  201. package/optimize/lib/components/form/form_control_layout/form_control_layout_icons.js +25 -11
  202. package/optimize/lib/components/form/form_control_layout/form_control_layout_icons.styles.js +58 -0
  203. package/optimize/lib/components/form/form_error_text/form_error_text.js +4 -0
  204. package/optimize/lib/components/form/form_error_text/form_error_text.styles.js +22 -0
  205. package/optimize/lib/components/form/form_fieldset/form_legend.js +6 -2
  206. package/optimize/lib/components/form/form_fieldset/form_legend.styles.js +26 -0
  207. package/optimize/lib/components/form/form_help_text/form_help_text.js +4 -0
  208. package/optimize/lib/components/form/form_help_text/form_help_text.styles.js +22 -0
  209. package/optimize/lib/components/form/form_label/form_label.js +6 -0
  210. package/optimize/lib/components/form/form_label/form_label.styles.js +43 -0
  211. package/optimize/lib/components/form/form_row/form_row.js +136 -201
  212. package/optimize/lib/components/form/form_row/form_row.styles.js +55 -0
  213. package/optimize/lib/components/form/radio/radio.js +21 -14
  214. package/optimize/lib/components/form/radio/radio.styles.js +40 -0
  215. package/optimize/lib/components/form/range/range.styles.js +1 -1
  216. package/optimize/lib/components/form/range/range_input.styles.js +1 -1
  217. package/optimize/lib/components/form/range/range_slider.styles.js +1 -4
  218. package/optimize/lib/components/form/range/range_thumb.styles.js +1 -4
  219. package/optimize/lib/components/form/switch/switch.js +32 -25
  220. package/optimize/lib/components/form/switch/switch.styles.js +230 -0
  221. package/optimize/lib/components/form/text_area/text_area.js +1 -0
  222. package/optimize/lib/components/form/text_area/text_area.styles.js +1 -1
  223. package/optimize/lib/components/header/header_links/header_link.js +9 -10
  224. package/optimize/lib/components/header/header_links/header_links.js +1 -1
  225. package/optimize/lib/components/header/header_links/header_links.styles.js +1 -1
  226. package/optimize/lib/services/emotion/clone_element.js +5 -3
  227. package/package.json +3 -2
  228. package/src/components/datagrid/controls/_data_grid_toolbar.scss +1 -1
  229. package/src/components/index.scss +0 -1
  230. package/src/global_styling/mixins/_form.scss +0 -99
  231. package/src/global_styling/mixins/_index.scss +0 -1
  232. package/src/global_styling/variables/_form.scss +0 -21
  233. package/src/themes/amsterdam/global_styling/mixins/_index.scss +0 -1
  234. package/src/themes/amsterdam/overrides/_index.scss +0 -3
  235. package/test-env/components/combo_box/combo_box_input/combo_box_input.js +2 -1
  236. package/test-env/components/combo_box/combo_box_input/combo_box_input.styles.js +1 -5
  237. package/test-env/components/datagrid/controls/column_selector.js +1 -2
  238. package/test-env/components/datagrid/data_grid.a11y.js +2 -2
  239. package/test-env/components/date_picker/date_picker.js +6 -9
  240. package/test-env/components/date_picker/date_picker.styles.js +14 -2
  241. package/test-env/components/date_picker/date_picker_range.js +2 -1
  242. package/test-env/components/date_picker/date_picker_range.styles.js +17 -4
  243. package/test-env/components/date_picker/super_date_picker/super_date_picker.js +13 -2
  244. package/test-env/components/date_picker/super_date_picker/super_date_picker.styles.js +4 -4
  245. package/test-env/components/form/checkbox/checkbox.js +27 -23
  246. package/test-env/components/form/checkbox/checkbox.styles.js +66 -0
  247. package/test-env/components/form/described_form_group/described_form_group.js +17 -9
  248. package/test-env/components/form/described_form_group/described_form_group.styles.js +32 -0
  249. package/test-env/components/form/field_number/field_number.js +1 -0
  250. package/test-env/components/form/field_number/field_number.styles.js +2 -1
  251. package/test-env/components/form/field_password/field_password.js +6 -3
  252. package/test-env/components/form/field_search/field_search.js +39 -29
  253. package/test-env/components/form/field_text/field_text.js +1 -0
  254. package/test-env/components/form/form.js +6 -3
  255. package/test-env/components/form/form.styles.js +88 -40
  256. package/test-env/components/form/form_control_layout/_num_icons.js +8 -33
  257. package/test-env/components/form/form_control_layout/form_control_layout.js +58 -31
  258. package/test-env/components/form/form_control_layout/form_control_layout.styles.js +76 -0
  259. package/test-env/components/form/form_control_layout/form_control_layout_clear_button.js +20 -23
  260. package/test-env/components/form/form_control_layout/form_control_layout_clear_button.styles.js +28 -0
  261. package/test-env/components/form/form_control_layout/form_control_layout_custom_icon.js +30 -7
  262. package/test-env/components/form/form_control_layout/form_control_layout_delimited.js +34 -10
  263. package/test-env/components/form/form_control_layout/form_control_layout_delimited.styles.js +56 -0
  264. package/test-env/components/form/form_control_layout/form_control_layout_icons.js +28 -13
  265. package/test-env/components/form/form_control_layout/form_control_layout_icons.styles.js +58 -0
  266. package/test-env/components/form/form_error_text/form_error_text.js +4 -0
  267. package/test-env/components/form/form_error_text/form_error_text.styles.js +22 -0
  268. package/test-env/components/form/form_fieldset/form_legend.js +6 -2
  269. package/test-env/components/form/form_fieldset/form_legend.styles.js +26 -0
  270. package/test-env/components/form/form_help_text/form_help_text.js +4 -0
  271. package/test-env/components/form/form_help_text/form_help_text.styles.js +22 -0
  272. package/test-env/components/form/form_label/form_label.js +6 -0
  273. package/test-env/components/form/form_label/form_label.styles.js +43 -0
  274. package/test-env/components/form/form_row/form_row.js +153 -216
  275. package/test-env/components/form/form_row/form_row.styles.js +55 -0
  276. package/test-env/components/form/radio/radio.js +21 -14
  277. package/test-env/components/form/radio/radio.styles.js +40 -0
  278. package/test-env/components/form/range/range.styles.js +1 -1
  279. package/test-env/components/form/range/range_input.styles.js +1 -1
  280. package/test-env/components/form/range/range_slider.styles.js +1 -4
  281. package/test-env/components/form/range/range_thumb.styles.js +1 -4
  282. package/test-env/components/form/switch/switch.js +41 -26
  283. package/test-env/components/form/switch/switch.styles.js +230 -0
  284. package/test-env/components/form/text_area/text_area.js +1 -0
  285. package/test-env/components/form/text_area/text_area.styles.js +1 -1
  286. package/test-env/components/header/header_links/header_link.js +9 -10
  287. package/test-env/components/header/header_links/header_links.js +1 -1
  288. package/test-env/components/header/header_links/header_links.styles.js +1 -1
  289. package/test-env/services/emotion/clone_element.js +5 -3
  290. package/src/components/form/_form.scss +0 -8
  291. package/src/components/form/_index.scss +0 -11
  292. package/src/components/form/checkbox/_checkbox.scss +0 -115
  293. package/src/components/form/checkbox/_index.scss +0 -1
  294. package/src/components/form/described_form_group/_described_form_group.scss +0 -34
  295. package/src/components/form/described_form_group/_index.scss +0 -1
  296. package/src/components/form/form_control_layout/_form_control_layout.scss +0 -203
  297. package/src/components/form/form_control_layout/_form_control_layout_clear_button.scss +0 -7
  298. package/src/components/form/form_control_layout/_form_control_layout_custom_icon.scss +0 -24
  299. package/src/components/form/form_control_layout/_form_control_layout_delimited.scss +0 -67
  300. package/src/components/form/form_control_layout/_form_control_layout_icons.scss +0 -54
  301. package/src/components/form/form_control_layout/_index.scss +0 -5
  302. package/src/components/form/form_error_text/_form_error_text.scss +0 -5
  303. package/src/components/form/form_error_text/_index.scss +0 -1
  304. package/src/components/form/form_fieldset/_form_legend.scss +0 -11
  305. package/src/components/form/form_fieldset/_index.scss +0 -1
  306. package/src/components/form/form_help_text/_form_help_text.scss +0 -5
  307. package/src/components/form/form_help_text/_index.scss +0 -1
  308. package/src/components/form/form_label/_form_label.scss +0 -25
  309. package/src/components/form/form_label/_index.scss +0 -1
  310. package/src/components/form/form_row/_form_row.scss +0 -102
  311. package/src/components/form/form_row/_index.scss +0 -1
  312. package/src/components/form/radio/_index.scss +0 -1
  313. package/src/components/form/radio/_radio.scss +0 -87
  314. package/src/components/form/switch/_index.scss +0 -1
  315. package/src/components/form/switch/_switch.scss +0 -212
  316. package/src/global_styling/mixins/_icons.scss +0 -17
  317. package/src/themes/amsterdam/overrides/_form_control_layout.scss +0 -112
  318. package/src/themes/amsterdam/overrides/_form_control_layout_delimited.scss +0 -42
  319. package/src/themes/amsterdam/overrides/_form_controls.scss +0 -19
@@ -880,10 +880,6 @@ The following files still use the Sass version:
880
880
  height: 100%;
881
881
  overflow-y: auto;
882
882
  overflow-x: hidden;
883
- -webkit-mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
884
- mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
885
- -webkit-transform: translateZ(0);
886
- transform: translateZ(0);
887
883
  max-height: 400px;
888
884
  padding: 8px;
889
885
  margin: -8px;
@@ -1064,1167 +1060,8 @@ The following files still use the Sass version:
1064
1060
  row-gap: 0;
1065
1061
  }
1066
1062
 
1067
- /**
1068
- * 1. Float above the visual radio and match its dimension, so that when users try to click it
1069
- * they actually click this input.
1070
- */
1071
- .euiCheckbox {
1072
- position: relative;
1073
- }
1074
- .euiCheckbox .euiCheckbox__input {
1075
- width: 16px;
1076
- height: 16px;
1077
- top: 3px;
1078
- cursor: pointer;
1079
- position: absolute; /* 1 */
1080
- opacity: 0; /* 1 */
1081
- z-index: 1; /* 1 */
1082
- }
1083
- .euiCheckbox .euiCheckbox__input ~ .euiCheckbox__label {
1084
- display: inline-block;
1085
- padding-left: 24px;
1086
- line-height: 24px;
1087
- font-size: 14px;
1088
- position: relative;
1089
- z-index: 2;
1090
- cursor: pointer;
1091
- }
1092
- .euiCheckbox .euiCheckbox__input + .euiCheckbox__square {
1093
- padding: 7px;
1094
- border: 1px solid #69696f;
1095
- background: #1D1E24 no-repeat center;
1096
- border-radius: 4px;
1097
- transition: background-color 150ms ease-in, border-color 150ms ease-in;
1098
- display: inline-block;
1099
- position: absolute;
1100
- left: 0;
1101
- top: 3px;
1102
- }
1103
- .euiCheckbox .euiCheckbox__input:checked + .euiCheckbox__square {
1104
- border-color: #36A2EF;
1105
- background-color: #36A2EF;
1106
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8'%3E%3Cpath d='M.375 2.625L3.375 5.625M3.375 5.625L8.625.375' fill='none' fill-rule='evenodd' stroke='rgb%2829, 30, 36%29' stroke-linecap='round' stroke-width='1.5' transform='translate(.5 1)'/%3E%3C/svg%3E");
1107
- }
1108
- .euiCheckbox .euiCheckbox__input:indeterminate + .euiCheckbox__square {
1109
- border-color: #36A2EF;
1110
- background-color: #36A2EF;
1111
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'%3E%3Crect width='6' height='6' fill='rgb%2829, 30, 36%29' fill-rule='evenodd'/%3E%3C/svg%3E");
1112
- }
1113
- .euiCheckbox .euiCheckbox__input:focus + .euiCheckbox__square {
1114
- outline: 2px solid currentColor;
1115
- outline-offset: 2px;
1116
- border-color: #36A2EF;
1117
- }
1118
- .euiCheckbox .euiCheckbox__input:focus + .euiCheckbox__square:focus-visible {
1119
- outline-style: auto;
1120
- }
1121
- .euiCheckbox .euiCheckbox__input:focus + .euiCheckbox__square:not(:focus-visible) {
1122
- outline: none;
1123
- }
1124
- .euiCheckbox .euiCheckbox__input[readonly] {
1125
- cursor: default !important;
1126
- }
1127
- .euiCheckbox .euiCheckbox__input[readonly] ~ .euiCheckbox__label {
1128
- cursor: default !important;
1129
- }
1130
- .euiCheckbox .euiCheckbox__input[readonly]:focus + .euiCheckbox__square {
1131
- outline-color: #69696f !important;
1132
- border-color: #69696f;
1133
- }
1134
- .euiCheckbox .euiCheckbox__input[disabled] {
1135
- cursor: not-allowed !important;
1136
- }
1137
- .euiCheckbox .euiCheckbox__input[disabled] ~ .euiCheckbox__label {
1138
- color: #535966;
1139
- cursor: not-allowed !important;
1140
- }
1141
- .euiCheckbox .euiCheckbox__input[disabled] + .euiCheckbox__square {
1142
- border-color: #343741;
1143
- background-color: #343741;
1144
- box-shadow: none;
1145
- }
1146
- .euiCheckbox .euiCheckbox__input:checked[disabled] + .euiCheckbox__square {
1147
- border-color: #343741;
1148
- background-color: #343741;
1149
- box-shadow: none;
1150
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8'%3E%3Cpath d='M.375 2.625L3.375 5.625M3.375 5.625L8.625.375' fill='none' fill-rule='evenodd' stroke='rgb%28166, 170, 176%29' stroke-linecap='round' stroke-width='1.5' transform='translate(.5 1)'/%3E%3C/svg%3E");
1151
- }
1152
- .euiCheckbox .euiCheckbox__input:indeterminate[disabled] + .euiCheckbox__square {
1153
- border-color: #343741;
1154
- background-color: #343741;
1155
- box-shadow: none;
1156
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'%3E%3Crect width='6' height='6' fill='rgb%28166, 170, 176%29' fill-rule='evenodd'/%3E%3C/svg%3E");
1157
- }
1158
- .euiCheckbox.euiCheckbox--noLabel {
1159
- min-height: 16px;
1160
- min-width: 16px;
1161
- }
1162
- .euiCheckbox.euiCheckbox--noLabel .euiCheckbox__input,
1163
- .euiCheckbox.euiCheckbox--noLabel .euiCheckbox__square {
1164
- top: 0;
1165
- }
1166
- .euiCheckbox.euiCheckbox--noLabel .euiCheckbox__input {
1167
- margin: 0;
1168
- }
1169
-
1170
- .euiDescribedFormGroup {
1171
- max-width: 800px;
1172
- }
1173
- .euiDescribedFormGroup + * {
1174
- margin-top: 24px;
1175
- }
1176
- .euiDescribedFormGroup.euiDescribedFormGroup--fullWidth {
1177
- max-width: 100%;
1178
- }
1179
- .euiDescribedFormGroup .euiDescribedFormGroup__description {
1180
- padding-top: 8px;
1181
- }
1182
- .euiDescribedFormGroup .euiDescribedFormGroup__fields {
1183
- min-width: 0;
1184
- }
1185
- .euiDescribedFormGroup .euiDescribedFormGroup__fields > .euiFormRow--hasEmptyLabelSpace:first-child,
1186
- .euiDescribedFormGroup .euiDescribedFormGroup__fields > .euiFormRow:first-child:not(.euiFormRow--hasLabel) {
1187
- margin-top: 0;
1188
- }
1189
- .euiDescribedFormGroup .euiDescribedFormGroup__fields > .euiFormRow--hasEmptyLabelSpace:first-child::before,
1190
- .euiDescribedFormGroup .euiDescribedFormGroup__fields > .euiFormRow:first-child:not(.euiFormRow--hasLabel)::before {
1191
- content: "";
1192
- }
1193
-
1194
- .euiDescribedFormGroup__descriptionColumn {
1195
- min-width: min(20rem, 50%);
1196
- }
1197
-
1198
- .euiForm__error {
1199
- font-size: 14px;
1200
- font-size: 1rem;
1201
- line-height: 1.7142857143rem;
1202
- list-style: disc;
1203
- }
1204
-
1205
- .euiForm__errors {
1206
- margin-bottom: 16px;
1207
- }
1208
-
1209
- .euiFormControlLayout {
1210
- max-width: 400px;
1211
- width: 100%;
1212
- height: 40px;
1213
- }
1214
- .euiFormControlLayout--fullWidth {
1215
- max-width: 100%;
1216
- }
1217
- .euiFormControlLayout--compressed {
1218
- height: 32px;
1219
- }
1220
- .euiFormControlLayout--inGroup {
1221
- height: 100%;
1222
- }
1223
- .euiFormControlLayout--1icons {
1224
- --eui-form-control-layout-icons-padding: 34px;
1225
- padding-right: 34px;
1226
- }
1227
- .euiFormControlLayout--1icons[class*=compressed] {
1228
- --eui-form-control-layout-icons-padding: 26px;
1229
- padding-right: 26px;
1230
- }
1231
- .euiFormControlLayout--2icons {
1232
- --eui-form-control-layout-icons-padding: 56px;
1233
- padding-right: 56px;
1234
- }
1235
- .euiFormControlLayout--2icons[class*=compressed] {
1236
- --eui-form-control-layout-icons-padding: 44px;
1237
- padding-right: 44px;
1238
- }
1239
- .euiFormControlLayout--3icons {
1240
- --eui-form-control-layout-icons-padding: 78px;
1241
- padding-right: 78px;
1242
- }
1243
- .euiFormControlLayout--3icons[class*=compressed] {
1244
- --eui-form-control-layout-icons-padding: 62px;
1245
- padding-right: 62px;
1246
- }
1247
- .euiFormControlLayout--4icons {
1248
- --eui-form-control-layout-icons-padding: 100px;
1249
- padding-right: 100px;
1250
- }
1251
- .euiFormControlLayout--4icons[class*=compressed] {
1252
- --eui-form-control-layout-icons-padding: 80px;
1253
- padding-right: 80px;
1254
- }
1255
- .euiFormControlLayout--5icons {
1256
- --eui-form-control-layout-icons-padding: 122px;
1257
- padding-right: 122px;
1258
- }
1259
- .euiFormControlLayout--5icons[class*=compressed] {
1260
- --eui-form-control-layout-icons-padding: 98px;
1261
- padding-right: 98px;
1262
- }
1263
-
1264
- .euiFormControlLayout__childrenWrapper {
1265
- position: relative;
1266
- }
1267
-
1268
- /**
1269
- * 1. Account for inner box-shadow style border
1270
- * 2. Ensure truncation works in children elements
1271
- */
1272
- .euiFormControlLayout--group {
1273
- background-color: #16171c;
1274
- background-repeat: no-repeat;
1275
- background-size: 0% 100%;
1276
- box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(255, 255, 255, 0.1);
1277
- transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
1278
- display: -webkit-flex;
1279
- display: flex;
1280
- -webkit-align-items: stretch;
1281
- align-items: stretch;
1282
- padding: 1px; /* 1 */
1283
- }
1284
- @supports (-moz-appearance: none) {
1285
- .euiFormControlLayout--group {
1286
- transition-property: box-shadow, background-image, background-size;
1287
- }
1288
- }
1289
- .euiFormControlLayout--group > *,
1290
- .euiFormControlLayout--group .euiButtonEmpty,
1291
- .euiFormControlLayout--group .euiText,
1292
- .euiFormControlLayout--group .euiFormLabel,
1293
- .euiFormControlLayout--group .euiButtonIcon {
1294
- height: 100%;
1295
- }
1296
- .euiFormControlLayout--group .euiFormControlLayout__childrenWrapper {
1297
- -webkit-flex-grow: 1;
1298
- flex-grow: 1;
1299
- overflow: hidden; /* 2 */
1300
- }
1301
- .euiFormControlLayout--group .euiFormControlLayout__prepend,
1302
- .euiFormControlLayout--group .euiFormControlLayout__append {
1303
- max-width: 100%;
1304
- overflow: hidden !important;
1305
- text-overflow: ellipsis !important;
1306
- white-space: nowrap !important;
1307
- -webkit-flex-shrink: 0;
1308
- flex-shrink: 0;
1309
- height: 100%;
1310
- border-radius: 0;
1311
- }
1312
- .euiFormControlLayout--group .euiFormControlLayout__prepend.euiIcon,
1313
- .euiFormControlLayout--group .euiFormControlLayout__prepend .euiIcon,
1314
- .euiFormControlLayout--group .euiFormControlLayout__append.euiIcon,
1315
- .euiFormControlLayout--group .euiFormControlLayout__append .euiIcon {
1316
- padding: 0 8px;
1317
- width: 32px;
1318
- border-radius: 0;
1319
- background-color: #2c2f37;
1320
- }
1321
- .euiFormControlLayout--group .euiFormControlLayout__prepend.euiButtonIcon, .euiFormControlLayout--group .euiFormControlLayout__prepend.euiButtonEmpty,
1322
- .euiFormControlLayout--group .euiFormControlLayout__prepend .euiButtonIcon,
1323
- .euiFormControlLayout--group .euiFormControlLayout__prepend .euiButtonEmpty,
1324
- .euiFormControlLayout--group .euiFormControlLayout__append.euiButtonIcon,
1325
- .euiFormControlLayout--group .euiFormControlLayout__append.euiButtonEmpty,
1326
- .euiFormControlLayout--group .euiFormControlLayout__append .euiButtonIcon,
1327
- .euiFormControlLayout--group .euiFormControlLayout__append .euiButtonEmpty {
1328
- -webkit-transform: none !important;
1329
- transform: none !important;
1330
- }
1331
- .euiFormControlLayout--group .euiFormControlLayout__prepend.euiButtonIcon .euiIcon, .euiFormControlLayout--group .euiFormControlLayout__prepend.euiButtonEmpty .euiIcon,
1332
- .euiFormControlLayout--group .euiFormControlLayout__prepend .euiButtonIcon .euiIcon,
1333
- .euiFormControlLayout--group .euiFormControlLayout__prepend .euiButtonEmpty .euiIcon,
1334
- .euiFormControlLayout--group .euiFormControlLayout__append.euiButtonIcon .euiIcon,
1335
- .euiFormControlLayout--group .euiFormControlLayout__append.euiButtonEmpty .euiIcon,
1336
- .euiFormControlLayout--group .euiFormControlLayout__append .euiButtonIcon .euiIcon,
1337
- .euiFormControlLayout--group .euiFormControlLayout__append .euiButtonEmpty .euiIcon {
1338
- background: none !important;
1339
- padding: 0;
1340
- width: 16px;
1341
- }
1342
- .euiFormControlLayout--group .euiButtonIcon {
1343
- padding: 0 8px;
1344
- width: 32px;
1345
- border-radius: 0;
1346
- }
1347
- .euiFormControlLayout--group .euiButtonIcon:not(:focus) {
1348
- background-color: #2c2f37;
1349
- }
1350
- .euiFormControlLayout--group .euiButtonIcon:focus-visible {
1351
- outline: 2px solid #36A2EF;
1352
- outline-offset: -2px;
1353
- }
1354
- .euiFormControlLayout--group .euiToolTipAnchor > .euiIcon {
1355
- height: 100%;
1356
- background-color: #2c2f37;
1357
- padding: 0 8px;
1358
- width: 32px;
1359
- border-radius: 0;
1360
- }
1361
- .euiFormControlLayout--group > .euiFormControlLayout__prepend,
1362
- .euiFormControlLayout--group > .euiFormControlLayout__append {
1363
- max-width: 50%;
1364
- }
1365
- .euiFormControlLayout--group .euiFormLabel,
1366
- .euiFormControlLayout--group .euiText:not(.euiFormControlLayoutDelimited__delimiter) {
1367
- background-color: #2c2f37;
1368
- padding: 12px;
1369
- line-height: 16px !important;
1370
- cursor: default !important;
1371
- }
1372
- .euiFormControlLayout--group .euiFormLabel + *:not(.euiFormControlLayout__childrenWrapper):not(input),
1373
- .euiFormControlLayout--group .euiText:not(.euiFormControlLayoutDelimited__delimiter) + *:not(.euiFormControlLayout__childrenWrapper):not(input) {
1374
- margin-left: -12px;
1375
- }
1376
- .euiFormControlLayout--group > *:not(.euiFormControlLayout__childrenWrapper) + .euiFormLabel,
1377
- .euiFormControlLayout--group > *:not(.euiFormControlLayout__childrenWrapper) + .euiText {
1378
- margin-left: -12px;
1379
- }
1380
- .euiFormControlLayout--group .euiButtonEmpty {
1381
- border-right: none;
1382
- }
1383
- .euiFormControlLayout--group .euiFormControlLayout__childrenWrapper ~ .euiButtonEmpty,
1384
- .euiFormControlLayout--group .euiFormControlLayout__childrenWrapper ~ * .euiButtonEmpty {
1385
- border-right: none;
1386
- border-left: none;
1387
- }
1388
- .euiFormControlLayout--group.euiFormControlLayout--compressed {
1389
- background-color: #16171c;
1390
- background-repeat: no-repeat;
1391
- background-size: 0% 100%;
1392
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
1393
- transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
1394
- border-radius: 3px;
1395
- overflow: hidden;
1396
- }
1397
- @supports (-moz-appearance: none) {
1398
- .euiFormControlLayout--group.euiFormControlLayout--compressed {
1399
- transition-property: box-shadow, background-image, background-size;
1400
- }
1401
- }
1402
- .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormLabel,
1403
- .euiFormControlLayout--group.euiFormControlLayout--compressed .euiText:not(.euiFormControlLayoutDelimited__delimiter) {
1404
- padding: 8px;
1405
- }
1406
- .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormLabel + *:not(.euiFormControlLayout__childrenWrapper),
1407
- .euiFormControlLayout--group.euiFormControlLayout--compressed .euiText:not(.euiFormControlLayoutDelimited__delimiter) + *:not(.euiFormControlLayout__childrenWrapper) {
1408
- margin-left: -8px;
1409
- }
1410
- .euiFormControlLayout--group.euiFormControlLayout--compressed > *:not(.euiFormControlLayout__childrenWrapper) + .euiFormLabel,
1411
- .euiFormControlLayout--group.euiFormControlLayout--compressed > *:not(.euiFormControlLayout__childrenWrapper) + .euiText {
1412
- margin-left: -8px;
1413
- }
1414
- .euiFormControlLayout--group.euiFormControlLayout--readOnly {
1415
- cursor: default;
1416
- background: #2c2f37;
1417
- border-color: transparent;
1418
- box-shadow: inset 0 0 0 1px #2c2f37;
1419
- }
1420
- .euiFormControlLayout--group.euiFormControlLayout--readOnly input {
1421
- background-color: #1D1E24;
1422
- }
1423
-
1424
- .euiFormControlLayoutDelimited {
1425
- background-color: #16171c;
1426
- background-repeat: no-repeat;
1427
- background-size: 0% 100%;
1428
- box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(255, 255, 255, 0.1);
1429
- transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
1430
- display: -webkit-flex;
1431
- display: flex;
1432
- -webkit-align-items: stretch;
1433
- align-items: stretch;
1434
- padding: 1px; /* 1 */
1435
- }
1436
- @supports (-moz-appearance: none) {
1437
- .euiFormControlLayoutDelimited {
1438
- transition-property: box-shadow, background-image, background-size;
1439
- }
1440
- }
1441
- .euiFormControlLayoutDelimited > .euiFormControlLayout__childrenWrapper {
1442
- display: -webkit-flex;
1443
- display: flex;
1444
- -webkit-align-items: center;
1445
- align-items: center;
1446
- width: 100%;
1447
- background-color: #16171c;
1448
- }
1449
- .euiFormControlLayoutDelimited[class*="--compressed"] {
1450
- background-color: #16171c;
1451
- background-repeat: no-repeat;
1452
- background-size: 0% 100%;
1453
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
1454
- transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
1455
- border-radius: 3px;
1456
- }
1457
- @supports (-moz-appearance: none) {
1458
- .euiFormControlLayoutDelimited[class*="--compressed"] {
1459
- transition-property: box-shadow, background-image, background-size;
1460
- }
1461
- }
1462
- .euiFormControlLayoutDelimited[class*="--fullWidth"] .euiFormControlLayout__childrenWrapper, .euiFormControlLayoutDelimited[class*="--fullWidth"] .euiFormControlLayout__childrenWrapper > *:not(.euiFormControlLayoutDelimited__delimiter):not(.euiFormControlLayoutIcons) {
1463
- width: 100%;
1464
- max-width: none;
1465
- }
1466
- .euiFormControlLayoutDelimited[class*=-isDisabled] {
1467
- color: #535966;
1468
- -webkit-text-fill-color: #535966;
1469
- cursor: not-allowed;
1470
- background: #202128;
1471
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
1472
- }
1473
- .euiFormControlLayoutDelimited[class*=-isDisabled]::-webkit-input-placeholder {
1474
- color: #535966;
1475
- opacity: 1;
1476
- }
1477
- .euiFormControlLayoutDelimited[class*=-isDisabled]::-moz-placeholder {
1478
- color: #535966;
1479
- opacity: 1;
1480
- }
1481
- .euiFormControlLayoutDelimited[class*=-isDisabled]::placeholder {
1482
- color: #535966;
1483
- opacity: 1;
1484
- }
1485
- .euiFormControlLayoutDelimited[class*=-isDisabled] .euiFormControlLayout__childrenWrapper {
1486
- background-color: #202128;
1487
- }
1488
- .euiFormControlLayoutDelimited[class*="--readOnly"] {
1489
- cursor: default;
1490
- color: #DFE5EF;
1491
- -webkit-text-fill-color: #DFE5EF;
1492
- background: #1D1E24;
1493
- border-color: transparent;
1494
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
1495
- }
1496
- .euiFormControlLayoutDelimited[class*="--readOnly"] .euiFormControlLayout__childrenWrapper {
1497
- background-color: #1D1E24;
1498
- }
1499
- .euiFormControlLayoutDelimited--isInvalid .euiFormControlLayout__childrenWrapper {
1500
- background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
1501
- background-size: 100%;
1502
- }
1503
-
1504
- .euiFormControlLayoutDelimited__input {
1505
- box-shadow: none !important;
1506
- border-radius: 0 !important;
1507
- text-align: center;
1508
- height: 100%;
1509
- min-width: 0;
1510
- }
1511
-
1512
- .euiFormControlLayoutDelimited__delimiter {
1513
- -webkit-align-self: stretch;
1514
- align-self: stretch;
1515
- -webkit-flex-grow: 0;
1516
- flex-grow: 0;
1517
- display: -webkit-flex;
1518
- display: flex;
1519
- -webkit-align-items: center;
1520
- align-items: center;
1521
- line-height: 1;
1522
- }
1523
-
1524
- .euiFormControlLayoutIcons {
1525
- pointer-events: none;
1526
- display: -webkit-flex;
1527
- display: flex;
1528
- -webkit-align-items: center;
1529
- align-items: center;
1530
- }
1531
- .euiFormControlLayoutIcons > * + * {
1532
- margin-left: 6px;
1533
- }
1534
- .euiFormControlLayoutIcons--absolute {
1535
- position: absolute;
1536
- top: 0;
1537
- bottom: 0;
1538
- left: 12px;
1539
- }
1540
- .euiFormControlLayout--compressed .euiFormControlLayoutIcons--absolute {
1541
- left: 8px;
1542
- }
1543
- .euiFormControlLayoutIcons--static {
1544
- position: static;
1545
- height: 100%;
1546
- -webkit-align-self: stretch;
1547
- align-self: stretch;
1548
- -webkit-flex-grow: 0;
1549
- flex-grow: 0;
1550
- padding-inline: 12px;
1551
- }
1552
- .euiFormControlLayout--compressed .euiFormControlLayoutIcons--static {
1553
- padding-inline: 8px;
1554
- }
1555
-
1556
- .euiFormControlLayoutIcons--left {
1557
- z-index: 1;
1558
- }
1559
-
1560
- .euiFormControlLayoutIcons--right {
1561
- left: auto;
1562
- right: 12px;
1563
- }
1564
- .euiFormControlLayout--compressed .euiFormControlLayoutIcons--right {
1565
- left: auto;
1566
- right: 8px;
1567
- }
1568
-
1569
- *:disabled + .euiFormControlLayoutIcons {
1570
- cursor: not-allowed;
1571
- color: #535966;
1572
- }
1573
-
1574
- .euiFormControlLayoutClearButton {
1575
- width: 16px;
1576
- height: 16px;
1577
- pointer-events: all;
1578
- background-color: #98A2B3;
1579
- border-radius: 16px;
1580
- line-height: 0;
1581
- }
1582
- .euiFormControlLayoutClearButton:focus {
1583
- outline: 2px solid currentColor;
1584
- }
1585
- .euiFormControlLayoutClearButton:focus:focus-visible {
1586
- outline-style: auto;
1587
- }
1588
- .euiFormControlLayoutClearButton:focus:not(:focus-visible) {
1589
- outline: none;
1590
- }
1591
- .euiFormControlLayoutClearButton .euiFormControlLayoutClearButton__icon {
1592
- width: 8px;
1593
- height: 8px;
1594
- fill: #1D1E24;
1595
- stroke: #1D1E24;
1596
- stroke-width: 2px;
1597
- }
1598
-
1599
- .euiFormControlLayoutClearButton--small {
1600
- width: 12px;
1601
- height: 12px;
1602
- pointer-events: all;
1603
- background-color: #98A2B3;
1604
- border-radius: 12px;
1605
- line-height: 0;
1606
- }
1607
- .euiFormControlLayoutClearButton--small:focus {
1608
- outline: 2px solid currentColor;
1609
- }
1610
- .euiFormControlLayoutClearButton--small:focus:focus-visible {
1611
- outline-style: auto;
1612
- }
1613
- .euiFormControlLayoutClearButton--small:focus:not(:focus-visible) {
1614
- outline: none;
1615
- }
1616
- .euiFormControlLayoutClearButton--small .euiFormControlLayoutClearButton__icon {
1617
- width: 6px;
1618
- height: 6px;
1619
- fill: #1D1E24;
1620
- stroke: #1D1E24;
1621
- stroke-width: 4px;
1622
- }
1623
-
1624
- .euiFormControlLayoutCustomIcon {
1625
- pointer-events: none;
1626
- font-size: 0;
1627
- }
1628
-
1629
- .euiFormControlLayoutCustomIcon--clickable {
1630
- width: 16px;
1631
- height: 16px;
1632
- pointer-events: all;
1633
- }
1634
- .euiFormControlLayoutCustomIcon--clickable .euiFormControlLayoutCustomIcon__icon {
1635
- vertical-align: baseline;
1636
- -webkit-transform: none;
1637
- transform: none;
1638
- }
1639
- .euiFormControlLayoutCustomIcon--clickable:focus {
1640
- outline: 2px solid currentColor;
1641
- }
1642
- .euiFormControlLayoutCustomIcon--clickable:focus:focus-visible {
1643
- outline-style: auto;
1644
- }
1645
- .euiFormControlLayoutCustomIcon--clickable:focus:not(:focus-visible) {
1646
- outline: none;
1647
- }
1648
- .euiFormControlLayoutCustomIcon--clickable:disabled {
1649
- cursor: not-allowed;
1650
- color: #535966;
1651
- }
1652
-
1653
- .euiFormErrorText {
1654
- font-size: 12px;
1655
- font-size: 0.8571428571rem;
1656
- line-height: 1.1428571429rem;
1657
- padding-top: 4px;
1658
- color: #F86B63;
1659
- }
1660
-
1661
- .euiFormLegend {
1662
- font-size: 12px;
1663
- font-size: 0.8571428571rem;
1664
- line-height: 1.1428571429rem;
1665
- overflow-wrap: break-word !important;
1666
- word-break: break-word;
1667
- color: #DFE5EF;
1668
- font-weight: 600;
1669
- }
1670
- .euiFormLegend:not(.euiFormLegend-isHidden) {
1671
- margin-bottom: 8px;
1672
- }
1673
- .euiFormLegend:not(.euiFormLegend-isHidden).euiFormLegend--compressed {
1674
- margin-bottom: 4px;
1675
- }
1676
-
1677
- .euiFormHelpText {
1678
- font-size: 12px;
1679
- font-size: 0.8571428571rem;
1680
- line-height: 1.1428571429rem;
1681
- padding-top: 4px;
1682
- color: #98A2B3;
1683
- }
1684
-
1685
- /**
1686
- * 1. Focused state overrides invalid state.
1687
- * 2. Disabled state overrides pointer.
1688
- */
1689
- .euiFormLabel {
1690
- font-size: 12px;
1691
- font-size: 0.8571428571rem;
1692
- line-height: 1.1428571429rem;
1693
- overflow-wrap: break-word !important;
1694
- word-break: break-word;
1695
- color: #DFE5EF;
1696
- font-weight: 600;
1697
- display: inline-block;
1698
- transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
1699
- }
1700
- .euiFormLabel.euiFormLabel-isInvalid {
1701
- color: #F86B63; /* 1 */
1702
- }
1703
- .euiFormLabel.euiFormLabel-isFocused {
1704
- color: #36A2EF; /* 1 */
1705
- }
1706
- .euiFormLabel[for] {
1707
- cursor: pointer; /* 2 */
1708
- }
1709
- .euiFormLabel[for].euiFormLabel-isDisabled {
1710
- cursor: default; /* 2 */
1711
- }
1712
-
1713
- /**
1714
- * 1. Coerce inline form elements to behave as block-level elements.
1715
- * 2. For inline forms, we need to add margin if the label doesn't exist.
1716
- */
1717
- .euiFormRow {
1718
- display: -webkit-flex;
1719
- display: flex; /* 1 */
1720
- -webkit-flex-direction: column;
1721
- flex-direction: column; /* 1 */
1722
- max-width: 400px;
1723
- }
1724
- .euiFormRow + .euiFormRow,
1725
- .euiFormRow + .euiButton {
1726
- margin-top: 16px;
1727
- }
1728
-
1729
- .euiFormRow--fullWidth {
1730
- max-width: 100%;
1731
- }
1732
-
1733
- .euiFormRow--hasEmptyLabelSpace {
1734
- margin-top: 20px; /* 2 */
1735
- min-height: 40px;
1736
- padding-bottom: 0;
1737
- -webkit-justify-content: center;
1738
- justify-content: center;
1739
- }
1740
-
1741
- .euiFormRow__labelWrapper {
1742
- display: -webkit-flex;
1743
- display: flex;
1744
- -webkit-flex-wrap: wrap;
1745
- flex-wrap: wrap;
1746
- -webkit-justify-content: space-between;
1747
- justify-content: space-between;
1748
- margin-bottom: 4px;
1749
- }
1750
-
1751
- .euiFormRow--horizontal {
1752
- -webkit-flex-direction: row;
1753
- flex-direction: row;
1754
- -webkit-align-items: stretch;
1755
- align-items: stretch;
1756
- }
1757
- .euiFormRow--horizontal .euiFormRow__label {
1758
- -webkit-hyphens: auto;
1759
- hyphens: auto;
1760
- }
1761
- .euiFormRow--horizontal .euiFormRow__labelWrapper {
1762
- display: block;
1763
- line-height: 31px;
1764
- width: calc(33% - 8px);
1765
- margin-right: 8px;
1766
- margin-bottom: 0;
1767
- }
1768
- .euiFormRow--horizontal .euiFormRow__fieldWrapper {
1769
- width: 67%;
1770
- }
1771
- .euiFormRow--horizontal + .euiFormRow--horizontal {
1772
- margin-top: 8px;
1773
- }
1774
- .euiFormRow--horizontal + .euiFormRow--horizontal.euiFormRow--hasSwitch {
1775
- margin-top: 12px;
1776
- }
1777
- .euiFormRow--horizontal.euiFormRow--hasSwitch .euiFormRow__labelWrapper {
1778
- line-height: 19px;
1779
- width: auto;
1780
- min-width: calc(33% - 8px);
1781
- }
1782
- .euiFormRow--horizontal.euiFormRow--hasSwitch .euiFormRow__fieldWrapper {
1783
- width: auto;
1784
- }
1785
- .euiFormRow--horizontal.euiFormRow--hasSwitch .euiFormRow__fieldWrapper .euiSwitch--compressed {
1786
- margin-top: 2px;
1787
- }
1788
- .euiFormRow--horizontal.euiFormRow--hasSwitch + .euiFormRow--horizontal {
1789
- margin-top: 12px;
1790
- }
1791
-
1792
- .euiFormRow__fieldWrapperDisplayOnly {
1793
- min-height: 40px;
1794
- display: -webkit-flex;
1795
- display: flex;
1796
- -webkit-align-items: center;
1797
- align-items: center;
1798
- }
1799
-
1800
- .euiFormRow--compressed.euiFormRow--hasEmptyLabelSpace {
1801
- min-height: 32px;
1802
- }
1803
- .euiFormRow--compressed .euiFormRow__fieldWrapperDisplayOnly {
1804
- min-height: 32px;
1805
- }
1806
-
1807
- /**
1808
- * 1. Float above the visual radio and match its dimension, so that when users try to click it
1809
- * they actually click this input.
1810
- */
1811
- .euiRadio {
1812
- position: relative;
1813
- }
1814
- .euiRadio .euiRadio__input {
1815
- width: 16px;
1816
- height: 16px;
1817
- top: 3px;
1818
- cursor: pointer;
1819
- position: absolute; /* 1 */
1820
- opacity: 0; /* 1 */
1821
- z-index: 1; /* 1 */
1822
- }
1823
- .euiRadio .euiRadio__input ~ .euiRadio__label {
1824
- display: inline-block;
1825
- padding-left: 24px;
1826
- line-height: 24px;
1827
- font-size: 14px;
1828
- position: relative;
1829
- z-index: 2;
1830
- cursor: pointer;
1831
- }
1832
- .euiRadio .euiRadio__input + .euiRadio__circle {
1833
- padding: 7px;
1834
- border: 1px solid #69696f;
1835
- background: #1D1E24 no-repeat center;
1836
- border-radius: 14px;
1837
- transition: background-color 150ms ease-in, border-color 150ms ease-in;
1838
- display: inline-block;
1839
- position: absolute;
1840
- left: 0;
1841
- top: 3px;
1842
- }
1843
- .euiRadio .euiRadio__input:checked + .euiRadio__circle {
1844
- border-color: #36A2EF;
1845
- background-color: #36A2EF;
1846
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'%3E%3Ccircle cx='8' cy='11' r='3' fill='rgb%2829, 30, 36%29' fill-rule='evenodd' transform='translate(-5 -8)'/%3E%3C/svg%3E");
1847
- }
1848
- .euiRadio .euiRadio__input[disabled] {
1849
- cursor: not-allowed !important;
1850
- }
1851
- .euiRadio .euiRadio__input[disabled] ~ .euiRadio__label {
1852
- color: #535966;
1853
- cursor: not-allowed !important;
1854
- }
1855
- .euiRadio .euiRadio__input[disabled] + .euiRadio__circle {
1856
- border-color: #343741;
1857
- background-color: #343741;
1858
- box-shadow: none;
1859
- }
1860
- .euiRadio .euiRadio__input:checked[disabled] + .euiRadio__circle {
1861
- border-color: #343741;
1862
- background-color: #343741;
1863
- box-shadow: none;
1864
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'%3E%3Ccircle cx='8' cy='11' r='3' fill='rgb%28166, 170, 176%29' fill-rule='evenodd' transform='translate(-5 -8)'/%3E%3C/svg%3E");
1865
- }
1866
- .euiRadio .euiRadio__input:focus + .euiRadio__circle {
1867
- outline: 2px solid currentColor;
1868
- outline-offset: 2px;
1869
- border-color: #36A2EF;
1870
- }
1871
- .euiRadio .euiRadio__input:focus + .euiRadio__circle:focus-visible {
1872
- outline-style: auto;
1873
- }
1874
- .euiRadio .euiRadio__input:focus + .euiRadio__circle:not(:focus-visible) {
1875
- outline: none;
1876
- }
1877
- .euiRadio.euiRadio--noLabel {
1878
- min-height: 16px;
1879
- min-width: 16px;
1880
- }
1881
- .euiRadio.euiRadio--noLabel .euiRadio__input,
1882
- .euiRadio.euiRadio--noLabel .euiRadio__circle {
1883
- top: 0;
1884
- }
1885
- .euiRadio.euiRadio--noLabel .euiRadio__input {
1886
- margin: 0;
1887
- }
1888
-
1889
- .euiSwitch {
1890
- position: relative;
1891
- display: -webkit-inline-flex;
1892
- display: inline-flex;
1893
- -webkit-align-items: flex-start;
1894
- align-items: flex-start;
1895
- min-height: 20px;
1896
- }
1897
- .euiSwitch .euiSwitch__label {
1898
- cursor: pointer;
1899
- padding-left: 8px;
1900
- line-height: 20px;
1901
- font-size: 14px;
1902
- vertical-align: middle;
1903
- display: inline-block;
1904
- }
1905
- .euiSwitch .euiSwitch__button {
1906
- -webkit-flex-shrink: 0;
1907
- flex-shrink: 0;
1908
- line-height: 0;
1909
- }
1910
- .euiSwitch .euiSwitch__button:focus .euiSwitch__track {
1911
- outline: 2px solid currentColor;
1912
- outline-offset: 2px;
1913
- border-color: #36A2EF;
1914
- }
1915
- .euiSwitch .euiSwitch__button:focus .euiSwitch__track:focus-visible {
1916
- outline-style: auto;
1917
- }
1918
- .euiSwitch .euiSwitch__button:focus .euiSwitch__track:not(:focus-visible) {
1919
- outline: none;
1920
- }
1921
- .euiSwitch .euiSwitch__button[aria-checked=false] .euiSwitch__body {
1922
- background-color: rgba(152, 162, 179, 0.6);
1923
- }
1924
- .euiSwitch .euiSwitch__button[aria-checked=false] .euiSwitch__thumb {
1925
- left: 0;
1926
- }
1927
- .euiSwitch .euiSwitch__button[aria-checked=false] .euiSwitch__icon {
1928
- right: -8px;
1929
- }
1930
- .euiSwitch .euiSwitch__button[aria-checked=false] .euiSwitch__icon.euiSwitch__icon--checked {
1931
- right: auto;
1932
- left: -34px;
1933
- }
1934
- .euiSwitch .euiSwitch__button:disabled:hover,
1935
- .euiSwitch .euiSwitch__button:disabled ~ .euiSwitch__label:hover {
1936
- cursor: not-allowed;
1937
- }
1938
- .euiSwitch .euiSwitch__button:disabled .euiSwitch__body {
1939
- background-color: rgba(152, 162, 179, 0.6);
1940
- }
1941
- .euiSwitch .euiSwitch__button:disabled .euiSwitch__thumb {
1942
- background-color: rgba(0, 0, 0, 0);
1943
- border-color: #98A2B3;
1944
- box-shadow: none;
1945
- }
1946
- .euiSwitch .euiSwitch__button:disabled .euiSwitch__icon {
1947
- fill: #98A2B3;
1948
- }
1949
- .euiSwitch .euiSwitch__button:disabled + .euiSwitch__label {
1950
- color: #535966;
1951
- }
1952
- .euiSwitch .euiSwitch__body {
1953
- pointer-events: none;
1954
- width: 44px;
1955
- height: 20px;
1956
- background-color: #36A2EF;
1957
- display: inline-block;
1958
- position: relative;
1959
- border-radius: 20px;
1960
- vertical-align: middle;
1961
- }
1962
- .euiSwitch .euiSwitch__thumb {
1963
- padding: 9px;
1964
- border: 1px solid #69696f;
1965
- background: #1D1E24 no-repeat center;
1966
- border-radius: 18px;
1967
- transition: background-color 150ms ease-in, border-color 150ms ease-in;
1968
- position: absolute;
1969
- display: inline-block;
1970
- left: 24px;
1971
- transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
1972
- transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
1973
- transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
1974
- }
1975
- .euiSwitch .euiSwitch__track {
1976
- position: absolute;
1977
- left: 0;
1978
- top: 0;
1979
- right: 0;
1980
- bottom: 0;
1981
- overflow: hidden;
1982
- border-radius: 20px;
1983
- }
1984
- .euiSwitch .euiSwitch__icon {
1985
- position: absolute;
1986
- right: -34px;
1987
- top: 2px;
1988
- bottom: 0;
1989
- width: 42px;
1990
- height: 16px;
1991
- transition: left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), right 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
1992
- fill: #1D1E24;
1993
- }
1994
- .euiSwitch .euiSwitch__icon--checked {
1995
- right: auto;
1996
- left: -8px;
1997
- fill: #1D1E24;
1998
- }
1999
- .euiSwitch:hover .euiSwitch__button:not(:disabled) .euiSwitch__thumb {
2000
- -webkit-transform: scale(1.05);
2001
- transform: scale(1.05);
2002
- }
2003
- .euiSwitch:hover .euiSwitch__button:active .euiSwitch__thumb {
2004
- -webkit-transform: scale(0.95);
2005
- transform: scale(0.95);
2006
- }
2007
- .euiSwitch.euiSwitch--compressed {
2008
- min-height: 16px;
2009
- }
2010
- .euiSwitch.euiSwitch--compressed .euiSwitch__label {
2011
- line-height: 16px;
2012
- }
2013
- .euiSwitch.euiSwitch--compressed .euiSwitch__body {
2014
- width: 28px;
2015
- height: 16px;
2016
- border-radius: 16px;
2017
- }
2018
- .euiSwitch.euiSwitch--compressed .euiSwitch__thumb {
2019
- padding: 6px;
2020
- border: 1px solid #69696f;
2021
- background: #1D1E24 no-repeat center;
2022
- border-radius: 12px;
2023
- transition: background-color 150ms ease-in, border-color 150ms ease-in;
2024
- left: 13px;
2025
- top: 1px;
2026
- transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
2027
- transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
2028
- transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
2029
- }
2030
- .euiSwitch.euiSwitch--compressed .euiSwitch__track {
2031
- border-radius: 16px;
2032
- }
2033
- .euiSwitch.euiSwitch--mini {
2034
- min-height: 10px;
2035
- }
2036
- .euiSwitch.euiSwitch--mini .euiSwitch__label {
2037
- line-height: 10px;
2038
- font-size: 12px;
2039
- }
2040
- .euiSwitch.euiSwitch--mini .euiSwitch__body {
2041
- width: 22px;
2042
- height: 10px;
2043
- border-radius: 10px;
2044
- }
2045
- .euiSwitch.euiSwitch--mini .euiSwitch__thumb {
2046
- padding: 3px;
2047
- border: 1px solid #69696f;
2048
- background: #1D1E24 no-repeat center;
2049
- border-radius: 6px;
2050
- transition: background-color 150ms ease-in, border-color 150ms ease-in;
2051
- left: 13px;
2052
- top: 1px;
2053
- transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
2054
- transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
2055
- transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
2056
- }
2057
- .euiSwitch.euiSwitch--mini .euiSwitch__track {
2058
- border-radius: 10px;
2059
- }
2060
- .euiSwitch.euiSwitch--compressed .euiSwitch__button[aria-checked=false] .euiSwitch__thumb, .euiSwitch.euiSwitch--mini .euiSwitch__button[aria-checked=false] .euiSwitch__thumb {
2061
- left: 1px;
2062
- }
2063
- .euiSwitch.euiSwitch--compressed .euiSwitch__button[aria-checked=false] .euiSwitch__thumb,
2064
- .euiSwitch.euiSwitch--compressed .euiSwitch__button[aria-checked=true]:disabled .euiSwitch__thumb, .euiSwitch.euiSwitch--mini .euiSwitch__button[aria-checked=false] .euiSwitch__thumb,
2065
- .euiSwitch.euiSwitch--mini .euiSwitch__button[aria-checked=true]:disabled .euiSwitch__thumb {
2066
- border-color: #98A2B3;
2067
- }
2068
- .euiSwitch.euiSwitch--compressed .euiSwitch__button[aria-checked=true] .euiSwitch__thumb, .euiSwitch.euiSwitch--mini .euiSwitch__button[aria-checked=true] .euiSwitch__thumb {
2069
- border-color: #36A2EF;
2070
- }
2071
-
2072
1063
  .euiDataGrid--fontSizeLarge .euiDataGridRowCell {
2073
1064
  font-size: 16px;
2074
1065
  font-size: 1.1428571429rem;
2075
1066
  line-height: 1.7142857143rem;
2076
- }
2077
-
2078
- .euiFormControlLayout--group {
2079
- border-radius: 6px;
2080
- background-color: #2c2f37;
2081
- }
2082
- .euiFormControlLayout--group .euiFormControlLayout__prepend:first-child {
2083
- border-radius: 5px 0 0 5px;
2084
- }
2085
- .euiFormControlLayout--group .euiFormControlLayout__prepend:first-child [class*=euiButton] {
2086
- border-radius: 5px 0 0 5px;
2087
- }
2088
- .euiFormControlLayout--group .euiFormControlLayout__append:last-child {
2089
- border-radius: 0 5px 5px 0;
2090
- }
2091
- .euiFormControlLayout--group .euiFormControlLayout__append:last-child [class*=euiButton] {
2092
- border-radius: 0 5px 5px 0;
2093
- }
2094
- .euiFormControlLayout--group [class*=euiButton]:focus {
2095
- outline: 2px solid currentColor;
2096
- outline-offset: -2px;
2097
- }
2098
- .euiFormControlLayout--group [class*=euiButton]:focus:focus-visible {
2099
- outline-style: auto;
2100
- }
2101
- .euiFormControlLayout--group [class*=euiButton]:focus:not(:focus-visible) {
2102
- outline: none;
2103
- }
2104
- .euiFormControlLayout--group .euiToolTipAnchor > .euiIcon {
2105
- border-radius: 0 5px 5px 0;
2106
- }
2107
- .euiFormControlLayout--group .euiToolTipAnchor:first-child [class*=euiButton] {
2108
- border-radius: 5px 0 0 5px;
2109
- }
2110
- .euiFormControlLayout--group .euiToolTipAnchor:last-child [class*=euiButton],
2111
- .euiFormControlLayout--group .euiToolTipAnchor:last-child .euiText {
2112
- border-radius: 0 5px 5px 0;
2113
- }
2114
- .euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:nth-child(2) [class*=euiField],
2115
- .euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:nth-child(3) [class*=euiField] {
2116
- border-radius: 0;
2117
- }
2118
- .euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:first-child .euiSelect,
2119
- .euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:first-child .euiSuperSelectControl,
2120
- .euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:first-child [class*=euiField] {
2121
- border-radius: 6px 0 0 6px;
2122
- }
2123
- .euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:last-child .euiSelect,
2124
- .euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:last-child .euiSuperSelectControl,
2125
- .euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:last-child [class*=euiField] {
2126
- border-radius: 0 6px 6px 0;
2127
- }
2128
- .euiFormControlLayout--group.euiFormControlLayout--compressed {
2129
- border-radius: 4px;
2130
- background-color: #2c2f37;
2131
- }
2132
- .euiFormControlLayout--group.euiFormControlLayout--compressed.euiFormControlLayout--readOnly input {
2133
- background-color: #1D1E24;
2134
- }
2135
- .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__prepend:first-child {
2136
- border-radius: 3px 0 0 3px;
2137
- }
2138
- .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__prepend:first-child [class*=euiButton] {
2139
- border-radius: 4px 0 0 4px;
2140
- }
2141
- .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__append:last-child {
2142
- border-radius: 0 3px 3px 0;
2143
- }
2144
- .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__append:last-child [class*=euiButton] {
2145
- border-radius: 0 3px 3px 0;
2146
- }
2147
- .euiFormControlLayout--group.euiFormControlLayout--compressed .euiToolTipAnchor > .euiIcon {
2148
- border-radius: 0 3px 3px 0;
2149
- }
2150
- .euiFormControlLayout--group.euiFormControlLayout--compressed .euiToolTipAnchor:first-child [class*=euiButton] {
2151
- border-radius: 3px 0 0 3px;
2152
- }
2153
- .euiFormControlLayout--group.euiFormControlLayout--compressed .euiToolTipAnchor:last-child [class*=euiButton],
2154
- .euiFormControlLayout--group.euiFormControlLayout--compressed .euiToolTipAnchor:last-child .euiText {
2155
- border-radius: 0 3px 3px 0;
2156
- }
2157
- .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:nth-child(2) [class*=euiField],
2158
- .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:nth-child(3) [class*=euiField] {
2159
- border-radius: 0;
2160
- }
2161
- .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:first-child .euiSelect,
2162
- .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:first-child [class*=euiField] {
2163
- border-radius: 3px 0 0 3px;
2164
- }
2165
- .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:last-child .euiSelect,
2166
- .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:last-child [class*=euiField] {
2167
- border-radius: 0 3px 3px 0;
2168
- }
2169
-
2170
- .euiFormControlLayoutDelimited {
2171
- border-radius: 6px;
2172
- }
2173
- .euiFormControlLayoutDelimited.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:first-child {
2174
- border-radius: 6px 0 0 6px;
2175
- }
2176
- .euiFormControlLayoutDelimited .euiFormControlLayout__childrenWrapper:only-child {
2177
- border-radius: 6px;
2178
- overflow: hidden;
2179
- }
2180
- .euiFormControlLayoutDelimited .euiFormControlLayout__prepend + .euiFormControlLayout__childrenWrapper:last-child {
2181
- border-radius: 0 6px 6px 0;
2182
- }
2183
- .euiFormControlLayoutDelimited.euiFormControlLayout--compressed.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:first-child {
2184
- border-radius: 4px 0 0 4px;
2185
- }
2186
- .euiFormControlLayoutDelimited.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:only-child {
2187
- border-radius: 4px;
2188
- overflow: hidden;
2189
- }
2190
- .euiFormControlLayoutDelimited.euiFormControlLayout--compressed .euiFormControlLayout__prepend + .euiFormControlLayout__childrenWrapper:last-child {
2191
- border-radius: 0 4px 4px 0;
2192
- }
2193
-
2194
- .euiRadio .euiRadio__input:focus + .euiRadio__circle {
2195
- outline: 2px solid #36A2EF;
2196
- outline-offset: 2px;
2197
- }
2198
- .euiRadio .euiRadio__input:focus:focus-visible + .euiRadio__circle {
2199
- outline: 2px solid #36A2EF;
2200
- outline-offset: 2px;
2201
- }
2202
- .euiRadio .euiRadio__input:focus:not(:focus-visible) + .euiRadio__circle {
2203
- outline: none;
2204
- }
2205
-
2206
- .euiCheckbox .euiCheckbox__input:focus + .euiCheckbox__square {
2207
- outline: 2px solid #36A2EF;
2208
- outline-offset: 2px;
2209
- }
2210
- .euiCheckbox .euiCheckbox__input:focus:focus-visible + .euiCheckbox__square {
2211
- outline: 2px solid #36A2EF;
2212
- outline-offset: 2px;
2213
- }
2214
- .euiCheckbox .euiCheckbox__input:focus:not(:focus-visible) + .euiCheckbox__square {
2215
- outline: none;
2216
- }
2217
-
2218
- .euiSwitch .euiSwitch__button:focus {
2219
- outline: 2px solid currentColor;
2220
- outline-offset: 2px;
2221
- }
2222
- .euiSwitch .euiSwitch__button:focus:focus-visible {
2223
- outline-style: auto;
2224
- }
2225
- .euiSwitch .euiSwitch__button:focus:not(:focus-visible) {
2226
- outline: none;
2227
- }
2228
- .euiSwitch .euiSwitch__button:focus .euiSwitch__track {
2229
- outline: none;
2230
1067
  }