@evotor-dev/ui-kit 8.0.0-beta.5 → 8.0.0-beta.7

package/styles/components/evo-alert.scss

@@ -1,64 +0,0 @@
-@import "../mixins";
-
-$icon-size_large: 48px;
-
-$parent-class: '.evo-alert';
-#{$parent-class} {
-    $root: &;
-
-    padding: $distance-small;
-    border-radius: 8px;
-
-    @include media-desktop-s {
-        &_img {
-            display: flex;
-            align-items: center;
-
-            &:before {
-                display: inline-block;
-                width: 40px;
-                height: 40px;
-                margin-right: $distance-small;
-                background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNjY2NjYgMC43Nzc2NjRDNC43NiAwLjc3NzY2NCAwLjc3Nzc3MSA0Ljc1OTg5IDAuNzc3NzcxIDkuNjY2NTNDMC43Nzc3NzEgMTQuNTczMiA0Ljc2IDE4LjU1NTUgOS42NjY2NiAxOC41NTU1QzE0LjU3MzMgMTguNTU1NSAxOC41NTU1IDE0LjU3MzIgMTguNTU1NSA5LjY2NjUzQzE4LjU1NTUgNC43NTk4OSAxNC41NzMzIDAuNzc3NjY0IDkuNjY2NjYgMC43Nzc2NjRaTTkuNjY2NjYgMTAuNTU1NUM5LjE3Nzc5IDEwLjU1NTUgOC43Nzc3OSAxMC4xNTU1IDguNzc3NzkgOS42NjY1M1Y2LjExMUM4Ljc3Nzc5IDUuNjIyMTEgOS4xNzc3OSA1LjIyMjExIDkuNjY2NjYgNS4yMjIxMUMxMC4xNTU1IDUuMjIyMTEgMTAuNTU1NSA1LjYyMjExIDEwLjU1NTUgNi4xMTFWOS42NjY1M0MxMC41NTU1IDEwLjE1NTUgMTAuMTU1NSAxMC41NTU1IDkuNjY2NjYgMTAuNTU1NVpNMTAuNTU1NSAxMy4yMjIxQzEwLjU1NTUgMTMuNzEzMSAxMC4xNTc2IDE0LjExMSA5LjY2NjY2IDE0LjExMUM5LjE3NTcyIDE0LjExMSA4Ljc3Nzc5IDEzLjcxMzEgOC43Nzc3OSAxMy4yMjIxQzguNzc3NzkgMTIuNzMxMiA5LjE3NTcyIDEyLjMzMzIgOS42NjY2NiAxMi4zMzMyQzEwLjE1NzYgMTIuMzMzMiAxMC41NTU1IDEyLjczMTIgMTAuNTU1NSAxMy4yMjIxWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
-                background-size: 40px 40px;
-                content: "";
-            }
-        }
-
-        @at-root #{&}_success#{&}_img {
-            &:before {
-                background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMCAwQzguOTU0MyAwIDAgOC45NTQzIDAgMjBDMCAzMS4wNDU3IDguOTU0MyA0MCAyMCA0MEMzMS4wNDU3IDQwIDQwIDMxLjA0NTcgNDAgMjBDNDAgOC45NTQzIDMxLjA0NTcgMCAyMCAwWk0zMS4xNjQ0IDE1Ljg3NzhDMzIuMDgwNCAxNC45NjE5IDMyLjA4MDQgMTMuNDc2OSAzMS4xNjQ0IDEyLjU2MUMzMC4yNDg1IDExLjY0NSAyOC43NjM1IDExLjY0NSAyNy44NDc2IDEyLjU2MUwxNy45MDE2IDIyLjUwN0wxMi43NTMgMTcuMzU4NUMxMS44MzcxIDE2LjQ0MjYgMTAuMzUyMSAxNi40NDI2IDkuNDM2MiAxNy4zNTg1QzguNTIwMjkgMTguMjc0NCA4LjUyMDI5IDE5Ljc1OTQgOS40MzYyIDIwLjY3NTNMMTUuOTk2OSAyNy4yMzZDMTYuMjc1MyAyNy41MTQ0IDE2LjYwNjIgMjcuNzA4MSAxNi45NTc4IDI3LjgxNzNDMTcuODM2IDI4LjI1NjQgMTguOTMyNSAyOC4xMDk3IDE5LjY2NSAyNy4zNzcyTDMxLjE2NDQgMTUuODc3OFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
-            }
-        }
-    }
-
-    &_success {
-        color: $color-white;
-        background-color: $color-success;
-    }
-
-    &_danger {
-        color: $color-white;
-        background-color: $color-danger;
-    }
-
-    &_warning {
-        color: $color-text;
-        background-color: $color-highlight;
-
-        #{$parent-class}__icon {
-            display: none;
-        }
-    }
-
-    &_large {
-        #{$parent-class}__icon {
-            width: $icon-size_large;
-            height: $icon-size_large;
-
-            &_success, &_exclamation {
-                background-size: $icon-size_large $icon-size_large;
-            }
-        }
-    }
-}