@elastic/eui 70.0.0 → 70.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.
- package/dist/eui_theme_dark.css +0 -179
- package/dist/eui_theme_dark.min.css +1 -1
- package/dist/eui_theme_light.css +0 -179
- package/dist/eui_theme_light.min.css +1 -1
- package/es/components/badge/beta_badge/beta_badge.js +6 -6
- package/es/components/basic_table/in_memory_table.js +8 -0
- package/es/components/button/button_display/_button_display.js +7 -6
- package/es/components/button/button_display/_button_display.styles.js +4 -4
- package/es/components/button/button_display/_button_display_content.js +6 -9
- package/es/components/button/button_display/_button_display_content.styles.js +3 -41
- package/es/components/datagrid/controls/column_selector.js +1 -1
- package/es/components/datagrid/controls/column_sorting.js +1 -1
- package/es/components/header/header_links/header_links.js +6 -0
- package/es/components/loading/loading_spinner.js +14 -3
- package/es/components/loading/loading_spinner.styles.js +11 -7
- package/es/components/modal/modal.js +17 -2
- package/es/components/page_template/page_template.js +6 -9
- package/es/components/popover/popover.js +13 -3
- package/es/components/popover/popover_arrow/_popover_arrow.js +1 -0
- package/es/components/popover/popover_panel/_popover_panel.js +8 -2
- package/es/components/popover/popover_panel/_popover_panel.styles.js +15 -1
- package/es/components/search_bar/search_bar.js +39 -5
- package/es/components/search_bar/search_box.js +37 -4
- package/es/components/tabs/tab.js +33 -13
- package/es/components/tabs/tab.styles.js +50 -0
- package/es/components/tabs/tabbed_content/tabbed_content.js +16 -0
- package/es/components/tabs/tabs.js +20 -14
- package/es/components/tabs/tabs.styles.js +23 -0
- package/es/components/tour/tour_step.js +6 -0
- package/eui.d.ts +110 -47
- package/i18ntokens.json +4 -4
- package/lib/components/badge/beta_badge/beta_badge.js +6 -10
- package/lib/components/basic_table/in_memory_table.js +8 -0
- package/lib/components/button/button_display/_button_display.js +7 -6
- package/lib/components/button/button_display/_button_display.styles.js +4 -4
- package/lib/components/button/button_display/_button_display_content.js +6 -9
- package/lib/components/button/button_display/_button_display_content.styles.js +10 -40
- package/lib/components/datagrid/controls/column_selector.js +1 -1
- package/lib/components/datagrid/controls/column_sorting.js +1 -1
- package/lib/components/header/header_links/header_links.js +6 -0
- package/lib/components/loading/loading_spinner.js +13 -2
- package/lib/components/loading/loading_spinner.styles.js +14 -6
- package/lib/components/modal/modal.js +23 -2
- package/lib/components/page_template/page_template.js +6 -9
- package/lib/components/popover/popover.js +13 -3
- package/lib/components/popover/popover_arrow/_popover_arrow.js +1 -0
- package/lib/components/popover/popover_panel/_popover_panel.js +8 -2
- package/lib/components/popover/popover_panel/_popover_panel.styles.js +16 -1
- package/lib/components/search_bar/search_bar.js +40 -5
- package/lib/components/search_bar/search_box.js +38 -4
- package/lib/components/tabs/tab.js +33 -12
- package/lib/components/tabs/tab.styles.js +56 -0
- package/lib/components/tabs/tabbed_content/tabbed_content.js +16 -0
- package/lib/components/tabs/tabs.js +24 -14
- package/lib/components/tabs/tabs.styles.js +34 -0
- package/optimize/es/components/badge/beta_badge/beta_badge.js +6 -6
- package/optimize/es/components/button/button_display/_button_display.js +6 -5
- package/optimize/es/components/button/button_display/_button_display.styles.js +4 -4
- package/optimize/es/components/button/button_display/_button_display_content.js +6 -9
- package/optimize/es/components/button/button_display/_button_display_content.styles.js +3 -41
- package/optimize/es/components/datagrid/controls/column_selector.js +1 -1
- package/optimize/es/components/datagrid/controls/column_sorting.js +1 -1
- package/optimize/es/components/loading/loading_spinner.js +13 -3
- package/optimize/es/components/loading/loading_spinner.styles.js +11 -7
- package/optimize/es/components/modal/modal.js +17 -2
- package/optimize/es/components/page_template/page_template.js +6 -9
- package/optimize/es/components/popover/popover.js +7 -3
- package/optimize/es/components/popover/popover_arrow/_popover_arrow.js +1 -0
- package/optimize/es/components/popover/popover_panel/_popover_panel.js +6 -1
- package/optimize/es/components/popover/popover_panel/_popover_panel.styles.js +15 -1
- package/optimize/es/components/search_bar/search_bar.js +31 -5
- package/optimize/es/components/search_bar/search_box.js +29 -3
- package/optimize/es/components/tabs/tab.js +21 -13
- package/optimize/es/components/tabs/tab.styles.js +50 -0
- package/optimize/es/components/tabs/tabs.js +20 -14
- package/optimize/es/components/tabs/tabs.styles.js +23 -0
- package/optimize/lib/components/badge/beta_badge/beta_badge.js +6 -13
- package/optimize/lib/components/button/button_display/_button_display.js +7 -6
- package/optimize/lib/components/button/button_display/_button_display.styles.js +4 -4
- package/optimize/lib/components/button/button_display/_button_display_content.js +6 -9
- package/optimize/lib/components/button/button_display/_button_display_content.styles.js +10 -40
- package/optimize/lib/components/datagrid/controls/column_selector.js +1 -1
- package/optimize/lib/components/datagrid/controls/column_sorting.js +1 -1
- package/optimize/lib/components/loading/loading_spinner.js +14 -2
- package/optimize/lib/components/loading/loading_spinner.styles.js +14 -6
- package/optimize/lib/components/modal/modal.js +22 -2
- package/optimize/lib/components/page_template/page_template.js +6 -9
- package/optimize/lib/components/popover/popover.js +7 -3
- package/optimize/lib/components/popover/popover_arrow/_popover_arrow.js +1 -0
- package/optimize/lib/components/popover/popover_panel/_popover_panel.js +6 -1
- package/optimize/lib/components/popover/popover_panel/_popover_panel.styles.js +16 -1
- package/optimize/lib/components/search_bar/search_bar.js +31 -5
- package/optimize/lib/components/search_bar/search_box.js +30 -3
- package/optimize/lib/components/tabs/tab.js +21 -12
- package/optimize/lib/components/tabs/tab.styles.js +56 -0
- package/optimize/lib/components/tabs/tabs.js +24 -14
- package/optimize/lib/components/tabs/tabs.styles.js +34 -0
- package/package.json +4 -4
- package/src/components/datagrid/controls/_data_grid_toolbar.scss +0 -8
- package/src/components/index.scss +0 -1
- package/src/themes/amsterdam/overrides/_index.scss +0 -1
- package/test-env/components/badge/beta_badge/beta_badge.js +6 -13
- package/test-env/components/basic_table/in_memory_table.js +8 -0
- package/test-env/components/button/button_display/_button_display.js +7 -6
- package/test-env/components/button/button_display/_button_display.styles.js +4 -4
- package/test-env/components/button/button_display/_button_display_content.js +6 -9
- package/test-env/components/button/button_display/_button_display_content.styles.js +10 -40
- package/test-env/components/datagrid/controls/column_selector.js +1 -1
- package/test-env/components/datagrid/controls/column_sorting.js +1 -1
- package/test-env/components/header/header_links/header_links.js +6 -0
- package/test-env/components/loading/loading_spinner.js +14 -2
- package/test-env/components/loading/loading_spinner.styles.js +14 -6
- package/test-env/components/modal/modal.js +22 -2
- package/test-env/components/page_template/page_template.js +6 -9
- package/test-env/components/popover/popover.js +13 -3
- package/test-env/components/popover/popover_arrow/_popover_arrow.js +1 -0
- package/test-env/components/popover/popover_panel/_popover_panel.js +8 -2
- package/test-env/components/popover/popover_panel/_popover_panel.styles.js +16 -1
- package/test-env/components/search_bar/search_bar.js +39 -5
- package/test-env/components/search_bar/search_box.js +38 -4
- package/test-env/components/tabs/tab.js +33 -12
- package/test-env/components/tabs/tab.styles.js +56 -0
- package/test-env/components/tabs/tabbed_content/tabbed_content.js +16 -0
- package/test-env/components/tabs/tabs.js +24 -14
- package/test-env/components/tabs/tabs.styles.js +34 -0
- package/src/components/tabs/_index.scss +0 -1
- package/src/components/tabs/_tabs.scss +0 -110
- package/src/themes/amsterdam/overrides/_tabs.scss +0 -80
package/dist/eui_theme_dark.css
CHANGED
|
@@ -3255,12 +3255,6 @@ SOFTWARE.
|
|
|
3255
3255
|
border-top: none;
|
|
3256
3256
|
background: #1D1E24; }
|
|
3257
3257
|
|
|
3258
|
-
.euiDataGrid__controlPopoverWithDragDrop {
|
|
3259
|
-
-webkit-transform: none !important;
|
|
3260
|
-
transform: none !important;
|
|
3261
|
-
transition: none !important;
|
|
3262
|
-
margin-top: -8px; }
|
|
3263
|
-
|
|
3264
3258
|
.euiDataGrid__controlScroll {
|
|
3265
3259
|
scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
|
|
3266
3260
|
scrollbar-width: thin;
|
|
@@ -9585,101 +9579,6 @@ button.euiSuggestItem {
|
|
|
9585
9579
|
.euiTableSortMobile {
|
|
9586
9580
|
display: block; } }
|
|
9587
9581
|
|
|
9588
|
-
.euiTabs {
|
|
9589
|
-
scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
|
|
9590
|
-
scrollbar-width: thin;
|
|
9591
|
-
display: -webkit-flex;
|
|
9592
|
-
display: flex;
|
|
9593
|
-
max-width: 100%;
|
|
9594
|
-
overflow-x: auto;
|
|
9595
|
-
overflow-y: hidden;
|
|
9596
|
-
position: relative;
|
|
9597
|
-
-webkit-flex-shrink: 0;
|
|
9598
|
-
flex-shrink: 0; }
|
|
9599
|
-
.euiTabs::-webkit-scrollbar {
|
|
9600
|
-
width: 16px;
|
|
9601
|
-
height: 16px; }
|
|
9602
|
-
.euiTabs::-webkit-scrollbar-thumb {
|
|
9603
|
-
background-color: rgba(152, 162, 179, 0.5);
|
|
9604
|
-
background-clip: content-box;
|
|
9605
|
-
border-radius: 16px;
|
|
9606
|
-
border: 6px solid transparent; }
|
|
9607
|
-
.euiTabs::-webkit-scrollbar-corner, .euiTabs::-webkit-scrollbar-track {
|
|
9608
|
-
background-color: transparent; }
|
|
9609
|
-
.euiTabs--bottomBorder {
|
|
9610
|
-
box-shadow: inset 0 -1px 0 #343741; }
|
|
9611
|
-
.euiTabs::-webkit-scrollbar {
|
|
9612
|
-
height: 2px; }
|
|
9613
|
-
|
|
9614
|
-
.euiTab {
|
|
9615
|
-
color: #DFE5EF;
|
|
9616
|
-
padding: 12px 16px;
|
|
9617
|
-
cursor: pointer;
|
|
9618
|
-
display: -webkit-flex;
|
|
9619
|
-
display: flex;
|
|
9620
|
-
-webkit-flex-direction: row;
|
|
9621
|
-
flex-direction: row;
|
|
9622
|
-
-webkit-align-items: center;
|
|
9623
|
-
align-items: center; }
|
|
9624
|
-
.euiTab .euiTab__content {
|
|
9625
|
-
max-width: 100%;
|
|
9626
|
-
overflow: hidden !important;
|
|
9627
|
-
text-overflow: ellipsis !important;
|
|
9628
|
-
white-space: nowrap !important;
|
|
9629
|
-
font-size: 14px;
|
|
9630
|
-
font-size: 1rem;
|
|
9631
|
-
line-height: 1.71429rem;
|
|
9632
|
-
color: #DFE5EF;
|
|
9633
|
-
line-height: 1.5;
|
|
9634
|
-
display: block; }
|
|
9635
|
-
.euiTab:not(.euiTab-isDisabled):hover .euiTab__content,
|
|
9636
|
-
.euiTab:not(.euiTab-isDisabled):focus .euiTab__content {
|
|
9637
|
-
text-decoration: underline; }
|
|
9638
|
-
.euiTab:focus {
|
|
9639
|
-
background-color: rgba(54, 162, 239, 0.2);
|
|
9640
|
-
outline-offset: -2px; }
|
|
9641
|
-
.euiTab.euiTab-isSelected {
|
|
9642
|
-
box-shadow: inset 0 -2px 0 #36A2EF; }
|
|
9643
|
-
.euiTab.euiTab-isSelected,
|
|
9644
|
-
.euiTab.euiTab-isSelected .euiTab__content {
|
|
9645
|
-
color: #36A2EF !important; }
|
|
9646
|
-
.euiTab.euiTab-isDisabled,
|
|
9647
|
-
.euiTab.euiTab-isDisabled .euiTab__content {
|
|
9648
|
-
color: #515761 !important; }
|
|
9649
|
-
.euiTab.euiTab-isDisabled:hover {
|
|
9650
|
-
cursor: not-allowed; }
|
|
9651
|
-
.euiTab.euiTab-isDisabled.euiTab-isSelected {
|
|
9652
|
-
box-shadow: inset 0 -2px 0 #515761; }
|
|
9653
|
-
.euiTabs--small .euiTab {
|
|
9654
|
-
padding: 8px; }
|
|
9655
|
-
.euiTabs--small .euiTab .euiTab__content {
|
|
9656
|
-
font-size: 14px;
|
|
9657
|
-
font-size: 1rem;
|
|
9658
|
-
line-height: 1.71429rem; }
|
|
9659
|
-
.euiTabs--large .euiTab {
|
|
9660
|
-
padding: 12px 16px; }
|
|
9661
|
-
.euiTabs--xlarge .euiTab {
|
|
9662
|
-
padding: 8px 24px;
|
|
9663
|
-
line-height: 72px;
|
|
9664
|
-
height: 72px; }
|
|
9665
|
-
.euiTabs--xlarge .euiTab .euiTab__content {
|
|
9666
|
-
font-size: 22px;
|
|
9667
|
-
font-size: 1.57143rem;
|
|
9668
|
-
line-height: 2.28571rem; }
|
|
9669
|
-
.euiTabs--expand .euiTab {
|
|
9670
|
-
-webkit-flex-basis: 0%;
|
|
9671
|
-
flex-basis: 0%;
|
|
9672
|
-
-webkit-flex-grow: 1;
|
|
9673
|
-
flex-grow: 1;
|
|
9674
|
-
-webkit-justify-content: center;
|
|
9675
|
-
justify-content: center; }
|
|
9676
|
-
|
|
9677
|
-
.euiTab__prepend {
|
|
9678
|
-
margin-right: 8px; }
|
|
9679
|
-
|
|
9680
|
-
.euiTab__append {
|
|
9681
|
-
margin-left: 8px; }
|
|
9682
|
-
|
|
9683
9582
|
.euiColorStops__addTarget,
|
|
9684
9583
|
.euiColorStops__addContainer {
|
|
9685
9584
|
z-index: 1; }
|
|
@@ -10335,81 +10234,3 @@ button.euiSuggestItem {
|
|
|
10335
10234
|
|
|
10336
10235
|
.euiStepHorizontal:focus:not(.euiStepHorizontal-isDisabled) .euiStepHorizontal__number:not(:focus-visible) {
|
|
10337
10236
|
outline: 2px solid #36A2EF; }
|
|
10338
|
-
|
|
10339
|
-
.euiTab,
|
|
10340
|
-
.euiTabs--condensed .euiTab {
|
|
10341
|
-
padding: 0 4px; }
|
|
10342
|
-
.euiTab .euiTab__content,
|
|
10343
|
-
.euiTabs--condensed .euiTab .euiTab__content {
|
|
10344
|
-
overflow-wrap: break-word !important;
|
|
10345
|
-
word-break: break-word;
|
|
10346
|
-
color: #DFE5EF;
|
|
10347
|
-
font-size: 14px;
|
|
10348
|
-
font-size: 1rem;
|
|
10349
|
-
line-height: 1.71429rem;
|
|
10350
|
-
font-weight: 700;
|
|
10351
|
-
line-height: 40px; }
|
|
10352
|
-
.euiTab + .euiTab,
|
|
10353
|
-
.euiTabs--condensed .euiTab + .euiTab {
|
|
10354
|
-
margin-left: 16px; }
|
|
10355
|
-
.euiTab:focus,
|
|
10356
|
-
.euiTabs--condensed .euiTab:focus {
|
|
10357
|
-
background-color: transparent; }
|
|
10358
|
-
|
|
10359
|
-
.euiTabs--small .euiTab,
|
|
10360
|
-
.euiTabs--condensed.euiTabs--small .euiTab {
|
|
10361
|
-
padding: 0 4px; }
|
|
10362
|
-
.euiTabs--small .euiTab .euiTab__content,
|
|
10363
|
-
.euiTabs--condensed.euiTabs--small .euiTab .euiTab__content {
|
|
10364
|
-
overflow-wrap: break-word !important;
|
|
10365
|
-
word-break: break-word;
|
|
10366
|
-
color: #DFE5EF;
|
|
10367
|
-
font-size: 12px;
|
|
10368
|
-
font-size: 0.85714rem;
|
|
10369
|
-
line-height: 1.14286rem;
|
|
10370
|
-
font-weight: 700;
|
|
10371
|
-
line-height: 32px; }
|
|
10372
|
-
.euiTabs--small .euiTab + .euiTab,
|
|
10373
|
-
.euiTabs--condensed.euiTabs--small .euiTab + .euiTab {
|
|
10374
|
-
margin-left: 12px; }
|
|
10375
|
-
|
|
10376
|
-
.euiTabs--large .euiTab,
|
|
10377
|
-
.euiTabs--condensed.euiTabs--large .euiTab {
|
|
10378
|
-
padding: 0 4px; }
|
|
10379
|
-
.euiTabs--large .euiTab .euiTab__content,
|
|
10380
|
-
.euiTabs--condensed.euiTabs--large .euiTab .euiTab__content {
|
|
10381
|
-
overflow-wrap: break-word !important;
|
|
10382
|
-
word-break: break-word;
|
|
10383
|
-
color: #DFE5EF;
|
|
10384
|
-
font-size: 16px;
|
|
10385
|
-
font-size: 1.14286rem;
|
|
10386
|
-
line-height: 1.71429rem;
|
|
10387
|
-
font-weight: 700;
|
|
10388
|
-
line-height: 48px; }
|
|
10389
|
-
.euiTabs--large .euiTab + .euiTab,
|
|
10390
|
-
.euiTabs--condensed.euiTabs--large .euiTab + .euiTab {
|
|
10391
|
-
margin-left: 24px; }
|
|
10392
|
-
|
|
10393
|
-
.euiTabs--xlarge .euiTab,
|
|
10394
|
-
.euiTabs--condensed.euiTabs--xlarge .euiTab {
|
|
10395
|
-
padding: 0 4px; }
|
|
10396
|
-
.euiTabs--xlarge .euiTab .euiTab__content,
|
|
10397
|
-
.euiTabs--condensed.euiTabs--xlarge .euiTab .euiTab__content {
|
|
10398
|
-
font-size: 20px;
|
|
10399
|
-
font-size: 1.42857rem;
|
|
10400
|
-
line-height: 48px; }
|
|
10401
|
-
.euiTabs--xlarge .euiTab + .euiTab,
|
|
10402
|
-
.euiTabs--condensed.euiTabs--xlarge .euiTab + .euiTab {
|
|
10403
|
-
margin-left: 32px; }
|
|
10404
|
-
|
|
10405
|
-
.euiTabs .euiTab-isSelected,
|
|
10406
|
-
.euiTabs--condensed.euiTabs .euiTab-isSelected {
|
|
10407
|
-
color: #36A2EF; }
|
|
10408
|
-
.euiTabs .euiTab-isSelected:hover, .euiTabs .euiTab-isSelected:focus,
|
|
10409
|
-
.euiTabs--condensed.euiTabs .euiTab-isSelected:hover,
|
|
10410
|
-
.euiTabs--condensed.euiTabs .euiTab-isSelected:focus {
|
|
10411
|
-
text-decoration: underline;
|
|
10412
|
-
cursor: pointer; }
|
|
10413
|
-
.euiTabs .euiTab-isSelected:focus-visible,
|
|
10414
|
-
.euiTabs--condensed.euiTabs .euiTab-isSelected:focus-visible {
|
|
10415
|
-
box-shadow: none; }
|