layers-design-system 2.3.0 → 2.5.1

package/src/style/main.scss

@@ -1,11 +0,0 @@
-@import "./layers-variables.scss";
-@import "./element-variables.scss";
-
-.layers-design-system {
-  @import "./typography.scss";
-  @import "./colors.scss";
-  @import "./layout.scss";
-  @import "./icons.scss";
-  @import "./notifications.scss";
-  @import "./transitions.scss";
-}

package/src/style/notifications.scss

@@ -1,88 +0,0 @@
-.el-notification {
-  background-color: var(--color-lead);
-  display: flex;
-  align-items: center;
-  min-height: 40px;
-  border: none;
-  border-radius: 4px;
-  padding: 12px 16px;
-
-  .el-notification__icon {
-    color: white;
-  }
-  .el-notification__icon {
-    margin-right: 8px;
-  }
-  .el-notification__loadingLeft {
-    margin-right: 12px;
-  }
-  .el-notification__loadingRight {
-    margin-left: 12px;
-  }
-  .el-notification__group {
-    flex: 1 1 auto;
-    min-height: 24px;
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-    margin: 0px;
-    padding: 0px;
-  }
-  .el-notification__group.not-closeable {
-    display: flex;
-    flex-wrap: nowrap;
-  }
-  .el-notification__group.not-closeable .el-notification__wrapper {
-    flex: 1 1 auto;
-  }
-  .el-notification__group.not-closeable .el-notification__content {
-    margin-right: 16px;
-  }
-  .el-notification__content {
-    color: white;
-    position: relative;
-    text-align: left;
-    margin-left: 8px;
-    margin: 0px;
-    height: 100%;
-    line-height: 120%;
-    font-size: 14px;
-    top: 0px;
-  }
-  .el-notification__title {
-    font-size: 14px;
-    color: white;
-    font-weight: 700;
-    min-height: 24px;
-    margin-bottom: 4px;
-    line-height: 17px;
-    display: flex;
-    align-items: center;
-  }
-  .el-notification__actionBtn {
-    border: none;
-    font-weight: bold;
-    padding: 0px;
-    line-height: 24px;
-  }
-  .el-notification_closeButton {
-    cursor: pointer;
-    margin-left: 8px;
-  }
-
-  &.success {
-    background-color: var(--color-success);
-  }
-  &.error {
-    background-color: var(--color-danger);
-  }
-  &.warning {
-    background-color: var(--color-warning);
-  }
-  &.cursor-pointer {
-    cursor: pointer;
-  }
-}
-.el-notification.center {
-  left: calc(50% - 165px);
-}

package/src/style/transitions.scss

@@ -1,43 +0,0 @@
-/* Transitions */
-/* Slide */
-.slide-left-enter-active,
-.slide-left-leave-active,
-.slide-right-enter-active,
-.slide-right-leave-active {
-  transition-duration: 0.3s;
-  transition-property: height, opacity, transform;
-  transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
-  overflow: hidden;
-}
-
-.slide-left-enter,
-.slide-right-leave-active {
-  opacity: 0;
-  transform: translate(1em);
-}
-
-.slide-left-leave-active,
-.slide-right-enter {
-  opacity: 0;
-  transform: translate(-1em);
-}
-
-/* Fade */
-.fade-enter-active, .fade-leave-active {
-  transition: opacity .5s;
-}
-.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
-  opacity: 0;
-}
-
-/* Slow Fade */
-.slowfade-enter-active {
-  transition: opacity .5s;
-}
-.slowfade-leave-active {
-  transition: opacity .0s;
-}
-
-.slowfade-enter, .slowfade-leave-to /* .fade-leave-active below version 2.1.8 */ {
-  opacity: 0;
-}

package/src/style/typography.scss

@@ -1,155 +0,0 @@
-* {
-  font-family: "Nunito", sans-serif;
-}
-
-h1,
-.h1,
-.l-h1 {
-  font-size: 36px;
-  font-family: "Nunito", sans-serif;
-  font-weight: bold;
-  line-height: 110%;
-  margin: 0;
-}
-h2,
-.h2,
-.l-h2 {
-  font-size: 28px;
-  font-family: "Nunito", sans-serif;
-  font-weight: bold;
-  line-height: 120%;
-  margin: 0;
-}
-h3,
-.h3,
-.l-h3 {
-  font-size: 20px;
-  font-family: "Nunito", sans-serif;
-  font-weight: bold;
-  line-height: 120%;
-  margin: 0;
-}
-h4,
-.h4,
-.l-h4 {
-  font-size: 18px;
-  font-family: "Nunito", sans-serif;
-  font-weight: bold;
-  line-height: 120%;
-  margin: 0;
-}
-h5,
-.h5,
-.l-h5 {
-  font-size: 16px;
-  font-family: "Nunito", sans-serif;
-  font-weight: bold;
-  line-height: 120%;
-  margin: 0;
-}
-h6,
-.h6,
-.l-h6 {
-  font-size: 14px;
-  font-family: "Nunito", sans-serif;
-  font-weight: bold;
-  line-height: 120%;
-  margin: 0;
-}
-
-.text-overline,
-.l-text-overline {
-  font-size: 12px;
-  text-transform: uppercase;
-  font-family: "Nunito", sans-serif;
-  font-weight: normal;
-  line-height: 120%;
-}
-
-.text-link,
-.l-text-link {
-  font-size: 14px;
-  font-family: "Nunito", sans-serif;
-  font-weight: 600;
-  line-height: 120%;
-}
-
-.text-extra-large,
-.l-text-extra-large {
-  font-size: 24px;
-  line-height: 140%;
-}
-.text-large,
-.l-text-large {
-  font-size: 20px;
-  line-height: 140%;
-}
-.text-medium,
-.l-text-medium {
-  font-size: 18px;
-  line-height: 140%;
-}
-.text-regular,
-.l-text-regular {
-  font-size: 16px;
-  line-height: 140%;
-}
-.text-small,
-.l-text-small {
-  font-size: 14px;
-  line-height: 140%;
-}
-.text-subtitle,
-.l-text-subtitle {
-  font-size: 12px;
-  line-height: 140%;
-}
-
-
-.l-text-left {
-  text-align: left !important;
-}
-
-.l-text-right {
-  text-align: right !important;
-}
-
-.l-text-center {
-  text-align: center !important;
-}
-
-
-
-/* Font weight */
-.semibold,
-.l-semibold {
-  font-weight: 600;
-}
-.bold,
-.l-bold {
-  font-weight: 700;
-}
-
-/* Ellipsis */
-.l-ellipsis,
-.ellipsis {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.ellipsis-1,
-.l-ellipsis-1 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-}
-
-.ellipsis-2,
-.l-ellipsis-2 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-}

package/vue.config.js

@@ -1,14 +0,0 @@
-const HardSourceWebpackPlugin = require("hard-source-webpack-plugin");
-
-module.exports = {
-  css: {
-    loaderOptions: {
-      sass: {
-        prependData: `@import "./src/style/main.scss";`,
-      },
-    },
-  },
-  configureWebpack: {
-    plugins: [new HardSourceWebpackPlugin()],
-  },
-};