@elastic/eui 87.1.0 → 87.2.0

package/dist/eui_theme_dark.css

@@ -7269,240 +7269,6 @@ The following files still use the Sass version:
   margin-left: 16px;
 }
 
-.euiResizableButton {
-  position: relative;
-  -webkit-flex-shrink: 0;
-          flex-shrink: 0;
-  z-index: 1;
-}
-.euiResizableButton::before, .euiResizableButton::after {
-  content: "";
-  display: block;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  background-color: #D4DAE5;
-  transition: width 150ms ease, height 150ms ease, background-color 150ms ease, -webkit-transform 150ms ease;
-  transition: width 150ms ease, height 150ms ease, transform 150ms ease, background-color 150ms ease;
-  transition: width 150ms ease, height 150ms ease, transform 150ms ease, background-color 150ms ease, -webkit-transform 150ms ease;
-}
-.euiResizableButton.euiResizableButton--horizontal {
-  cursor: col-resize;
-  width: 16px;
-  margin-left: -8px;
-  margin-right: -8px;
-}
-.euiResizableButton.euiResizableButton--horizontal::before, .euiResizableButton.euiResizableButton--horizontal::after {
-  width: 1px;
-  height: 12px;
-}
-.euiResizableButton.euiResizableButton--horizontal::before {
-  -webkit-transform: translate(-2px, -50%);
-          transform: translate(-2px, -50%);
-}
-.euiResizableButton.euiResizableButton--horizontal::after {
-  -webkit-transform: translate(1px, -50%);
-          transform: translate(1px, -50%);
-}
-.euiResizableButton.euiResizableButton--vertical {
-  cursor: row-resize;
-  height: 16px;
-  margin-top: -8px;
-  margin-bottom: -8px;
-}
-.euiResizableButton.euiResizableButton--vertical::before, .euiResizableButton.euiResizableButton--vertical::after {
-  width: 12px;
-  height: 1px;
-}
-.euiResizableButton.euiResizableButton--vertical::before {
-  -webkit-transform: translate(-50%, -2px);
-          transform: translate(-50%, -2px);
-}
-.euiResizableButton.euiResizableButton--vertical::after {
-  -webkit-transform: translate(-50%, 1px);
-          transform: translate(-50%, 1px);
-}
-.euiResizableButton:hover:not(:disabled)::before, .euiResizableButton:hover:not(:disabled)::after {
-  background-color: #535966;
-  transition-delay: 150ms;
-}
-.euiResizableButton:focus:not(:disabled) {
-  background-color: rgba(54, 162, 239, 0.1);
-}
-.euiResizableButton:focus:not(:disabled)::before, .euiResizableButton:focus:not(:disabled)::after {
-  background-color: #36A2EF;
-  transition: width 150ms ease, height 150ms ease, -webkit-transform 150ms ease;
-  transition: width 150ms ease, height 150ms ease, transform 150ms ease;
-  transition: width 150ms ease, height 150ms ease, transform 150ms ease, -webkit-transform 150ms ease;
-  transition-delay: 75ms;
-}
-.euiResizableButton:hover:not(:disabled).euiResizableButton--horizontal::before, .euiResizableButton:hover:not(:disabled).euiResizableButton--horizontal::after, .euiResizableButton:focus:not(:disabled).euiResizableButton--horizontal::before, .euiResizableButton:focus:not(:disabled).euiResizableButton--horizontal::after {
-  height: 100%;
-}
-.euiResizableButton:hover:not(:disabled).euiResizableButton--horizontal::before, .euiResizableButton:focus:not(:disabled).euiResizableButton--horizontal::before {
-  -webkit-transform: translate(-1px, -50%);
-          transform: translate(-1px, -50%);
-}
-.euiResizableButton:hover:not(:disabled).euiResizableButton--horizontal::after, .euiResizableButton:focus:not(:disabled).euiResizableButton--horizontal::after {
-  -webkit-transform: translate(0, -50%);
-          transform: translate(0, -50%);
-}
-.euiResizableButton:hover:not(:disabled).euiResizableButton--vertical::before, .euiResizableButton:hover:not(:disabled).euiResizableButton--vertical::after, .euiResizableButton:focus:not(:disabled).euiResizableButton--vertical::before, .euiResizableButton:focus:not(:disabled).euiResizableButton--vertical::after {
-  width: 100%;
-}
-.euiResizableButton:hover:not(:disabled).euiResizableButton--vertical::before, .euiResizableButton:focus:not(:disabled).euiResizableButton--vertical::before {
-  -webkit-transform: translate(-50%, -1px);
-          transform: translate(-50%, -1px);
-}
-.euiResizableButton:hover:not(:disabled).euiResizableButton--vertical::after, .euiResizableButton:focus:not(:disabled).euiResizableButton--vertical::after {
-  -webkit-transform: translate(-50%, 0);
-          transform: translate(-50%, 0);
-}
-.euiResizableButton:disabled {
-  display: none !important;
-}
-
-/**
- * 1. The default position of the button should always be `middle`, so
- *    those position styles aren't restricted to a class
- * 2. When collpsed, the button itself is the full collapsed area and we use
- *    flex to align the icon within
- */
-.euiResizableToggleButton {
-  box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
-  position: absolute;
-  z-index: 2;
-  -webkit-animation: none !important;
-          animation: none !important;
-  transition-property: background, box-shadow;
-  background: #1D1E24;
-}
-.euiResizableToggleButton:focus {
-  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
-}
-.euiResizableToggleButton-isCollapsed {
-  box-shadow: none;
-  background: transparent;
-  border-radius: 0;
-}
-.euiResizableToggleButton:not(:focus):not(:active):not(.euiResizableToggleButton-isVisible):not(.euiResizableToggleButton-isCollapsed) {
-  position: absolute;
-  top: auto;
-  left: -10000px;
-  width: 1px;
-  height: 1px;
-  clip: rect(0 0 0 0);
-  -webkit-clip-path: inset(50%);
-          clip-path: inset(50%);
-  overflow: hidden;
-  margin: -1px;
-}
-
-.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--after {
-  right: 0;
-  top: 50%; /* 1 */
-  -webkit-transform: translate(50%, -50%);
-          transform: translate(50%, -50%); /* 1 */
-}
-.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--after.euiResizableToggleButton--top {
-  top: 0;
-  -webkit-transform: translate(50%, 16px);
-          transform: translate(50%, 16px);
-}
-.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--after.euiResizableToggleButton--bottom {
-  top: auto;
-  bottom: 0;
-  -webkit-transform: translate(50%, -16px);
-          transform: translate(50%, -16px);
-}
-.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--before {
-  left: 0;
-  top: 50%; /* 1 */
-  -webkit-transform: translate(-50%, -50%);
-          transform: translate(-50%, -50%); /* 1 */
-}
-.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--before.euiResizableToggleButton--top {
-  top: 0;
-  -webkit-transform: translate(-50%, 16px);
-          transform: translate(-50%, 16px);
-}
-.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--before.euiResizableToggleButton--bottom {
-  top: auto;
-  bottom: 0;
-  -webkit-transform: translate(-50%, -16px);
-          transform: translate(-50%, -16px);
-}
-.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton-isCollapsed {
-  top: 0 !important;
-  bottom: 0 !important;
-  -webkit-transform: none !important;
-          transform: none !important;
-  height: 100%;
-}
-.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton-isCollapsed.euiResizableToggleButton--top {
-  padding-top: 16px;
-  -webkit-align-items: flex-start;
-          align-items: flex-start; /* 2 */
-}
-.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton-isCollapsed.euiResizableToggleButton--bottom {
-  padding-bottom: 16px;
-  -webkit-align-items: flex-end;
-          align-items: flex-end; /* 2 */
-}
-
-.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--after {
-  top: 100%;
-  left: 50%; /* 1 */
-  -webkit-transform: translate(-50%, -50%);
-          transform: translate(-50%, -50%); /* 1 */
-}
-.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--after.euiResizableToggleButton--left {
-  left: 0;
-  -webkit-transform: translate(16px, -50%);
-          transform: translate(16px, -50%);
-}
-.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--after.euiResizableToggleButton--right {
-  left: auto;
-  right: 0;
-  -webkit-transform: translate(-16px, -50%);
-          transform: translate(-16px, -50%);
-}
-.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--before {
-  bottom: 100%;
-  left: 50%; /* 1 */
-  -webkit-transform: translate(-50%, 50%);
-          transform: translate(-50%, 50%); /* 1 */
-}
-.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--before.euiResizableToggleButton--left {
-  left: 0;
-  -webkit-transform: translate(16px, 50%);
-          transform: translate(16px, 50%);
-}
-.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--before.euiResizableToggleButton--right {
-  left: auto;
-  right: 0;
-  -webkit-transform: translate(-16px, 50%);
-          transform: translate(-16px, 50%);
-}
-.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton-isCollapsed {
-  top: 0 !important;
-  bottom: 0 !important;
-  left: 0 !important;
-  -webkit-transform: none !important;
-          transform: none !important;
-  width: 100%;
-}
-.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton-isCollapsed.euiResizableToggleButton--left {
-  padding-left: 16px;
-  -webkit-justify-content: flex-start;
-          justify-content: flex-start; /* 2 */
-}
-.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton-isCollapsed.euiResizableToggleButton--right {
-  padding-right: 16px;
-  -webkit-justify-content: flex-end;
-          justify-content: flex-end; /* 2 */
-}
-
 .euiSideNav__mobileToggle {
   height: auto;
   border-bottom: 1px solid #343741;