indicator-ui 0.1.124 → 0.1.132

package/dist/{scss/styles → styles}/adaptive/index.scss

@@ -1,142 +1,142 @@
-$tablet-width: 1024;
-
-$mobile: 480px;
-$tablet: 768px;
-$laptop: 1024px;
-$desktop: 1280px;
-$wide: 1440px;
-
-// НАДО СНЕСТИ ============================================================
-@mixin tablet-plus {
-  @media only screen and (min-width: #{$tablet-width}px) {
-    @content;
-  }
-}
-
-// НАДО СНЕСТИ ============================================================
-
-
-// НОВЫЕ !!!
-// ---------------- 📱 Mobile ----------------
-@mixin mobile-less { // меньше чем mobile
-  @media (max-width: #{$mobile - 1}) {
-    @content;
-  }
-}
-
-@mixin mobile-less-equal { // до и включая mobile
-  @media (max-width: #{$mobile}) {
-    @content;
-  }
-}
-
-@mixin mobile-more { // больше чем mobile
-  @media (min-width: #{$mobile + 1}) {
-    @content;
-  }
-}
-
-@mixin mobile-more-equal { // от mobile и выше
-  @media (min-width: #{$mobile}) {
-    @content;
-  }
-}
-
-@mixin mobile { // только mobile (0 - tablet-1)
-  @media (max-width: #{$tablet - 1}) {
-    @content;
-  }
-}
-
-// ---------------- 💻 Tablet ----------------
-@mixin tablet-less {
-  @media (max-width: #{$tablet - 1}) {
-    @content;
-  }
-}
-
-@mixin tablet-less-equal {
-  @media (max-width: #{$tablet}) {
-    @content;
-  }
-}
-
-@mixin tablet-more {
-  @media (min-width: #{$tablet + 1}) {
-    @content;
-  }
-}
-
-@mixin tablet-more-equal {
-  @media (min-width: #{$tablet}) {
-    @content;
-  }
-}
-
-@mixin tablet { // только tablet (от mobile до desktop-1)
-  @media (min-width: #{$mobile + 1}) and (max-width: #{$desktop - 1}) {
-    @content;
-  }
-}
-
-// ---------------- 🖥 Desktop ----------------
-@mixin desktop-less {
-  @media (max-width: #{$desktop - 1}) {
-    @content;
-  }
-}
-
-@mixin desktop-less-equal {
-  @media (max-width: #{$desktop}) {
-    @content;
-  }
-}
-
-@mixin desktop-more {
-  @media (min-width: #{$desktop + 1}) {
-    @content;
-  }
-}
-
-@mixin desktop-more-equal {
-  @media (min-width: #{$desktop}) {
-    @content;
-  }
-}
-
-@mixin desktop { // только desktop (от desktop до wide-1)
-  @media (min-width: #{$desktop}) and (max-width: #{$wide - 1}) {
-    @content;
-  }
-}
-
-// ---------------- 🖥️ Wide ----------------
-@mixin wide-less {
-  @media (max-width: #{$wide - 1}) {
-    @content;
-  }
-}
-
-@mixin wide-less-equal {
-  @media (max-width: #{$wide}) {
-    @content;
-  }
-}
-
-@mixin wide-more {
-  @media (min-width: #{$wide + 1}) {
-    @content;
-  }
-}
-
-@mixin wide-more-equal {
-  @media (min-width: #{$wide}) {
-    @content;
-  }
-}
-
-@mixin wide { // только wide (от wide и выше)
-  @media (min-width: #{$wide}) {
-    @content;
-  }
-}
+$tablet-width: 1024;
+
+$mobile: 480px;
+$tablet: 768px;
+$laptop: 1024px;
+$desktop: 1280px;
+$wide: 1440px;
+
+// НАДО СНЕСТИ ============================================================
+@mixin tablet-plus {
+  @media only screen and (min-width: #{$tablet-width}px) {
+    @content;
+  }
+}
+
+// НАДО СНЕСТИ ============================================================
+
+
+// НОВЫЕ !!!
+// ---------------- 📱 Mobile ----------------
+@mixin mobile-less { // меньше чем mobile
+  @media (max-width: #{$mobile - 1}) {
+    @content;
+  }
+}
+
+@mixin mobile-less-equal { // до и включая mobile
+  @media (max-width: #{$mobile}) {
+    @content;
+  }
+}
+
+@mixin mobile-more { // больше чем mobile
+  @media (min-width: #{$mobile + 1}) {
+    @content;
+  }
+}
+
+@mixin mobile-more-equal { // от mobile и выше
+  @media (min-width: #{$mobile}) {
+    @content;
+  }
+}
+
+@mixin mobile { // только mobile (0 - tablet-1)
+  @media (max-width: #{$tablet - 1}) {
+    @content;
+  }
+}
+
+// ---------------- 💻 Tablet ----------------
+@mixin tablet-less {
+  @media (max-width: #{$tablet - 1}) {
+    @content;
+  }
+}
+
+@mixin tablet-less-equal {
+  @media (max-width: #{$tablet}) {
+    @content;
+  }
+}
+
+@mixin tablet-more {
+  @media (min-width: #{$tablet + 1}) {
+    @content;
+  }
+}
+
+@mixin tablet-more-equal {
+  @media (min-width: #{$tablet}) {
+    @content;
+  }
+}
+
+@mixin tablet { // только tablet (от mobile до desktop-1)
+  @media (min-width: #{$mobile + 1}) and (max-width: #{$desktop - 1}) {
+    @content;
+  }
+}
+
+// ---------------- 🖥 Desktop ----------------
+@mixin desktop-less {
+  @media (max-width: #{$desktop - 1}) {
+    @content;
+  }
+}
+
+@mixin desktop-less-equal {
+  @media (max-width: #{$desktop}) {
+    @content;
+  }
+}
+
+@mixin desktop-more {
+  @media (min-width: #{$desktop + 1}) {
+    @content;
+  }
+}
+
+@mixin desktop-more-equal {
+  @media (min-width: #{$desktop}) {
+    @content;
+  }
+}
+
+@mixin desktop { // только desktop (от desktop до wide-1)
+  @media (min-width: #{$desktop}) and (max-width: #{$wide - 1}) {
+    @content;
+  }
+}
+
+// ---------------- 🖥️ Wide ----------------
+@mixin wide-less {
+  @media (max-width: #{$wide - 1}) {
+    @content;
+  }
+}
+
+@mixin wide-less-equal {
+  @media (max-width: #{$wide}) {
+    @content;
+  }
+}
+
+@mixin wide-more {
+  @media (min-width: #{$wide + 1}) {
+    @content;
+  }
+}
+
+@mixin wide-more-equal {
+  @media (min-width: #{$wide}) {
+    @content;
+  }
+}
+
+@mixin wide { // только wide (от wide и выше)
+  @media (min-width: #{$wide}) {
+    @content;
+  }
+}

