indicator-ui 0.1.69 → 0.1.71

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

@@ -1,18 +1,18 @@
-@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 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/scss/styles/mixins/modify-svg.scss

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

package/dist/scss/test/global.scss

@@ -1,83 +1,83 @@
-@import 'colors.css';
-
-@font-face {
-  font-family: "Golos UI";
-  src: local("Golos UI"),
-  url("/public/fontsAssets/Golos-UI/golos-ui_regular.ttf") format("truetype"),
-  url("/public/fontsAssets/Golos-UI/golos-ui_regular.woff2") format("woff2"),
-  url("/public/fontsAssets/Golos-UI/golos-ui_regular.woff") format("woff");
-  font-weight: 400;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "Golos UI";
-  src: local("Golos UI"),
-  url("/public/fontsAssets/Golos-UI/golos-ui_medium.ttf") format("truetype"),
-  url("/public/fontsAssets/Golos-UI/golos-ui_medium.woff2") format("woff2"),
-  url("/public/fontsAssets/Golos-UI/golos-ui_medium.woff") format("woff");
-  font-weight: 500;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "Golos UI";
-  src: local("Golos UI"),
-  url("/public/fontsAssets/Golos-UI/golos-ui_bold.ttf") format("truetype"),
-  url("/public/fontsAssets/Golos-UI/golos-ui_bold.woff2") format("woff2"),
-  url("/public/fontsAssets/Golos-UI/golos-ui_bold.woff") format("woff");
-  font-weight: 600;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "Golos Text";
-  src: local("Golos Text"),
-  url("/public/fontsAssets/Golos-Text/golos-text_regular.ttf") format("truetype"),
-  url("/public/fontsAssets/Golos-Text/golos-text_regular.woff2") format("woff2"),
-  url("/public/fontsAssets/Golos-Text/golos-text_regular.woff") format("woff");
-  font-weight: 400;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "Golos Text";
-  src: local("Golos Text"),
-  url("/public/fontsAssets/Golos-Text/golos-text_medium.ttf") format("truetype"),
-  url("/public/fontsAssets/Golos-Text/golos-text_medium.woff2") format("woff2"),
-  url("/public/fontsAssets/Golos-Text/golos-text_medium.woff") format("woff");
-  font-weight: 500;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "Golos Text";
-  src: local("Golos Text"),
-  url("/public/fontsAssets/Golos-Text/golos-text_demibold.ttf") format("truetype"),
-  url("/public/fontsAssets/Golos-Text/golos-text_demibold.woff2") format("woff2"),
-  url("/public/fontsAssets/Golos-Text/golos-text_demibold.woff") format("woff");
-  font-weight: 600;
-  font-style: normal;
-}
-
-
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-  outline: none;
-
-  border: transparent;
-  text-decoration: none;
-
-  // Управляет подсветкой при нажатии (актуально для iOS)
-  // В случае конфликтов — отключите это свойство
-  button, a {
-    -webkit-tap-highlight-color: transparent;
-  }
-
-  button {
-    cursor: pointer;
-    background: none;
-  }
+@import 'colors.css';
+
+@font-face {
+  font-family: "Golos UI";
+  src: local("Golos UI"),
+  url("/public/fontsAssets/Golos-UI/golos-ui_regular.ttf") format("truetype"),
+  url("/public/fontsAssets/Golos-UI/golos-ui_regular.woff2") format("woff2"),
+  url("/public/fontsAssets/Golos-UI/golos-ui_regular.woff") format("woff");
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Golos UI";
+  src: local("Golos UI"),
+  url("/public/fontsAssets/Golos-UI/golos-ui_medium.ttf") format("truetype"),
+  url("/public/fontsAssets/Golos-UI/golos-ui_medium.woff2") format("woff2"),
+  url("/public/fontsAssets/Golos-UI/golos-ui_medium.woff") format("woff");
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Golos UI";
+  src: local("Golos UI"),
+  url("/public/fontsAssets/Golos-UI/golos-ui_bold.ttf") format("truetype"),
+  url("/public/fontsAssets/Golos-UI/golos-ui_bold.woff2") format("woff2"),
+  url("/public/fontsAssets/Golos-UI/golos-ui_bold.woff") format("woff");
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Golos Text";
+  src: local("Golos Text"),
+  url("/public/fontsAssets/Golos-Text/golos-text_regular.ttf") format("truetype"),
+  url("/public/fontsAssets/Golos-Text/golos-text_regular.woff2") format("woff2"),
+  url("/public/fontsAssets/Golos-Text/golos-text_regular.woff") format("woff");
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Golos Text";
+  src: local("Golos Text"),
+  url("/public/fontsAssets/Golos-Text/golos-text_medium.ttf") format("truetype"),
+  url("/public/fontsAssets/Golos-Text/golos-text_medium.woff2") format("woff2"),
+  url("/public/fontsAssets/Golos-Text/golos-text_medium.woff") format("woff");
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Golos Text";
+  src: local("Golos Text"),
+  url("/public/fontsAssets/Golos-Text/golos-text_demibold.ttf") format("truetype"),
+  url("/public/fontsAssets/Golos-Text/golos-text_demibold.woff2") format("woff2"),
+  url("/public/fontsAssets/Golos-Text/golos-text_demibold.woff") format("woff");
+  font-weight: 600;
+  font-style: normal;
+}
+
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  outline: none;
+
+  border: transparent;
+  text-decoration: none;
+
+  // Управляет подсветкой при нажатии (актуально для iOS)
+  // В случае конфликтов — отключите это свойство
+  button, a {
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  button {
+    cursor: pointer;
+    background: none;
+  }
 }

