@elastic/eui 89.1.0 → 90.0.0

package/dist/eui_theme_dark.css

@@ -1574,247 +1574,6 @@ The following files still use the Sass version:
   color: #FFF;
 }
 
-.euiContextMenu {
-  width: 256px;
-  max-width: 100%;
-  position: relative;
-  overflow: hidden;
-  transition: height 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
-  border-radius: 6px;
-}
-.euiContextMenu .euiContextMenu__content {
-  padding: 8px;
-}
-
-/**
-  * 1. When there are multiple ContextMenuPanels, the ContextMenu will absolutely
-  *    position them. ContextMenuPanel will break the layout of a Popover if it's
-  *    absolutely positioned by default.
-  */
-.euiContextMenu__panel {
-  position: absolute; /* 1 */
-}
-
-.euiContextMenu__icon {
-  margin-right: 8px;
-}
-
-.euiContextMenuPanel {
-  width: 100%;
-  visibility: visible;
-  outline-offset: -2px;
-}
-.euiContextMenuPanel:focus {
-  outline: none;
-}
-.euiContextMenuPanel.euiContextMenuPanel-txInLeft {
-  pointer-events: none;
-  -webkit-animation: euiContextMenuPanelTxInLeft 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
-          animation: euiContextMenuPanelTxInLeft 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
-  -webkit-animation-fill-mode: forwards;
-          animation-fill-mode: forwards;
-}
-.euiContextMenuPanel.euiContextMenuPanel-txOutLeft {
-  pointer-events: none;
-  -webkit-animation: euiContextMenuPanelTxOutLeft 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
-          animation: euiContextMenuPanelTxOutLeft 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
-  -webkit-animation-fill-mode: forwards;
-          animation-fill-mode: forwards;
-}
-.euiContextMenuPanel.euiContextMenuPanel-txInRight {
-  pointer-events: none;
-  -webkit-animation: euiContextMenuPanelTxInRight 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
-          animation: euiContextMenuPanelTxInRight 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
-  -webkit-animation-fill-mode: forwards;
-          animation-fill-mode: forwards;
-}
-.euiContextMenuPanel.euiContextMenuPanel-txOutRight {
-  pointer-events: none;
-  -webkit-animation: euiContextMenuPanelTxOutRight 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
-          animation: euiContextMenuPanelTxOutRight 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
-  -webkit-animation-fill-mode: forwards;
-          animation-fill-mode: forwards;
-}
-
-.euiContextMenuPanel--next {
-  -webkit-transform: translateX(256px);
-          transform: translateX(256px);
-  visibility: hidden;
-}
-
-.euiContextMenuPanel--previous {
-  -webkit-transform: translateX(-256px);
-          transform: translateX(-256px);
-  visibility: hidden;
-}
-
-.euiContextMenuPanelTitle {
-  overflow-wrap: break-word !important;
-  word-break: break-word;
-  color: #DFE5EF;
-  font-size: 14px;
-  font-size: 1rem;
-  line-height: 1.7142857143rem;
-  font-weight: 700;
-  padding: 12px;
-  width: 100%;
-  text-align: left;
-  outline-offset: -2px;
-  border-bottom: 1px solid #343741;
-}
-.euiContextMenuPanelTitle:enabled:hover, .euiContextMenuPanelTitle:enabled:focus {
-  text-decoration: underline;
-}
-.euiContextMenuPanelTitle--small {
-  padding: 6px 8px;
-}
-
-@-webkit-keyframes euiContextMenuPanelTxInLeft {
-  0% {
-    -webkit-transform: translateX(256px);
-            transform: translateX(256px);
-  }
-  100% {
-    -webkit-transform: translateX(0);
-            transform: translateX(0);
-  }
-}
-
-@keyframes euiContextMenuPanelTxInLeft {
-  0% {
-    -webkit-transform: translateX(256px);
-            transform: translateX(256px);
-  }
-  100% {
-    -webkit-transform: translateX(0);
-            transform: translateX(0);
-  }
-}
-@-webkit-keyframes euiContextMenuPanelTxOutLeft {
-  0% {
-    -webkit-transform: translateX(0);
-            transform: translateX(0);
-  }
-  100% {
-    -webkit-transform: translateX(-256px);
-            transform: translateX(-256px);
-  }
-}
-@keyframes euiContextMenuPanelTxOutLeft {
-  0% {
-    -webkit-transform: translateX(0);
-            transform: translateX(0);
-  }
-  100% {
-    -webkit-transform: translateX(-256px);
-            transform: translateX(-256px);
-  }
-}
-@-webkit-keyframes euiContextMenuPanelTxInRight {
-  0% {
-    -webkit-transform: translateX(-256px);
-            transform: translateX(-256px);
-  }
-  100% {
-    -webkit-transform: translateX(0);
-            transform: translateX(0);
-  }
-}
-@keyframes euiContextMenuPanelTxInRight {
-  0% {
-    -webkit-transform: translateX(-256px);
-            transform: translateX(-256px);
-  }
-  100% {
-    -webkit-transform: translateX(0);
-            transform: translateX(0);
-  }
-}
-@-webkit-keyframes euiContextMenuPanelTxOutRight {
-  0% {
-    -webkit-transform: translateX(0);
-            transform: translateX(0);
-  }
-  100% {
-    -webkit-transform: translateX(256px);
-            transform: translateX(256px);
-  }
-}
-@keyframes euiContextMenuPanelTxOutRight {
-  0% {
-    -webkit-transform: translateX(0);
-            transform: translateX(0);
-  }
-  100% {
-    -webkit-transform: translateX(256px);
-            transform: translateX(256px);
-  }
-}
-.euiContextMenuItem {
-  display: block;
-  padding: 12px;
-  width: 100%;
-  text-align: left;
-  color: #DFE5EF;
-  outline-offset: -2px;
-}
-.euiContextMenuItem:hover, .euiContextMenuItem:focus {
-  text-decoration: underline;
-}
-.euiContextMenuItem:focus {
-  background-color: rgba(54, 162, 239, 0.2);
-}
-.euiContextMenuItem.euiContextMenuItem-isDisabled {
-  color: #515761;
-  cursor: default;
-}
-.euiContextMenuItem.euiContextMenuItem-isDisabled:hover, .euiContextMenuItem.euiContextMenuItem-isDisabled:focus {
-  text-decoration: none;
-}
-.euiContextMenuItem--small {
-  padding: 6px 8px;
-}
-.euiContextMenuItem--small .euiContextMenuItem__text {
-  font-size: 14px;
-  font-size: 1rem;
-  line-height: 1.7142857143rem;
-}
-
-.euiContextMenuItem__inner {
-  display: -webkit-flex;
-  display: flex;
-}
-
-.euiContextMenuItem__text {
-  -webkit-flex-grow: 1;
-          flex-grow: 1;
-  overflow: hidden;
-}
-
-.euiContextMenuItem__arrow {
-  -webkit-align-self: flex-end;
-          align-self: flex-end;
-}
-
-.euiContextMenu__itemLayout {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-align-items: center;
-          align-items: center;
-}
-.euiContextMenu__itemLayout.euiContextMenu__itemLayout--bottom {
-  -webkit-align-items: flex-end;
-          align-items: flex-end;
-}
-.euiContextMenu__itemLayout.euiContextMenu__itemLayout--top {
-  -webkit-align-items: flex-start;
-          align-items: flex-start;
-}
-.euiContextMenu__itemLayout .euiContextMenu__icon {
-  -webkit-flex-shrink: 0;
-          flex-shrink: 0;
-}
-
 .euiControlBar {
   background: #000;
   color: #a9aaad;
@@ -2277,7 +2036,8 @@ The following files still use the Sass version:
   text-align: center;
 }
 