package/dist/styles/colors/css-variables/fonts.css

@@ -0,0 +1,4 @@
+:root {
+    --golos-ui: 'Golos UI', sans-serif;
+    --golos: 'Golos Text', sans-serif;
+}

package/dist/styles/colors/css-variables/index.css

@@ -0,0 +1,3 @@
+@import './primary-var.css';
+@import './secondary-var.css';
+@import './fonts.css';

package/dist/styles/colors/css-variables/primary-var.css

@@ -0,0 +1,108 @@
+:root {
+    --base-white: #FFFFFF;
+    --base-black: #000000;
+
+    --gray-25: #FCFCFD;
+    --gray-50: #F9FAFB;
+    --gray-100: #F2F4F7;
+    --gray-200: #EAECF0;
+    --gray-300: #D0D5DD;
+    --gray-400: #98A2B3;
+    --gray-500: #667085;
+    --gray-600: #475467;
+    --gray-700: #344054;
+    --gray-800: #1D2939;
+    --gray-900: #101828;
+    --gray-950: #0C111D;
+
+    --primary-25: #F5F8FF;
+    --primary-50: #EFF4FF;
+    --primary-100: #D1E0FF;
+    --primary-200: #B2CCFF;
+    --primary-300: #84ADFF;
+    --primary-400: #528BFF;
+    --primary-500: #2970FF;
+    --primary-600: #155EEF;
+    --primary-700: #004EEB;
+    --primary-800: #0040C1;
+    --primary-900: #00359E;
+    --primary-950: #002266;
+
+    --error-25: #FFFBFA;
+    --error-50: #FEF3F2;
+    --error-100: #FEE4E2;
+    --error-200: #FECDCA;
+    --error-300: #FDA29B;
+    --error-400: #F97066;
+    --error-500: #F04438;
+    --error-600: #D92D20;
+    --error-700: #B42318;
+    --error-800: #912018;
+    --error-900: #7A271A;
+    --error-950: #55160C;
+
+    --warning-25: #FFFCF5;
+    --warning-50: #FFFAEB;
+    --warning-100: #FEF0C7;
+    --warning-200: #FEDF89;
+    --warning-300: #FEC84B;
+    --warning-400: #FDB022;
+    --warning-500: #F79009;
+    --warning-600: #DC6803;
+    --warning-700: #B54708;
+    --warning-800: #93370D;
+    --warning-900: #7A2E0E;
+    --warning-950: #4E1D09;
+
+    --success-25: #F6FEF9;
+    --success-50: #ECFDF3;
+    --success-100: #DCFAE6;
+    --success-200: #ABEFC6;
+    --success-300: #75E0A7;
+    --success-400: #47CD89;
+    --success-500: #17B26A;
+    --success-600: #079455;
+    --success-700: #067647;
+    --success-800: #085D3A;
+    --success-900: #074D31;
+    --success-950: #053321;
+
+    --gray-iron-25: #FCFCFC;
+    --gray-iron-50: #FAFAFA;
+    --gray-iron-100: #F4F4F5;
+    --gray-iron-200: #E4E4E7;
+    --gray-iron-300: #D1D1D6;
+    --gray-iron-400: #A0A0AB;
+    --gray-iron-500: #70707B;
+    --gray-iron-600: #51525C;
+    --gray-iron-700: #3F3F46;
+    --gray-iron-800: #26272B;
+    --gray-iron-900: #18181B;
+    --gray-iron-950: #131316;
+
+    --rose-25: #FFF5F6;
+    --rose-50: #FFF1F3;
+    --rose-100: #FFE4E8;
+    --rose-200: #FECDD6;
+    --rose-300: #FEA3B4;
+    --rose-400: #FD6F8E;
+    --rose-500: #F63D68;
+    --rose-600: #E31B54;
+    --rose-700: #C01048;
+    --rose-800: #A11043;
+    --rose-900: #89123E;
+    --rose-950: #510B24;
+
+    --pink-25: #FEF6FB;
+    --pink-50: #FDF2FA;
+    --pink-100: #FCE7F6;
+    --pink-200: #FCCEEE;
+    --pink-300: #FAA7E0;
+    --pink-400: #F670C7;
+    --pink-500: #EE46BC;
+    --pink-600: #DD2590;
+    --pink-700: #C11574;
+    --pink-800: #9E165F;
+    --pink-900: #851651;
+    --pink-950: #4E0D30;
+}

