@itcase/ui 1.8.178 → 1.9.0

package/dist/css/mixins/mixin_typography.css

@@ -1,237 +0,0 @@
-@define-mixin h1 $weight: normal, $minLetterSpacing: 0, $maxLetterSpacing: 0 {
-  @mixin font $weight, var(--typography-h1-min), var(--typography-h1-max),
-    $minLetterSpacing, var(--typography-h1-min-line-height),
-    var(--typography-h1-max-line-height), $maxLetterSpacing,
-    var(--typography-h1-font);
-}
-
-@define-mixin h2 $weight: normal, $minLetterSpacing: 0, $maxLetterSpacing: 0 {
-  @mixin font $weight, var(--typography-h2-min), var(--typography-h2-max),
-    $minLetterSpacing, var(--typography-h2-min-line-height),
-    var(--typography-h2-max-line-height), $maxLetterSpacing,
-    var(--typography-h2-font);
-}
-
-@define-mixin h3 $weight: normal, $minLetterSpacing: 0, $maxLetterSpacing: 0 {
-  @mixin font $weight, var(--typography-h3-min), var(--typography-h3-max),
-    $minLetterSpacing, var(--typography-h3-min-line-height),
-    var(--typography-h3-max-line-height), $maxLetterSpacing,
-    var(--typography-h3-font);
-}
-
-@define-mixin h4 $weight: normal, $minLetterSpacing: 0, $maxLetterSpacing: 0 {
-  @mixin font $weight, var(--typography-h4-min), var(--typography-h4-max),
-    $minLetterSpacing, var(--typography-h4-min-line-height),
-    var(--typography-h4-max-line-height), $maxLetterSpacing,
-    var(--typography-h4-font);
-}
-
-@define-mixin h5 $weight: normal, $minLetterSpacing: 0, $maxLetterSpacing: 0 {
-  @mixin font $weight, var(--typography-h5-min), var(--typography-h5-max),
-    $minLetterSpacing, var(--typography-h5-min-line-height),
-    var(--typography-h5-max-line-height), $maxLetterSpacing,
-    var(--typography-h5-font);
-}
-
-@define-mixin h6 $weight: normal, $minLetterSpacing: 0, $maxLetterSpacing: 0 {
-  @mixin font $weight, var(--typography-h6-min), var(--typography-h6-max),
-    $minLetterSpacing, var(--typography-h6-min-line-height),
-    var(--typography-h6-max-line-height), $maxLetterSpacing,
-    var(--typography-h6-font);
-}
-
-@define-mixin hero_h1 $weight: normal, $minLetterSpacing: 0,
-  $maxLetterSpacing: 0 {
-  @mixin font $weight, var(--typography-hero1-min), var(--typography-hero1-max),
-    $minLetterSpacing, var(--typography-hero1-min-line-height),
-    var(--typography-hero1-max-line-height), $maxLetterSpacing,
-    var(--typography-hero1-font);
-}
-
-@define-mixin hero_h2 $weight: normal, $minLetterSpacing: 0,
-  $maxLetterSpacing: 0 {
-  @mixin font $weight, var(--typography-hero2-min), var(--typography-hero2-max),
-    $minLetterSpacing, var(--typography-hero2-min-line-height),
-    var(--typography-hero2-max-line-height), $maxLetterSpacing,
-    var(--typography-hero2-font);
-}
-
-@define-mixin hero_h3 $weight: normal, $minLetterSpacing: 0,
-  $maxLetterSpacing: 0 {
-  @mixin font $weight, var(--typography-hero3-min), var(--typography-hero3-max),
-    $minLetterSpacing, var(--typography-hero3-min-line-height),
-    var(--typography-hero3-max-line-height), $maxLetterSpacing,
-    var(--typography-hero3-font);
-}
-
-@define-mixin hero_h4 $weight: normal, $minLetterSpacing: 0,
-  $maxLetterSpacing: 0 {
-  @mixin font $weight, var(--typography-hero4-min), var(--typography-hero4-max),
-    $minLetterSpacing, var(--typography-hero4-min-line-height),
-    var(--typography-hero4-max-line-height), $maxLetterSpacing,
-    var(--typography-hero4-font);
-}
-
-@define-mixin hero_h5 $weight: normal, $minLetterSpacing: 0,
-  $maxLetterSpacing: 0 {
-  @mixin font $weight, var(--typography-hero5-min), var(--typography-hero5-max),
-    $minLetterSpacing, var(--typography-hero5-min-line-height),
-    var(--typography-hero5-max-line-height), $maxLetterSpacing,
-    var(--typography-hero5-font);
-}
-
-@define-mixin hero_h6 $weight: normal, $minLetterSpacing: 0,
-  $maxLetterSpacing: 0 {
-  @mixin font $weight, var(--typography-hero6-min), var(--typography-hero6-max),
-    $minLetterSpacing, var(--typography-hero6-min-line-height),
-    var(--typography-hero6-max-line-height), $maxLetterSpacing,
-    var(--typography-hero6-font);
-}
-
-@define-mixin p $weight: normal, $minLetterSpacing: 0, $maxLetterSpacing: 0 {
-  @mixin font $weight, var(--typography-p-min), var(--typography-p-max),
-    $minLetterSpacing, var(--typography-p-min-line-height),
-    var(--typography-p-max-line-height), $maxLetterSpacing,
-    var(--typography-p-font);
-}
-
-@define-mixin text-xxl $weight: normal, $minLetterSpacing: 0,
-  $maxLetterSpacing: 0 {
-  @mixin font $weight, var(--typography-text-xxl-min),
-    var(--typography-text-xxl-max), $minLetterSpacing,
-    var(--typography-text-xxl-min-line-height),
-    var(--typography-text-xxl-max-line-height), $maxLetterSpacing,
-    var(--typography-text-xxl-font);
-}
-
-@define-mixin text-xl $weight: normal, $minLetterSpacing: 0,
-  $maxLetterSpacing: 0 {
-  @mixin font $weight, var(--typography-text-xl-min),
-    var(--typography-text-xl-max), $minLetterSpacing,
-    var(--typography-text-xl-min-line-height),
-    var(--typography-text-xl-max-line-height), $maxLetterSpacing,
-    var(--typography-text-xl-font);
-}
-
-@define-mixin text-l $weight: normal, $minLetterSpacing: 0, $maxLetterSpacing: 0 {
-  @mixin font $weight, var(--typography-text-l-min),
-    var(--typography-text-l-max), $minLetterSpacing,
-    var(--typography-text-l-min-line-height),
-    var(--typography-text-l-max-line-height), $maxLetterSpacing,
-    var(--typography-text-l-font);
-}
-
-@define-mixin text-m $weight: normal, $minLetterSpacing: 0, $maxLetterSpacing: 0 {
-  @mixin font $weight, var(--typography-text-m-min),
-    var(--typography-text-m-max), $minLetterSpacing,
-    var(--typography-text-m-min-line-height),
-    var(--typography-text-m-max-line-height), $maxLetterSpacing,
-    var(--typography-text-m-font);
-}
-
-@define-mixin text-s $weight: normal, $minLetterSpacing: 0, $maxLetterSpacing: 0 {
-  @mixin font $weight, var(--typography-text-s-min),
-    var(--typography-text-s-max), $minLetterSpacing,
-    var(--typography-text-s-min-line-height),
-    var(--typography-text-s-max-line-height), $maxLetterSpacing,
-    var(--typography-text-s-font);
-}
-
-@define-mixin text-xs $weight: normal, $minLetterSpacing: 0,
-  $maxLetterSpacing: 0 {
-  @mixin font $weight, var(--typography-text-xs-min),
-    var(--typography-text-xs-max), $minLetterSpacing,
-    var(--typography-text-xs-min-line-height),
-    var(--typography-text-xs-max-line-height), $maxLetterSpacing,
-    var(--typography-text-xs-font);
-}
-
-@define-mixin text-xxs $weight: normal, $minLetterSpacing: 0,
-  $maxLetterSpacing: 0 {
-  @mixin font $weight, var(--typography-text-xxs-min),
-    var(--typography-text-xxs-max), $minLetterSpacing,
-    var(--typography-text-xxs-min-line-height),
-    var(--typography-text-xxs-max-line-height), $maxLetterSpacing,
-    var(--typography-text-xxs-font);
-}
-
-@define-mixin email-h1 $weight: normal {
-  @mixin font-fixed $weight, var(--typography-email-h1),
-    var(--typography-email-h1-line-height), var(--font-email);
-}
-
-@define-mixin email-h2 $weight: normal {
-  @mixin font-fixed $weight, var(--typography-email-h2),
-    var(--typography-email-h2-line-height), var(--font-email);
-}
-
-@define-mixin email-h3 $weight: normal {
-  @mixin font-fixed $weight, var(--typography-email-h3),
-    var(--typography-email-h3-line-height), var(--font-email);
-}
-
-@define-mixin email-h4 $weight: normal {
-  @mixin font-fixed $weight, var(--typography-email-h4),
-    var(--typography-email-h4-line-height), var(--font-email);
-}
-
-@define-mixin email-h5 $weight: normal {
-  @mixin font-fixed $weight, var(--typography-email-h5),
-    var(--typography-email-h5-line-height), var(--font-email);
-}
-
-@define-mixin email-h6 $weight: normal {
-  @mixin font-fixed $weight, var(--typography-email-h6),
-    var(--typography-email-h6-line-height), var(--font-email);
-}
-
-@define-mixin email-p $weight: normal {
-  @mixin font-fixed $weight, var(--typography-email-p),
-    var(--typography-email-p-line-height), var(--font-email);
-}
-
-@define-mixin email-text-xxl $weight: normal {
-  @mixin font-fixed $weight, var(--typography-email-text-xxl),
-    var(--typography-email-text-xxl-line-height), var(--font-email);
-}
-
-@define-mixin email-text-xl $weight: normal {
-  @mixin font-fixed $weight, var(--typography-email-text-xl),
-    var(--typography-email-text-xl-line-height), var(--font-email);
-}
-
-@define-mixin email-text-l $weight: normal {
-  @mixin font-fixed $weight, var(--typography-email-text-l),
-    var(--typography-email-text-l-line-height), var(--font-email);
-}
-
-@define-mixin email-text-m $weight: normal {
-  @mixin font-fixed $weight, var(--typography-email-text-m),
-    var(--typography-email-text-m-line-height), var(--font-email);
-}
-
-@define-mixin email-text-s $weight: normal {
-  @mixin font-fixed $weight, var(--typography-email-text-s),
-    var(--typography-email-text-s-line-height), var(--font-email);
-}
-
-@define-mixin email-text-xs $weight: normal {
-  @mixin font-fixed $weight, var(--typography-email-text-xs),
-    var(--typographyemail-text-xs-line-height), var(--font-email);
-}
-
-@define-mixin email-text-xxs $weight: normal {
-  @mixin font-fixed $weight, var(--typography-email-text-xxs),
-    var(--typography-email-text-xxs-line-height), var(--font-email);
-}
-
-@define-mixin text-gradient-primary {
-  color: transparent;
-  background: linear-gradient(
-    90deg,
-    hsl(266, 100%, 64%, 1) 0%,
-    hsl(213, 79%, 68%, 1) 50%
-  );
-  background-clip: text;
-  text-fill-color: transparent;
-}

