@dss-kit/ui-kit 0.0.22 → 0.0.23

package/dist/components/controls/IconButton/IconButton.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.types.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/IconButton/IconButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,WAAW,EACX,aAAa,EACb,IAAI,EACJ,WAAW,EACZ,MAAM,yBAAyB,CAAC;AAEjC,KAAK,oBAAoB,GAAG,IAAI,CAC9B,cAAc,CAAC,QAAQ,CAAC,EACxB,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,CAC3D,CAAC;AAEF,KAAK,wBAAwB,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,oBAAoB,CAAC,CAAC;AAE3F,KAAK,cAAc,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,UAAU,CAAC;AACrE,KAAK,eAAe,GAChB,WAAW,GACX,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,WAAW,GACX,UAAU,CAAC;AAEf,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB;IAC5D,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,IAAI,CAAC,EAAE,wBAAwB,CAAC;CACjC"}
+{"version":3,"file":"IconButton.types.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/IconButton/IconButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,WAAW,EACX,aAAa,EACb,IAAI,EACJ,WAAW,EACZ,MAAM,yBAAyB,CAAC;AAEjC,KAAK,oBAAoB,GAAG,IAAI,CAC9B,cAAc,CAAC,QAAQ,CAAC,EACxB,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,CAC3D,CAAC;AAEF,KAAK,wBAAwB,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,oBAAoB,CAAC,CAAC;AAE3F,KAAK,cAAc,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,UAAU,CAAC;AACrE,KAAK,eAAe,GAChB,WAAW,GACX,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,WAAW,GACX,UAAU,CAAC;AAEf,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB;IAC5D,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,IAAI,CAAC,EAAE,wBAAwB,CAAC;CACjC"}

package/dist/components/shared/Hint/Hint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Hint.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Hint/Hint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAa9G,KAAK,SAAS,GAAG,WAAW,GAAG,YAAY,GAAG,YAAY,GAAG,UAAU,GAAG,WAAW,CAAC;AACtF,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AACpC,KAAK,QAAQ,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,sBAAsB;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iCAAiC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qBAAqB;IACrB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,uBAAuB;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6CpC,CAAC"}
+{"version":3,"file":"Hint.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Hint/Hint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EACL,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,IAAI,EACJ,WAAW,EACZ,MAAM,sBAAsB,CAAC;AAa9B,KAAK,SAAS,GAAG,WAAW,GAAG,YAAY,GAAG,YAAY,GAAG,UAAU,GAAG,WAAW,CAAC;AACtF,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AACpC,KAAK,QAAQ,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,sBAAsB;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iCAAiC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qBAAqB;IACrB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,uBAAuB;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAqCpC,CAAC"}

package/dist/components/typography/Text/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Text/Text.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAMpE,wBAAgB,IAAI,CAAC,CAAC,SAAS,gBAAgB,EAAE,EAC/C,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,KAAiB,EACjB,OAAiB,EACjB,MAAkB,EAClB,GAAG,EAAE,GAAS,EACd,GAAG,KAAK,EACT,EAAE,UAAU,CAAC,CAAC,CAAC,2CAkBf"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Text/Text.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAIpE,wBAAgB,IAAI,CAAC,CAAC,SAAS,gBAAgB,EAAE,EAC/C,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,KAAiB,EACjB,OAAiB,EACjB,MAAkB,EAClB,GAAG,EAAE,GAAS,EACd,GAAG,KAAK,EACT,EAAE,UAAU,CAAC,CAAC,CAAC,2CAkBf"}

