@dss-kit/ui-kit 0.0.15 → 0.0.17

package/README.md

@@ -1,21 +1,21 @@
-# UI Kit
-
-Библиотека React компонентов с дизайн-системой для внутренних проектов.
-
-## Включает:
-
-- React компоненты
-- CSS переменные и токены дизайна
-- SCSS утилиты и миксины
-- TypeScript типы
-- SVG иконки
-- Провайдеры тем (ThemeProviderScoped)
-
-## Документация
-
-Ссылки на более подробную документацию по разделам
-
-- **[Сборка](./docs/build/index.md)** - команды сборки, публикация в npm, конфигурации Vite и т.д.
-- **[Использование](./docs/usage/index.md)** - как использовать UI Kit в проектах, подключение стилей, примеры компонентов
-- **[Стили](./docs/styles/index.md)** - подключение шрифтов, CSS переменных, базовые стили и миксины
-- **[Утилиты](./docs/utils/index.md)** - функции хелперы
+# UI Kit
+
+Библиотека React компонентов с дизайн-системой для внутренних проектов.
+
+## Включает:
+
+- React компоненты
+- CSS переменные и токены дизайна
+- SCSS утилиты и миксины
+- TypeScript типы
+- SVG иконки
+- Провайдеры тем (ThemeProviderScoped)
+
+## Документация
+
+Ссылки на более подробную документацию по разделам
+
+- **[Сборка](./docs/build/index.md)** - команды сборки, публикация в npm, конфигурации Vite и т.д.
+- **[Использование](./docs/usage/index.md)** - как использовать UI Kit в проектах, подключение стилей, примеры компонентов
+- **[Стили](./docs/styles/index.md)** - подключение шрифтов, CSS переменных, базовые стили и миксины
+- **[Утилиты](./docs/utils/index.md)** - функции хелперы

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/IconButton/IconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAK9D,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,IAAe,EACf,KAAiB,EACjB,IAAW,EACX,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAkBlB"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/IconButton/IconButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAI9D,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,IAAe,EACf,KAAiB,EACjB,IAAW,EACX,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAkBlB"}

package/dist/components/shared/Avatar/Avatar.d.ts

@@ -0,0 +1,3 @@
+import { IAvatarProps } from './Avatar.types.ts';
+export declare function Avatar({ attr, children, className, color, size, ...props }: IAvatarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Avatar/Avatar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAItD,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,KAAiB,EACjB,IAAW,EACX,GAAG,KAAK,EACT,EAAE,YAAY,2CAiBd"}

package/dist/components/shared/Avatar/Avatar.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { IAvatarProps } from './Avatar.types';
+declare const meta: Meta<IAvatarProps>;
+type Story = StoryObj<typeof meta>;
+export declare const SvgIcon: Story;
+export declare const ImgTag: Story;
+export declare const Text: {
+    args: {
+        children: string;
+    };
+};
+export default meta;
+//# sourceMappingURL=Avatar.stories.d.ts.map

package/dist/components/shared/Avatar/Avatar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Avatar/Avatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAM5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,YAAY,CAuB5B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;CAIhB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/shared/Avatar/Avatar.types.d.ts

@@ -0,0 +1,13 @@
+import { ComponentProps } from 'react';
+import { CustomType, NegativeType, PositiveType, PrimaryType, SecondaryType, Size, WarningType } from '../../../types/tokens.types.ts';
+type AvatarAttributes = Pick<ComponentProps<'div'>, 'className' | 'children'>;
+type AvatarRestAttributes = Omit<ComponentProps<'div'>, keyof AvatarAttributes>;
+type AvatarSize = Extract<Size, 'lg' | 'sm' | 'md'> | CustomType;
+type AvatarColor = PrimaryType | SecondaryType | NegativeType | PositiveType | WarningType | CustomType;
+export interface IAvatarProps extends AvatarAttributes {
+    size?: AvatarSize;
+    color?: AvatarColor;
+    attr?: AvatarRestAttributes;
+}
+export {};
+//# sourceMappingURL=Avatar.types.d.ts.map

package/dist/components/shared/Avatar/Avatar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,IAAI,EACJ,WAAW,EACZ,MAAM,yBAAyB,CAAC;AAEjC,KAAK,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC;AAE9E,KAAK,oBAAoB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,gBAAgB,CAAC,CAAC;AAEhF,KAAK,UAAU,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,UAAU,CAAC;AACjE,KAAK,WAAW,GACZ,WAAW,GACX,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,UAAU,CAAC;AAEf,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IACpD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,CAAC,EAAE,oBAAoB,CAAC;CAC7B"}

package/dist/components/shared/Avatar/index.d.ts

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

package/dist/components/shared/Avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,mBAAmB,gBAAgB,CAAC"}

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAEnC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

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(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(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;
+  }
+}

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';