@elastic/eui 87.2.0 → 88.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 (111) hide show
  1. package/dist/eui_charts_theme.js.map +1 -1
  2. package/dist/eui_theme_dark.css +0 -154
  3. package/dist/eui_theme_dark.min.css +1 -1
  4. package/dist/eui_theme_light.css +0 -154
  5. package/dist/eui_theme_light.min.css +1 -1
  6. package/es/components/color_picker/color_palette_display/color_palette_display.js +3 -6
  7. package/es/components/color_picker/color_palette_display/color_palette_display_fixed.js +2 -5
  8. package/es/components/color_picker/color_palette_display/color_palette_display_gradient.js +2 -5
  9. package/es/components/color_picker/color_palette_picker/color_palette_picker.js +3 -3
  10. package/es/components/color_picker/color_stops/color_stops.js +11 -0
  11. package/es/components/control_bar/control_bar.js +11 -0
  12. package/es/components/datagrid/controls/keyboard_shortcuts.js +0 -1
  13. package/es/components/description_list/description_list.js +28 -12
  14. package/es/components/description_list/description_list.styles.js +19 -6
  15. package/es/components/description_list/description_list_context.js +1 -1
  16. package/es/components/description_list/description_list_description.js +3 -9
  17. package/es/components/description_list/description_list_description.styles.js +3 -9
  18. package/es/components/description_list/description_list_title.js +7 -4
  19. package/es/components/description_list/description_list_title.styles.js +3 -6
  20. package/es/components/description_list/description_list_types.js +4 -2
  21. package/es/components/key_pad_menu/key_pad_menu_item.js +37 -34
  22. package/es/components/key_pad_menu/key_pad_menu_item.styles.js +41 -0
  23. package/es/components/notification/notification_event.js +10 -0
  24. package/es/components/suggest/suggest.js +16 -0
  25. package/es/components/suggest/suggest_item.js +12 -0
  26. package/es/services/color_picker/color_picker.js +4 -0
  27. package/eui.d.ts +2348 -2255
  28. package/i18ntokens.json +144 -144
  29. package/lib/components/color_picker/color_palette_display/color_palette_display.js +3 -6
  30. package/lib/components/color_picker/color_palette_display/color_palette_display_fixed.js +2 -5
  31. package/lib/components/color_picker/color_palette_display/color_palette_display_gradient.js +2 -5
  32. package/lib/components/color_picker/color_palette_picker/color_palette_picker.js +3 -3
  33. package/lib/components/color_picker/color_stops/color_stops.js +10 -1
  34. package/lib/components/control_bar/control_bar.js +10 -1
  35. package/lib/components/datagrid/controls/keyboard_shortcuts.js +0 -1
  36. package/lib/components/description_list/description_list.js +31 -12
  37. package/lib/components/description_list/description_list.styles.js +24 -13
  38. package/lib/components/description_list/description_list_context.js +1 -1
  39. package/lib/components/description_list/description_list_description.js +2 -8
  40. package/lib/components/description_list/description_list_description.styles.js +2 -8
  41. package/lib/components/description_list/description_list_title.js +7 -4
  42. package/lib/components/description_list/description_list_title.styles.js +2 -5
  43. package/lib/components/description_list/description_list_types.js +8 -4
  44. package/lib/components/key_pad_menu/key_pad_menu_item.js +40 -34
  45. package/lib/components/key_pad_menu/key_pad_menu_item.styles.js +49 -0
  46. package/lib/components/notification/notification_event.js +9 -0
  47. package/lib/components/suggest/suggest.js +16 -0
  48. package/lib/components/suggest/suggest_item.js +11 -0
  49. package/lib/services/color_picker/color_picker.js +4 -0
  50. package/optimize/es/components/color_picker/color_stops/color_stops.js +11 -0
  51. package/optimize/es/components/control_bar/control_bar.js +11 -0
  52. package/optimize/es/components/datagrid/controls/keyboard_shortcuts.js +0 -1
  53. package/optimize/es/components/description_list/description_list.js +20 -10
  54. package/optimize/es/components/description_list/description_list.styles.js +19 -6
  55. package/optimize/es/components/description_list/description_list_context.js +1 -1
  56. package/optimize/es/components/description_list/description_list_description.js +3 -9
  57. package/optimize/es/components/description_list/description_list_description.styles.js +3 -9
  58. package/optimize/es/components/description_list/description_list_title.js +7 -4
  59. package/optimize/es/components/description_list/description_list_title.styles.js +3 -6
  60. package/optimize/es/components/description_list/description_list_types.js +4 -2
  61. package/optimize/es/components/key_pad_menu/key_pad_menu_item.js +37 -34
  62. package/optimize/es/components/key_pad_menu/key_pad_menu_item.styles.js +41 -0
  63. package/optimize/es/components/notification/notification_event.js +10 -0
  64. package/optimize/es/components/suggest/suggest.js +16 -0
  65. package/optimize/es/components/suggest/suggest_item.js +12 -0
  66. package/optimize/es/services/color_picker/color_picker.js +4 -0
  67. package/optimize/lib/components/color_picker/color_stops/color_stops.js +10 -1
  68. package/optimize/lib/components/control_bar/control_bar.js +10 -1
  69. package/optimize/lib/components/datagrid/controls/keyboard_shortcuts.js +0 -1
  70. package/optimize/lib/components/description_list/description_list.js +23 -10
  71. package/optimize/lib/components/description_list/description_list.styles.js +24 -13
  72. package/optimize/lib/components/description_list/description_list_context.js +1 -1
  73. package/optimize/lib/components/description_list/description_list_description.js +2 -8
  74. package/optimize/lib/components/description_list/description_list_description.styles.js +2 -8
  75. package/optimize/lib/components/description_list/description_list_title.js +7 -4
  76. package/optimize/lib/components/description_list/description_list_title.styles.js +2 -5
  77. package/optimize/lib/components/description_list/description_list_types.js +8 -4
  78. package/optimize/lib/components/key_pad_menu/key_pad_menu_item.js +40 -34
  79. package/optimize/lib/components/key_pad_menu/key_pad_menu_item.styles.js +49 -0
  80. package/optimize/lib/components/notification/notification_event.js +9 -0
  81. package/optimize/lib/components/suggest/suggest.js +16 -0
  82. package/optimize/lib/components/suggest/suggest_item.js +11 -0
  83. package/optimize/lib/services/color_picker/color_picker.js +4 -0
  84. package/package.json +6 -6
  85. package/src/components/index.scss +0 -1
  86. package/src/themes/amsterdam/overrides/_index.scss +0 -1
  87. package/test-env/components/color_picker/color_palette_display/color_palette_display.js +3 -6
  88. package/test-env/components/color_picker/color_palette_display/color_palette_display_fixed.js +2 -5
  89. package/test-env/components/color_picker/color_palette_display/color_palette_display_gradient.js +2 -5
  90. package/test-env/components/color_picker/color_palette_picker/color_palette_picker.js +3 -3
  91. package/test-env/components/color_picker/color_stops/color_stops.js +10 -1
  92. package/test-env/components/control_bar/control_bar.js +10 -1
  93. package/test-env/components/datagrid/controls/keyboard_shortcuts.js +0 -1
  94. package/test-env/components/description_list/description_list.js +31 -12
  95. package/test-env/components/description_list/description_list.styles.js +24 -13
  96. package/test-env/components/description_list/description_list_context.js +1 -1
  97. package/test-env/components/description_list/description_list_description.js +2 -8
  98. package/test-env/components/description_list/description_list_description.styles.js +2 -8
  99. package/test-env/components/description_list/description_list_title.js +7 -4
  100. package/test-env/components/description_list/description_list_title.styles.js +2 -5
  101. package/test-env/components/description_list/description_list_types.js +8 -4
  102. package/test-env/components/key_pad_menu/key_pad_menu_item.js +40 -34
  103. package/test-env/components/key_pad_menu/key_pad_menu_item.styles.js +49 -0
  104. package/test-env/components/notification/notification_event.js +9 -0
  105. package/test-env/components/suggest/suggest.js +16 -0
  106. package/test-env/components/suggest/suggest_item.js +11 -0
  107. package/test-env/services/color_picker/color_picker.js +4 -0
  108. package/src/components/key_pad_menu/_index.scss +0 -5
  109. package/src/components/key_pad_menu/_key_pad_menu_item.scss +0 -123
  110. package/src/components/key_pad_menu/_variables.scss +0 -2
  111. package/src/themes/amsterdam/overrides/_key_pad_menu.scss +0 -46
@@ -6217,131 +6217,6 @@ The following files still use the Sass version:
6217
6217
  resize: none;
6218
6218
  }
6219
6219
 
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
6220
  .euiMarkdownEditor {
6346
6221
  display: -webkit-flex;
6347
6222
  display: flex;
@@ -9251,35 +9126,6 @@ button.euiSuggestItem:hover .euiSuggestItem__label, button.euiSuggestItem:focus
9251
9126
  outline: none;
9252
9127
  }
9253
9128
 
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
9129
  .euiMarkdownEditorToolbar {
9284
9130
  border-radius: 6px 6px 0 0;
9285
9131
  }