indicator-ui 1.1.97 → 1.1.98

package/dist/styles/index.scss

@@ -1,3 +1,431 @@
-@forward "mixins";
-@forward "colors";
-@forward "adaptive";
+$golos-ui: var(--golos-ui);
+$golos-text: var(--golos);
+
+@mixin fnt(
+  $size: 16,
+  $line-height: 24,
+  $color: black,
+  $weight: 400,
+  $family: var(--golos-ui),
+  $stretch: normal,
+  $style: normal,
+  $variant: normal,
+  $units: px,
+) {
+  & {
+    font-size: #{$size}#{$units};
+    line-height: #{$line-height}#{$units};
+    color: $color;
+    font-weight: $weight;
+    font-family: $family;
+    font-stretch: $stretch;
+    font-style: $style;
+    font-variant: $variant;
+  }
+}
+
+@mixin fnt-flex(
+  $size: null,
+  $line-height: null,
+  $color: null,
+  $weight: null,
+  $family: null,
+  $stretch: null,
+  $style: null,
+  $variant: null,
+  $units: px,
+) {
+  & {
+    @if ($size != null) {
+      font-size: #{$size}#{$units};
+    }
+    @if ($line-height != null) {
+      line-height: #{$line-height}#{$units};
+    }
+    @if ($weight != null) {
+      font-weight: $weight;
+    }
+    @if ($color != null) {
+      color: $color;
+    }
+    @if ($family != null) {
+      font-family: $family;
+    }
+    @if ($stretch != null) {
+      font-stretch: $stretch;
+    }
+    @if ($style != null) {
+      font-style: $style;
+    }
+    @if ($variant != null) {
+      font-variant: $variant;
+    }
+  }
+}
+
+@mixin modify-flex($direction: null, $justify-content: null, $align-items: null) {
+  & {
+    display: flex;
+
+    @if ($direction != null) {
+      flex-direction: $direction;
+    }
+
+    @if ($justify-content != null) {
+      justify-content: $justify-content;
+    }
+
+    @if ($align-items != null) {
+      align-items: $align-items;
+    }
+    @content;
+  }
+}
+@mixin simple-modify-svg($stroke: null, $fill: null, $stroke-width: null, $transition: null) {
+  & {
+    * {
+      @if ($stroke != null) {
+        stroke: $stroke;
+      }
+
+      @if ($fill != null) {
+        fill: $fill;
+      }
+
+      @if ($stroke-width != null) {
+        stroke-width: $stroke-width;
+      }
+      @if ($transition != null) {
+        transition: $transition;
+      }
+    }
+
+    & {
+      @content;
+    }
+  }
+}
+
+@mixin modify-svg($stroke: null, $fill: null, $stroke-width: null, $transition: null) {
+  & > svg {
+    @include simple-modify-svg($stroke: $stroke, $fill: $fill, $stroke-width: $stroke-width) {
+      @content;
+    }
+  }
+}
+@mixin centerInsideContent {
+  & {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}
+@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 darkTheme() {
+  [data-theme="dark"] & {
+    @content;
+  }
+}
+@mixin hideScrollbar() {
+  & {
+    scrollbar-width: none; /* Firefox */
+    -ms-overflow-style: none; /* IE 10+ */
+
+    &::-webkit-scrollbar {
+      display: none; /* Chrome, Safari, Opera */
+    }
+  }
+}
+
+@mixin hoverIsAvailable {
+  @media (hover: hover) {
+    @content;
+  }
+}
+@mixin property-color(
+  $component,
+  $prefix: null,
+  $property,
+  $name: null,
+  $color,
+) {
+  $css-prefix: null;
+  @if ($prefix != null) {
+    $css-prefix: '-#{$prefix}-';
+  } @else {
+    $css-prefix: '-'
+  }
+  @if ($name == null) {
+    $name: $property
+  }
+
+  & {
+    #{$property}: var(--ui-#{$component}#{$css-prefix}#{$name}, $color);
+  }
+}
+$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;
+
+$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;
+
+$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;
+  }
+}
+
+// ---------------- 🖥 Laptop ----------------
+@mixin laptop-less {
+  @media (max-width: #{$laptop - 1}) {
+    @content;
+  }
+}
+
+@mixin laptop-less-equal {
+  @media (max-width: #{$laptop}) {
+    @content;
+  }
+}
+
+@mixin laptop-more {
+  @media (min-width: #{$laptop + 1}) {
+    @content;
+  }
+}
+
+@mixin laptop-more-equal {
+  @media (min-width: #{$laptop}) {
+    @content;
+  }
+}
+
+@mixin laptop { // только laptop (от tablet до desktop-1)
+  @media (min-width: #{$tablet + 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/package.json

@@ -11,7 +11,7 @@
     "react-components",
     "ui-kit"
   ],
-  "version": "1.1.97",
+  "version": "1.1.98",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",

package/dist/styles/adaptive/index.scss

@@ -1,173 +0,0 @@
-$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;
-  }
-}
-
-// ---------------- 🖥 Laptop ----------------
-@mixin laptop-less {
-  @media (max-width: #{$laptop - 1}) {
-    @content;
-  }
-}
-
-@mixin laptop-less-equal {
-  @media (max-width: #{$laptop}) {
-    @content;
-  }
-}
-
-@mixin laptop-more {
-  @media (min-width: #{$laptop + 1}) {
-    @content;
-  }
-}
-
-@mixin laptop-more-equal {
-  @media (min-width: #{$laptop}) {
-    @content;
-  }
-}
-
-@mixin laptop { // только laptop (от tablet до desktop-1)
-  @media (min-width: #{$tablet + 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

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

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

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

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

@@ -1,37 +0,0 @@
-:root {
-    /*BACKGROUND COLOR*/
-    --background-primary: #FFFFFF;
-    --background-secondary: #F9FAFB;
-    --background-tretiary: #F2F4F7;
-    --background-quaternary: #EAECF0;
-
-    /*TEXT COLOR*/
-    --text-buttons: #FFFFFF;
-    --text-secondary: #344054;
-    --text-tretiary: #667085;
-    --text-quaternary: #98A2B3;
-
-    /*ICONS COLOR*/
-    --icons-light: #EAECF0;
-    --icons-white: #FFFFFF;
-    --icons-primary: #667085;
-    --icons-secondary: #98A2B3;
-    --icons-tretiary: #D0D5DD;
-    --icons-quaternary: #EAECF0;
-
-    /*BORDER COLOR*/
-    --border-primary: #D0D5DD;
-    --border-secondary: #EAECF0;
-    --border-tretiary: #F2F4F7;
-
-    /*ELEMENTS COLOR*/
-    --elements-modals: #FFFFFF;
-    --elements-input: #FFFFFF;
-    --elements-button: #FFFFFF;
-
-    /*TABS COLOR*/
-    --tabs-active: #FFFFFF;
-    --tabs-active-hover: #F9FAFB;
-    --tabs-default: #F2F4F7;
-    --tabs-default-hover: #EAECF0;
-}

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

@@ -1,108 +0,0 @@
-: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

@@ -1,133 +0,0 @@
-: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;
-}
-
-:root {
-    --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;
-}
-
-:root {
-    --gray-blue-25: #FCFCFD;
-    --gray-blue-50: #F8F9FC;
-    --gray-blue-100: #EAECF5;
-    --gray-blue-200: #D5D9EB;
-    --gray-blue-300: #B3B8DB;
-    --gray-blue-400: #717BBC;
-    --gray-blue-500: #4E5BA6;
-    --gray-blue-600: #3E4784;
-    --gray-blue-700: #363F72;
-    --gray-blue-800: #293056;
-    --gray-blue-900: #101323;
-    --gray-blue-950: #0D0F1C;
-}
-
-:root {
-    --cyan-25: #F5FEFF;
-    --cyan-50: #ECFDFF;
-    --cyan-100: #CFF9FE;
-    --cyan-200: #A5F0FC;
-    --cyan-300: #67E3F9;
-    --cyan-400: #22CCEE;
-    --cyan-500: #06AED4;
-    --cyan-600: #088AB2;
-    --cyan-700: #0E7090;
-    --cyan-800: #155B75;
-    --cyan-900: #164C63;
-    --cyan-950: #0D2D3A;
-}
-:root {
-    --orange-dark-25: #FFF9F5;
-    --orange-dark-50: #FFF4ED;
-    --orange-dark-100: #FFE6D5;
-    --orange-dark-200: #FFD6AE;
-    --orange-dark-300: #FF9C66;
-    --orange-dark-400: #FF692E;
-    --orange-dark-500: #FF4405;
-    --orange-dark-600: #E62E05;
-    --orange-dark-700: #BC1B06;
-    --orange-dark-800: #97180C;
-    --orange-dark-900: #771A0D;
-    --orange-dark-950: #57130A;
-}

package/dist/styles/colors/index.scss

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

package/dist/styles/colors/primary.scss

@@ -1,54 +0,0 @@
-$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/styles/colors/secondary.scss

@@ -1,12 +0,0 @@
-$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/styles/mixins/centerInsideContent.scss

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

package/dist/styles/mixins/changeSvg.scss

@@ -1,26 +0,0 @@
-@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;
-        }
-      }
-    }
-  }
-}

