@elastic/eui 70.2.3 → 70.3.0

package/dist/eui_theme_light.css

@@ -7111,201 +7111,6 @@ SOFTWARE.
   -webkit-transform: translateY(-1px);
           transform: translateY(-1px); }
 
-.euiModal {
-  border: 1px solid #D3DAE6;
-  box-shadow: 0 2.7px 9px rgba(0, 0, 0, 0.13), 0 9.4px 24px rgba(0, 0, 0, 0.09), 0 21.8px 43px rgba(0, 0, 0, 0.08);
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex-direction: column;
-          flex-direction: column;
-  max-height: 75vh;
-  position: relative;
-  background-color: #FFF;
-  border-radius: 6px;
-  z-index: 8000;
-  min-width: 400px;
-  -webkit-animation: euiModal 350ms cubic-bezier(0.34, 1.61, 0.7, 1);
-          animation: euiModal 350ms cubic-bezier(0.34, 1.61, 0.7, 1);
-  max-width: calc(100vw - 16px); }
-  .euiModal:focus {
-    outline: none; }
-
-.euiModal--maxWidth-default {
-  max-width: MIN(768px, calc(100vw - 16px)); }
-
-.euiModal--confirmation {
-  min-width: 400px; }
-
-.euiModalHeader {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-justify-content: space-between;
-          justify-content: space-between;
-  -webkit-align-items: center;
-          align-items: center;
-  padding: 24px 40px 16px 24px;
-  -webkit-flex-grow: 0;
-          flex-grow: 0;
-  -webkit-flex-shrink: 0;
-          flex-shrink: 0; }
-
-.euiModalHeader__title {
-  overflow-wrap: break-word !important;
-  word-break: break-word;
-  color: #1a1c21;
-  font-size: 27px;
-  font-size: 1.92857rem;
-  line-height: 2.28571rem;
-  font-weight: 700; }
-
-.euiModalBody {
-  -webkit-flex-grow: 1;
-          flex-grow: 1;
-  overflow: hidden;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex-direction: column;
-          flex-direction: column; }
-  .euiModalBody .euiModalBody__overflow {
-    scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
-    scrollbar-width: thin;
-    height: 100%;
-    overflow-y: auto;
-    overflow-x: hidden;
-    -webkit-mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
-            mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
-    padding: 8px 24px; }
-    .euiModalBody .euiModalBody__overflow::-webkit-scrollbar {
-      width: 16px;
-      height: 16px; }
-    .euiModalBody .euiModalBody__overflow::-webkit-scrollbar-thumb {
-      background-color: rgba(105, 112, 125, 0.5);
-      background-clip: content-box;
-      border-radius: 16px;
-      border: 6px solid transparent; }
-    .euiModalBody .euiModalBody__overflow::-webkit-scrollbar-corner, .euiModalBody .euiModalBody__overflow::-webkit-scrollbar-track {
-      background-color: transparent; }
-    .euiModalBody .euiModalBody__overflow:focus {
-      outline: none;
-      /* 1 */ }
-    .euiModalBody .euiModalBody__overflow[tabindex='0']:focus:focus-visible {
-      outline-style: auto;
-      /* 2 */ }
-
-.euiModalFooter {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-justify-content: flex-end;
-          justify-content: flex-end;
-  padding: 16px 24px 24px;
-  -webkit-flex-grow: 0;
-          flex-grow: 0;
-  -webkit-flex-shrink: 0;
-          flex-shrink: 0; }
-  .euiModalFooter > * + * {
-    margin-left: 16px; }
-
-.euiModalHeader + .euiModalFooter {
-  padding-top: 8px; }
-
-.euiModalBody:last-of-type .euiModalBody__overflow {
-  padding-bottom: 24px; }
-
-.euiModal__closeIcon {
-  background-color: rgba(255, 255, 255, 0.9);
-  position: absolute;
-  right: 4px;
-  top: 4px;
-  z-index: 3; }
-
-@-webkit-keyframes euiModal {
-  0% {
-    opacity: 0;
-    -webkit-transform: translateY(32px);
-            transform: translateY(32px); }
-  100% {
-    opacity: 1;
-    -webkit-transform: translateY(0);
-            transform: translateY(0); } }
-
-@keyframes euiModal {
-  0% {
-    opacity: 0;
-    -webkit-transform: translateY(32px);
-            transform: translateY(32px); }
-  100% {
-    opacity: 1;
-    -webkit-transform: translateY(0);
-            transform: translateY(0); } }
-
-@media only screen and (max-width: 574px) {
-  .euiModal {
-    position: fixed;
-    width: 100vw !important;
-    max-width: none !important;
-    min-width: 0 !important;
-    max-height: 100vh;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    top: 0;
-    border-radius: 0;
-    border: none; }
-    .euiModal.euiModal--confirmation {
-      box-shadow: 0 -2.7px 9px rgba(0, 0, 0, 0.13), 0 -9.4px 24px rgba(0, 0, 0, 0.09), 0 -21.8px 43px rgba(0, 0, 0, 0.08);
-      top: auto; }
-  .euiModalHeader {
-    width: 100%; }
-  .euiModalFooter {
-    width: 100%;
-    background: #F5F7FA;
-    padding: 12px 24px !important;
-    -webkit-justify-content: stretch;
-            justify-content: stretch; }
-    .euiModalFooter > * {
-      -webkit-flex: 1;
-              flex: 1; }
-      .euiModalFooter > * + * {
-        margin-left: 0; }
-  .euiModalBody {
-    width: 100%; }
-    .euiModalBody .euiModalBody__overflow {
-      padding-bottom: 24px; } }
-
-@media only screen and (min-width: 575px) and (max-width: 767px) {
-  .euiModal {
-    position: fixed;
-    width: 100vw !important;
-    max-width: none !important;
-    min-width: 0 !important;
-    max-height: 100vh;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    top: 0;
-    border-radius: 0;
-    border: none; }
-    .euiModal.euiModal--confirmation {
-      box-shadow: 0 -2.7px 9px rgba(0, 0, 0, 0.13), 0 -9.4px 24px rgba(0, 0, 0, 0.09), 0 -21.8px 43px rgba(0, 0, 0, 0.08);
-      top: auto; }
-  .euiModalHeader {
-    width: 100%; }
-  .euiModalFooter {
-    width: 100%;
-    background: #F5F7FA;
-    padding: 12px 24px !important;
-    -webkit-justify-content: stretch;
-            justify-content: stretch; }
-    .euiModalFooter > * {
-      -webkit-flex: 1;
-              flex: 1; }
-      .euiModalFooter > * + * {
-        margin-left: 0; }
-  .euiModalBody {
-    width: 100%; }
-    .euiModalBody .euiModalBody__overflow {
-      padding-bottom: 24px; } }
-
 .euiNotificationEvent {
   display: -webkit-flex;
   display: flex;
@@ -9921,9 +9726,6 @@ button.euiSuggestItem {
 .euiMarkdownEditorFooter {
   border-radius: 0 0 6px 6px; }
 
-.euiModal {
-  border: none; }
-
 .euiRangeTooltip__value {
   border-radius: 4px; }