package/dist/styles/colors/css-variables/secondary-var.css

@@ -0,0 +1,74 @@
+:root {
+    --blue-dark-25: #F5F8FF;
+    --blue-dark-50: #EFF4FF;
+    --blue-dark-100: #D1E0FF;
+    --blue-dark-200: #B2CCFF;
+    --blue-dark-300: #84ADFF;
+    --blue-dark-400: #528BFF;
+    --blue-dark-500: #2970FF;
+    --blue-dark-600: #155EEF;
+    --blue-dark-700: #004EEB;
+    --blue-dark-800: #0040C1;
+    --blue-dark-900: #00359E;
+    --blue-dark-950: #002266;
+}
+
+:root {
+    --orange-25: #FEFAF5;
+    --orange-50: #FEF6EE;
+    --orange-100: #FDEAD7;
+    --orange-200: #F9DBAF;
+    --orange-300: #F7B27A;
+    --orange-400: #F38744;
+    --orange-500: #EF6820;
+    --orange-600: #E04F16;
+    --orange-700: #B93815;
+    --orange-800: #932F19;
+    --orange-900: #772917;
+    --orange-950: #511C10;
+}
+
+:root {
+    --moss-25: #FAFDF7;
+    --moss-50: #F5FBEE;
+    --moss-100: #E6F4D7;
+    --moss-200: #CEEAB0;
+    --moss-300: #ACDC79;
+    --moss-400: #86CB3C;
+    --moss-500: #669F2A;
+    --moss-600: #4F7A21;
+    --moss-700: #3F621A;
+    --moss-800: #335015;
+    --moss-900: #2B4212;
+    --moss-950: #1A280B;
+}
+
+:root {
+    --yellow-25: #FEFDF0;
+    --yellow-50: #FEFBE8;
+    --yellow-100: #FEF7C3;
+    --yellow-200: #FEEE95;
+    --yellow-300: #FDE272;
+    --yellow-400: #FAC515;
+    --yellow-500: #EAAA08;
+    --yellow-600: #CA8504;
+    --yellow-700: #A15C07;
+    --yellow-800: #854A0E;
+    --yellow-900: #713B12;
+    --yellow-950: #542C0D;
+}
+
+:root {
+    --teal-25: #F6FEFC;
+    --teal-50: #F0FDF9;
+    --teal-100: #CCFBEF;
+    --teal-200: #99F6E0;
+    --teal-300: #5FE9D0;
+    --teal-400: #2ED3B7;
+    --teal-500: #15B79E;
+    --teal-600: #0E9384;
+    --teal-700: #107569;
+    --teal-800: #125D56;
+    --teal-900: #134E48;
+    --teal-950: #0A2926;
+}

