@dss-kit/ui-kit 0.2.8 → 0.2.10

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

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

package/dist/styles/utils/typography/_font-weight.scss

@@ -0,0 +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);
+}

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

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

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

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

package/dist/types/children.types.d.ts

@@ -0,0 +1,4 @@
+export interface IClassnameProp {
+    className?: string;
+}
+//# sourceMappingURL=children.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"children.types.d.ts","sourceRoot":"","sources":["../../src/types/children.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export type * from './children.types';
+export type * from './tokens.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,kBAAkB,CAAC;AACtC,mBAAmB,gBAAgB,CAAC"}

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

@@ -0,0 +1,24 @@
+export type PrimaryType = "primary";
+export type SecondaryType = "secondary";
+export type TertiaryType = "tertiary";
+export type PositiveType = "positive";
+export type NegativeType = "negative";
+export type WarningType = "warning";
+export type NeutralType = "neutral";
+export type AccentType = "accent";
+export type InverseType = "inverse";
+export type CustomType = "custom";
+export type Size = "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+export type FontWeight = "regular" | "medium" | "semibold" | "bold";
+export type CornerRadius = "zero" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "full-round";
+export type IconColor = PrimaryType | SecondaryType | TertiaryType | PositiveType | NegativeType | WarningType | AccentType | InverseType | CustomType;
+export type BorderColor = AccentType | NegativeType | PositiveType | WarningType | NeutralType | CustomType;
+export type BorderVariant = PrimaryType | SecondaryType;
+export type FillColor = AccentType | PositiveType | NegativeType | WarningType | NeutralType | CustomType;
+export type FillVariant = PrimaryType | SecondaryType | "tint" | "tint-low";
+export type BackgroundColor = PrimaryType | SecondaryType | TertiaryType | "elevation-primary" | "elevation-secondary" | "elevation-tertiary" | CustomType;
+export type StatusColor = AccentType | NegativeType | PositiveType | WarningType | NeutralType | CustomType;
+export type StatusVariant = "default" | "tint" | "tint-low";
+export type ColorType = PrimaryType | SecondaryType | TertiaryType | PositiveType | NegativeType | WarningType | NeutralType | AccentType | InverseType | CustomType;
+export type HoverableColor<T extends string> = T | `${T}-hover`;
+//# sourceMappingURL=tokens.types.d.ts.map

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

@@ -0,0 +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"}