@evotor-dev/ui-kit 7.1.0 → 7.2.0

package/styles/mixins/_media-mixins.scss

@@ -1,38 +1,38 @@
-@import '../variables';
-
-@mixin media-mobile {
-    @media (max-width: #{$media-tablet - 1}) {
-        @content;
-    }
-}
-
-/* media mixins - mobile first*/
-@mixin media-tablet {
-    @media (min-width: #{$media-tablet}) {
-        @content;
-    }
-}
-
-@mixin media-desktop-s {
-    @media (min-width: #{$media-desktop-s}) {
-        @content;
-    }
-}
-
-@mixin media-desktop-m {
-    @media (min-width: #{$media-desktop-m}) {
-        @content;
-    }
-}
-
-@mixin media-desktop-l {
-    @media (min-width: #{$media-desktop-l}) {
-        @content;
-    }
-}
-
-@mixin media-desktop-xl {
-    @media (min-width: #{$media-desktop-xl}) {
-        @content;
-    }
-}
+@import '../variables';
+
+@mixin media-mobile {
+    @media (max-width: #{$media-tablet - 1}) {
+        @content;
+    }
+}
+
+/* media mixins - mobile first*/
+@mixin media-tablet {
+    @media (min-width: #{$media-tablet}) {
+        @content;
+    }
+}
+
+@mixin media-desktop-s {
+    @media (min-width: #{$media-desktop-s}) {
+        @content;
+    }
+}
+
+@mixin media-desktop-m {
+    @media (min-width: #{$media-desktop-m}) {
+        @content;
+    }
+}
+
+@mixin media-desktop-l {
+    @media (min-width: #{$media-desktop-l}) {
+        @content;
+    }
+}
+
+@mixin media-desktop-xl {
+    @media (min-width: #{$media-desktop-xl}) {
+        @content;
+    }
+}

package/styles/mixins.scss