package/dist/styles/mixins/fnt-flex.scss

@@ -1,38 +0,0 @@
-@mixin fnt-flex(
-  $size: null,
-  $line-height: null,
-  $color: null,
-  $weight: null,
-  $family: null,
-  $stretch: null,
-  $style: null,
-  $variant: null,
-  $units: px,
-) {
-  & {
-    @if ($size != null) {
-      font-size: #{$size}#{$units};
-    }
-    @if ($line-height != null) {
-      line-height: #{$line-height}#{$units};
-    }
-    @if ($weight != null) {
-      font-weight: $weight;
-    }
-    @if ($color != null) {
-      color: $color;
-    }
-    @if ($family != null) {
-      font-family: $family;
-    }
-    @if ($stretch != null) {
-      font-stretch: $stretch;
-    }
-    @if ($style != null) {
-      font-style: $style;
-    }
-    @if ($variant != null) {
-      font-variant: $variant;
-    }
-  }
-}

package/dist/styles/mixins/fnt.scss

@@ -1,25 +0,0 @@
-$golos-ui: var(--golos-ui);
-$golos-text: var(--golos);
-
-@mixin fnt(
-  $size: 16,
-  $line-height: 24,
-  $color: black,
-  $weight: 400,
-  $family: var(--golos-ui),
-  $stretch: normal,
-  $style: normal,
-  $variant: normal,
-  $units: px,
-) {
-  & {
-    font-size: #{$size}#{$units};
-    line-height: #{$line-height}#{$units};
-    color: $color;
-    font-weight: $weight;
-    font-family: $family;
-    font-stretch: $stretch;
-    font-style: $style;
-    font-variant: $variant;
-  }
-}

