@cuby-ui/core 0.0.193 → 0.0.194

package/styles/mixins/inputs.scss

@@ -1,91 +1,91 @@
-@use '../variables/colors' as colors;
-@use '../variables/fonts' as fonts;
-@use './texts' as texts;
-@use './paddings' as paddings;
-@use './shadows' as shadows;
-@use './buttons' as buttons;
-
-@mixin cui-clear-input() {
-  padding: 0;
-  outline: none;
-  margin: 0;
-  border-width: 0;
-  appearance: none;
-  caret-color: currentColor;
-  background: none;
-  color: inherit;
-  font: inherit;
-  line-height: inherit;
-}
-
-@mixin cui-default-input() {
-  :host {
-    $border-width: 1px;
-
-    @include paddings.cui-padding(horizontal, 1.75, $border-width);
-    @include texts.cui-text-sm-regular();
-
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    border: $border-width solid colors.$cui-base-200;
-    border-radius: 8px;
-    cursor: text;
-    background: colors.$cui-input;
-    color: colors.$cui-base-900;
-    font-family: fonts.$cui-main-font;
-
-    &:hover {
-      border-color: colors.$cui-base-300;
-    }
-
-    &:focus-within {
-      @include shadows.cui-shadow-focused();
-
-      border-color: colors.$cui-info;
-    }
-
-    &[data-size='sm'] {
-      @include paddings.cui-padding(vertical, 1, $border-width);
-    }
-
-    &[data-size='md'] {
-      @include paddings.cui-padding(vertical, 1.125, $border-width);
-    }
-
-    &._disabled {
-      cursor: not-allowed;
-      opacity: 0.5;
-      background: colors.$cui-base-50;
-      border-color: colors.$cui-base-200;
-    }
-
-    &._with-error {
-      border-color: colors.$cui-danger;
-
-      &:focus-within {
-        @include shadows.cui-shadow-error-focused();
-      }
-    }
-  }
-
-  .c-input {
-    @include cui-clear-input();
-
-    width: 100%;
-
-    &:disabled {
-      cursor: not-allowed;
-    }
-
-    &::placeholder {
-      color: colors.$cui-base-400;
-    }
-  }
-
-  .c-button {
-    @include buttons.cui-clear-button();
-
-    display: flex;
-  }
-}
+@use '../variables/colors' as colors;
+@use '../variables/fonts' as fonts;
+@use './texts' as texts;
+@use './paddings' as paddings;
+@use './shadows' as shadows;
+@use './buttons' as buttons;
+
+@mixin cui-clear-input() {
+  padding: 0;
+  outline: none;
+  margin: 0;
+  border-width: 0;
+  appearance: none;
+  caret-color: currentColor;
+  background: none;
+  color: inherit;
+  font: inherit;
+  line-height: inherit;
+}
+
+@mixin cui-default-input() {
+  :host {
+    $border-width: 1px;
+
+    @include paddings.cui-padding(horizontal, 1.75, $border-width);
+    @include texts.cui-text-sm-regular();
+
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    border: $border-width solid colors.$cui-base-200;
+    border-radius: 8px;
+    cursor: text;
+    background: colors.$cui-input;
+    color: colors.$cui-base-900;
+    font-family: fonts.$cui-main-font;
+
+    &:hover {
+      border-color: colors.$cui-base-300;
+    }
+
+    &:focus-within {
+      @include shadows.cui-shadow-focused();
+
+      border-color: colors.$cui-info;
+    }
+
+    &[data-size='sm'] {
+      @include paddings.cui-padding(vertical, 1, $border-width);
+    }
+
+    &[data-size='md'] {
+      @include paddings.cui-padding(vertical, 1.125, $border-width);
+    }
+
+    &._disabled {
+      cursor: not-allowed;
+      opacity: 0.5;
+      background: colors.$cui-base-50;
+      border-color: colors.$cui-base-200;
+    }
+
+    &._with-error {
+      border-color: colors.$cui-danger;
+
+      &:focus-within {
+        @include shadows.cui-shadow-error-focused();
+      }
+    }
+  }
+
+  .c-input {
+    @include cui-clear-input();
+
+    width: 100%;
+
+    &:disabled {
+      cursor: not-allowed;
+    }
+
+    &::placeholder {
+      color: colors.$cui-base-400;
+    }
+  }
+
+  .c-button {
+    @include buttons.cui-clear-button();
+
+    display: flex;
+  }
+}

