@dss-kit/ui-kit 0.0.20 → 0.0.21

package/dist/styles/utils/breakpoints/semantic.scss

@@ -1,31 +1,31 @@
-@use './screen.scss';
-
-@mixin bp-xs($direction: max) {
-  @include screen.bp-480(max, $direction) {
-    @content;
-  }
-}
-
-@mixin bp-sm($direction: max) {
-  @include screen.bp-576(max, $direction) {
-    @content;
-  }
-}
-
-@mixin bp-md($direction: max) {
-  @include screen.bp-768(max, $direction) {
-    @content;
-  }
-}
-
-@mixin bp-lg($direction: max) {
-  @include screen.bp-992(max, $direction) {
-    @content;
-  }
-}
-
-@mixin bp-xl($direction: max) {
-  @include screen.bp-1200(max, $direction) {
-    @content;
-  }
-}
+@use './screen.scss';
+
+@mixin bp-xs($direction: max) {
+  @include screen.bp-480($direction) {
+    @content;
+  }
+}
+
+@mixin bp-sm($direction: max) {
+  @include screen.bp-576($direction) {
+    @content;
+  }
+}
+
+@mixin bp-md($direction: max) {
+  @include screen.bp-768($direction) {
+    @content;
+  }
+}
+
+@mixin bp-lg($direction: max) {
+  @include screen.bp-992($direction) {
+    @content;
+  }
+}
+
+@mixin bp-xl($direction: max) {
+  @include screen.bp-1200($direction) {
+    @content;
+  }
+}

package/dist/styles/utils/fonts/font-family.scss

@@ -1,3 +1,3 @@
-@mixin Inter {
-  font-family: Inter, sans-serif;
-}
+@mixin Inter {
+  font-family: Inter, sans-serif;
+}

package/dist/styles/utils/fonts/font-weight.scss

@@ -1,59 +1,59 @@
-@use 'sass:string';
-
-@mixin font-extrabold {
-  font-weight: 800;
-}
-
-@mixin font-bold {
-  font-weight: 700;
-}
-
-@mixin font-semibold {
-  font-weight: 600;
-}
-
-@mixin font-medium {
-  font-weight: 500;
-}
-
-@mixin font-regular {
-  font-weight: 400;
-}
-
-@mixin font-light {
-  font-weight: 300;
-}
-
-@mixin font-extralight {
-  font-weight: 200;
-}
-
-@mixin font-weight-variants {
-  &_extraboldWeight {
-    @include font-extrabold;
-  }
-
-  &_boldWeight {
-    @include font-bold;
-  }
-
-  &_semiboldWeight {
-    @include font-semibold;
-  }
-
-  &_mediumWeight {
-    @include font-medium;
-  }
-
-  &_regularWeight {
-    @include font-regular;
-  }
-
-  &_lightWeight {
-    @include font-light;
-  }
-
-  &_extralightWeight {
-    @include font-extralight;
-  }
-}
+@use 'sass:string';
+
+@mixin font-extrabold {
+  font-weight: 800;
+}
+
+@mixin font-bold {
+  font-weight: 700;
+}
+
+@mixin font-semibold {
+  font-weight: 600;
+}
+
+@mixin font-medium {
+  font-weight: 500;
+}
+
+@mixin font-regular {
+  font-weight: 400;
+}
+
+@mixin font-light {
+  font-weight: 300;
+}
+
+@mixin font-extralight {
+  font-weight: 200;
+}
+
+@mixin font-weight-variants {
+  &_extraboldWeight {
+    @include font-extrabold;
+  }
+
+  &_boldWeight {
+    @include font-bold;
+  }
+
+  &_semiboldWeight {
+    @include font-semibold;
+  }
+
+  &_mediumWeight {
+    @include font-medium;
+  }
+
+  &_regularWeight {
+    @include font-regular;
+  }
+
+  &_lightWeight {
+    @include font-light;
+  }
+
+  &_extralightWeight {
+    @include font-extralight;
+  }
+}

package/dist/styles/utils/fonts/index.scss

@@ -1,2 +1,2 @@
-@forward 'font-family';
-@forward 'font-weight';
+@forward 'font-family';
+@forward 'font-weight';