package/dist/css/mixins/mixin_utils.css

@@ -1,54 +0,0 @@
-/* stylelint-disable declaration-property-value-keyword-no-deprecated */
-@define-mixin font $fontWeight, $minFontSize, $maxFontSize, $minLetterSpacing,
-  $minLineHeight, $maxLineHeight, $maxLetterSpacing, $fontFamily {
-  font-size: fluid(
-    $minFontSize,
-    $maxFontSize,
-    var(--typography-min-viewport),
-    var(--typography-max-viewport)
-  );
-  font-weight: $fontWeight;
-  line-height: fluid(
-    $minLineHeight,
-    $maxLineHeight,
-    var(--typography-min-viewport),
-    var(--typography-max-viewport)
-  );
-  letter-spacing: fluid(
-    $minLetterSpacing,
-    $maxLetterSpacing,
-    var(--typography-min-viewport),
-    var(--typography-max-viewport)
-  );
-  font-family: $fontFamily;
-}
-@define-mixin font-fixed $weight, $size, $line, $family {
-  font-size: $size;
-  font-weight: $weight;
-  font-family: $family;
-  line-height: $line;
-}
-@define-mixin word-wrap {
-  overflow-wrap: break-word;
-  word-wrap: break-word;
-  -ms-word-break: break-all;
-  word-break: break-all;
-  word-break: break-word;
-  hyphens: auto;
-}
-@define-mixin truncate-text $font-size: 16px, $line-height: 1.4,
-  $lines-to-show: 2 {
-  position: relative;
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-line-clamp: $lines-to-show;
-  -webkit-box-orient: vertical;
-  word-wrap: break-word;
-  text-overflow: ellipsis;
-  visibility: visible;
-  @supports not (-webkit-line-clamp: $lines-to-show) {
-    max-height: $font-size * $line-height * $lines-to-show;
-    line-height: $line-height;
-    display: block;
-  }
-}

