@elastic/eui 91.3.0 → 92.0.0

package/dist/eui_theme_dark.css

@@ -1590,395 +1590,6 @@ The following files still use the Sass version:
   color: #FFF;
 }
 
-.euiControlBar {
-  background: #000;
-  color: #a9aaad;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex-direction: column;
-          flex-direction: column;
-  box-shadow: inset 0 40px 0 #000, inset 0 600rem 0 #141519;
-  bottom: 0;
-  -webkit-transform: translateY(0);
-          transform: translateY(0);
-  height: 40px;
-  max-height: calc(100vh - 80px);
-}
-.euiControlBar--fixed {
-  position: fixed;
-  z-index: 6000;
-}
-.euiControlBar--absolute {
-  position: absolute;
-  z-index: 1000;
-}
-.euiControlBar--relative {
-  position: relative;
-}
-.euiControlBar-isOpen {
-  -webkit-animation-duration: 250ms;
-          animation-duration: 250ms;
-  -webkit-animation-timing-function: cubic-bezier(0.694, 0.0482, 0.335, 1);
-          animation-timing-function: cubic-bezier(0.694, 0.0482, 0.335, 1);
-  -webkit-animation-fill-mode: forwards;
-          animation-fill-mode: forwards;
-}
-.euiControlBar-isOpen.euiControlBar--large {
-  -webkit-animation-name: euiControlBarOpenPanelLarge;
-          animation-name: euiControlBarOpenPanelLarge;
-  height: calc(100vh - 80px);
-  bottom: -100vh;
-}
-.euiControlBar-isOpen.euiControlBar--medium {
-  -webkit-animation-name: euiControlBarOpenPanelMedium;
-          animation-name: euiControlBarOpenPanelMedium;
-  height: 480px;
-  bottom: -480px;
-}
-.euiControlBar-isOpen.euiControlBar--small {
-  -webkit-animation-name: euiControlBarOpenPanelSmall;
-          animation-name: euiControlBarOpenPanelSmall;
-  height: 240px;
-  bottom: -240px;
-}
-
-.euiControlBar__controls {
-  height: 40px;
-  width: 100%;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-align-items: center;
-          align-items: center;
-  overflow-y: hidden;
-  overflow-x: auto;
-  padding: 0 12px;
-}
-
-.euiControlBar__content {
-  scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
-  scrollbar-width: thin;
-  overflow-y: auto;
-  width: 100%;
-  height: calc(100% - 40px);
-  background-color: #141519;
-  -webkit-animation-name: euiControlBarShowContent;
-          animation-name: euiControlBarShowContent;
-  -webkit-animation-duration: 350ms;
-          animation-duration: 350ms;
-  -webkit-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-  -webkit-animation-timing-function: cubic-bezier(0.694, 0.0482, 0.335, 1);
-          animation-timing-function: cubic-bezier(0.694, 0.0482, 0.335, 1);
-  color: #D4DAE5;
-}
-.euiControlBar__content::-webkit-scrollbar {
-  width: 16px;
-  height: 16px;
-}
-.euiControlBar__content::-webkit-scrollbar-thumb {
-  background-color: rgba(152, 162, 179, 0.5);
-  background-clip: content-box;
-  border-radius: 16px;
-  border: 6px solid transparent;
-}
-.euiControlBar__content::-webkit-scrollbar-corner, .euiControlBar__content::-webkit-scrollbar-track {
-  background-color: transparent;
-}
-
-.euiControlBar__icon {
-  -webkit-flex-shrink: 0;
-          flex-shrink: 0;
-  margin-left: 8px;
-  margin-right: 8px;
-}
-
-.euiControlBar__buttonIcon {
-  -webkit-flex-shrink: 0;
-          flex-shrink: 0;
-  min-width: 40px;
-  min-height: 40px;
-}
-
-.euiControlBar__button {
-  -webkit-flex-shrink: 0;
-          flex-shrink: 0;
-  border-radius: 3px;
-  margin-left: 4px;
-  font-size: 14px;
-}
-.euiControlBar__button:enabled:hover {
-  -webkit-transform: none;
-          transform: none;
-  box-shadow: none;
-}
-.euiControlBar__button:last-child {
-  margin-right: 4px;
-}
-
-.euiControlBar__breadcrumbs .euiBreadcrumb:not(:last-of-type) .euiBreadcrumb__content {
-  color: #7a7f89;
-}
-.euiControlBar__breadcrumbs .euiBreadcrumb::after {
-  background: rgba(255, 255, 255, 0.2);
-}
-
-.euiControlBar__spacer {
-  -webkit-flex-grow: 1;
-          flex-grow: 1;
-  height: 100%;
-}
-
-.euiControlBar__divider {
-  -webkit-flex-shrink: 0;
-          flex-shrink: 0;
-  height: 100%;
-  width: 1px;
-  background-color: rgba(255, 255, 255, 0.2);
-}
-
-.euiControlBar__text {
-  max-width: 100%;
-  overflow: hidden !important;
-  text-overflow: ellipsis !important;
-  white-space: nowrap !important;
-  font-size: 14px;
-  font-size: 1rem;
-  line-height: 1.7142857143rem;
-  padding: 0 8px;
-  color: #a9aaad;
-}
-.euiControlBar__text:last-child {
-  padding-right: 0;
-}
-
-.euiControlBar__tab {
-  max-width: 100%;
-  overflow: hidden !important;
-  text-overflow: ellipsis !important;
-  white-space: nowrap !important;
-  font-size: 14px;
-  font-size: 1rem;
-  line-height: 1.7142857143rem;
-  color: #a9aaad;
-  padding: 0 16px;
-  text-align: center;
-  height: 100%;
-}
-.euiControlBar__tab:hover, .euiControlBar__tab:focus {
-  text-decoration: underline;
-  cursor: pointer;
-}
-.euiControlBar__tab.euiControlBar__tab--active {
-  background-color: #141519;
-  box-shadow: inset 0 4px 0 #36A2EF;
-  color: #36A2EF;
-}
-
-.euiControlBar__controls .euiLink.euiLink--primary {
-  color: #36A2EF;
-}
-.euiControlBar__controls .euiLink.euiLink--primary:hover {
-  color: #2671a7;
-}
-.euiControlBar__controls .euiLink.euiLink--text {
-  color: #FFF;
-}
-.euiControlBar__controls .euiControlBar__button.euiButton[class*=primary]:enabled:not(.euiButton--fill) {
-  color: #36A2EF;
-  border-color: #36A2EF;
-}
-.euiControlBar__controls .euiButtonIcon[class*=primary] {
-  color: #36A2EF;
-}
-
-.euiControlBar__controls .euiLink.euiLink--accent {
-  color: #F68FBE;
-}
-.euiControlBar__controls .euiLink.euiLink--accent:hover {
-  color: #ac6485;
-}
-.euiControlBar__controls .euiLink.euiLink--text {
-  color: #FFF;
-}
-.euiControlBar__controls .euiControlBar__button.euiButton[class*=accent]:enabled:not(.euiButton--fill) {
-  color: #F68FBE;
-  border-color: #F68FBE;
-}
-.euiControlBar__controls .euiButtonIcon[class*=accent] {
-  color: #F68FBE;
-}
-
-.euiControlBar__controls .euiLink.euiLink--success {
-  color: #7DDED8;
-}
-.euiControlBar__controls .euiLink.euiLink--success:hover {
-  color: #589b97;
-}
-.euiControlBar__controls .euiLink.euiLink--text {
-  color: #FFF;
-}
-.euiControlBar__controls .euiControlBar__button.euiButton[class*=success]:enabled:not(.euiButton--fill) {
-  color: #7DDED8;
-  border-color: #7DDED8;
-}
-.euiControlBar__controls .euiButtonIcon[class*=success] {
-  color: #7DDED8;
-}
-
-.euiControlBar__controls .euiLink.euiLink--warning {
-  color: #F3D371;
-}
-.euiControlBar__controls .euiLink.euiLink--warning:hover {
-  color: #aa944f;
-}
-.euiControlBar__controls .euiLink.euiLink--text {
-  color: #FFF;
-}
-.euiControlBar__controls .euiControlBar__button.euiButton[class*=warning]:enabled:not(.euiButton--fill) {
-  color: #F3D371;
-  border-color: #F3D371;
-}
-.euiControlBar__controls .euiButtonIcon[class*=warning] {
-  color: #F3D371;
-}
-
-.euiControlBar__controls .euiLink.euiLink--danger {
-  color: #F86B63;
-}
-.euiControlBar__controls .euiLink.euiLink--danger:hover {
-  color: #ae4b45;
-}
-.euiControlBar__controls .euiLink.euiLink--text {
-  color: #FFF;
-}
-.euiControlBar__controls .euiControlBar__button.euiButton[class*=danger]:enabled:not(.euiButton--fill) {
-  color: #F86B63;
-  border-color: #F86B63;
-}
-.euiControlBar__controls .euiButtonIcon[class*=danger] {
-  color: #F86B63;
-}
-
-.euiControlBar__controls .euiLink.euiLink--ghost {
-  color: #FFF;
-}
-.euiControlBar__controls .euiLink.euiLink--ghost:hover {
-  color: #b3b3b3;
-}
-.euiControlBar__controls .euiLink.euiLink--text {
-  color: #FFF;
-}
-.euiControlBar__controls .euiControlBar__button.euiButton[class*=ghost]:enabled:not(.euiButton--fill) {
-  color: #FFF;
-  border-color: #FFF;
-}
-.euiControlBar__controls .euiButtonIcon[class*=ghost] {
-  color: #FFF;
-}
-
-.euiControlBar__controls .euiLink.euiLink--text {
-  color: #98A2B3;
-}
-.euiControlBar__controls .euiLink.euiLink--text:hover {
-  color: #6a717d;
-}
-.euiControlBar__controls .euiLink.euiLink--text {
-  color: #FFF;
-}
-.euiControlBar__controls .euiControlBar__button.euiButton[class*=text]:enabled:not(.euiButton--fill) {
-  color: #98A2B3;
-  border-color: #98A2B3;
-}
-.euiControlBar__controls .euiButtonIcon[class*=text] {
-  color: #98A2B3;
-}
-
-@media only screen and (max-width: 574px) {
-  .euiControlBar:not(.euiControlBar--showOnMobile) {
-    display: none;
-  }
-}
-@media only screen and (min-width: 575px) and (max-width: 767px) {
-  .euiControlBar:not(.euiControlBar--showOnMobile) {
-    display: none;
-  }
-}
-@-webkit-keyframes euiControlBarOpenPanelLarge {
-  0% {
-    -webkit-transform: translateY(calc((40px * 3) * -1));
-            transform: translateY(calc((40px * 3) * -1));
-  }
-  100% {
-    -webkit-transform: translateY(-100vh);
-            transform: translateY(-100vh);
-  }
-}
-@keyframes euiControlBarOpenPanelLarge {
-  0% {
-    -webkit-transform: translateY(calc((40px * 3) * -1));
-            transform: translateY(calc((40px * 3) * -1));
-  }
-  100% {
-    -webkit-transform: translateY(-100vh);
-            transform: translateY(-100vh);
-  }
-}
-@-webkit-keyframes euiControlBarOpenPanelMedium {
-  0% {
-    -webkit-transform: translateY(-40px);
-            transform: translateY(-40px);
-  }
-  100% {
-    -webkit-transform: translateY(-480px);
-            transform: translateY(-480px);
-  }
-}
-@keyframes euiControlBarOpenPanelMedium {
-  0% {
-    -webkit-transform: translateY(-40px);
-            transform: translateY(-40px);
-  }
-  100% {
-    -webkit-transform: translateY(-480px);
-            transform: translateY(-480px);
-  }
-}
-@-webkit-keyframes euiControlBarOpenPanelSmall {
-  0% {
-    -webkit-transform: translateY(-40px);
-            transform: translateY(-40px);
-  }
-  100% {
-    -webkit-transform: translateY(-240px);
-            transform: translateY(-240px);
-  }
-}
-@keyframes euiControlBarOpenPanelSmall {
-  0% {
-    -webkit-transform: translateY(-40px);
-            transform: translateY(-40px);
-  }
-  100% {
-    -webkit-transform: translateY(-240px);
-            transform: translateY(-240px);
-  }
-}
-@-webkit-keyframes euiControlBarShowContent {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes euiControlBarShowContent {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
 .euiSuperDatePicker__absoluteDateFormRow {
   padding: 0 8px 8px;
   /* A bit of a visual trickery to make the format "hint" become an "error" text.
@@ -6256,130 +5867,6 @@ The following files still use the Sass version:
           transform: translateY(-1px);
 }
 
-.euiNotificationEvent {
-  display: -webkit-flex;
-  display: flex;
-  padding: 12px 0 12px 12px;
-  border-bottom: 1px solid #343741;
-}
-.euiNotificationEvent:last-child {
-  border-bottom: none;
-}
-.euiNotificationEvent--withReadState {
-  padding: 12px 0 12px 8px;
-}
-
-.euiNotificationEvent__title {
-  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;
-  display: -webkit-flex;
-  display: flex;
-}
-.euiNotificationEvent__title.euiLink {
-  color: #36A2EF;
-}
-.euiNotificationEvent__title--isRead {
-  color: #98A2B3 !important;
-}
-
-.euiNotificationEvent__readButton {
-  margin-right: 8px;
-}
-
-.euiNotificationEvent__content {
-  -webkit-flex: 1;
-          flex: 1;
-}
-.euiNotificationEvent__content > * + * {
-  margin-top: 8px;
-  margin-right: 12px;
-}
-
-.euiNotificationEventMeta {
-  position: relative;
-  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;
-  -webkit-flex-wrap: wrap;
-          flex-wrap: wrap;
-  margin-right: 4px;
-  min-height: 24px;
-}
-.euiNotificationEventMeta--hasContextMenu {
-  padding-right: 24px;
-}
-.euiNotificationEventMeta__contextMenuWrapper {
-  position: absolute;
-  top: 0;
-  right: 0;
-}
-.euiNotificationEventMeta__section {
-  margin-right: 8px;
-}
-.euiNotificationEventMeta__section:first-child {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex: 1;
-          flex: 1;
-  -webkit-align-items: center;
-          align-items: center;
-}
-.euiNotificationEventMeta__icon {
-  margin-right: 8px;
-}
-.euiNotificationEventMeta__badge {
-  max-width: 100%;
-  display: inline-grid;
-}
-.euiNotificationEventMeta__time {
-  font-size: 12px;
-  color: #7a7f89;
-}
-
-.euiNotificationEventMessages {
-  font-size: 14px;
-}
-.euiNotificationEventMessages__accordion {
-  color: #98A2B3;
-}
-.euiNotificationEventMessages__accordionButton {
-  color: #36A2EF;
-}
-.euiNotificationEventMessages__accordionContent > * {
-  padding-top: 8px;
-}
-
-.euiNotificationEventReadButton--isRead svg {
-  fill: transparent;
-  stroke-width: 1px;
-  stroke: #343741;
-}
-
-.euiNotificationEventReadIcon {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-align-items: center;
-          align-items: center;
-  height: 24px;
-  margin: 0 4px;
-}
-
-.euiNotificationEventReadIcon--isRead svg {
-  fill: transparent;
-  stroke-width: 1px;
-  stroke: #343741;
-}
-
 .euiTreeView__wrapper .euiTreeView {
   margin: 0;
   list-style-type: none;