package/dist/styles/utils/index.scss

@@ -1,5 +1,5 @@
-@forward 'breakpoints';
-@forward 'fonts';
-@forward 'size';
-@forward 'typography';
-@forward 'style';
+@forward 'breakpoints';
+@forward 'fonts';
+@forward 'size';
+@forward 'typography';
+@forward 'style';

package/dist/styles/utils/size/index.scss

@@ -1 +1 @@
-@forward 'modifiers';
+@forward 'modifiers';

package/dist/styles/utils/size/modifiers.scss

@@ -1,29 +1,29 @@
-@mixin xs-modifier {
-  &_xsSize {
-    @content;
-  }
-}
-
-@mixin sm-modifier {
-  &_smSize {
-    @content;
-  }
-}
-
-@mixin md-modifier {
-  &_mdSize {
-    @content;
-  }
-}
-
-@mixin lg-modifier {
-  &_lgSize {
-    @content;
-  }
-}
-
-@mixin xl-modifier {
-  &_xlSize {
-    @content;
-  }
-}
+@mixin xs-modifier {
+  &_xsSize {
+    @content;
+  }
+}
+
+@mixin sm-modifier {
+  &_smSize {
+    @content;
+  }
+}
+
+@mixin md-modifier {
+  &_mdSize {
+    @content;
+  }
+}
+
+@mixin lg-modifier {
+  &_lgSize {
+    @content;
+  }
+}
+
+@mixin xl-modifier {
+  &_xlSize {
+    @content;
+  }
+}

package/dist/styles/utils/style/index.scss

@@ -1 +1 @@
-@forward 'variants';
+@forward 'variants';

package/dist/styles/utils/style/variants.scss

@@ -1,34 +1,34 @@
-@mixin style-variant-text($map, $pseudo-class: null, $postfix: '') {
-  @each $style, $color in $map {
-    &_#{$style}#{$postfix}#{if($pseudo-class, ':' + $pseudo-class, '')} {
-      color: $color;
-    }
-  }
-}
-
-@mixin style-variant-border($width: 1px, $map, $pseudo-class: null, $postfix: '') {
-  border: $width solid transparent;
-  @each $style, $color in $map {
-    &_#{$style}#{$postfix}#{if($pseudo-class, ':' + $pseudo-class, '')} {
-      border-color: $color;
-    }
-  }
-}
-
-@mixin style-variant-bg($map, $pseudo-class: null, $postfix: '') {
-  @each $style, $color in $map {
-    &_#{$style}#{$postfix}#{if($pseudo-class, ':' + $pseudo-class, '')} {
-      background-color: $color;
-    }
-  }
-}
-
-@mixin style-variant-svg($map, $pseudo-class: null, $postfix: '') {
-  @each $style, $color in $map {
-    &_#{$style}#{$postfix}#{if($pseudo-class, ':' + $pseudo-class, '')} {
-      svg {
-        color: $color;
-      }
-    }
-  }
-}
+@mixin style-variant-text($map, $pseudo-class: null, $postfix: '') {
+  @each $style, $color in $map {
+    &_#{$style}#{$postfix}#{if($pseudo-class, ':' + $pseudo-class, '')} {
+      color: $color;
+    }
+  }
+}
+
+@mixin style-variant-border($width: 1px, $map, $pseudo-class: null, $postfix: '') {
+  border: $width solid transparent;
+  @each $style, $color in $map {
+    &_#{$style}#{$postfix}#{if($pseudo-class, ':' + $pseudo-class, '')} {
+      border-color: $color;
+    }
+  }
+}
+
+@mixin style-variant-bg($map, $pseudo-class: null, $postfix: '') {
+  @each $style, $color in $map {
+    &_#{$style}#{$postfix}#{if($pseudo-class, ':' + $pseudo-class, '')} {
+      background-color: $color;
+    }
+  }
+}
+
+@mixin style-variant-svg($map, $pseudo-class: null, $postfix: '') {
+  @each $style, $color in $map {
+    &_#{$style}#{$postfix}#{if($pseudo-class, ':' + $pseudo-class, '')} {
+      svg {
+        color: $color;
+      }
+    }
+  }
+}