package/dist/css/styles/align/align.css

@@ -1,25 +0,0 @@
-
-  .align,
-  div.align {
-    &_center {
-      margin: 0 auto;
-    }
-  }
-.align,
-  button.align {
-    &_center {
-      margin: 0 auto;
-    }
-  }
-.align,
-  input.align {
-    &_center {
-      margin: 0 auto;
-    }
-  }
-.align,
-  textarea.align {
-    &_center {
-      margin: 0 auto;
-    }
-  }

package/dist/css/styles/align/align_horizontal-reverse.css

@@ -1,252 +0,0 @@
-%align-horizontal-reverse {
-  display: flex;
-  flex-direction: row-reverse;
-}
-
-.align,
-  div.align {
-    &_horizontal-reverse {
-      display: flex;
-      flex-direction: row-reverse;
-      @extend %align-horizontal-reverse;
-      &-top {
-        &-left {
-          align-items: flex-start;
-          @extend %align-horizontal-reverse;
-        }
-        &-center {
-          text-align: center;
-          justify-content: center;
-          align-items: flex-start;
-          @extend %align-horizontal-reverse;
-        }
-        &-right {
-          text-align: right;
-          justify-content: flex-end;
-          align-items: flex-start;
-          @extend %align-horizontal-reverse;
-        }
-      }
-      &-left {
-        align-items: center;
-        @extend %align-horizontal-reverse;
-      }
-      &-center {
-        text-align: center;
-        justify-content: center;
-        align-items: center;
-        @extend %align-horizontal-reverse;
-      }
-      &-right {
-        text-align: right;
-        justify-content: flex-end;
-        align-items: center;
-        @extend %align-horizontal-reverse;
-      }
-      &-bottom {
-        &-left {
-          flex-direction: row;
-          align-items: flex-end;
-          @extend %align-horizontal-reverse;
-        }
-        &-center {
-          text-align: center;
-          justify-content: center;
-          align-items: flex-end;
-          @extend %align-horizontal-reverse;
-        }
-        &-right {
-          text-align: right;
-          justify-content: flex-end;
-          align-items: flex-end;
-          @extend %align-horizontal-reverse;
-        }
-      }
-    }
-  }
-
-.align,
-  button.align {
-    &_horizontal-reverse {
-      display: flex;
-      flex-direction: row-reverse;
-      @extend %align-horizontal-reverse;
-      &-top {
-        &-left {
-          align-items: flex-start;
-          @extend %align-horizontal-reverse;
-        }
-        &-center {
-          text-align: center;
-          justify-content: center;
-          align-items: flex-start;
-          @extend %align-horizontal-reverse;
-        }
-        &-right {
-          text-align: right;
-          justify-content: flex-end;
-          align-items: flex-start;
-          @extend %align-horizontal-reverse;
-        }
-      }
-      &-left {
-        align-items: center;
-        @extend %align-horizontal-reverse;
-      }
-      &-center {
-        text-align: center;
-        justify-content: center;
-        align-items: center;
-        @extend %align-horizontal-reverse;
-      }
-      &-right {
-        text-align: right;
-        justify-content: flex-end;
-        align-items: center;
-        @extend %align-horizontal-reverse;
-      }
-      &-bottom {
-        &-left {
-          flex-direction: row;
-          align-items: flex-end;
-          @extend %align-horizontal-reverse;
-        }
-        &-center {
-          text-align: center;
-          justify-content: center;
-          align-items: flex-end;
-          @extend %align-horizontal-reverse;
-        }
-        &-right {
-          text-align: right;
-          justify-content: flex-end;
-          align-items: flex-end;
-          @extend %align-horizontal-reverse;
-        }
-      }
-    }
-  }
-
-.align,
-  input.align {
-    &_horizontal-reverse {
-      display: flex;
-      flex-direction: row-reverse;
-      @extend %align-horizontal-reverse;
-      &-top {
-        &-left {
-          align-items: flex-start;
-          @extend %align-horizontal-reverse;
-        }
-        &-center {
-          text-align: center;
-          justify-content: center;
-          align-items: flex-start;
-          @extend %align-horizontal-reverse;
-        }
-        &-right {
-          text-align: right;
-          justify-content: flex-end;
-          align-items: flex-start;
-          @extend %align-horizontal-reverse;
-        }
-      }
-      &-left {
-        align-items: center;
-        @extend %align-horizontal-reverse;
-      }
-      &-center {
-        text-align: center;
-        justify-content: center;
-        align-items: center;
-        @extend %align-horizontal-reverse;
-      }
-      &-right {
-        text-align: right;
-        justify-content: flex-end;
-        align-items: center;
-        @extend %align-horizontal-reverse;
-      }
-      &-bottom {
-        &-left {
-          flex-direction: row;
-          align-items: flex-end;
-          @extend %align-horizontal-reverse;
-        }
-        &-center {
-          text-align: center;
-          justify-content: center;
-          align-items: flex-end;
-          @extend %align-horizontal-reverse;
-        }
-        &-right {
-          text-align: right;
-          justify-content: flex-end;
-          align-items: flex-end;
-          @extend %align-horizontal-reverse;
-        }
-      }
-    }
-  }
-
-.align,
-  textarea.align {
-    &_horizontal-reverse {
-      display: flex;
-      flex-direction: row-reverse;
-      @extend %align-horizontal-reverse;
-      &-top {
-        &-left {
-          align-items: flex-start;
-          @extend %align-horizontal-reverse;
-        }
-        &-center {
-          text-align: center;
-          justify-content: center;
-          align-items: flex-start;
-          @extend %align-horizontal-reverse;
-        }
-        &-right {
-          text-align: right;
-          justify-content: flex-end;
-          align-items: flex-start;
-          @extend %align-horizontal-reverse;
-        }
-      }
-      &-left {
-        align-items: center;
-        @extend %align-horizontal-reverse;
-      }
-      &-center {
-        text-align: center;
-        justify-content: center;
-        align-items: center;
-        @extend %align-horizontal-reverse;
-      }
-      &-right {
-        text-align: right;
-        justify-content: flex-end;
-        align-items: center;
-        @extend %align-horizontal-reverse;
-      }
-      &-bottom {
-        &-left {
-          flex-direction: row;
-          align-items: flex-end;
-          @extend %align-horizontal-reverse;
-        }
-        &-center {
-          text-align: center;
-          justify-content: center;
-          align-items: flex-end;
-          @extend %align-horizontal-reverse;
-        }
-        &-right {
-          text-align: right;
-          justify-content: flex-end;
-          align-items: flex-end;
-          @extend %align-horizontal-reverse;
-        }
-      }
-    }
-  }