package/dist/styles/colors/index.scss

@@ -0,0 +1,2 @@
+@forward "primary";
+@forward "secondary";

package/dist/{scss/styles → styles}/colors/primary.scss

@@ -1,54 +1,54 @@
-$base-white: #FFFFFF !default;
-$base-black: #000000 !default;
-
-$gray-25: #FCFCFD !default;
-$gray-50: #F9FAFB !default;
-$gray-100: #F2F4F7 !default;
-$gray-200: #EAECF0 !default;
-$gray-300: #D0D5DD !default;
-$gray-400: #98A2B3 !default;
-$gray-500: #667085 !default;
-$gray-600: #475467 !default;
-$gray-700: #344054 !default;
-$gray-800: #1D2939 !default;
-$gray-900: #101828 !default;
-$gray-950: #0C111D !default;
-
-$primary-25: #FCFAFF !default;
-$primary-50: #F9F5FF !default;
-$primary-100: #F4EBFF !default;
-$primary-200: #E9D7FE !default;
-$primary-300: #D6BBFB !default;
-$primary-400: #B692F6 !default;
-$primary-500: #9E77ED !default;
-$primary-600: #7F56D9 !default;
-$primary-700: #6941C6 !default;
-$primary-800: #53389E !default;
-$primary-900: #42307D !default;
-$primary-950: #2C1C5F !default;
-
-$error-25: #FFFBFA !default;
-$error-50: #FEF3F2 !default;
-$error-100: #FEE4E2 !default;
-$error-200: #FECDCA !default;
-$error-300: #FDA29B !default;
-$error-400: #F97066 !default;
-$error-500: #F04438 !default;
-$error-600: #D92D20 !default;
-$error-700: #B42318 !default;
-$error-800: #912018 !default;
-$error-900: #7A271A !default;
-$error-950: #55160C !default;
-
-$warning-25: #FFFCF5 !default;
-$warning-50: #FFFAEB !default;
-$warning-100: #FEF0C7 !default;
-$warning-200: #FEDF89 !default;
-$warning-300: #FEC84B !default;
-$warning-400: #FDB022 !default;
-$warning-500: #F79009 !default;
-$warning-600: #DC6803 !default;
-$warning-700: #B54708 !default;
-$warning-800: #93370D !default;
-$warning-900: #7A2E0E !default;
-$warning-950: #4E1D09 !default;
+$base-white: #FFFFFF !default;
+$base-black: #000000 !default;
+
+$gray-25: #FCFCFD !default;
+$gray-50: #F9FAFB !default;
+$gray-100: #F2F4F7 !default;
+$gray-200: #EAECF0 !default;
+$gray-300: #D0D5DD !default;
+$gray-400: #98A2B3 !default;
+$gray-500: #667085 !default;
+$gray-600: #475467 !default;
+$gray-700: #344054 !default;
+$gray-800: #1D2939 !default;
+$gray-900: #101828 !default;
+$gray-950: #0C111D !default;
+
+$primary-25: #FCFAFF !default;
+$primary-50: #F9F5FF !default;
+$primary-100: #F4EBFF !default;
+$primary-200: #E9D7FE !default;
+$primary-300: #D6BBFB !default;
+$primary-400: #B692F6 !default;
+$primary-500: #9E77ED !default;
+$primary-600: #7F56D9 !default;
+$primary-700: #6941C6 !default;
+$primary-800: #53389E !default;
+$primary-900: #42307D !default;
+$primary-950: #2C1C5F !default;
+
+$error-25: #FFFBFA !default;
+$error-50: #FEF3F2 !default;
+$error-100: #FEE4E2 !default;
+$error-200: #FECDCA !default;
+$error-300: #FDA29B !default;
+$error-400: #F97066 !default;
+$error-500: #F04438 !default;
+$error-600: #D92D20 !default;
+$error-700: #B42318 !default;
+$error-800: #912018 !default;
+$error-900: #7A271A !default;
+$error-950: #55160C !default;
+
+$warning-25: #FFFCF5 !default;
+$warning-50: #FFFAEB !default;
+$warning-100: #FEF0C7 !default;
+$warning-200: #FEDF89 !default;
+$warning-300: #FEC84B !default;
+$warning-400: #FDB022 !default;
+$warning-500: #F79009 !default;
+$warning-600: #DC6803 !default;
+$warning-700: #B54708 !default;
+$warning-800: #93370D !default;
+$warning-900: #7A2E0E !default;
+$warning-950: #4E1D09 !default;

