@elastic/eui 88.3.0 → 88.4.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_theme_dark.css +0 -142
- package/dist/eui_theme_dark.min.css +1 -1
- package/dist/eui_theme_light.css +0 -142
- package/dist/eui_theme_light.min.css +1 -1
- package/es/components/basic_table/in_memory_table.js +85 -34
- package/es/components/card/card.js +3 -3
- package/es/components/combo_box/combo_box.js +16 -4
- package/es/components/combo_box/combo_box_input/combo_box_input.js +4 -1
- package/es/components/combo_box/combo_box_input/combo_box_pill.js +5 -1
- package/es/components/combo_box/combo_box_options_list/combo_box_option.js +2 -0
- package/es/components/combo_box/combo_box_options_list/combo_box_options_list.js +59 -15
- package/es/components/datagrid/controls/column_selector.js +5 -3
- package/es/components/datagrid/controls/column_sorting_draggable.js +4 -1
- package/es/components/description_list/description_list_title.js +0 -1
- package/es/components/description_list/description_list_title.styles.js +1 -1
- package/es/components/drag_and_drop/draggable.js +18 -23
- package/es/components/drag_and_drop/draggable.styles.js +56 -0
- package/es/components/drag_and_drop/droppable.js +24 -21
- package/es/components/drag_and_drop/droppable.styles.js +51 -0
- package/es/components/search_bar/search_box.js +54 -88
- package/es/components/table/table_pagination/table_pagination.js +1 -0
- package/es/test/rtl/custom_render.js +1 -1
- package/eui.d.ts +480 -420
- package/i18ntokens.json +142 -88
- package/lib/components/basic_table/in_memory_table.js +85 -34
- package/lib/components/card/card.js +3 -3
- package/lib/components/combo_box/combo_box.js +16 -4
- package/lib/components/combo_box/combo_box_input/combo_box_input.js +4 -1
- package/lib/components/combo_box/combo_box_input/combo_box_pill.js +5 -1
- package/lib/components/combo_box/combo_box_options_list/combo_box_option.js +2 -0
- package/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js +59 -15
- package/lib/components/datagrid/controls/column_selector.js +4 -2
- package/lib/components/datagrid/controls/column_sorting_draggable.js +4 -1
- package/lib/components/description_list/description_list_title.js +0 -1
- package/lib/components/description_list/description_list_title.styles.js +1 -1
- package/lib/components/drag_and_drop/draggable.js +17 -22
- package/lib/components/drag_and_drop/draggable.styles.js +62 -0
- package/lib/components/drag_and_drop/droppable.js +26 -22
- package/lib/components/drag_and_drop/droppable.styles.js +57 -0
- package/lib/components/search_bar/search_box.js +61 -93
- package/lib/components/table/table_pagination/table_pagination.js +1 -0
- package/lib/test/rtl/custom_render.js +2 -2
- package/optimize/es/components/basic_table/in_memory_table.js +62 -34
- package/optimize/es/components/card/card.js +3 -3
- package/optimize/es/components/combo_box/combo_box.js +6 -4
- package/optimize/es/components/combo_box/combo_box_input/combo_box_input.js +2 -1
- package/optimize/es/components/combo_box/combo_box_input/combo_box_pill.js +3 -1
- package/optimize/es/components/combo_box/combo_box_options_list/combo_box_options_list.js +49 -12
- package/optimize/es/components/datagrid/controls/column_selector.js +5 -3
- package/optimize/es/components/datagrid/controls/column_sorting_draggable.js +4 -1
- package/optimize/es/components/description_list/description_list_title.js +0 -1
- package/optimize/es/components/description_list/description_list_title.styles.js +1 -1
- package/optimize/es/components/drag_and_drop/draggable.js +17 -22
- package/optimize/es/components/drag_and_drop/draggable.styles.js +56 -0
- package/optimize/es/components/drag_and_drop/droppable.js +23 -20
- package/optimize/es/components/drag_and_drop/droppable.styles.js +51 -0
- package/optimize/es/components/search_bar/search_box.js +50 -83
- package/optimize/es/components/table/table_pagination/table_pagination.js +1 -0
- package/optimize/es/test/rtl/custom_render.js +1 -1
- package/optimize/lib/components/basic_table/in_memory_table.js +62 -34
- package/optimize/lib/components/card/card.js +3 -3
- package/optimize/lib/components/combo_box/combo_box.js +6 -4
- package/optimize/lib/components/combo_box/combo_box_input/combo_box_input.js +2 -1
- package/optimize/lib/components/combo_box/combo_box_input/combo_box_pill.js +3 -1
- package/optimize/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js +49 -12
- package/optimize/lib/components/datagrid/controls/column_selector.js +4 -2
- package/optimize/lib/components/datagrid/controls/column_sorting_draggable.js +4 -1
- package/optimize/lib/components/description_list/description_list_title.js +0 -1
- package/optimize/lib/components/description_list/description_list_title.styles.js +1 -1
- package/optimize/lib/components/drag_and_drop/draggable.js +16 -21
- package/optimize/lib/components/drag_and_drop/draggable.styles.js +62 -0
- package/optimize/lib/components/drag_and_drop/droppable.js +25 -21
- package/optimize/lib/components/drag_and_drop/droppable.styles.js +57 -0
- package/optimize/lib/components/search_bar/search_box.js +57 -89
- package/optimize/lib/components/table/table_pagination/table_pagination.js +1 -0
- package/optimize/lib/test/rtl/custom_render.js +2 -2
- package/package.json +4 -4
- package/src/components/combo_box/combo_box_input/_combo_box_pill.scss +0 -1
- package/src/components/index.scss +0 -1
- package/src/themes/amsterdam/overrides/_index.scss +0 -1
- package/test-env/components/basic_table/in_memory_table.js +85 -34
- package/test-env/components/card/card.js +3 -3
- package/test-env/components/combo_box/combo_box.js +16 -4
- package/test-env/components/combo_box/combo_box_input/combo_box_input.js +4 -1
- package/test-env/components/combo_box/combo_box_input/combo_box_pill.js +5 -1
- package/test-env/components/combo_box/combo_box_options_list/combo_box_option.js +2 -0
- package/test-env/components/combo_box/combo_box_options_list/combo_box_options_list.js +58 -14
- package/test-env/components/datagrid/controls/column_selector.js +4 -2
- package/test-env/components/datagrid/controls/column_sorting_draggable.js +4 -1
- package/test-env/components/description_list/description_list_title.js +0 -1
- package/test-env/components/description_list/description_list_title.styles.js +1 -1
- package/test-env/components/drag_and_drop/draggable.js +17 -22
- package/test-env/components/drag_and_drop/draggable.styles.js +62 -0
- package/test-env/components/drag_and_drop/droppable.js +26 -22
- package/test-env/components/drag_and_drop/droppable.styles.js +57 -0
- package/test-env/components/search_bar/search_box.js +60 -88
- package/test-env/components/table/table_pagination/table_pagination.js +1 -0
- package/test-env/test/rtl/custom_render.js +2 -2
- package/src/components/drag_and_drop/_draggable.scss +0 -41
- package/src/components/drag_and_drop/_droppable.scss +0 -40
- package/src/components/drag_and_drop/_index.scss +0 -3
- package/src/components/drag_and_drop/_variables.scss +0 -5
- package/src/themes/amsterdam/overrides/_description_list.scss +0 -7
package/dist/eui_theme_dark.css
CHANGED
|
@@ -1427,10 +1427,6 @@ The following files still use the Sass version:
|
|
|
1427
1427
|
-ms-text-size-adjust: 100%;
|
|
1428
1428
|
-webkit-font-kerning: normal;
|
|
1429
1429
|
font-kerning: normal;
|
|
1430
|
-
max-width: 100%;
|
|
1431
|
-
overflow: hidden !important;
|
|
1432
|
-
text-overflow: ellipsis !important;
|
|
1433
|
-
white-space: nowrap !important;
|
|
1434
1430
|
line-height: 24px;
|
|
1435
1431
|
font-size: 14px;
|
|
1436
1432
|
padding: 0;
|
|
@@ -3397,140 +3393,6 @@ The following files still use the Sass version:
|
|
|
3397
3393
|
row-gap: 0;
|
|
3398
3394
|
}
|
|
3399
3395
|
|
|
3400
|
-
.euiDraggable.euiDraggable--isDragging {
|
|
3401
|
-
z-index: 9000 !important;
|
|
3402
|
-
}
|
|
3403
|
-
.euiDraggable.euiDraggable--hasClone:not(.euiDraggable--isDragging) {
|
|
3404
|
-
-webkit-transform: none !important;
|
|
3405
|
-
transform: none !important;
|
|
3406
|
-
}
|
|
3407
|
-
.euiDraggable.euiDraggable--withoutDropAnimation {
|
|
3408
|
-
transition-duration: 0.001s !important;
|
|
3409
|
-
}
|
|
3410
|
-
.euiDraggable:focus > .euiDraggable__item, .euiDraggable.euiDraggable--hasCustomDragHandle > .euiDraggable__item [data-react-beautiful-dnd-drag-handle]:focus {
|
|
3411
|
-
outline: 2px solid currentColor;
|
|
3412
|
-
}
|
|
3413
|
-
.euiDraggable:focus > .euiDraggable__item:focus-visible, .euiDraggable.euiDraggable--hasCustomDragHandle > .euiDraggable__item [data-react-beautiful-dnd-drag-handle]:focus:focus-visible {
|
|
3414
|
-
outline-style: auto;
|
|
3415
|
-
}
|
|
3416
|
-
.euiDraggable:focus > .euiDraggable__item:not(:focus-visible), .euiDraggable.euiDraggable--hasCustomDragHandle > .euiDraggable__item [data-react-beautiful-dnd-drag-handle]:focus:not(:focus-visible) {
|
|
3417
|
-
outline: none;
|
|
3418
|
-
}
|
|
3419
|
-
.euiDraggable .euiDraggable__item.euiDraggable__item--isDisabled {
|
|
3420
|
-
cursor: not-allowed;
|
|
3421
|
-
}
|
|
3422
|
-
.euiDraggable--s {
|
|
3423
|
-
padding: 2px;
|
|
3424
|
-
}
|
|
3425
|
-
|
|
3426
|
-
.euiDraggable--m {
|
|
3427
|
-
padding: 4px;
|
|
3428
|
-
}
|
|
3429
|
-
|
|
3430
|
-
.euiDraggable--l {
|
|
3431
|
-
padding: 8px;
|
|
3432
|
-
}
|
|
3433
|
-
|
|
3434
|
-
.euiDroppable {
|
|
3435
|
-
transition: background-color 500ms ease;
|
|
3436
|
-
}
|
|
3437
|
-
.euiDroppable.euiDroppable--isDraggingType:not(.euiDroppable--isDisabled) {
|
|
3438
|
-
background-color: rgba(125, 222, 216, 0.1);
|
|
3439
|
-
}
|
|
3440
|
-
.euiDroppable.euiDroppable--isDraggingType:not(.euiDroppable--isDisabled).euiDroppable--isDraggingOver {
|
|
3441
|
-
background-color: rgba(125, 222, 216, 0.25);
|
|
3442
|
-
}
|
|
3443
|
-
.euiDroppable .euiDroppable__placeholder.euiDroppable__placeholder--isHidden {
|
|
3444
|
-
display: none !important;
|
|
3445
|
-
}
|
|
3446
|
-
|
|
3447
|
-
.euiDroppable--withPanel {
|
|
3448
|
-
-webkit-flex-grow: 1;
|
|
3449
|
-
flex-grow: 1;
|
|
3450
|
-
}
|
|
3451
|
-
.euiDroppable--withPanel.euiDroppable--withPanel--flexGrowZero {
|
|
3452
|
-
-webkit-flex-grow: 0;
|
|
3453
|
-
flex-grow: 0;
|
|
3454
|
-
}
|
|
3455
|
-
.euiDroppable--withPanel.euiDroppable--withPanel--hasShadow {
|
|
3456
|
-
box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.2), 0 2.6px 8px -1px rgba(0, 0, 0, 0.15), 0 5.7px 12px -1px rgba(0, 0, 0, 0.125), 0 15px 15px -1px rgba(0, 0, 0, 0.1);
|
|
3457
|
-
}
|
|
3458
|
-
.euiDroppable--withPanel.euiDroppable--withPanel--hasBorder {
|
|
3459
|
-
border: 1px solid #343741;
|
|
3460
|
-
box-shadow: none;
|
|
3461
|
-
}
|
|
3462
|
-
.euiDroppable--withPanel.euiDroppable--withPanel--isClickable {
|
|
3463
|
-
transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
|
|
3464
|
-
}
|
|
3465
|
-
.euiDroppable--withPanel.euiDroppable--withPanel--isClickable:enabled {
|
|
3466
|
-
display: block;
|
|
3467
|
-
width: 100%;
|
|
3468
|
-
text-align: left;
|
|
3469
|
-
}
|
|
3470
|
-
.euiDroppable--withPanel.euiDroppable--withPanel--isClickable:hover, .euiDroppable--withPanel.euiDroppable--withPanel--isClickable:focus {
|
|
3471
|
-
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
|
|
3472
|
-
-webkit-transform: translateY(-2px);
|
|
3473
|
-
transform: translateY(-2px);
|
|
3474
|
-
cursor: pointer;
|
|
3475
|
-
}
|
|
3476
|
-
.euiDroppable--withPanel.euiDroppable--withPanel--borderRadiusNone {
|
|
3477
|
-
border-radius: 0;
|
|
3478
|
-
}
|
|
3479
|
-
.euiDroppable--withPanel.euiDroppable--withPanel--borderRadiusMedium {
|
|
3480
|
-
border-radius: 6px;
|
|
3481
|
-
}
|
|
3482
|
-
.euiDroppable--withPanel.euiDroppable--withPanel--transparent {
|
|
3483
|
-
background-color: transparent;
|
|
3484
|
-
}
|
|
3485
|
-
.euiDroppable--withPanel.euiDroppable--withPanel--plain {
|
|
3486
|
-
background-color: #1D1E24;
|
|
3487
|
-
}
|
|
3488
|
-
.euiDroppable--withPanel.euiDroppable--withPanel--subdued {
|
|
3489
|
-
background-color: #141519;
|
|
3490
|
-
}
|
|
3491
|
-
.euiDroppable--withPanel.euiDroppable--withPanel--accent {
|
|
3492
|
-
background-color: #4a2b39;
|
|
3493
|
-
}
|
|
3494
|
-
.euiDroppable--withPanel.euiDroppable--withPanel--primary {
|
|
3495
|
-
background-color: #103148;
|
|
3496
|
-
}
|
|
3497
|
-
.euiDroppable--withPanel.euiDroppable--withPanel--success {
|
|
3498
|
-
background-color: #264341;
|
|
3499
|
-
}
|
|
3500
|
-
.euiDroppable--withPanel.euiDroppable--withPanel--warning {
|
|
3501
|
-
background-color: #493f22;
|
|
3502
|
-
}
|
|
3503
|
-
.euiDroppable--withPanel.euiDroppable--withPanel--danger {
|
|
3504
|
-
background-color: #4a201e;
|
|
3505
|
-
}
|
|
3506
|
-
|
|
3507
|
-
.euiDroppable--withPanel {
|
|
3508
|
-
box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.2), 0 2.6px 8px -1px rgba(0, 0, 0, 0.15), 0 5.7px 12px -1px rgba(0, 0, 0, 0.125), 0 15px 15px -1px rgba(0, 0, 0, 0.1);
|
|
3509
|
-
border-radius: 6px;
|
|
3510
|
-
}
|
|
3511
|
-
|
|
3512
|
-
.euiDroppable--noGrow {
|
|
3513
|
-
-webkit-flex-grow: 0;
|
|
3514
|
-
flex-grow: 0;
|
|
3515
|
-
}
|
|
3516
|
-
|
|
3517
|
-
.euiDroppable--grow {
|
|
3518
|
-
-webkit-flex-grow: 1;
|
|
3519
|
-
flex-grow: 1;
|
|
3520
|
-
}
|
|
3521
|
-
|
|
3522
|
-
.euiDroppable--s {
|
|
3523
|
-
padding: 2px;
|
|
3524
|
-
}
|
|
3525
|
-
|
|
3526
|
-
.euiDroppable--m {
|
|
3527
|
-
padding: 4px;
|
|
3528
|
-
}
|
|
3529
|
-
|
|
3530
|
-
.euiDroppable--l {
|
|
3531
|
-
padding: 8px;
|
|
3532
|
-
}
|
|
3533
|
-
|
|
3534
3396
|
.euiEmptyPrompt {
|
|
3535
3397
|
text-align: center;
|
|
3536
3398
|
margin: auto;
|
|
@@ -8858,10 +8720,6 @@ button.euiSuggestItem:hover .euiSuggestItem__label, button.euiSuggestItem:focus
|
|
|
8858
8720
|
line-height: 1.7142857143rem;
|
|
8859
8721
|
}
|
|
8860
8722
|
|
|
8861
|
-
.euiDescriptionList.euiDescriptionList--inline.euiDescriptionList--compressed .euiDescriptionList__title {
|
|
8862
|
-
line-height: 1.5;
|
|
8863
|
-
}
|
|
8864
|
-
|
|
8865
8723
|
.euiFormControlLayout--group {
|
|
8866
8724
|
border-radius: 6px;
|
|
8867
8725
|
background-color: #2c2f37;
|