@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.
- package/dist/eui_charts_theme.js.map +1 -1
- package/dist/eui_theme_dark.css +0 -154
- package/dist/eui_theme_dark.min.css +1 -1
- package/dist/eui_theme_light.css +0 -154
- package/dist/eui_theme_light.min.css +1 -1
- package/es/components/color_picker/color_palette_display/color_palette_display.js +3 -6
- package/es/components/color_picker/color_palette_display/color_palette_display_fixed.js +2 -5
- package/es/components/color_picker/color_palette_display/color_palette_display_gradient.js +2 -5
- package/es/components/color_picker/color_palette_picker/color_palette_picker.js +3 -3
- package/es/components/color_picker/color_stops/color_stops.js +11 -0
- package/es/components/control_bar/control_bar.js +11 -0
- package/es/components/datagrid/controls/keyboard_shortcuts.js +0 -1
- package/es/components/description_list/description_list.js +28 -12
- package/es/components/description_list/description_list.styles.js +19 -6
- package/es/components/description_list/description_list_context.js +1 -1
- package/es/components/description_list/description_list_description.js +3 -9
- package/es/components/description_list/description_list_description.styles.js +3 -9
- package/es/components/description_list/description_list_title.js +7 -4
- package/es/components/description_list/description_list_title.styles.js +3 -6
- package/es/components/description_list/description_list_types.js +4 -2
- package/es/components/key_pad_menu/key_pad_menu_item.js +37 -34
- package/es/components/key_pad_menu/key_pad_menu_item.styles.js +41 -0
- package/es/components/notification/notification_event.js +10 -0
- package/es/components/suggest/suggest.js +16 -0
- package/es/components/suggest/suggest_item.js +12 -0
- package/es/services/color_picker/color_picker.js +4 -0
- package/eui.d.ts +2348 -2255
- package/i18ntokens.json +144 -144
- package/lib/components/color_picker/color_palette_display/color_palette_display.js +3 -6
- package/lib/components/color_picker/color_palette_display/color_palette_display_fixed.js +2 -5
- package/lib/components/color_picker/color_palette_display/color_palette_display_gradient.js +2 -5
- package/lib/components/color_picker/color_palette_picker/color_palette_picker.js +3 -3
- package/lib/components/color_picker/color_stops/color_stops.js +10 -1
- package/lib/components/control_bar/control_bar.js +10 -1
- package/lib/components/datagrid/controls/keyboard_shortcuts.js +0 -1
- package/lib/components/description_list/description_list.js +31 -12
- package/lib/components/description_list/description_list.styles.js +24 -13
- package/lib/components/description_list/description_list_context.js +1 -1
- package/lib/components/description_list/description_list_description.js +2 -8
- package/lib/components/description_list/description_list_description.styles.js +2 -8
- package/lib/components/description_list/description_list_title.js +7 -4
- package/lib/components/description_list/description_list_title.styles.js +2 -5
- package/lib/components/description_list/description_list_types.js +8 -4
- package/lib/components/key_pad_menu/key_pad_menu_item.js +40 -34
- package/lib/components/key_pad_menu/key_pad_menu_item.styles.js +49 -0
- package/lib/components/notification/notification_event.js +9 -0
- package/lib/components/suggest/suggest.js +16 -0
- package/lib/components/suggest/suggest_item.js +11 -0
- package/lib/services/color_picker/color_picker.js +4 -0
- package/optimize/es/components/color_picker/color_stops/color_stops.js +11 -0
- package/optimize/es/components/control_bar/control_bar.js +11 -0
- package/optimize/es/components/datagrid/controls/keyboard_shortcuts.js +0 -1
- package/optimize/es/components/description_list/description_list.js +20 -10
- package/optimize/es/components/description_list/description_list.styles.js +19 -6
- package/optimize/es/components/description_list/description_list_context.js +1 -1
- package/optimize/es/components/description_list/description_list_description.js +3 -9
- package/optimize/es/components/description_list/description_list_description.styles.js +3 -9
- package/optimize/es/components/description_list/description_list_title.js +7 -4
- package/optimize/es/components/description_list/description_list_title.styles.js +3 -6
- package/optimize/es/components/description_list/description_list_types.js +4 -2
- package/optimize/es/components/key_pad_menu/key_pad_menu_item.js +37 -34
- package/optimize/es/components/key_pad_menu/key_pad_menu_item.styles.js +41 -0
- package/optimize/es/components/notification/notification_event.js +10 -0
- package/optimize/es/components/suggest/suggest.js +16 -0
- package/optimize/es/components/suggest/suggest_item.js +12 -0
- package/optimize/es/services/color_picker/color_picker.js +4 -0
- package/optimize/lib/components/color_picker/color_stops/color_stops.js +10 -1
- package/optimize/lib/components/control_bar/control_bar.js +10 -1
- package/optimize/lib/components/datagrid/controls/keyboard_shortcuts.js +0 -1
- package/optimize/lib/components/description_list/description_list.js +23 -10
- package/optimize/lib/components/description_list/description_list.styles.js +24 -13
- package/optimize/lib/components/description_list/description_list_context.js +1 -1
- package/optimize/lib/components/description_list/description_list_description.js +2 -8
- package/optimize/lib/components/description_list/description_list_description.styles.js +2 -8
- package/optimize/lib/components/description_list/description_list_title.js +7 -4
- package/optimize/lib/components/description_list/description_list_title.styles.js +2 -5
- package/optimize/lib/components/description_list/description_list_types.js +8 -4
- package/optimize/lib/components/key_pad_menu/key_pad_menu_item.js +40 -34
- package/optimize/lib/components/key_pad_menu/key_pad_menu_item.styles.js +49 -0
- package/optimize/lib/components/notification/notification_event.js +9 -0
- package/optimize/lib/components/suggest/suggest.js +16 -0
- package/optimize/lib/components/suggest/suggest_item.js +11 -0
- package/optimize/lib/services/color_picker/color_picker.js +4 -0
- package/package.json +6 -6
- package/src/components/index.scss +0 -1
- package/src/themes/amsterdam/overrides/_index.scss +0 -1
- package/test-env/components/color_picker/color_palette_display/color_palette_display.js +3 -6
- package/test-env/components/color_picker/color_palette_display/color_palette_display_fixed.js +2 -5
- package/test-env/components/color_picker/color_palette_display/color_palette_display_gradient.js +2 -5
- package/test-env/components/color_picker/color_palette_picker/color_palette_picker.js +3 -3
- package/test-env/components/color_picker/color_stops/color_stops.js +10 -1
- package/test-env/components/control_bar/control_bar.js +10 -1
- package/test-env/components/datagrid/controls/keyboard_shortcuts.js +0 -1
- package/test-env/components/description_list/description_list.js +31 -12
- package/test-env/components/description_list/description_list.styles.js +24 -13
- package/test-env/components/description_list/description_list_context.js +1 -1
- package/test-env/components/description_list/description_list_description.js +2 -8
- package/test-env/components/description_list/description_list_description.styles.js +2 -8
- package/test-env/components/description_list/description_list_title.js +7 -4
- package/test-env/components/description_list/description_list_title.styles.js +2 -5
- package/test-env/components/description_list/description_list_types.js +8 -4
- package/test-env/components/key_pad_menu/key_pad_menu_item.js +40 -34
- package/test-env/components/key_pad_menu/key_pad_menu_item.styles.js +49 -0
- package/test-env/components/notification/notification_event.js +9 -0
- package/test-env/components/suggest/suggest.js +16 -0
- package/test-env/components/suggest/suggest_item.js +11 -0
- package/test-env/services/color_picker/color_picker.js +4 -0
- package/src/components/key_pad_menu/_index.scss +0 -5
- package/src/components/key_pad_menu/_key_pad_menu_item.scss +0 -123
- package/src/components/key_pad_menu/_variables.scss +0 -2
- package/src/themes/amsterdam/overrides/_key_pad_menu.scss +0 -46
package/dist/eui_theme_dark.css
CHANGED
|
@@ -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
|
}
|