package/dist/styles/mixins/index.scss

@@ -1,9 +0,0 @@
-@forward "fnt";
-@forward "fnt-flex";
-@forward "modify-flex";
-@forward "modify-svg";
-@forward "centerInsideContent";
-@forward "changeSvg";
-@forward "themes";
-@forward "utils";
-@forward "property-color";

package/dist/styles/mixins/modify-flex.scss

@@ -1,18 +0,0 @@
-@mixin modify-flex($direction: null, $justify-content: null, $align-items: null) {
-  & {
-    display: flex;
-
-    @if ($direction != null) {
-      flex-direction: $direction;
-    }
-
-    @if ($justify-content != null) {
-      justify-content: $justify-content;
-    }
-
-    @if ($align-items != null) {
-      align-items: $align-items;
-    }
-    @content;
-  }
-}

package/dist/styles/mixins/modify-svg.scss

@@ -1,32 +0,0 @@
-@mixin simple-modify-svg($stroke: null, $fill: null, $stroke-width: null, $transition: null) {
-  & {
-    * {
-      @if ($stroke != null) {
-        stroke: $stroke;
-      }
-
-      @if ($fill != null) {
-        fill: $fill;
-      }
-
-      @if ($stroke-width != null) {
-        stroke-width: $stroke-width;
-      }
-      @if ($transition != null) {
-        transition: $transition;
-      }
-    }
-
-    & {
-      @content;
-    }
-  }
-}
-
-@mixin modify-svg($stroke: null, $fill: null, $stroke-width: null, $transition: null) {
-  & > svg {
-    @include simple-modify-svg($stroke: $stroke, $fill: $fill, $stroke-width: $stroke-width) {
-      @content;
-    }
-  }
-}

package/dist/styles/mixins/property-color.scss

@@ -1,21 +0,0 @@
-@mixin property-color(
-  $component,
-  $prefix: null,
-  $property,
-  $name: null,
-  $color,
-) {
-  $css-prefix: null;
-  @if ($prefix != null) {
-    $css-prefix: '-#{$prefix}-';
-  } @else {
-    $css-prefix: '-'
-  }
-  @if ($name == null) {
-    $name: $property
-  }
-
-  & {
-    #{$property}: var(--ui-#{$component}#{$css-prefix}#{$name}, $color);
-  }
-}

package/dist/styles/mixins/themes.scss

@@ -1,5 +0,0 @@
-@mixin darkTheme() {
-  [data-theme="dark"] & {
-    @content;
-  }
-}

package/dist/styles/mixins/utils.scss

@@ -1,16 +0,0 @@
-@mixin hideScrollbar() {
-  & {
-    scrollbar-width: none; /* Firefox */
-    -ms-overflow-style: none; /* IE 10+ */
-
-    &::-webkit-scrollbar {
-      display: none; /* Chrome, Safari, Opera */
-    }
-  }
-}
-
-@mixin hoverIsAvailable {
-  @media (hover: hover) {
-    @content;
-  }
-}