package/styles/mixins/lists.scss

@@ -1,5 +1,5 @@
-@mixin cui-clear-list() {
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
+@mixin cui-clear-list() {
+  padding: 0;
+  margin: 0;
+  list-style: none;
+}

package/styles/mixins/paddings.scss

@@ -1,35 +1,35 @@
-$space: 8px;
-
-@mixin cui-padding($direction, $size, $offset: 0) {
-  $padding: $space * $size - $offset;
-
-  @if ($direction == all) {
-    padding: $padding;
-  }
-
-  @if ($direction == top) {
-    padding-top: $padding;
-  }
-
-  @if ($direction == bottom) {
-    padding-bottom: $padding;
-  }
-
-  @if ($direction == vertical) {
-    padding-top: $padding;
-    padding-bottom: $padding;
-  }
-
-  @if ($direction == left) {
-    padding-left: $padding;
-  }
-
-  @if ($direction == right) {
-    padding-right: $padding;
-  }
-
-  @if ($direction == horizontal) {
-    padding-right: $padding;
-    padding-left: $padding;
-  }
-}
+$space: 8px;
+
+@mixin cui-padding($direction, $size, $offset: 0) {
+  $padding: $space * $size - $offset;
+
+  @if ($direction == all) {
+    padding: $padding;
+  }
+
+  @if ($direction == top) {
+    padding-top: $padding;
+  }
+
+  @if ($direction == bottom) {
+    padding-bottom: $padding;
+  }
+
+  @if ($direction == vertical) {
+    padding-top: $padding;
+    padding-bottom: $padding;
+  }
+
+  @if ($direction == left) {
+    padding-left: $padding;
+  }
+
+  @if ($direction == right) {
+    padding-right: $padding;
+  }
+
+  @if ($direction == horizontal) {
+    padding-right: $padding;
+    padding-left: $padding;
+  }
+}

package/styles/mixins/shadows.scss

@@ -1,38 +1,38 @@
-@use '../variables/colors' as colors;
-// TODO: вынести все цвета в перемнные
-
-@mixin cui-shadow-10() {
-  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04),
-              0 1px 4px 0 rgba(0, 0, 0, 0.04);
-}
-
-@mixin cui-shadow-15() {
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06),
-              0 1px 3px 0 rgba(0, 0, 0, 0.10);
-}
-
-@mixin cui-shadow-20() {
-  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06),
-              0 4px 6px -1px rgba(0, 0, 0, 0.10);
-}
-
-@mixin cui-shadow-25() {
-  box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.05),
-              0 10px 15px -3px rgba(0, 0, 0, 0.10);
-}
-
-@mixin cui-shadow-right() {
-  box-shadow: 5px 0 4px 0 rgba(0, 0, 0, 0.05);
-}
-
-@mixin cui-shadow-left() {
-  box-shadow: -5px 0 4px 0 rgba(0, 0, 0, 0.05);
-}
-
-@mixin cui-shadow-focused() {
-  box-shadow: 0 0 0 2px colors.$cui-focus;
-}
-
-@mixin cui-shadow-error-focused() {
-  box-shadow: 0 0 0 2px rgba(217, 45, 32, 0.25);
-}
+@use '../variables/colors' as colors;
+// TODO: вынести все цвета в перемнные
+
+@mixin cui-shadow-10() {
+  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04),
+              0 1px 4px 0 rgba(0, 0, 0, 0.04);
+}
+
+@mixin cui-shadow-15() {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06),
+              0 1px 3px 0 rgba(0, 0, 0, 0.10);
+}
+
+@mixin cui-shadow-20() {
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06),
+              0 4px 6px -1px rgba(0, 0, 0, 0.10);
+}
+
+@mixin cui-shadow-25() {
+  box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.05),
+              0 10px 15px -3px rgba(0, 0, 0, 0.10);
+}
+
+@mixin cui-shadow-right() {
+  box-shadow: 5px 0 4px 0 rgba(0, 0, 0, 0.05);
+}
+
+@mixin cui-shadow-left() {
+  box-shadow: -5px 0 4px 0 rgba(0, 0, 0, 0.05);
+}
+
+@mixin cui-shadow-focused() {
+  box-shadow: 0 0 0 2px colors.$cui-focus;
+}
+
+@mixin cui-shadow-error-focused() {
+  box-shadow: 0 0 0 2px rgba(217, 45, 32, 0.25);
+}