@dss-kit/ui-kit 0.2.25 → 0.2.27

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

@@ -1,41 +1,41 @@
-@mixin xxs-modifier {
-  &_2xsSize {
-    @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;
-  }
-}
-
-@mixin xxl-modifier {
-  &_2xlSize {
-    @content;
-  }
+@mixin xxs-modifier {
+  &_2xsSize {
+    @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;
+  }
+}
+
+@mixin xxl-modifier {
+  &_2xlSize {
+    @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/_font-weight.scss

@@ -1,33 +1,33 @@
-@use "sass:map";
-
-$font-weight: (
-  regular: 400,
-  medium: 500,
-  semibold: 600,
-  bold: 700,
-) !default;
-
-@function font-weight-token($name) {
-  @if not map.has-key($font-weight, $name) {
-    @error "Unknown font-weight token `#{$name}`";
-  }
-  @return map.get($font-weight, $name);
-}
-
-@mixin font-weight($name) {
-  font-weight: font-weight-token($name);
-}
-
-// опциональные алиасы ради DX/совместимости
-@mixin font-regular {
-  @include font-weight(regular);
-}
-@mixin font-medium {
-  @include font-weight(medium);
-}
-@mixin font-semibold {
-  @include font-weight(semibold);
-}
-@mixin font-bold {
-  @include font-weight(bold);
-}
+@use "sass:map";
+
+$font-weight: (
+  regular: 400,
+  medium: 500,
+  semibold: 600,
+  bold: 700,
+) !default;
+
+@function font-weight-token($name) {
+  @if not map.has-key($font-weight, $name) {
+    @error "Unknown font-weight token `#{$name}`";
+  }
+  @return map.get($font-weight, $name);
+}
+
+@mixin font-weight($name) {
+  font-weight: font-weight-token($name);
+}
+
+// опциональные алиасы ради DX/совместимости
+@mixin font-regular {
+  @include font-weight(regular);
+}
+@mixin font-medium {
+  @include font-weight(medium);
+}
+@mixin font-semibold {
+  @include font-weight(semibold);
+}
+@mixin font-bold {
+  @include font-weight(bold);
+}

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

@@ -1,85 +1,85 @@
-@use "../fonts";
-@use "../breakpoints/semantic.scss" as breakpoints;
-
-/* Общий базовый стиль для любого текста */
-@mixin common {
-  @include fonts.Inter;
-  word-break: break-word;
-}
-
-/* Быстрое объявление font-size + line-height */
-@mixin text-size($font-size, $line-height) {
-  font-size: $font-size;
-  line-height: $line-height;
-}
-
-/* ==== Titles ==== */
-@mixin title-1 {
-  @include text-size(32px, 36px);
-
-  // md = 768px
-  @include breakpoints.bp-md() {
-    font-size: 24px;
-  }
-}
-
-@mixin title-2 {
-  @include text-size(24px, 28px);
-
-  // md = 768px
-  @include breakpoints.bp-md() {
-    font-size: 20px;
-  }
-}
-
-@mixin title-3 {
-  @include text-size(20px, 28px);
-
-  // md = 768px
-  @include breakpoints.bp-md() {
-    font-size: 18px;
-  }
-
-  // xs = 480px
-  @include breakpoints.bp-xs() {
-    font-size: 16px;
-  }
-}
-
-/* ==== Headline ==== */
-@mixin headline-1 {
-  font-size: 22px;
-  line-height: 26px;
-}
-
-@mixin headline-2 {
-  font-size: 18px;
-  line-height: 22px;
-}
-
-@mixin headline-3 {
-  font-size: 16px;
-  line-height: 20px;
-}
-
-/* ==== Body ==== */
-@mixin body-1 {
-  font-size: 16px;
-  line-height: 24px;
-}
-
-@mixin body-2 {
-  font-size: 14px;
-  line-height: 20px;
-}
-
-/* ==== Caption ==== */
-@mixin caption-1 {
-  font-size: 12px;
-  line-height: 16px;
-}
-
-@mixin caption-2 {
-  font-size: 10px;
-  line-height: 14px;
-}
+@use "../fonts";
+@use "../breakpoints/semantic.scss" as breakpoints;
+
+/* Общий базовый стиль для любого текста */
+@mixin common {
+  @include fonts.Inter;
+  word-break: break-word;
+}
+
+/* Быстрое объявление font-size + line-height */
+@mixin text-size($font-size, $line-height) {
+  font-size: $font-size;
+  line-height: $line-height;
+}
+
+/* ==== Titles ==== */
+@mixin title-1 {
+  @include text-size(32px, 36px);
+
+  // md = 768px
+  @include breakpoints.bp-md() {
+    font-size: 24px;
+  }
+}
+
+@mixin title-2 {
+  @include text-size(24px, 28px);
+
+  // md = 768px
+  @include breakpoints.bp-md() {
+    font-size: 20px;
+  }
+}
+
+@mixin title-3 {
+  @include text-size(20px, 28px);
+
+  // md = 768px
+  @include breakpoints.bp-md() {
+    font-size: 18px;
+  }
+
+  // xs = 480px
+  @include breakpoints.bp-xs() {
+    font-size: 16px;
+  }
+}
+
+/* ==== Headline ==== */
+@mixin headline-1 {
+  font-size: 22px;
+  line-height: 26px;
+}
+
+@mixin headline-2 {
+  font-size: 18px;
+  line-height: 22px;
+}
+
+@mixin headline-3 {
+  font-size: 16px;
+  line-height: 20px;
+}
+
+/* ==== Body ==== */
+@mixin body-1 {
+  font-size: 16px;
+  line-height: 24px;
+}
+
+@mixin body-2 {
+  font-size: 14px;
+  line-height: 20px;
+}
+
+/* ==== Caption ==== */
+@mixin caption-1 {
+  font-size: 12px;
+  line-height: 16px;
+}
+
+@mixin caption-2 {
+  font-size: 10px;
+  line-height: 14px;
+}

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

@@ -1,2 +1,2 @@
-@forward "_variants";
-@forward "_font-weight";
+@forward "_variants";
+@forward "_font-weight";

package/dist/styles/utils/typography.d.ts

@@ -0,0 +1,67 @@
+export declare const typography: {
+    readonly common: {
+        readonly fontFamily: "Inter, sans-serif";
+        readonly wordBreak: "break-word";
+    };
+    readonly title1: {
+        readonly fontSize: 32;
+        readonly lineHeight: "36px";
+        readonly fontFamily: "Inter, sans-serif";
+        readonly wordBreak: "break-word";
+    };
+    readonly title2: {
+        readonly fontSize: 24;
+        readonly lineHeight: "28px";
+        readonly fontFamily: "Inter, sans-serif";
+        readonly wordBreak: "break-word";
+    };
+    readonly title3: {
+        readonly fontSize: 20;
+        readonly lineHeight: "28px";
+        readonly fontFamily: "Inter, sans-serif";
+        readonly wordBreak: "break-word";
+    };
+    readonly headline1: {
+        readonly fontSize: 22;
+        readonly lineHeight: "26px";
+        readonly fontFamily: "Inter, sans-serif";
+        readonly wordBreak: "break-word";
+    };
+    readonly headline2: {
+        readonly fontSize: 18;
+        readonly lineHeight: "22px";
+        readonly fontFamily: "Inter, sans-serif";
+        readonly wordBreak: "break-word";
+    };
+    readonly headline3: {
+        readonly fontSize: 16;
+        readonly lineHeight: "20px";
+        readonly fontFamily: "Inter, sans-serif";
+        readonly wordBreak: "break-word";
+    };
+    readonly body1: {
+        readonly fontSize: 16;
+        readonly lineHeight: "24px";
+        readonly fontFamily: "Inter, sans-serif";
+        readonly wordBreak: "break-word";
+    };
+    readonly body2: {
+        readonly fontSize: 14;
+        readonly lineHeight: "20px";
+        readonly fontFamily: "Inter, sans-serif";
+        readonly wordBreak: "break-word";
+    };
+    readonly caption1: {
+        readonly fontSize: 12;
+        readonly lineHeight: "16px";
+        readonly fontFamily: "Inter, sans-serif";
+        readonly wordBreak: "break-word";
+    };
+    readonly caption2: {
+        readonly fontSize: 10;
+        readonly lineHeight: "14px";
+        readonly fontFamily: "Inter, sans-serif";
+        readonly wordBreak: "break-word";
+    };
+};
+//# sourceMappingURL=typography.d.ts.map

package/dist/styles/utils/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/styles/utils/typography.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEb,CAAC"}

package/dist/styles/utils/typography.ts

@@ -0,0 +1,74 @@
+import { bp } from "./breakpoints";
+
+const common = {
+  fontFamily: "Inter, sans-serif",
+  wordBreak: "break-word",
+} as const;
+
+export const typography = {
+  common,
+
+  title1: {
+    ...common,
+    fontSize: 32,
+    lineHeight: "36px",
+    [bp.md()]: { fontSize: 24 },
+  },
+
+  title2: {
+    ...common,
+    fontSize: 24,
+    lineHeight: "28px",
+    [bp.md()]: { fontSize: 20 },
+  },
+
+  title3: {
+    ...common,
+    fontSize: 20,
+    lineHeight: "28px",
+    [bp.md()]: { fontSize: 18 },
+    [bp.xs()]: { fontSize: 16 },
+  },
+
+  headline1: {
+    ...common,
+    fontSize: 22,
+    lineHeight: "26px",
+  },
+
+  headline2: {
+    ...common,
+    fontSize: 18,
+    lineHeight: "22px",
+  },
+
+  headline3: {
+    ...common,
+    fontSize: 16,
+    lineHeight: "20px",
+  },
+
+  body1: {
+    ...common,
+    fontSize: 16,
+    lineHeight: "24px",
+  },
+
+  body2: {
+    ...common,
+    fontSize: 14,
+    lineHeight: "20px",
+  },
+
+  caption1: {
+    ...common,
+    fontSize: 12,
+    lineHeight: "16px",
+  },
+
+  caption2: {
+    ...common,
+    fontSize: 10,
+    lineHeight: "14px",
+  },
+} as const;

package/dist/types/tokens.types.d.ts

@@ -6,6 +6,7 @@ export type NegativeType = "negative";
 export type WarningType = "warning";
 export type NeutralType = "neutral";
 export type AccentType = "accent";
+export type TransferType = "transfer";
 export type InverseType = "inverse";
 export type CustomType = "custom";
 export type Size = "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";

package/dist/types/tokens.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.types.d.ts","sourceRoot":"","sources":["../../src/types/tokens.types.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,WAAW,GAAG,SAAS,CAAC;AACpC,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC;AACxC,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC;AACtC,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC;AACtC,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC;AACtC,MAAM,MAAM,WAAW,GAAG,SAAS,CAAC;AACpC,MAAM,MAAM,WAAW,GAAG,SAAS,CAAC;AACpC,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;AAClC,MAAM,MAAM,WAAW,GAAG,SAAS,CAAC;AACpC,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;AAElC,MAAM,MAAM,IAAI,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AACpE,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAEpE,MAAM,MAAM,YAAY,GACpB,MAAM,GACN,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,YAAY,CAAC;AAGjB,MAAM,MAAM,SAAS,GACjB,WAAW,GACX,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,UAAU,GACV,WAAW,GACX,UAAU,CAAC;AAGf,MAAM,MAAM,WAAW,GACnB,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,WAAW,GACX,UAAU,CAAC;AAGf,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,aAAa,CAAC;AAGxD,MAAM,MAAM,SAAS,GACjB,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,WAAW,GACX,UAAU,CAAC;AAGf,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,aAAa,GAAG,MAAM,GAAG,UAAU,CAAC;AAG5E,MAAM,MAAM,eAAe,GACvB,WAAW,GACX,aAAa,GACb,YAAY,GACZ,mBAAmB,GACnB,qBAAqB,GACrB,oBAAoB,GACpB,UAAU,CAAC;AAGf,MAAM,MAAM,WAAW,GACnB,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,WAAW,GACX,UAAU,CAAC;AAGf,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC;AAG5D,MAAM,MAAM,SAAS,GACjB,WAAW,GACX,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,WAAW,GACX,UAAU,GACV,WAAW,GACX,UAAU,CAAC;AAGf,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,GAAG,GAAG,CAAC,QAAQ,CAAC"}
+{"version":3,"file":"tokens.types.d.ts","sourceRoot":"","sources":["../../src/types/tokens.types.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,WAAW,GAAG,SAAS,CAAC;AACpC,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC;AACxC,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC;AACtC,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC;AACtC,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC;AACtC,MAAM,MAAM,WAAW,GAAG,SAAS,CAAC;AACpC,MAAM,MAAM,WAAW,GAAG,SAAS,CAAC;AACpC,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;AAClC,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC;AACtC,MAAM,MAAM,WAAW,GAAG,SAAS,CAAC;AACpC,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;AAElC,MAAM,MAAM,IAAI,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AACpE,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAEpE,MAAM,MAAM,YAAY,GACpB,MAAM,GACN,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,YAAY,CAAC;AAGjB,MAAM,MAAM,SAAS,GACjB,WAAW,GACX,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,UAAU,GACV,WAAW,GACX,UAAU,CAAC;AAGf,MAAM,MAAM,WAAW,GACnB,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,WAAW,GACX,UAAU,CAAC;AAGf,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,aAAa,CAAC;AAGxD,MAAM,MAAM,SAAS,GACjB,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,WAAW,GACX,UAAU,CAAC;AAGf,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,aAAa,GAAG,MAAM,GAAG,UAAU,CAAC;AAG5E,MAAM,MAAM,eAAe,GACvB,WAAW,GACX,aAAa,GACb,YAAY,GACZ,mBAAmB,GACnB,qBAAqB,GACrB,oBAAoB,GACpB,UAAU,CAAC;AAGf,MAAM,MAAM,WAAW,GACnB,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,WAAW,GACX,UAAU,CAAC;AAGf,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC;AAG5D,MAAM,MAAM,SAAS,GACjB,WAAW,GACX,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,WAAW,GACX,UAAU,GACV,WAAW,GACX,UAAU,CAAC;AAGf,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,GAAG,GAAG,CAAC,QAAQ,CAAC"}