package/dist/scss/ui/Buttons/styles/mixins/baseButton.scss

@@ -1,49 +1,49 @@
-@use '../../../../styles' as *;
-
-@mixin base-button() {
-  cursor: pointer;
-  transition: background-color ease-out 0.2s;
-  border-radius: 8px;
-  @include modify-flex(row, center, center);
-
-  .icon {
-    width: fit-content;
-    height: fit-content;
-    @include modify-flex(row, center, center);
-    @include modify-svg() {
-      * {
-        transition: stroke ease-out 0.2s;
-      }
-    }
-  }
-
-  .content {
-    @include modify-flex($align-items: center);
-
-    .text, .textSecondary {
-      flex: none;
-      text-align: center;
-      transition: color, weight 0.2s;
-    }
-
-    .textSecondary {
-      opacity: 0.6;
-    }
-  }
-
-  &.widthFill {
-    width: 100%;
-  }
-
-  &.widthHug {
-    width: fit-content;
-  }
-
-  &.heightFill {
-    height: 100%;
-  }
-
-  &.heightHug {
-    height: fit-content;
-  }
+@use '../../../../styles' as *;
+
+@mixin base-button() {
+  cursor: pointer;
+  transition: background-color ease-out 0.2s;
+  border-radius: 8px;
+  @include modify-flex(row, center, center);
+
+  .icon {
+    width: fit-content;
+    height: fit-content;
+    @include modify-flex(row, center, center);
+    @include modify-svg() {
+      * {
+        transition: stroke ease-out 0.2s;
+      }
+    }
+  }
+
+  .content {
+    @include modify-flex($align-items: center);
+
+    .text, .textSecondary {
+      flex: none;
+      text-align: center;
+      transition: color, weight 0.2s;
+    }
+
+    .textSecondary {
+      opacity: 0.6;
+    }
+  }
+
+  &.widthFill {
+    width: 100%;
+  }
+
+  &.widthHug {
+    width: fit-content;
+  }
+
+  &.heightFill {
+    height: 100%;
+  }
+
+  &.heightHug {
+    height: fit-content;
+  }
 }

package/dist/scss/ui/Buttons/styles/mixins/index.scss

@@ -1,2 +1,2 @@
-@forward "baseButton";
+@forward "baseButton";
 @forward "properties";

package/dist/scss/ui/Buttons/styles/mixins/properties/index.scss

@@ -1,22 +1,22 @@
-// Hierarchy
-@forward "primary";
-@forward "secondary-color";
-@forward "secondary-gray";
-@forward "tertiary-white";
-@forward "tertiary-color";
-@forward "tertiary-gray";
-@forward "tab-active";
-@forward "tab";
-@forward "link-color";
-@forward "link-black";
-@forward "link-gray";
-@forward "link-dark-theme";
-@forward "warning-primary";
-@forward "warning-secondary-color";
-@forward "warning-link-color";
-
-// Sizes
-@forward "small";
-@forward "medium";
-@forward "large";
+// Hierarchy
+@forward "primary";
+@forward "secondary-color";
+@forward "secondary-gray";
+@forward "tertiary-white";
+@forward "tertiary-color";
+@forward "tertiary-gray";
+@forward "tab-active";
+@forward "tab";
+@forward "link-color";
+@forward "link-black";
+@forward "link-gray";
+@forward "link-dark-theme";
+@forward "warning-primary";
+@forward "warning-secondary-color";
+@forward "warning-link-color";
+
+// Sizes
+@forward "small";
+@forward "medium";
+@forward "large";
 @forward "ultra";

package/dist/scss/ui/Buttons/styles/mixins/properties/large.scss

@@ -1,29 +1,29 @@
-@use '../../../../../styles' as *;
-
-@mixin largeButton {
-  // С учетом border
-  padding: 11px;
-
-  .icon {
-    @include modify-svg() {
-      & {
-        flex: none;
-        width: 20px;
-        height: 20px;
-      }
-    }
-  }
-
-  .content {
-    padding: 0 8px;
-    gap: 4px;
-
-    .text {
-      @include fnt-flex($size: 16, $line-height: 20, $weight: 500, $family: $golos-ui);
-    }
-
-    .textSecondary {
-      @include fnt-flex($size: 16, $line-height: 20, $weight: 400, $family: $golos-ui);
-    }
-  }
+@use '../../../../../styles' as *;
+
+@mixin largeButton {
+  // С учетом border
+  padding: 11px;
+
+  .icon {
+    @include modify-svg() {
+      & {
+        flex: none;
+        width: 20px;
+        height: 20px;
+      }
+    }
+  }
+
+  .content {
+    padding: 0 8px;
+    gap: 4px;
+
+    .text {
+      @include fnt-flex($size: 16, $line-height: 20, $weight: 500, $family: $golos-ui);
+    }
+
+    .textSecondary {
+      @include fnt-flex($size: 16, $line-height: 20, $weight: 400, $family: $golos-ui);
+    }
+  }
 }

package/dist/scss/ui/Buttons/styles/mixins/properties/link-black.scss

@@ -1,48 +1,48 @@
-@use '../../../../../styles' as *;
-
-@mixin linkBlackButton-hover-state {
-  .content {
-    .text, .textSecondary {
-      @include fnt-flex($color: var(--gray-900));
-    }
-  }
-
-  .icon {
-    @include modify-svg($stroke: var(--gray-900));
-  }
-}
-
-@mixin linkBlackButton {
-  padding: 0 !important;
-  gap: 4px;
-
-  .icon {
-    @include modify-svg($stroke: var(--gray-700));
-  }
-
-  .content {
-    padding: 0 !important;
-
-    .text, .textSecondary {
-      @include fnt-flex($color: var(--gray-700));
-    }
-  }
-
-  &:not(.disabled):not(:disabled) {
-    @include tablet-plus {
-      &:hover {
-        @include linkBlackButton-hover-state;
-      }
-    }
-
-    @include tablet {
-      &:active {
-        @include linkBlackButton-hover-state;
-      }
-    }
-  }
-
-  &:disabled, &.disabled {
-    opacity: 0.5;
-  }
+@use '../../../../../styles' as *;
+
+@mixin linkBlackButton-hover-state {
+  .content {
+    .text, .textSecondary {
+      @include fnt-flex($color: var(--gray-900));
+    }
+  }
+
+  .icon {
+    @include modify-svg($stroke: var(--gray-900));
+  }
+}
+
+@mixin linkBlackButton {
+  padding: 0 !important;
+  gap: 4px;
+
+  .icon {
+    @include modify-svg($stroke: var(--gray-700));
+  }
+
+  .content {
+    padding: 0 !important;
+
+    .text, .textSecondary {
+      @include fnt-flex($color: var(--gray-700));
+    }
+  }
+
+  &:not(.disabled):not(:disabled) {
+    @include tablet-plus {
+      &:hover {
+        @include linkBlackButton-hover-state;
+      }
+    }
+
+    @include tablet {
+      &:active {
+        @include linkBlackButton-hover-state;
+      }
+    }
+  }
+
+  &:disabled, &.disabled {
+    opacity: 0.5;
+  }
 }

package/dist/scss/ui/Buttons/styles/mixins/properties/link-color.scss

@@ -1,48 +1,48 @@
-@use '../../../../../styles' as *;
-
-@mixin linkColorButton-hover-state {
-  .content {
-    .text, .textSecondary {
-      @include fnt-flex($color: var(--primary-700));
-    }
-  }
-
-  .icon {
-    @include modify-svg($stroke: var(--primary-700));
-  }
-}
-
-@mixin linkColorButton {
-  padding: 0 !important;
-  gap: 4px;
-
-  .icon {
-    @include modify-svg($stroke: var(--primary-500));
-  }
-
-  .content {
-    padding: 0 !important;
-
-    .text, .textSecondary {
-      @include fnt-flex($color: var(--primary-500));
-    }
-  }
-
-  &:not(.disabled):not(:disabled) {
-    @include tablet-plus {
-      &:hover {
-        @include linkColorButton-hover-state;
-      }
-    }
-
-    @include tablet {
-      &:active {
-        @include linkColorButton-hover-state;
-      }
-    }
-  }
-
-  &:disabled, &.disabled {
-    opacity: 0.5;
-  }
+@use '../../../../../styles' as *;
+
+@mixin linkColorButton-hover-state {
+  .content {
+    .text, .textSecondary {
+      @include fnt-flex($color: var(--primary-700));
+    }
+  }
+
+  .icon {
+    @include modify-svg($stroke: var(--primary-700));
+  }
+}
+
+@mixin linkColorButton {
+  padding: 0 !important;
+  gap: 4px;
+
+  .icon {
+    @include modify-svg($stroke: var(--primary-500));
+  }
+
+  .content {
+    padding: 0 !important;
+
+    .text, .textSecondary {
+      @include fnt-flex($color: var(--primary-500));
+    }
+  }
+
+  &:not(.disabled):not(:disabled) {
+    @include tablet-plus {
+      &:hover {
+        @include linkColorButton-hover-state;
+      }
+    }
+
+    @include tablet {
+      &:active {
+        @include linkColorButton-hover-state;
+      }
+    }
+  }
+
+  &:disabled, &.disabled {
+    opacity: 0.5;
+  }
 }