package/dist/components/typography/Text/Text.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Text/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEzF,MAAM,MAAM,gBAAgB,GAAG,GAAG,GAAG,MAAM,CAAC;AAE5C,KAAK,uBAAuB,CAAC,CAAC,SAAS,gBAAgB,IAAI,IAAI,CAC7D,wBAAwB,CAAC,CAAC,CAAC,EAC3B,WAAW,GAAG,UAAU,CACzB,CAAC;AACF,KAAK,2BAA2B,CAAC,CAAC,SAAS,gBAAgB,IAAI,IAAI,CACjE,wBAAwB,CAAC,CAAC,CAAC,EAC3B,MAAM,uBAAuB,CAAC,CAAC,CAAC,CACjC,CAAC;AAEF,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,gBAAgB,CAAE,SAAQ,uBAAuB,CAAC,CAAC,CAAC;IACxF,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;IACnC,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,2BAA2B,CAAC,CAAC,CAAC,CAAC;CACvC"}
+{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Text/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEzF,MAAM,MAAM,gBAAgB,GAAG,GAAG,GAAG,MAAM,CAAC;AAE5C,KAAK,uBAAuB,CAAC,CAAC,SAAS,gBAAgB,IAAI,IAAI,CAC7D,wBAAwB,CAAC,CAAC,CAAC,EAC3B,WAAW,GAAG,UAAU,CACzB,CAAC;AACF,KAAK,2BAA2B,CAAC,CAAC,SAAS,gBAAgB,IAAI,IAAI,CACjE,wBAAwB,CAAC,CAAC,CAAC,EAC3B,MAAM,uBAAuB,CAAC,CAAC,CAAC,CACjC,CAAC;AAEF,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,gBAAgB,CAAE,SAAQ,uBAAuB,CAAC,CAAC,CAAC;IACxF,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;IACnC,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,2BAA2B,CAAC,CAAC,CAAC,CAAC;CACvC"}

package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.types.d.ts

@@ -1,5 +1,5 @@
-import { IClassnameProp } from '../../types';
 import { PropsWithChildren } from 'react';
+import { IClassnameProp } from '../../types';
 export interface IThemeProviderProps extends IClassnameProp, PropsWithChildren {
 }
 //# sourceMappingURL=ThemeProviderScoped.types.d.ts.map

package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProviderScoped.types.d.ts","sourceRoot":"","sources":["../../../src/providers/ThemeProviderScoped/ThemeProviderScoped.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,MAAM,WAAW,mBAAoB,SAAQ,cAAc,EAAE,iBAAiB;CAAG"}
+{"version":3,"file":"ThemeProviderScoped.types.d.ts","sourceRoot":"","sources":["../../../src/providers/ThemeProviderScoped/ThemeProviderScoped.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,MAAM,WAAW,mBAAoB,SAAQ,cAAc,EAAE,iBAAiB;CAAG"}

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

@@ -1,11 +1,11 @@
-@mixin breakpoint($breakpoint, $direction: max) {
-  @if $direction == min {
-    @media (min-width: $breakpoint) {
-      @content;
-    }
-  } @else if $direction == max {
-    @media (max-width: ($breakpoint - 1px)) {
-      @content;
-    }
-  }
-}
+@mixin breakpoint($breakpoint, $direction: max) {
+  @if $direction == min {
+    @media (min-width: $breakpoint) {
+      @content;
+    }
+  } @else if $direction == max {
+    @media (max-width: ($breakpoint - 1px)) {
+      @content;
+    }
+  }
+}

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

@@ -1,3 +1,3 @@
-@forward 'base';
-@forward 'screen';
-@forward 'semantic';
+@forward 'base';
+@forward 'screen';
+@forward 'semantic';

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

@@ -1,67 +1,67 @@
-@use './base.scss';
-
-@mixin bp-1920($direction: max) {
-  @include base.breakpoint(1920px, $direction) {
-    @content;
-  }
-}
-
-@mixin bp-1440($direction: max) {
-  @include base.breakpoint(1440px, $direction) {
-    @content;
-  }
-}
-
-@mixin bp-1400($direction: max) {
-  @include base.breakpoint(1440px, $direction) {
-    @content;
-  }
-}
-
-@mixin bp-1280($direction: max) {
-  @include base.breakpoint(1280px, $direction) {
-    @content;
-  }
-}
-
-@mixin bp-1200($direction: max) {
-  @include base.breakpoint(1200px, $direction) {
-    @content;
-  }
-}
-
-@mixin bp-1024($direction: max) {
-  @include base.breakpoint(1024px, $direction) {
-    @content;
-  }
-}
-
-@mixin bp-992($direction: max) {
-  @include base.breakpoint(992px, $direction) {
-    @content;
-  }
-}
-
-@mixin bp-768($direction: max) {
-  @include base.breakpoint(768px, $direction) {
-    @content;
-  }
-}
-
-@mixin bp-576($direction: max) {
-  @include base.breakpoint(576px, $direction) {
-    @content;
-  }
-}
-
-@mixin bp-480($direction: max) {
-  @include base.breakpoint(480px, $direction) {
-    @content;
-  }
-}
-
-@mixin bp-375($direction: max) {
-  @include base.breakpoint(375px, $direction) {
-    @content;
-  }
-}
+@use './base.scss';
+
+@mixin bp-1920($direction: max) {
+  @include base.breakpoint(1920px, $direction) {
+    @content;
+  }
+}
+
+@mixin bp-1440($direction: max) {
+  @include base.breakpoint(1440px, $direction) {
+    @content;
+  }
+}
+
+@mixin bp-1400($direction: max) {
+  @include base.breakpoint(1440px, $direction) {
+    @content;
+  }
+}
+
+@mixin bp-1280($direction: max) {
+  @include base.breakpoint(1280px, $direction) {
+    @content;
+  }
+}
+
+@mixin bp-1200($direction: max) {
+  @include base.breakpoint(1200px, $direction) {
+    @content;
+  }
+}
+
+@mixin bp-1024($direction: max) {
+  @include base.breakpoint(1024px, $direction) {
+    @content;
+  }
+}
+
+@mixin bp-992($direction: max) {
+  @include base.breakpoint(992px, $direction) {
+    @content;
+  }
+}
+
+@mixin bp-768($direction: max) {
+  @include base.breakpoint(768px, $direction) {
+    @content;
+  }
+}
+
+@mixin bp-576($direction: max) {
+  @include base.breakpoint(576px, $direction) {
+    @content;
+  }
+}
+
+@mixin bp-480($direction: max) {
+  @include base.breakpoint(480px, $direction) {
+    @content;
+  }
+}
+
+@mixin bp-375($direction: max) {
+  @include base.breakpoint(375px, $direction) {
+    @content;
+  }
+}

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

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