package/dist/styles/utils/typography/index.scss

@@ -1,2 +1,2 @@
-@forward 'text';
-@forward 'title';
+@forward 'text';
+@forward 'title';

package/dist/styles/utils/typography/text.scss

@@ -1,52 +1,52 @@
-@use '../fonts';
-
-@mixin _text-common {
-  @include fonts.Inter;
-  word-break: break-word;
-}
-
-// Text Body 1
-@mixin text-body1 {
-  @include _text-common;
-  font-size: 16px;
-  line-height: 24px;
-}
-
-// Text Body 2
-@mixin text-body2 {
-  @include _text-common;
-  font-size: 14px;
-  line-height: 20px;
-}
-
-// Text Caption 1
-@mixin text-caption1 {
-  @include _text-common;
-  font-size: 12px;
-  line-height: 16px;
-}
-
-// Text Caption 2
-@mixin text-caption2 {
-  @include _text-common;
-  font-size: 11px;
-  line-height: 12px;
-}
-
-@mixin text-variants {
-  &_body1 {
-    @include text-body1;
-  }
-
-  &_body2 {
-    @include text-body2;
-  }
-
-  &_caption1 {
-    @include text-caption1;
-  }
-
-  &_caption2 {
-    @include text-caption2;
-  }
-}
+@use '../fonts';
+
+@mixin _text-common {
+  @include fonts.Inter;
+  word-break: break-word;
+}
+
+// Text Body 1
+@mixin text-body1 {
+  @include _text-common;
+  font-size: 16px;
+  line-height: 24px;
+}
+
+// Text Body 2
+@mixin text-body2 {
+  @include _text-common;
+  font-size: 14px;
+  line-height: 20px;
+}
+
+// Text Caption 1
+@mixin text-caption1 {
+  @include _text-common;
+  font-size: 12px;
+  line-height: 16px;
+}
+
+// Text Caption 2
+@mixin text-caption2 {
+  @include _text-common;
+  font-size: 11px;
+  line-height: 12px;
+}
+
+@mixin text-variants {
+  &_body1 {
+    @include text-body1;
+  }
+
+  &_body2 {
+    @include text-body2;
+  }
+
+  &_caption1 {
+    @include text-caption1;
+  }
+
+  &_caption2 {
+    @include text-caption2;
+  }
+}

package/dist/styles/utils/typography/title.scss

@@ -1,42 +1,42 @@
-@use '../fonts';
-
-@mixin _title-common {
-  @include fonts.Inter;
-  word-break: break-word;
-}
-
-@mixin title1 {
-  @include _title-common;
-  font-size: 32px;
-  line-height: 36px;
-}
-
-@mixin title2 {
-  @include _title-common;
-  font-size: 24px;
-  line-height: 28px;
-}
-
-@mixin title3 {
-  @include _title-common;
-  font-size: 20px;
-  line-height: 24px;
-}
-
-@mixin headline1 {
-  @include _title-common;
-  font-size: 22px;
-  line-height: 26px;
-}
-
-@mixin headline2 {
-  @include _title-common;
-  font-size: 18px;
-  line-height: 22px;
-}
-
-@mixin headline3 {
-  @include _title-common;
-  font-size: 16px;
-  line-height: 20px;
-}
+@use '../fonts';
+
+@mixin _title-common {
+  @include fonts.Inter;
+  word-break: break-word;
+}
+
+@mixin title1 {
+  @include _title-common;
+  font-size: 32px;
+  line-height: 36px;
+}
+
+@mixin title2 {
+  @include _title-common;
+  font-size: 24px;
+  line-height: 28px;
+}
+
+@mixin title3 {
+  @include _title-common;
+  font-size: 20px;
+  line-height: 24px;
+}
+
+@mixin headline1 {
+  @include _title-common;
+  font-size: 22px;
+  line-height: 26px;
+}
+
+@mixin headline2 {
+  @include _title-common;
+  font-size: 18px;
+  line-height: 22px;
+}
+
+@mixin headline3 {
+  @include _title-common;
+  font-size: 16px;
+  line-height: 20px;
+}