@teammodlr/ui-kit 2.1.41 → 2.1.44

package/src/css/transitions.css

@@ -1,40 +1,40 @@
-.m-transition__fade-enter-active,
-.m-transition__fade-leave-active {
-    transition: opacity 0.25s ease;
-}
-
-.m-transition__fade-enter-from,
-.m-transition__fade-leave-to {
-    opacity: 0;
-}
-
-.m-transition__scale-enter-active {
-    animation: scale-in 0.125s;
-}
-
-.m-transition__scale-leave-active {
-    animation: scale-in 0.125s reverse;
-}
-
-@keyframes scale-in {
-    0% {
-        transform: scale(0);
-        opacity: 0;
-    }
-
-    25% {
-        opacity: 0;
-    }
-
-    50% {
-        opacity: .5;
-    }
-
-    75% {
-        transform: scale(1);
-    }
-
-    100% {
-        opacity: 1;
-    }
-}
+.m-transition__fade-enter-active,
+.m-transition__fade-leave-active {
+    transition: opacity 0.25s ease;
+}
+
+.m-transition__fade-enter-from,
+.m-transition__fade-leave-to {
+    opacity: 0;
+}
+
+.m-transition__scale-enter-active {
+    animation: scale-in 0.125s;
+}
+
+.m-transition__scale-leave-active {
+    animation: scale-in 0.125s reverse;
+}
+
+@keyframes scale-in {
+    0% {
+        transform: scale(0);
+        opacity: 0;
+    }
+
+    25% {
+        opacity: 0;
+    }
+
+    50% {
+        opacity: .5;
+    }
+
+    75% {
+        transform: scale(1);
+    }
+
+    100% {
+        opacity: 1;
+    }
+}

package/src/css/variables.css

