@elastic/eui 87.2.0 → 88.1.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 (143) hide show
  1. package/dist/eui_charts_theme.js +9 -8
  2. package/dist/eui_charts_theme.js.map +1 -1
  3. package/dist/eui_theme_dark.css +2 -159
  4. package/dist/eui_theme_dark.min.css +1 -1
  5. package/dist/eui_theme_light.css +2 -159
  6. package/dist/eui_theme_light.min.css +1 -1
  7. package/es/components/collapsible_nav_beta/collapsible_nav_beta.js +9 -2
  8. package/es/components/color_picker/color_palette_display/color_palette_display.js +3 -6
  9. package/es/components/color_picker/color_palette_display/color_palette_display_fixed.js +2 -5
  10. package/es/components/color_picker/color_palette_display/color_palette_display_gradient.js +2 -5
  11. package/es/components/color_picker/color_palette_picker/color_palette_picker.js +3 -3
  12. package/es/components/color_picker/color_stops/color_stops.js +11 -0
  13. package/es/components/control_bar/control_bar.js +11 -0
  14. package/es/components/datagrid/controls/keyboard_shortcuts.js +1 -1
  15. package/es/components/description_list/description_list.js +66 -13
  16. package/es/components/description_list/description_list.styles.js +19 -6
  17. package/es/components/description_list/description_list_context.js +1 -1
  18. package/es/components/description_list/description_list_description.js +3 -9
  19. package/es/components/description_list/description_list_description.styles.js +3 -9
  20. package/es/components/description_list/description_list_title.js +7 -4
  21. package/es/components/description_list/description_list_title.styles.js +3 -6
  22. package/es/components/description_list/description_list_types.js +4 -2
  23. package/es/components/key_pad_menu/key_pad_menu_item.js +37 -34
  24. package/es/components/key_pad_menu/key_pad_menu_item.styles.js +41 -0
  25. package/es/components/markdown_editor/markdown_format.styles.js +3 -6
  26. package/es/components/notification/notification_event.js +10 -0
  27. package/es/components/suggest/suggest.js +16 -0
  28. package/es/components/suggest/suggest_item.js +12 -0
  29. package/es/components/text/text.styles.js +3 -6
  30. package/es/global_styling/functions/typography.js +8 -8
  31. package/es/global_styling/variables/typography.js +1 -1
  32. package/es/services/color_picker/color_picker.js +4 -0
  33. package/es/themes/amsterdam/global_styling/variables/_typography.js +1 -0
  34. package/eui.d.ts +2226 -2104
  35. package/i18ntokens.json +96 -96
  36. package/lib/components/collapsible_nav_beta/collapsible_nav_beta.js +9 -2
  37. package/lib/components/color_picker/color_palette_display/color_palette_display.js +3 -6
  38. package/lib/components/color_picker/color_palette_display/color_palette_display_fixed.js +2 -5
  39. package/lib/components/color_picker/color_palette_display/color_palette_display_gradient.js +2 -5
  40. package/lib/components/color_picker/color_palette_picker/color_palette_picker.js +3 -3
  41. package/lib/components/color_picker/color_stops/color_stops.js +10 -1
  42. package/lib/components/control_bar/control_bar.js +10 -1
  43. package/lib/components/datagrid/controls/keyboard_shortcuts.js +1 -1
  44. package/lib/components/description_list/description_list.js +68 -13
  45. package/lib/components/description_list/description_list.styles.js +24 -13
  46. package/lib/components/description_list/description_list_context.js +1 -1
  47. package/lib/components/description_list/description_list_description.js +2 -8
  48. package/lib/components/description_list/description_list_description.styles.js +2 -8
  49. package/lib/components/description_list/description_list_title.js +7 -4
  50. package/lib/components/description_list/description_list_title.styles.js +2 -5
  51. package/lib/components/description_list/description_list_types.js +8 -4
  52. package/lib/components/key_pad_menu/key_pad_menu_item.js +40 -34
  53. package/lib/components/key_pad_menu/key_pad_menu_item.styles.js +49 -0
  54. package/lib/components/markdown_editor/markdown_format.styles.js +3 -6
  55. package/lib/components/notification/notification_event.js +9 -0
  56. package/lib/components/suggest/suggest.js +16 -0
  57. package/lib/components/suggest/suggest_item.js +11 -0
  58. package/lib/components/text/text.styles.js +3 -6
  59. package/lib/global_styling/functions/typography.js +8 -8
  60. package/lib/global_styling/variables/typography.js +3 -3
  61. package/lib/services/color_picker/color_picker.js +4 -0
  62. package/lib/themes/amsterdam/global_styling/variables/_typography.js +1 -0
  63. package/optimize/es/components/collapsible_nav_beta/collapsible_nav_beta.js +4 -2
  64. package/optimize/es/components/color_picker/color_stops/color_stops.js +11 -0
  65. package/optimize/es/components/control_bar/control_bar.js +11 -0
  66. package/optimize/es/components/datagrid/controls/keyboard_shortcuts.js +1 -1
  67. package/optimize/es/components/description_list/description_list.js +41 -11
  68. package/optimize/es/components/description_list/description_list.styles.js +19 -6
  69. package/optimize/es/components/description_list/description_list_context.js +1 -1
  70. package/optimize/es/components/description_list/description_list_description.js +3 -9
  71. package/optimize/es/components/description_list/description_list_description.styles.js +3 -9
  72. package/optimize/es/components/description_list/description_list_title.js +7 -4
  73. package/optimize/es/components/description_list/description_list_title.styles.js +3 -6
  74. package/optimize/es/components/description_list/description_list_types.js +4 -2
  75. package/optimize/es/components/key_pad_menu/key_pad_menu_item.js +37 -34
  76. package/optimize/es/components/key_pad_menu/key_pad_menu_item.styles.js +41 -0
  77. package/optimize/es/components/markdown_editor/markdown_format.styles.js +3 -6
  78. package/optimize/es/components/notification/notification_event.js +10 -0
  79. package/optimize/es/components/suggest/suggest.js +16 -0
  80. package/optimize/es/components/suggest/suggest_item.js +12 -0
  81. package/optimize/es/components/text/text.styles.js +3 -6
  82. package/optimize/es/global_styling/functions/typography.js +8 -8
  83. package/optimize/es/global_styling/variables/typography.js +1 -1
  84. package/optimize/es/services/color_picker/color_picker.js +4 -0
  85. package/optimize/es/themes/amsterdam/global_styling/variables/_typography.js +1 -0
  86. package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_beta.js +4 -2
  87. package/optimize/lib/components/color_picker/color_stops/color_stops.js +10 -1
  88. package/optimize/lib/components/control_bar/control_bar.js +10 -1
  89. package/optimize/lib/components/datagrid/controls/keyboard_shortcuts.js +1 -1
  90. package/optimize/lib/components/description_list/description_list.js +44 -11
  91. package/optimize/lib/components/description_list/description_list.styles.js +24 -13
  92. package/optimize/lib/components/description_list/description_list_context.js +1 -1
  93. package/optimize/lib/components/description_list/description_list_description.js +2 -8
  94. package/optimize/lib/components/description_list/description_list_description.styles.js +2 -8
  95. package/optimize/lib/components/description_list/description_list_title.js +7 -4
  96. package/optimize/lib/components/description_list/description_list_title.styles.js +2 -5
  97. package/optimize/lib/components/description_list/description_list_types.js +8 -4
  98. package/optimize/lib/components/key_pad_menu/key_pad_menu_item.js +40 -34
  99. package/optimize/lib/components/key_pad_menu/key_pad_menu_item.styles.js +49 -0
  100. package/optimize/lib/components/markdown_editor/markdown_format.styles.js +3 -6
  101. package/optimize/lib/components/notification/notification_event.js +9 -0
  102. package/optimize/lib/components/suggest/suggest.js +16 -0
  103. package/optimize/lib/components/suggest/suggest_item.js +11 -0
  104. package/optimize/lib/components/text/text.styles.js +3 -6
  105. package/optimize/lib/global_styling/functions/typography.js +8 -8
  106. package/optimize/lib/global_styling/variables/typography.js +3 -3
  107. package/optimize/lib/services/color_picker/color_picker.js +4 -0
  108. package/optimize/lib/themes/amsterdam/global_styling/variables/_typography.js +1 -0
  109. package/package.json +6 -6
  110. package/src/components/datagrid/controls/_data_grid_keyboard_shortcuts.scss +1 -7
  111. package/src/components/index.scss +0 -1
  112. package/src/themes/amsterdam/overrides/_index.scss +0 -1
  113. package/test-env/components/collapsible_nav_beta/collapsible_nav_beta.js +9 -2
  114. package/test-env/components/color_picker/color_palette_display/color_palette_display.js +3 -6
  115. package/test-env/components/color_picker/color_palette_display/color_palette_display_fixed.js +2 -5
  116. package/test-env/components/color_picker/color_palette_display/color_palette_display_gradient.js +2 -5
  117. package/test-env/components/color_picker/color_palette_picker/color_palette_picker.js +3 -3
  118. package/test-env/components/color_picker/color_stops/color_stops.js +10 -1
  119. package/test-env/components/control_bar/control_bar.js +10 -1
  120. package/test-env/components/datagrid/controls/keyboard_shortcuts.js +1 -1
  121. package/test-env/components/description_list/description_list.js +66 -13
  122. package/test-env/components/description_list/description_list.styles.js +24 -13
  123. package/test-env/components/description_list/description_list_context.js +1 -1
  124. package/test-env/components/description_list/description_list_description.js +2 -8
  125. package/test-env/components/description_list/description_list_description.styles.js +2 -8
  126. package/test-env/components/description_list/description_list_title.js +7 -4
  127. package/test-env/components/description_list/description_list_title.styles.js +2 -5
  128. package/test-env/components/description_list/description_list_types.js +8 -4
  129. package/test-env/components/key_pad_menu/key_pad_menu_item.js +40 -34
  130. package/test-env/components/key_pad_menu/key_pad_menu_item.styles.js +49 -0
  131. package/test-env/components/markdown_editor/markdown_format.styles.js +3 -6
  132. package/test-env/components/notification/notification_event.js +9 -0
  133. package/test-env/components/suggest/suggest.js +16 -0
  134. package/test-env/components/suggest/suggest_item.js +11 -0
  135. package/test-env/components/text/text.styles.js +3 -6
  136. package/test-env/global_styling/functions/typography.js +8 -8
  137. package/test-env/global_styling/variables/typography.js +3 -3
  138. package/test-env/services/color_picker/color_picker.js +4 -0
  139. package/test-env/themes/amsterdam/global_styling/variables/_typography.js +1 -0
  140. package/src/components/key_pad_menu/_index.scss +0 -5
  141. package/src/components/key_pad_menu/_key_pad_menu_item.scss +0 -123
  142. package/src/components/key_pad_menu/_variables.scss +0 -2
  143. package/src/themes/amsterdam/overrides/_key_pad_menu.scss +0 -46
