@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.
Files changed (128) hide show
  1. package/dist/eui_theme_dark.css +0 -179
  2. package/dist/eui_theme_dark.min.css +1 -1
  3. package/dist/eui_theme_light.css +0 -179
  4. package/dist/eui_theme_light.min.css +1 -1
  5. package/es/components/badge/beta_badge/beta_badge.js +6 -6
  6. package/es/components/basic_table/in_memory_table.js +8 -0
  7. package/es/components/button/button_display/_button_display.js +7 -6
  8. package/es/components/button/button_display/_button_display.styles.js +4 -4
  9. package/es/components/button/button_display/_button_display_content.js +6 -9
  10. package/es/components/button/button_display/_button_display_content.styles.js +3 -41
  11. package/es/components/datagrid/controls/column_selector.js +1 -1
  12. package/es/components/datagrid/controls/column_sorting.js +1 -1
  13. package/es/components/header/header_links/header_links.js +6 -0
  14. package/es/components/loading/loading_spinner.js +14 -3
  15. package/es/components/loading/loading_spinner.styles.js +11 -7
  16. package/es/components/modal/modal.js +17 -2
  17. package/es/components/page_template/page_template.js +6 -9
  18. package/es/components/popover/popover.js +13 -3
  19. package/es/components/popover/popover_arrow/_popover_arrow.js +1 -0
  20. package/es/components/popover/popover_panel/_popover_panel.js +8 -2
  21. package/es/components/popover/popover_panel/_popover_panel.styles.js +15 -1
  22. package/es/components/search_bar/search_bar.js +39 -5
  23. package/es/components/search_bar/search_box.js +37 -4
  24. package/es/components/tabs/tab.js +33 -13
  25. package/es/components/tabs/tab.styles.js +50 -0
  26. package/es/components/tabs/tabbed_content/tabbed_content.js +16 -0
  27. package/es/components/tabs/tabs.js +20 -14
  28. package/es/components/tabs/tabs.styles.js +23 -0
  29. package/es/components/tour/tour_step.js +6 -0
  30. package/eui.d.ts +110 -47
  31. package/i18ntokens.json +4 -4
  32. package/lib/components/badge/beta_badge/beta_badge.js +6 -10
  33. package/lib/components/basic_table/in_memory_table.js +8 -0
  34. package/lib/components/button/button_display/_button_display.js +7 -6
  35. package/lib/components/button/button_display/_button_display.styles.js +4 -4
  36. package/lib/components/button/button_display/_button_display_content.js +6 -9
  37. package/lib/components/button/button_display/_button_display_content.styles.js +10 -40
  38. package/lib/components/datagrid/controls/column_selector.js +1 -1
  39. package/lib/components/datagrid/controls/column_sorting.js +1 -1
  40. package/lib/components/header/header_links/header_links.js +6 -0
  41. package/lib/components/loading/loading_spinner.js +13 -2
  42. package/lib/components/loading/loading_spinner.styles.js +14 -6
  43. package/lib/components/modal/modal.js +23 -2
  44. package/lib/components/page_template/page_template.js +6 -9
  45. package/lib/components/popover/popover.js +13 -3
  46. package/lib/components/popover/popover_arrow/_popover_arrow.js +1 -0
  47. package/lib/components/popover/popover_panel/_popover_panel.js +8 -2
  48. package/lib/components/popover/popover_panel/_popover_panel.styles.js +16 -1
  49. package/lib/components/search_bar/search_bar.js +40 -5
  50. package/lib/components/search_bar/search_box.js +38 -4
  51. package/lib/components/tabs/tab.js +33 -12
  52. package/lib/components/tabs/tab.styles.js +56 -0
  53. package/lib/components/tabs/tabbed_content/tabbed_content.js +16 -0
  54. package/lib/components/tabs/tabs.js +24 -14
  55. package/lib/components/tabs/tabs.styles.js +34 -0
  56. package/optimize/es/components/badge/beta_badge/beta_badge.js +6 -6
  57. package/optimize/es/components/button/button_display/_button_display.js +6 -5
  58. package/optimize/es/components/button/button_display/_button_display.styles.js +4 -4
  59. package/optimize/es/components/button/button_display/_button_display_content.js +6 -9
  60. package/optimize/es/components/button/button_display/_button_display_content.styles.js +3 -41
  61. package/optimize/es/components/datagrid/controls/column_selector.js +1 -1
  62. package/optimize/es/components/datagrid/controls/column_sorting.js +1 -1
  63. package/optimize/es/components/loading/loading_spinner.js +13 -3
  64. package/optimize/es/components/loading/loading_spinner.styles.js +11 -7
  65. package/optimize/es/components/modal/modal.js +17 -2
  66. package/optimize/es/components/page_template/page_template.js +6 -9
  67. package/optimize/es/components/popover/popover.js +7 -3
  68. package/optimize/es/components/popover/popover_arrow/_popover_arrow.js +1 -0
  69. package/optimize/es/components/popover/popover_panel/_popover_panel.js +6 -1
  70. package/optimize/es/components/popover/popover_panel/_popover_panel.styles.js +15 -1
  71. package/optimize/es/components/search_bar/search_bar.js +31 -5
  72. package/optimize/es/components/search_bar/search_box.js +29 -3
  73. package/optimize/es/components/tabs/tab.js +21 -13
  74. package/optimize/es/components/tabs/tab.styles.js +50 -0
  75. package/optimize/es/components/tabs/tabs.js +20 -14
  76. package/optimize/es/components/tabs/tabs.styles.js +23 -0
  77. package/optimize/lib/components/badge/beta_badge/beta_badge.js +6 -13
  78. package/optimize/lib/components/button/button_display/_button_display.js +7 -6
  79. package/optimize/lib/components/button/button_display/_button_display.styles.js +4 -4
  80. package/optimize/lib/components/button/button_display/_button_display_content.js +6 -9
  81. package/optimize/lib/components/button/button_display/_button_display_content.styles.js +10 -40
  82. package/optimize/lib/components/datagrid/controls/column_selector.js +1 -1
  83. package/optimize/lib/components/datagrid/controls/column_sorting.js +1 -1
  84. package/optimize/lib/components/loading/loading_spinner.js +14 -2
  85. package/optimize/lib/components/loading/loading_spinner.styles.js +14 -6
  86. package/optimize/lib/components/modal/modal.js +22 -2
  87. package/optimize/lib/components/page_template/page_template.js +6 -9
  88. package/optimize/lib/components/popover/popover.js +7 -3
  89. package/optimize/lib/components/popover/popover_arrow/_popover_arrow.js +1 -0
  90. package/optimize/lib/components/popover/popover_panel/_popover_panel.js +6 -1
  91. package/optimize/lib/components/popover/popover_panel/_popover_panel.styles.js +16 -1
  92. package/optimize/lib/components/search_bar/search_bar.js +31 -5
  93. package/optimize/lib/components/search_bar/search_box.js +30 -3
  94. package/optimize/lib/components/tabs/tab.js +21 -12
  95. package/optimize/lib/components/tabs/tab.styles.js +56 -0
  96. package/optimize/lib/components/tabs/tabs.js +24 -14
  97. package/optimize/lib/components/tabs/tabs.styles.js +34 -0
  98. package/package.json +4 -4
  99. package/src/components/datagrid/controls/_data_grid_toolbar.scss +0 -8
  100. package/src/components/index.scss +0 -1
  101. package/src/themes/amsterdam/overrides/_index.scss +0 -1
  102. package/test-env/components/badge/beta_badge/beta_badge.js +6 -13
  103. package/test-env/components/basic_table/in_memory_table.js +8 -0
  104. package/test-env/components/button/button_display/_button_display.js +7 -6
  105. package/test-env/components/button/button_display/_button_display.styles.js +4 -4
  106. package/test-env/components/button/button_display/_button_display_content.js +6 -9
  107. package/test-env/components/button/button_display/_button_display_content.styles.js +10 -40
  108. package/test-env/components/datagrid/controls/column_selector.js +1 -1
  109. package/test-env/components/datagrid/controls/column_sorting.js +1 -1
  110. package/test-env/components/header/header_links/header_links.js +6 -0
  111. package/test-env/components/loading/loading_spinner.js +14 -2
  112. package/test-env/components/loading/loading_spinner.styles.js +14 -6
  113. package/test-env/components/modal/modal.js +22 -2
  114. package/test-env/components/page_template/page_template.js +6 -9
  115. package/test-env/components/popover/popover.js +13 -3
  116. package/test-env/components/popover/popover_arrow/_popover_arrow.js +1 -0
  117. package/test-env/components/popover/popover_panel/_popover_panel.js +8 -2
  118. package/test-env/components/popover/popover_panel/_popover_panel.styles.js +16 -1
  119. package/test-env/components/search_bar/search_bar.js +39 -5
  120. package/test-env/components/search_bar/search_box.js +38 -4
  121. package/test-env/components/tabs/tab.js +33 -12
  122. package/test-env/components/tabs/tab.styles.js +56 -0
  123. package/test-env/components/tabs/tabbed_content/tabbed_content.js +16 -0
  124. package/test-env/components/tabs/tabs.js +24 -14
  125. package/test-env/components/tabs/tabs.styles.js +34 -0
  126. package/src/components/tabs/_index.scss +0 -1
  127. package/src/components/tabs/_tabs.scss +0 -110
  128. package/src/themes/amsterdam/overrides/_tabs.scss +0 -80
@@ -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; }