@elastic/eui 93.1.1 → 93.2.0

package/dist/eui_theme_dark.css

@@ -5671,296 +5671,6 @@ The following files still use the Sass version:
           transform: translateY(-1px);
 }
 
-.euiSideNav__mobileToggle {
-  height: auto;
-  border-bottom: 1px solid #343741;
-  width: 100%;
-  text-align: left;
-  border-radius: 0 !important;
-  font-size: 16px;
-  padding: 0 16px;
-}
-.euiSideNav__mobileToggle .euiSideNav__mobileToggleText {
-  padding: 16px 0;
-}
-.euiSideNav__mobileToggle .euiSideNav__mobileToggleContent {
-  -webkit-justify-content: space-between;
-          justify-content: space-between;
-}
-
-.euiSideNav__heading {
-  margin-bottom: 24px;
-}
-
-@media only screen and (max-width: 574px) {
-  .euiSideNav__contentMobile-xs {
-    overflow: hidden;
-    visibility: hidden;
-    opacity: 0;
-    max-height: 0;
-    padding: 0 24px;
-  }
-  .euiSideNav-isOpenMobile .euiSideNav__contentMobile-xs {
-    visibility: visible;
-    opacity: 1;
-    padding: 24px;
-    max-height: 5000px; /* 1 */
-  }
-}
-@media only screen and (max-width: 574px) and (prefers-reduced-motion: no-preference) {
-  .euiSideNav-isOpenMobile .euiSideNav__contentMobile-xs {
-    transition: all 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
-  }
-}
-@media only screen and (min-width: 575px) and (max-width: 767px) {
-  .euiSideNav__contentMobile-s {
-    overflow: hidden;
-    visibility: hidden;
-    opacity: 0;
-    max-height: 0;
-    padding: 0 24px;
-  }
-  .euiSideNav-isOpenMobile .euiSideNav__contentMobile-s {
-    visibility: visible;
-    opacity: 1;
-    padding: 24px;
-    max-height: 5000px; /* 1 */
-  }
-}
-@media only screen and (min-width: 575px) and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
-  .euiSideNav-isOpenMobile .euiSideNav__contentMobile-s {
-    transition: all 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
-  }
-}
-@media only screen and (min-width: 768px) and (max-width: 991px) {
-  .euiSideNav__contentMobile-m {
-    overflow: hidden;
-    visibility: hidden;
-    opacity: 0;
-    max-height: 0;
-    padding: 0 24px;
-  }
-  .euiSideNav-isOpenMobile .euiSideNav__contentMobile-m {
-    visibility: visible;
-    opacity: 1;
-    padding: 24px;
-    max-height: 5000px; /* 1 */
-  }
-}
-@media only screen and (min-width: 768px) and (max-width: 991px) and (prefers-reduced-motion: no-preference) {
-  .euiSideNav-isOpenMobile .euiSideNav__contentMobile-m {
-    transition: all 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
-  }
-}
-@media only screen and (min-width: 992px) and (max-width: 1199px) {
-  .euiSideNav__contentMobile-l {
-    overflow: hidden;
-    visibility: hidden;
-    opacity: 0;
-    max-height: 0;
-    padding: 0 24px;
-  }
-  .euiSideNav-isOpenMobile .euiSideNav__contentMobile-l {
-    visibility: visible;
-    opacity: 1;
-    padding: 24px;
-    max-height: 5000px; /* 1 */
-  }
-}
-@media only screen and (min-width: 992px) and (max-width: 1199px) and (prefers-reduced-motion: no-preference) {
-  .euiSideNav-isOpenMobile .euiSideNav__contentMobile-l {
-    transition: all 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
-  }
-}
-@media only screen and (min-width: 1200px) {
-  .euiSideNav__contentMobile-xl {
-    overflow: hidden;
-    visibility: hidden;
-    opacity: 0;
-    max-height: 0;
-    padding: 0 24px;
-  }
-  .euiSideNav-isOpenMobile .euiSideNav__contentMobile-xl {
-    visibility: visible;
-    opacity: 1;
-    padding: 24px;
-    max-height: 5000px; /* 1 */
-  }
-}
-@media only screen and (min-width: 1200px) and (prefers-reduced-motion: no-preference) {
-  .euiSideNav-isOpenMobile .euiSideNav__contentMobile-xl {
-    transition: all 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
-  }
-}
-/**
- * 1. Text-align defaults to center, so we have to override that.
- * 2. Color the text at the item level and then have the button inherit so overrides are easier
- * 3. Enable ellipsis overflow to work (https://css-tricks.com/flexbox-truncated-text/)
- * 4. Restrict the underline to the button __label so it doesn't affect other components that might live within
- */
-.euiSideNavItemButton {
-  font-size: 14px;
-  font-size: 1rem;
-  line-height: 1.7142857143rem;
-  text-align: left; /* 1 */
-  display: block;
-  width: 100%;
-  padding: 2px 0;
-  color: inherit; /* 2 */
-}
-.euiSideNavItemButton.euiSideNavItemButton--isClickable:not(:disabled):hover {
-  cursor: pointer;
-}
-.euiSideNavItemButton.euiSideNavItemButton--isClickable:not(:disabled):hover .euiSideNavItemButton__label, .euiSideNavItemButton.euiSideNavItemButton--isClickable:not(:disabled):focus .euiSideNavItemButton__label {
-  text-decoration: underline; /* 4 */
-}
-.euiSideNavItemButton.euiSideNavItemButton-isSelected {
-  color: #36A2EF;
-  font-weight: 700;
-}
-.euiSideNavItemButton.euiSideNavItemButton-isSelected .euiSideNavItemButton__label {
-  text-decoration: underline; /* 4 */
-}
-.euiSideNavItemButton:disabled {
-  cursor: not-allowed;
-  text-decoration: none;
-  color: #515761;
-}
-
-.euiSideNavItemButton__content {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-align-items: center;
-          align-items: center;
-}
-
-.euiSideNavItemButton__icon {
-  margin-right: 8px;
-}
-
-.euiSideNavItemButton__labelContainer {
-  min-width: 0; /* 3 */
-}
-
-.euiSideNavItemButton__label {
-  -webkit-flex-grow: 1;
-          flex-grow: 1;
-}
-
-.euiSideNavItemButton__label--truncated {
-  max-width: 100%;
-  overflow: hidden !important;
-  text-overflow: ellipsis !important;
-  white-space: nowrap !important;
-}
-
-.euiSideNavItem--root {
-  /**
-   * 1. Create padding around focus area without indenting the item itself.
-   */
-}
-.euiSideNavItem--root.euiSideNavItem--rootIcon > .euiSideNavItem__items {
-  margin-left: 24px;
-}
-.euiSideNavItem--root > .euiSideNavItemButton {
-  margin-bottom: 8px;
-  padding: 0;
-  padding-left: 8px; /* 1 */
-  padding-right: 8px; /* 1 */
-  margin-left: -8px; /* 1 */
-  width: calc(100% + 16px); /* 1 */
-}
-.euiSideNavItem--root > .euiSideNavItemButton .euiSideNavItemButton__label {
-  overflow-wrap: break-word !important;
-  word-break: break-word;
-  color: #DFE5EF;
-  font-size: 16px;
-  font-size: 1.1428571429rem;
-  line-height: 1.7142857143rem;
-  font-weight: 700;
-  color: inherit;
-}
-.euiSideNavItem--root > .euiSideNavItem__items {
-  position: static;
-  margin-left: 0;
-}
-.euiSideNavItem--root > .euiSideNavItem__items::after {
-  display: none;
-}
-.euiSideNavItem--root + .euiSideNavItem--root {
-  margin-top: 32px;
-}
-
-.euiSideNavItem--trunk {
-  color: #DFE5EF; /* 2 */
-  /**
-   * 1. Create padding around focus area without indenting the item itself.
-   */
-}
-.euiSideNavItem--trunk > .euiSideNavItemButton {
-  padding-left: 8px; /* 1 */
-  padding-right: 8px; /* 1 */
-  margin-left: -8px; /* 1 */
-  width: calc(100% + 16px); /* 1 */
-}
-.euiSideNavItem--trunk > .euiSideNavItem__items {
-  margin-left: 8px;
-  width: 100%;
-}
-
-.euiSideNavItem--branch {
-  /**
-  * 1. Draw the vertical line to group an expanded item's child items together.
-  */
-  position: relative;
-  color: #878b95; /* 2 */
-  /**
-   * 2. Absolutely position the horizontal tick connecting the item to the vertical line.
-   */
-}
-.euiSideNavItem--branch::after { /* 1 */
-  position: absolute;
-  content: "";
-  top: 0;
-  bottom: 0;
-  width: 1px;
-  background: #343741;
-  left: 0;
-}
-.euiSideNavItem--branch:last-of-type::after {
-  height: 12px;
-}
-.euiSideNavItem--branch > .euiSideNavItemButton {
-  position: relative; /* 2 */
-  padding-left: 8px;
-  padding-right: 8px; /* 2 */
-}
-.euiSideNavItem--branch > .euiSideNavItemButton::after {
-  position: absolute; /* 2 */
-  content: "";
-  top: 12px;
-  left: 0;
-  width: 4px;
-  height: 1px;
-  background: #343741;
-}
-.euiSideNavItem--branch > .euiSideNavItem__items {
-  margin-left: 16px;
-}
-
-.euiSideNavItem--emphasized {
-  background: rgba(52, 55, 65, 0.3);
-  color: #DFE5EF;
-  box-shadow: 100px 0 0 0 rgba(52, 55, 65, 0.3), -100px 0 0 0 rgba(52, 55, 65, 0.3);
-}
-.euiSideNavItem--emphasized > .euiSideNavItemButton {
-  font-weight: 700;
-}
-.euiSideNavItem--emphasized .euiSideNavItem--emphasized {
-  background: transparent;
-  box-shadow: none;
-}
-
 .euiSelectable {
   display: -webkit-flex;
   display: flex;
@@ -7174,25 +6884,4 @@ The following files still use the Sass version:
 .euiMarkdownEditorPreview,
 .euiMarkdownEditorFooter {
   border-radius: 0 0 6px 6px;
-}
-
-.euiSideNavItem--root {
-  padding-bottom: 8px;
-}
-.euiSideNavItem--root + .euiSideNavItem--root {
-  padding-top: 8px;
-  margin-top: 8px;
-}
-.euiSideNavItem--root > .euiSideNavItemButton {
-  margin-bottom: 4px;
-}
-.euiSideNavItem--root > .euiSideNavItemButton .euiSideNavItemButton__label {
-  overflow-wrap: break-word !important;
-  word-break: break-word;
-  color: #DFE5EF;
-  font-size: 14px;
-  font-size: 1rem;
-  line-height: 1.7142857143rem;
-  font-weight: 700;
-  color: inherit;
 }