package/dist/{scss/styles → styles}/colors/secondary.scss

@@ -1,12 +1,12 @@
-$blue-dark-25: var(--blue-dark-25) !default;
-$blue-dark-50: var(--blue-dark-50) !default;
-$blue-dark-100: var(--blue-dark-100) !default;
-$blue-dark-200: var(--blue-dark-200) !default;
-$blue-dark-300: var(--blue-dark-300) !default;
-$blue-dark-400: var(--blue-dark-400) !default;
-$blue-dark-500: var(--blue-dark-500) !default;
-$blue-dark-600: var(--blue-dark-600) !default;
-$blue-dark-700: var(--blue-dark-700) !default;
-$blue-dark-800: var(--blue-dark-800) !default;
-$blue-dark-900: var(--blue-dark-900) !default;
-$blue-dark-950: var(--blue-dark-950) !default;
+$blue-dark-25: var(--blue-dark-25) !default;
+$blue-dark-50: var(--blue-dark-50) !default;
+$blue-dark-100: var(--blue-dark-100) !default;
+$blue-dark-200: var(--blue-dark-200) !default;
+$blue-dark-300: var(--blue-dark-300) !default;
+$blue-dark-400: var(--blue-dark-400) !default;
+$blue-dark-500: var(--blue-dark-500) !default;
+$blue-dark-600: var(--blue-dark-600) !default;
+$blue-dark-700: var(--blue-dark-700) !default;
+$blue-dark-800: var(--blue-dark-800) !default;
+$blue-dark-900: var(--blue-dark-900) !default;
+$blue-dark-950: var(--blue-dark-950) !default;

package/dist/{scss/styles → styles}/index.scss

@@ -1,3 +1,3 @@
-@forward "mixins";
-@forward "colors";
+@forward "mixins";
+@forward "colors";
 @forward "adaptive";

package/dist/{scss/styles → styles}/mixins/centerInsideContent.scss

@@ -1,7 +1,7 @@
-@mixin centerInsideContent {
-  & {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
+@mixin centerInsideContent {
+  & {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
 }

package/dist/{scss/styles → styles}/mixins/changeSvg.scss

@@ -1,26 +1,26 @@
-@mixin changeSvg($stroke: null, $fill: null, $width: null, $height: null, $flex: null) {
-  & {
-    svg {
-      @if ($width != null) {
-        width: #{$width}px;
-      }
-      @if ($height != null) {
-        height: #{$height}px;
-      }
-
-      @if ($flex != null) {
-        flex: $flex;
-      }
-
-      * {
-        @if ($stroke != null) {
-          stroke: $stroke;
-        }
-
-        @if ($fill != null) {
-          fill: $fill;
-        }
-      }
-    }
-  }
+@mixin changeSvg($stroke: null, $fill: null, $width: null, $height: null, $flex: null) {
+  & {
+    svg {
+      @if ($width != null) {
+        width: #{$width}px;
+      }
+      @if ($height != null) {
+        height: #{$height}px;
+      }
+
+      @if ($flex != null) {
+        flex: $flex;
+      }
+
+      * {
+        @if ($stroke != null) {
+          stroke: $stroke;
+        }
+
+        @if ($fill != null) {
+          fill: $fill;
+        }
+      }
+    }
+  }
 }