@@ -1,80 +1,80 @@
-/* :root {
-    --font-size: 14px;
-    --font-color: #333;
-    --font-family: 'Inter', sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-
-    --white: #FFF;
-    --black: #000;
-
-    --blue: hsl(212, 92%, 53%);
-    --blue-outline: hsla(212, 92%, 53%, .4);
-    --blue-hover: hsl(212, 97%, 58%);
-    --blue-focus: hsl(212, 97%, 45%);
-    --blue-light: hsl(212, 92%, 51%);
-    --blue-lighter: hsl(212, 92%, 58%);
-    --blue-dark: hsl(212, 92%, 37%);
-    --blue-darker: hsl(212, 92%, 27%);
-    --blue-secondary: hsl(212, 89%, 93%);
-    --blue-secondary-hover: hsl(212, 97%, 90%);
-    --blue-secondary-focus: hsl(212, 97%, 88%);
-
-    --green: hsl(148, 74%, 36%);
-    --green-outline: hsla(148, 74%, 36%, .4);
-    --green-hover: hsl(148, 52%, 45%);
-    --green-focus: hsl(148, 52%, 37%);
-    --green-light: hsl(148, 92%, 51%);
-    --green-lighter: hsl(148, 92%, 58%);
-    --green-dark: hsl(148, 92%, 29%);
-    --green-darker: hsl(148, 92%, 25%);
-    --green-secondary: hsl(148, 42%, 90%);
-    --green-secondary-hover: hsl(148, 42%, 86%);
-    --green-secondary-focus: hsl(148, 42%, 82%);
-
-    --red: hsl(348, 63%, 50%);
-    --red-outline: hsla(348, 63%, 50%, 4);
-    --red-hover: hsl(348, 68%, 56%);
-    --red-focus: hsl(348, 68%, 46%);
-    --red-light: hsl(348, 64%, 50%);
-    --red-lighter: hsl(348, 63%, 58%);
-    --red-dark: hsl(348, 63%, 46%);
-    --red-darker: hsl(348, 63%, 40%);
-    --red-secondary: hsl(348, 61%, 92%);
-    --red-secondary-hover: hsl(348, 61%, 89%);
-    --red-secondary-focus: hsl(348, 61%, 85%);
-
-    --yellow: hsl(37, 87%, 53%);
-    --yellow-outline: hsla(37, 87%, 53%, .4);
-    --yellow-hover: hsl(37, 87%, 59%);
-    --yellow-focus: hsl(37, 87%, 48%);
-    --yellow-light: hsl(37, 64%, 52%);
-    --yellow-lighter: hsl(37, 63%, 60%);
-    --yellow-dark: hsl(37, 63%, 48%);
-    --yellow-darker: hsl(37, 63%, 42%);
-    --yellow-secondary: hsl(37, 61%, 92%);
-    --yellow-secondary-hover: hsl(37, 61%, 87%);
-    --yellow-secondary-focus: hsl(37, 61%, 85%);
-
-    --gray-50: #fafaf9;
-    --gray-100: #f5f5f4;
-    --gray-150: #eeeeee;
-    --gray-200: #e7e5e4;
-    --gray-300: #d6d3d1;
-    --gray-400: #bdbab8;
-    --gray-500: #78716c;
-    --gray-600: #57534e;
-    --gray-700: #44403c;
-    --gray-800: #292524;
-    --gray-900: #1c1917;
-
-    --shadow: 0px 4px 10px 1px rgb(154 161 171 / 20%);
-}
-
-html,
-body {
-    height: 100%;
-    font-family: var(--font-family);
-}
-
-* {
-    box-sizing: border-box;
-} */
+/* :root {
+    --font-size: 14px;
+    --font-color: #333;
+    --font-family: 'Inter', sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+
+    --white: #FFF;
+    --black: #000;
+
+    --blue: hsl(212, 92%, 53%);
+    --blue-outline: hsla(212, 92%, 53%, .4);
+    --blue-hover: hsl(212, 97%, 58%);
+    --blue-focus: hsl(212, 97%, 45%);
+    --blue-light: hsl(212, 92%, 51%);
+    --blue-lighter: hsl(212, 92%, 58%);
+    --blue-dark: hsl(212, 92%, 37%);
+    --blue-darker: hsl(212, 92%, 27%);
+    --blue-secondary: hsl(212, 89%, 93%);
+    --blue-secondary-hover: hsl(212, 97%, 90%);
+    --blue-secondary-focus: hsl(212, 97%, 88%);
+
+    --green: hsl(148, 74%, 36%);
+    --green-outline: hsla(148, 74%, 36%, .4);
+    --green-hover: hsl(148, 52%, 45%);
+    --green-focus: hsl(148, 52%, 37%);
+    --green-light: hsl(148, 92%, 51%);
+    --green-lighter: hsl(148, 92%, 58%);
+    --green-dark: hsl(148, 92%, 29%);
+    --green-darker: hsl(148, 92%, 25%);
+    --green-secondary: hsl(148, 42%, 90%);
+    --green-secondary-hover: hsl(148, 42%, 86%);
+    --green-secondary-focus: hsl(148, 42%, 82%);
+
+    --red: hsl(348, 63%, 50%);
+    --red-outline: hsla(348, 63%, 50%, 4);
+    --red-hover: hsl(348, 68%, 56%);
+    --red-focus: hsl(348, 68%, 46%);
+    --red-light: hsl(348, 64%, 50%);
+    --red-lighter: hsl(348, 63%, 58%);
+    --red-dark: hsl(348, 63%, 46%);
+    --red-darker: hsl(348, 63%, 40%);
+    --red-secondary: hsl(348, 61%, 92%);
+    --red-secondary-hover: hsl(348, 61%, 89%);
+    --red-secondary-focus: hsl(348, 61%, 85%);
+
+    --yellow: hsl(37, 87%, 53%);
+    --yellow-outline: hsla(37, 87%, 53%, .4);
+    --yellow-hover: hsl(37, 87%, 59%);
+    --yellow-focus: hsl(37, 87%, 48%);
+    --yellow-light: hsl(37, 64%, 52%);
+    --yellow-lighter: hsl(37, 63%, 60%);
+    --yellow-dark: hsl(37, 63%, 48%);
+    --yellow-darker: hsl(37, 63%, 42%);
+    --yellow-secondary: hsl(37, 61%, 92%);
+    --yellow-secondary-hover: hsl(37, 61%, 87%);
+    --yellow-secondary-focus: hsl(37, 61%, 85%);
+
+    --gray-50: #fafaf9;
+    --gray-100: #f5f5f4;
+    --gray-150: #eeeeee;
+    --gray-200: #e7e5e4;
+    --gray-300: #d6d3d1;
+    --gray-400: #bdbab8;
+    --gray-500: #78716c;
+    --gray-600: #57534e;
+    --gray-700: #44403c;
+    --gray-800: #292524;
+    --gray-900: #1c1917;
+
+    --shadow: 0px 4px 10px 1px rgb(154 161 171 / 20%);
+}
+
+html,
+body {
+    height: 100%;
+    font-family: var(--font-family);
+}
+
+* {
+    box-sizing: border-box;
+} */