@@ -3420,11 +3420,8 @@ The following files still use the Sass version:
3420
3420
  overflow-y: auto;
3421
3421
  overflow-block: auto;
3422
3422
  }
3423
- .euiDataGrid__keyboardShortcuts .euiDescriptionList .euiDescriptionList__title {
3424
- width: 25%;
3425
- }
3426
- .euiDataGrid__keyboardShortcuts .euiDescriptionList .euiDescriptionList__description {
3427
- width: 75%;
3423
+ .euiDataGrid__keyboardShortcuts .euiDescriptionList {
3424
+ row-gap: 0;
3428
3425
  }
3429
3426
 
3430
3427
  .euiDraggable.euiDraggable--isDragging {
@@ -6217,131 +6214,6 @@ The following files still use the Sass version:
6217
6214
  resize: none;
6218
6215
  }
6219
6216
 
6220
- /**
6221
- * 1. If this class is applied to a button, we need to override the Chrome default font.
6222
- * 2. If it has a BetaBadge, make sure only the first letter shows
6223
- */
6224
- .euiKeyPadMenuItem {
6225
- font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
6226
- font-weight: 400;
6227
- letter-spacing: normal;
6228
- -webkit-text-size-adjust: 100%;
6229
- -ms-text-size-adjust: 100%;
6230
- -webkit-font-kerning: normal;
6231
- font-kerning: normal;
6232
- /* 1 */
6233
- display: block;
6234
- padding: 4px;
6235
- height: 96px;
6236
- width: 96px;
6237
- border: 1px solid #343741;
6238
- border-color: transparent;
6239
- border-radius: 6px;
6240
- color: #DFE5EF;
6241
- }
6242
- @media screen and (prefers-reduced-motion: no-preference) {
6243
- .euiKeyPadMenuItem {
6244
- transition: background-color 150ms ease-in, border-color 150ms ease-in, box-shadow 150ms ease-in;
6245
- }
6246
- }
6247
- .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):hover, .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus, .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus-within {
6248
- cursor: pointer;
6249
- text-decoration: underline;
6250
- box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
6251
- border-color: #343741;
6252
- }
6253
- @media screen and (prefers-reduced-motion: no-preference) {
6254
- .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):hover .euiKeyPadMenuItem__icon, .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus .euiKeyPadMenuItem__icon, .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus-within .euiKeyPadMenuItem__icon {
6255
- -webkit-transform: translateY(0);
6256
- transform: translateY(0);
6257
- }
6258
- }
6259
- .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus {
6260
- cursor: pointer;
6261
- text-decoration: underline;
6262
- background-color: rgba(54, 162, 239, 0.2);
6263
- }
6264
- .euiKeyPadMenuItem.euiKeyPadMenuItem-isDisabled {
6265
- cursor: not-allowed;
6266
- text-decoration: none;
6267
- color: #515761;
6268
- }
6269
- .euiKeyPadMenuItem.euiKeyPadMenuItem-isDisabled .euiKeyPadMenuItem__icon {
6270
- -webkit-filter: grayscale(100%);
6271
- filter: grayscale(100%);
6272
- }
6273
- .euiKeyPadMenuItem.euiKeyPadMenuItem-isDisabled .euiKeyPadMenuItem__icon svg * {
6274
- fill: #515761;
6275
- }
6276
- .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled) {
6277
- box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
6278
- color: #DFE5EF;
6279
- }
6280
- .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected {
6281
- border-color: #343741;
6282
- }
6283
- .euiKeyPadMenuItem:not(:hover):not(:focus):not(:focus-within):not(.euiKeyPadMenuItem-isSelected) .euiKeyPadMenuItem__checkableInput, .euiKeyPadMenuItem.euiKeyPadMenuItem-isDisabled:not(.euiKeyPadMenuItem-isSelected) .euiKeyPadMenuItem__checkableInput {
6284
- position: absolute;
6285
- top: auto;
6286
- left: -10000px;
6287
- width: 1px;
6288
- height: 1px;
6289
- clip: rect(0 0 0 0);
6290
- -webkit-clip-path: inset(50%);
6291
- clip-path: inset(50%);
6292
- overflow: hidden;
6293
- margin: -1px;
6294
- }
6295
-
6296
- .euiKeyPadMenuItem__inner {
6297
- width: 100%;
6298
- height: 100%;
6299
- display: -webkit-flex;
6300
- display: flex;
6301
- -webkit-flex-direction: column;
6302
- flex-direction: column;
6303
- -webkit-align-items: center;
6304
- align-items: center;
6305
- -webkit-justify-content: center;
6306
- justify-content: center;
6307
- position: relative;
6308
- }
6309
- .euiKeyPadMenuItem__inner .euiKeyPadMenuItem__checkableInput {
6310
- -webkit-transform: scale(0.75);
6311
- transform: scale(0.75);
6312
- -webkit-transform-origin: top right;
6313
- transform-origin: top right;
6314
- }
6315
- .euiKeyPadMenuItem__inner .euiKeyPadMenuItem__checkableInput,
6316
- .euiKeyPadMenuItem__inner .euiKeyPadMenuItem__betaBadge {
6317
- position: absolute;
6318
- top: 4px;
6319
- right: 4px;
6320
- z-index: 3;
6321
- }
6322
-
6323
- .euiKeyPadMenuItem__icon {
6324
- transition: -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
6325
- transition: transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
6326
- transition: transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
6327
- margin-bottom: 12px;
6328
- -webkit-transform: translateY(2px);
6329
- transform: translateY(2px);
6330
- }
6331
-
6332
- .euiKeyPadMenuItem__label {
6333
- font-size: 12px;
6334
- font-weight: 500;
6335
- line-height: 16px;
6336
- text-align: center;
6337
- }
6338
-
6339
- .euiKeyPadMenuItem--checkable.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled), .euiKeyPadMenuItem--checkable.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):hover, .euiKeyPadMenuItem--checkable.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):focus, .euiKeyPadMenuItem--checkable.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):focus-within {
6340
- background-color: rgba(54, 162, 239, 0.2);
6341
- color: #36A2EF;
6342
- border-color: #36A2EF;
6343
- }
6344
-
6345
6217
  .euiMarkdownEditor {
6346
6218
  display: -webkit-flex;
6347
6219
  display: flex;
@@ -9251,35 +9123,6 @@ button.euiSuggestItem:hover .euiSuggestItem__label, button.euiSuggestItem:focus
9251
9123
  outline: none;
9252
9124
  }