@@ -1,96 +1,96 @@
-@import 'variables.scss';
-@import './mixins/media-mixins';
-@import './mixins/evo-input-mixins';
-@import './mixins/evo-text-button-mixin';
-@import './mixins/evo-text-caption-mixin';
-@import './mixins/evo-text-header-mixin';
-@import './mixins/evo-text-mobile-header-mixin';
-@import './mixins/evo-text-paragraph-mixin';
-@import './mixins/evo-text-field-mixin';
-@import './mixins/evo-text-subtitle-mixin';
-@import './mixins/evo-text-tips-mixin';
-
-/* @include clearfix();*/
-@mixin clearfix() {
-    &:after {
-        content: '';
-        display: block;
-        clear: both;
-    }
-}
-
-/* @include clear-ul();*/
-@mixin clear-ul() {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-}
-
-/* @include clear-btn();*/
-@mixin clear-btn() {
-    padding: 0;
-    overflow: visible;
-    color: inherit;
-    font: inherit;
-    line-height: inherit;
-    background: none;
-    border: 0;
-    -webkit-appearance: none;
-    user-select: none;
-
-    &::-moz-focus-inner {
-        padding: 0;
-        border: 0;
-    }
-}
-
-/* title mixins*/
-/* @deprecated use evo-text-* mixins*/
-@mixin title {
-    color: #333f48;
-    font-weight: 700;
-    font-family: var(--evo-font-secondary);
-}
-
-/* @deprecated use evo-text-* mixins*/
-@mixin h1 {
-    @include evo-text-header(h1);
-}
-
-/* @deprecated use evo-text-* mixins*/
-@mixin h2 {
-    @include evo-text-header(h2);
-}
-
-/* @deprecated use evo-text-* mixins*/
-@mixin h3 {
-    @include evo-text-header(h3);
-}
-
-/* @deprecated use evo-text-* mixins*/
-@mixin h4 {
-    @include evo-text-header(h4);
-}
-
-/**
- * @deprecated use evo-input-* mixins
- */
-@mixin input {
-    @include evo-input(normal, default);
-}
-
-/**
- * @deprecated use evo-input-states mixin
- */
-@mixin evo-control-states {
-    @include evo-input-states();
-}
-
-@mixin hide-scroll {
-    -ms-overflow-style: none; /* Internet Explorer 10+ */
-    scrollbar-width: none; /* Firefox */
-
-    &::-webkit-scrollbar {
-        display: none;
-    }
-}
+@import 'variables.scss';
+@import './mixins/media-mixins';
+@import './mixins/evo-input-mixins';
+@import './mixins/evo-text-button-mixin';
+@import './mixins/evo-text-caption-mixin';
+@import './mixins/evo-text-header-mixin';
+@import './mixins/evo-text-mobile-header-mixin';
+@import './mixins/evo-text-paragraph-mixin';
+@import './mixins/evo-text-field-mixin';
+@import './mixins/evo-text-subtitle-mixin';
+@import './mixins/evo-text-tips-mixin';
+
+/* @include clearfix();*/
+@mixin clearfix() {
+    &:after {
+        content: '';
+        display: block;
+        clear: both;
+    }
+}
+
+/* @include clear-ul();*/
+@mixin clear-ul() {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+/* @include clear-btn();*/
+@mixin clear-btn() {
+    padding: 0;
+    overflow: visible;
+    color: inherit;
+    font: inherit;
+    line-height: inherit;
+    background: none;
+    border: 0;
+    -webkit-appearance: none;
+    user-select: none;
+
+    &::-moz-focus-inner {
+        padding: 0;
+        border: 0;
+    }
+}
+
+/* title mixins*/
+/* @deprecated use evo-text-* mixins*/
+@mixin title {
+    color: #333f48;
+    font-weight: 700;
+    font-family: var(--evo-font-secondary);
+}
+
+/* @deprecated use evo-text-* mixins*/
+@mixin h1 {
+    @include evo-text-header(h1);
+}
+
+/* @deprecated use evo-text-* mixins*/
+@mixin h2 {
+    @include evo-text-header(h2);
+}
+
+/* @deprecated use evo-text-* mixins*/
+@mixin h3 {
+    @include evo-text-header(h3);
+}
+
+/* @deprecated use evo-text-* mixins*/
+@mixin h4 {
+    @include evo-text-header(h4);
+}
+
+/**
+ * @deprecated use evo-input-* mixins
+ */
+@mixin input {
+    @include evo-input(normal, default);
+}
+
+/**
+ * @deprecated use evo-input-states mixin
+ */
+@mixin evo-control-states {
+    @include evo-input-states();
+}
+
+@mixin hide-scroll {
+    -ms-overflow-style: none; /* Internet Explorer 10+ */
+    scrollbar-width: none; /* Firefox */
+
+    &::-webkit-scrollbar {
+        display: none;
+    }
+}

package/styles/partials/_fonts.scss

@@ -1,2 +1,2 @@
-@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,400i,500,500i,700,700i&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,600;1,400;1,600&display=swap');
+@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,400i,500,500i,700,700i&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,600;1,400;1,600&display=swap');

package/styles/partials/_typography.scss

@@ -1,135 +1,135 @@
-@import '../mixins';
-
-.evo-text-field {
-    &_label {
-        @include evo-text-field(label);
-    }
-
-    &_placeholder {
-        @include evo-text-field(placeholder);
-    }
-
-    &_placeholder-bold {
-        @include evo-text-field(placeholder-bold);
-    }
-
-    &_hint {
-        @include evo-text-field(hint);
-    }
-
-    &_error {
-        @include evo-text-field(error);
-    }
-}
-
-.evo-text-paragraph {
-    &_p1 {
-        @include evo-text-paragraph(p1);
-    }
-
-    &_p2 {
-        @include evo-text-paragraph(p2);
-    }
-
-    &_p3 {
-        @include evo-text-paragraph(p3);
-    }
-
-    &_p4 {
-        @include evo-text-paragraph(p4);
-    }
-
-    &_p5 {
-        @include evo-text-paragraph(p5);
-    }
-
-    &_tips {
-        @include evo-text-paragraph(tips);
-    }
-}
-
-.evo-text-caption {
-    &_c1 {
-        @include evo-text-caption(c1);
-    }
-
-    &_c2 {
-        @include evo-text-caption(c2);
-    }
-
-    &_c3 {
-        @include evo-text-caption(c3);
-    }
-}
-
-.evo-text-subtitle {
-    &_s1 {
-        @include evo-text-subtitle(s1);
-    }
-
-    &_s2 {
-        @include evo-text-subtitle(s2);
-    }
-}
-
-.evo-text-header {
-    &_h1 {
-        @include evo-text-header(h1);
-    }
-
-    &_h2 {
-        @include evo-text-header(h2);
-    }
-
-    &_h3 {
-        @include evo-text-header(h3);
-    }
-
-    &_h4 {
-        @include evo-text-header(h4);
-    }
-
-    &_h5 {
-        @include evo-text-header(h5);
-    }
-}
-
-.evo-text-mobile-header {
-    &_h1 {
-        @include evo-text-mobile-header(h1);
-    }
-
-    &_h2 {
-        @include evo-text-mobile-header(h2);
-    }
-
-    &_h3 {
-        @include evo-text-mobile-header(h3);
-    }
-
-    &_h4 {
-        @include evo-text-mobile-header(h4);
-    }
-
-    &_h5 {
-        @include evo-text-mobile-header(h5);
-    }
-}
-
-.evo-text-tips {
-    @include evo-text-tips;
-}
-
-.evo-text-button {
-    &_b1 {
-        @include evo-text-button(b1);
-    }
-
-    &_b2 {
-        @include evo-text-button(b2);
-    }
-
-    &_b3 {
-        @include evo-text-button(b3);
-    }
-}
+@import '../mixins';
+
+.evo-text-field {
+    &_label {
+        @include evo-text-field(label);
+    }
+
+    &_placeholder {
+        @include evo-text-field(placeholder);
+    }
+
+    &_placeholder-bold {
+        @include evo-text-field(placeholder-bold);
+    }
+
+    &_hint {
+        @include evo-text-field(hint);
+    }
+
+    &_error {
+        @include evo-text-field(error);
+    }
+}
+
+.evo-text-paragraph {
+    &_p1 {
+        @include evo-text-paragraph(p1);
+    }
+
+    &_p2 {
+        @include evo-text-paragraph(p2);
+    }
+
+    &_p3 {
+        @include evo-text-paragraph(p3);
+    }
+
+    &_p4 {
+        @include evo-text-paragraph(p4);
+    }
+
+    &_p5 {
+        @include evo-text-paragraph(p5);
+    }
+
+    &_tips {
+        @include evo-text-paragraph(tips);
+    }
+}
+
+.evo-text-caption {
+    &_c1 {
+        @include evo-text-caption(c1);
+    }
+
+    &_c2 {
+        @include evo-text-caption(c2);
+    }
+
+    &_c3 {
+        @include evo-text-caption(c3);
+    }
+}
+
+.evo-text-subtitle {
+    &_s1 {
+        @include evo-text-subtitle(s1);
+    }
+
+    &_s2 {
+        @include evo-text-subtitle(s2);
+    }
+}
+
+.evo-text-header {
+    &_h1 {
+        @include evo-text-header(h1);
+    }
+
+    &_h2 {
+        @include evo-text-header(h2);
+    }
+
+    &_h3 {
+        @include evo-text-header(h3);
+    }
+
+    &_h4 {
+        @include evo-text-header(h4);
+    }
+
+    &_h5 {
+        @include evo-text-header(h5);
+    }
+}
+
+.evo-text-mobile-header {
+    &_h1 {
+        @include evo-text-mobile-header(h1);
+    }
+
+    &_h2 {
+        @include evo-text-mobile-header(h2);
+    }
+
+    &_h3 {
+        @include evo-text-mobile-header(h3);
+    }
+
+    &_h4 {
+        @include evo-text-mobile-header(h4);
+    }
+
+    &_h5 {
+        @include evo-text-mobile-header(h5);
+    }
+}
+
+.evo-text-tips {
+    @include evo-text-tips;
+}
+
+.evo-text-button {
+    &_b1 {
+        @include evo-text-button(b1);
+    }
+
+    &_b2 {
+        @include evo-text-button(b2);
+    }
+
+    &_b3 {
+        @include evo-text-button(b3);
+    }
+}