-.euiDatePopoverContent {
+.euiDatePopoverContent,
+.euiDatePopoverContent .react-datepicker {
   width: 400px;
   max-width: 100%;
 }
@@ -2971,7 +2731,6 @@ The following files still use the Sass version:
 .euiDataGridRowCell__contentWrapper {
   position: relative;
   height: 100%;
-  overflow: hidden;
 }
 
 .euiDataGridRowCell__defaultHeight {
@@ -6550,230 +6309,6 @@ The following files still use the Sass version:
   stroke: #343741;
 }
 
-.euiPageContent {
-  width: 100%;
-  min-width: 0;
-}
-.euiPageContent.euiPageContent--borderRadiusNone {
-  border-left-width: 0;
-  border-right-width: 0;
-  border-bottom-width: 0;
-}
-.euiPageContent.euiPageContent--verticalCenter {
-  -webkit-align-self: center;
-          align-self: center;
-  margin-top: auto;
-  margin-bottom: auto;
-  -webkit-flex-grow: 0;
-          flex-grow: 0;
-}
-.euiPageContent.euiPageContent--horizontalCenter {
-  width: auto;
-  margin-left: auto;
-  margin-right: auto;
-  -webkit-flex-grow: 0;
-          flex-grow: 0;
-}
-
-.euiPageContentBody--restrictWidth-default, .euiPageContentBody--restrictWidth-custom {
-  margin-left: auto;
-  margin-right: auto;
-  width: 100%;
-}
-.euiPageContentBody--restrictWidth-default {
-  max-width: 1200px;
-}
-
-.euiPageContentBody--paddingSmall {
-  padding: 8px;
-}
-
-.euiPageContentBody--paddingMedium {
-  padding: 16px;
-}
-
-.euiPageContentBody--paddingLarge {
-  padding: 24px;
-}
-
-.euiPageContentHeader {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex-direction: row;
-          flex-direction: row;
-  -webkit-justify-content: space-between;
-          justify-content: space-between;
-  -webkit-align-items: center;
-          align-items: center;
-}
-.euiPageContent[class*=paddingSmall] .euiPageContentHeader {
-  margin-bottom: 8px;
-}
-.euiPageContent[class*=paddingMedium] .euiPageContentHeader {
-  margin-bottom: 16px;
-}
-.euiPageContent[class*=paddingLarge] .euiPageContentHeader {
-  margin-bottom: 24px;
-}
-
-@media only screen and (max-width: 574px) {
-  .euiPageContentHeader--responsive {
-    -webkit-flex-direction: column;
-            flex-direction: column;
-    -webkit-align-items: flex-start;
-            align-items: flex-start;
-  }
-}
-@media only screen and (min-width: 575px) and (max-width: 767px) {
-  .euiPageContentHeader--responsive {
-    -webkit-flex-direction: column;
-            flex-direction: column;
-    -webkit-align-items: flex-start;
-            align-items: flex-start;
-  }
-}
-.euiPageContentHeaderSection + .euiPageContentHeaderSection {
-  margin-left: 32px;
-}
-
-@media only screen and (max-width: 574px) {
-  .euiPageContent[class*=paddingSmall] .euiPageContentHeader--responsive .euiPageContentHeaderSection + .euiPageContentHeaderSection {
-    margin-left: 0;
-    margin-top: 4px;
-  }
-  .euiPageContent[class*=paddingMedium] .euiPageContentHeader--responsive .euiPageContentHeaderSection + .euiPageContentHeaderSection {
-    margin-left: 0;
-    margin-top: 8px;
-  }
-  .euiPageContent[class*=paddingLarge] .euiPageContentHeader--responsive .euiPageContentHeaderSection + .euiPageContentHeaderSection {
-    margin-left: 0;
-    margin-top: 12px;
-  }
-}
-@media only screen and (min-width: 575px) and (max-width: 767px) {
-  .euiPageContent[class*=paddingSmall] .euiPageContentHeader--responsive .euiPageContentHeaderSection + .euiPageContentHeaderSection {
-    margin-left: 0;
-    margin-top: 4px;
-  }
-  .euiPageContent[class*=paddingMedium] .euiPageContentHeader--responsive .euiPageContentHeaderSection + .euiPageContentHeaderSection {
-    margin-left: 0;
-    margin-top: 8px;
-  }
-  .euiPageContent[class*=paddingLarge] .euiPageContentHeader--responsive .euiPageContentHeaderSection + .euiPageContentHeaderSection {
-    margin-left: 0;
-    margin-top: 12px;
-  }
-}
-/**
- * Note: Margin is added in _page.scss when EuiPage has `paddingSize`
- * 1. Prevent side bar width from changing when content width changes.
- */
-.euiPageSideBar {
-  min-width: 240px;
-  -webkit-flex: 0 1 0%;
-          flex: 0 1 0%; /* 1 */
-}
-
-.euiPageSideBar--paddingSmall {
-  padding: 8px;
-}
-
-.euiPageSideBar--paddingMedium {
-  padding: 16px;
-}
-
-.euiPageSideBar--paddingLarge {
-  padding: 24px;
-}
-
-@media only screen and (max-width: 574px) {
-  .euiPageSideBar {
-    width: 100%;
-  }
-}
-@media only screen and (min-width: 575px) and (max-width: 767px) {
-  .euiPageSideBar {
-    width: 100%;
-  }
-}
-@media only screen and (min-width: 768px) and (max-width: 991px) {
-  .euiPageSideBar--sticky {
-    scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
-    scrollbar-width: thin;
-    overflow-y: auto;
-    -webkit-flex-grow: 1;
-            flex-grow: 1;
-    position: -webkit-sticky;
-    position: sticky;
-    max-height: 100vh;
-    top: 0;
-  }
-  .euiPageSideBar--sticky::-webkit-scrollbar {
-    width: 16px;
-    height: 16px;
-  }
-  .euiPageSideBar--sticky::-webkit-scrollbar-thumb {
-    background-color: rgba(152, 162, 179, 0.5);
-    background-clip: content-box;
-    border-radius: 16px;
-    border: 6px solid transparent;
-  }
-  .euiPageSideBar--sticky::-webkit-scrollbar-corner, .euiPageSideBar--sticky::-webkit-scrollbar-track {
-    background-color: transparent;
-  }
-}
-@media only screen and (min-width: 992px) and (max-width: 1199px) {
-  .euiPageSideBar--sticky {
-    scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
-    scrollbar-width: thin;
-    overflow-y: auto;
-    -webkit-flex-grow: 1;
-            flex-grow: 1;
-    position: -webkit-sticky;
-    position: sticky;
-    max-height: 100vh;
-    top: 0;
-  }
-  .euiPageSideBar--sticky::-webkit-scrollbar {
-    width: 16px;
-    height: 16px;
-  }
-  .euiPageSideBar--sticky::-webkit-scrollbar-thumb {
-    background-color: rgba(152, 162, 179, 0.5);
-    background-clip: content-box;
-    border-radius: 16px;
-    border: 6px solid transparent;
-  }
-  .euiPageSideBar--sticky::-webkit-scrollbar-corner, .euiPageSideBar--sticky::-webkit-scrollbar-track {
-    background-color: transparent;
-  }
-}
-@media only screen and (min-width: 1200px) {
-  .euiPageSideBar--sticky {
-    scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
-    scrollbar-width: thin;
-    overflow-y: auto;
-    -webkit-flex-grow: 1;
-            flex-grow: 1;
-    position: -webkit-sticky;
-    position: sticky;
-    max-height: 100vh;
-    top: 0;
-  }
-  .euiPageSideBar--sticky::-webkit-scrollbar {
-    width: 16px;
-    height: 16px;
-  }
-  .euiPageSideBar--sticky::-webkit-scrollbar-thumb {
-    background-color: rgba(152, 162, 179, 0.5);
-    background-clip: content-box;
-    border-radius: 16px;
-    border: 6px solid transparent;
-  }
-  .euiPageSideBar--sticky::-webkit-scrollbar-corner, .euiPageSideBar--sticky::-webkit-scrollbar-track {
-    background-color: transparent;
-  }
-}
 .euiTreeView__wrapper .euiTreeView {
   margin: 0;
   list-style-type: none;