9253
9125
 
9254
- .euiKeyPadMenuItem {
9255
- border: none !important;
9256
- box-shadow: none;
9257
- }
9258
- .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):hover, .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus:hover, .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus-within {
9259
- box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.175), 0 1.9px 4px rgba(0, 0, 0, 0.125), 0 4.5px 10px rgba(0, 0, 0, 0.125);
9260
- }
9261
- .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus {
9262
- box-shadow: none;
9263
- }
9264
- .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled) {
9265
- box-shadow: none;
9266
- }
9267
- .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):hover {
9268
- box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.175), 0 1.9px 4px rgba(0, 0, 0, 0.125), 0 4.5px 10px rgba(0, 0, 0, 0.125);
9269
- }
9270
- .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled), .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):hover, .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):focus, .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):focus-within {
9271
- background-color: rgba(54, 162, 239, 0.2);
9272
- color: #40a7f0;
9273
- }
9274
- .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected.euiKeyPadMenuItem-isDisabled {
9275
- background-color: rgba(81, 87, 97, 0.2);
9276
- color: #5a5f69;
9277
- }
9278
-
9279
- .euiKeyPadMenuItem__label {
9280
- font-weight: 600;
9281
- }
9282
-
9283
9126
  .euiMarkdownEditorToolbar {
9284
9127
  border-radius: 6px 6px 0 0;
9285
9128
  }