@dss-kit/ui-kit 0.0.12

package/README.md

@@ -0,0 +1,19 @@
+# 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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/IconButton/IconButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAO5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,gBAAgB,CA8BhC,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,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,13 @@
+import { ComponentProps } from 'react';
+import { CustomType, NegativeType, NeutralType, PositiveType, PrimaryType, SecondaryType, Size, WarningType } from '../../../types/tokens.types.ts';
+type IconButtonAttributes = Pick<ComponentProps<'button'>, 'className' | 'onClick' | 'disabled' | 'type' | 'children'>;
+type IconButtonRestAttributes = Omit<ComponentProps<'button'>, keyof IconButtonAttributes>;
+type IconButtonSize = Extract<Size, 'xs' | 'sm' | 'md'> | CustomType;
+type IconButtonColor = PrimaryType | SecondaryType | NegativeType | PositiveType | WarningType | NeutralType | CustomType;
+export interface IIconButtonProps extends IconButtonAttributes {
+    size?: IconButtonSize;
+    color?: IconButtonColor;
+    attr?: IconButtonRestAttributes;
+}
+export {};
+//# sourceMappingURL=IconButton.types.d.ts.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/IconButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,mBAAmB,oBAAoB,CAAC"}

package/dist/components/controls/index.d.ts

@@ -0,0 +1,2 @@
+export * from './IconButton';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/components/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC"}

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

@@ -0,0 +1,3 @@
+import { ITextProps, TextComponentTag } from './Text.types.ts';
+export declare function Text<T extends TextComponentTag>({ attr, children, className, color, variant, weight, tag: Tag, ...props }: ITextProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Text.d.ts.map

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

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

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

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { ITextProps, TextComponentTag } from './Text.types';
+declare const meta: Meta<ITextProps<TextComponentTag>>;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export default meta;
+//# sourceMappingURL=Text.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Text/Text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEjE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAuC5C,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,14 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { CustomType, FontWeight, TextColor, TextVariant } from '../../../types/tokens.types.ts';
+export type TextComponentTag = 'p' | 'span';
+type TextComponentAttributes<T extends TextComponentTag> = Pick<ComponentPropsWithoutRef<T>, 'className' | 'children'>;
+type TextComponentRestAttributes<T extends TextComponentTag> = Omit<ComponentPropsWithoutRef<T>, keyof TextComponentAttributes<T>>;
+export interface ITextProps<T extends TextComponentTag> extends TextComponentAttributes<T> {
+    tag?: TextComponentTag;
+    color?: TextColor | CustomType;
+    variant?: TextVariant | CustomType;
+    weight?: FontWeight;
+    attr?: TextComponentRestAttributes<T>;
+}
+export {};
+//# sourceMappingURL=Text.types.d.ts.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Text/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,mBAAmB,iBAAiB,CAAC"}

package/dist/components/typography/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Text';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export * from './components';
+export * from './providers';
+export * from './types';
+export * from './utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProviderScoped.d.ts","sourceRoot":"","sources":["../../../src/providers/ThemeProviderScoped/ThemeProviderScoped.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAI1E,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAE/E"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/ThemeProviderScoped/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,mBAAmB,gCAAgC,CAAC"}

package/dist/providers/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ThemeProviderScoped';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/providers/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/root.css

@@ -0,0 +1 @@
+@charset "UTF-8";@import"../../node_modules/@fontsource/inter/200.css";@import"../../node_modules/@fontsource/inter/300.css";@import"../../node_modules/@fontsource/inter/400.css";@import"../../node_modules/@fontsource/inter/500.css";@import"../../node_modules/@fontsource/inter/600.css";@import"../../node_modules/@fontsource/inter/700.css";@import"../../node_modules/@fontsource/inter/800.css";:root{--accent-10: #001033;--accent-20: #002166;--accent-30: #003199;--accent-40: #0042CC;--accent-50: #0052FF;--accent-50-8: rgba(0, 82, 255, .08);--accent-50-12: rgba(0, 82, 255, .12);--accent-60: #3375FF;--accent-70: #6697FF;--accent-80: #99BAFF;--accent-90: #CCDCFF;--accent-96: #EBF1FF;--accent-98: #F5F8FF;--neutral-10: #131720;--neutral-15: #1C2230;--neutral-20: #262E40;--neutral-30: #394560;--neutral-40: #4C5C80;--neutral-50: #5F73A0;--neutral-60: #7F8FB3;--neutral-60-8: rgba(127, 143, 179, .08);--neutral-60-12: rgba(127, 143, 179, .12);--neutral-70: #9FABC6;--neutral-80: #BFC7D9;--neutral-86: #D2D8E4;--neutral-90: #DFE3EC;--neutral-90-10: rgba(223, 227, 236, .1);--neutral-90-15: rgba(223, 227, 236, .15);--neutral-90-20: rgba(223, 227, 236, .2);--neutral-92: #E5E9F0;--neutral-96: #F2F4F7;--neutral-98: #F9F9FB;--neutral-100: #FFFFFF;--negative-10: #320101;--negative-20: #640202;--negative-30: #950404;--negative-40: #C70505;--negative-50: #F90606;--negative-60: #FA3838;--negative-60-8: rgba(250, 56, 56, .08);--negative-60-12: rgba(250, 56, 56, .12);--negative-70: #FB6A6A;--negative-80: #FD9B9B;--negative-90: #FECDCD;--negative-92: #FED7D7;--negative-96: #FFEBEB;--negative-98: #FFF5F5;--positive-10: #11270C;--positive-20: #234E18;--positive-30: #347425;--positive-40: #469B31;--positive-50: #57C23D;--positive-50-8: rgba(87, 194, 61, .08);--positive-50-12: rgba(87, 194, 61, .12);--positive-60: #79CE64;--positive-70: #9ADA8B;--positive-80: #BCE7B1;--positive-90: #DDF3D8;--positive-92: #E4F5E0;--positive-96: #F2FAEF;--warning-10: #663D00;--warning-20: #663D00;--warning-30: #985B01;--warning-40: #CB7A01;--warning-50: #FE9801;--warning-60: #FEAD34;--warning-60-8: rgba(254, 173, 52, .08);--warning-60-12: rgba(254, 173, 52, .12);--warning-70: #FEC167;--warning-80: #FFD699;--warning-90: #FFEACC;--warning-92: #FFEFD6;--warning-96: #FFF7EB;--border-accent-primary: var(--accent-60);--border-accent-primary-hover: var(--accent-50);--border-accent-secondary: var(--accent-90);--border-accent-secondary-hover: var(--accent-80);--border-negative-primary: var(--negative-60);--border-negative-primary-hover: var(--negative-50);--border-negative-secondary: var(--negative-90);--border-negative-secondary-hover: var(--negative-80);--border-positive-primary: var(--positive-60);--border-positive-primary-hover: var(--positive-50);--border-positive-secondary: var(--positive-90);--border-positive-secondary-hover: var(--positive-80);--border-warning-primary: var(--warning-60);--border-warning-primary-hover: var(--warning-50);--border-warning-secondary: var(--warning-90);--border-warning-secondary-hover: var(--warning-80);--border-neutral-primary: var(--neutral-60);--border-neutral-primary-hover: var(--neutral-50);--border-nutral-alpha: var(--neutral-60-8);--text-primary: var(--neutral-20);--text-primary-hover: var(--neutral-15);--text-secondary: var(--neutral-40);--text-secondary-hover: var(--neutral-30);--text-tertiary: var(--neutral-60);--text-tertiary-hover: var(--neutral-50);--text-positive: var(--positive-50);--text-positive-hover: var(--positive-40);--text-negative: var(--negative-60);--text-negative-hover: var(--negative-50);--text-warning: var(--warning-60);--text-warning-hover: var(--warning-50);--text-accent: var(--accent-60);--text-accent-hover: var(--accent-50);--text-inverse: var(--neutral-100);--icon-primary: var(--neutral-20);--icon-primary-hover: var(--neutral-15);--icon-secondary: var(--neutral-40);--icon-secondary-hover: var(--neutral-30);--icon-tertiary: var(--neutral-60);--icon-tertiary-hover: var(--neutral-50);--icon-positive: var(--positive-50);--icon-positive-hover: var(--positive-40);--icon-negative: var(--negative-60);--icon-negative-hover: var(--negative-50);--icon-warning: var(--warning-60);--icon-warning-hover: var(--warning-50);--icon-accent: var(--accent-60);--icon-accent-hover: var(--accent-50);--icon-inverse: var(--neutral-100);--fill-accent-primary: var(--accent-60);--fill-accent-primary-hover: var(--accent-50);--fill-accent-secondary: var(--accent-96);--fill-accent-secondary-hover: var(--accent-90);--fill-accent-tint: var(--accent-50-12);--fill-accent-tint-low: var(--accent-50-8);--fill-positive-primary: var(--positive-60);--fill-positive-primary-hover: var(--positive-50);--fill-positive-secondary: var(--positive-96);--fill-positive-secondary-hover: var(--positive-90);--fill-positive-tint: var(--positive-50-12);--fill-positive-tint-low: var(--positive-50-8);--fill-negative-primary: var(--negative-60);--fill-negative-primary-hover: var(--negative-50);--fill-negative-secondary: var(--negative-96);--fill-negative-secondary-hover: var(--negative-92);--fill-negative-tint: var(--negative-60-12);--fill-negative-tint-low: var(--negative-60-8);--fill-warning-primary: var(--warning-60);--fill-warning-primary-hover: var(--warning-50);--fill-warning-secondary: var(--warning-96);--fill-warning-secondary-hover: var(--warning-90);--fill-warning-tint: var(--warning-60-12);--fill-warning-tint-low: var(--warning-60-8);--fill-neutral-secondary: var(--neutral-96);--fill-neutral-secondary-hover: var(--neutral-90);--fill-bg-primary: var(--neutral-100);--fill-bg-secondary: var(--neutral-98);--fill-bg-tertiary: var(--neutral-96);--fill-bg-elevation-primary: var(--neutral-90-20);--fill-bg-elevation-secondary: var(--neutral-90-15);--fill-bg-elevation-tertiary: var(--neutral-90-10);--status-accent: var(--accent-50);--status-accent-tint: var(--accent-50-12);--status-accent-tint-low: var(--accent-50-8);--status-negative: var(--negative-60);--status-negative-tint: var(--negative-60-12);--status-negative-tint-low: var(--negative-60-8);--status-positive: var(--positive-50);--status-positive-tint: var(--positive-50-12);--status-positive-tint-low: var(--positive-50-8);--status-warning: var(--warning-60);--status-warning-tint: var(--warning-60-12);--status-warning-tint-low: var(--warning-60-8);--status-neutral: var(--neutral-60);--status-neutral-tint: var(--neutral-60-12);--status-neutral-tint-low: var(--neutral-60-8);--corner-zero: 0;--corner-xs: 4px;--corner-sm: 8px;--corner-md: 12px;--corner-lg: 16px;--corner-xl: 20px;--corner-2xl: 24px;--corner-3xl: 32px;--corner-4xl: 40px;--corner-5xl: 48px;--corner-6xl: 56px;--corner-full-round: 1000px;--height-button-xs: 32px;--height-button-sm: 40px;--height-button-md: 48px;--height-button-lg: 56px;--height-icon-xs: 16px;--height-icon-md: 20px;--height-icon-lg: 24px;--height-icon-xl: 32px;--opacity-primary: 100;--opacity-secondary: 80;--opacity-tertiary: 60;--spacing-zero: 0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--spacing-6xl: 56px;--spacing-7xl: 64px;--spacing-8xl: 72px;--spacing-9xl: 80px;--spacing-10xl: 96px;--transition-general: all .3s ease-in-out;font-family:Inter,sans-serif;word-break:break-word;font-size:16px;line-height:24px;font-weight:400;color:var(--text-primary)}@layer reset{:root *,:root *:before,:root *:after{box-sizing:border-box;margin:0;color:unset}:root ul[class],:root ol[class]{padding:0}:root body,:root h1,:root h2,:root h3,:root h4,:root p,:root label,:root ul[class],:root ol[class],:root li,:root figure,:root figcaption,:root blockquote,:root dl,:root dd{margin:0}:root label{display:block}:root html{scroll-behavior:smooth}:root body{min-height:100dvh;text-rendering:optimizeSpeed;line-height:1.5;margin:0!important}:root ul[class],:root ol[class]{list-style:none}:root a:not([class]){text-decoration-skip-ink:auto}:root a,:root a:hover,:root a:checked{text-decoration:none;color:inherit}:root img{max-width:100%;display:block}:root input,:root button,:root textarea,:root select,:root pre{font:inherit}:root input,:root textarea{outline:none;border:none;padding:0}@media (prefers-reduced-motion: reduce){:root *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root input::-webkit-outer-spin-button,:root input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:root input[type=number]{-moz-appearance:textfield}:root html{overflow-x:hidden;margin-right:calc(-1*(100vw - 100%))}:root a:focus,:root button:focus,:root input:focus,:root textarea:focus{outline:none}:root button{cursor:pointer;padding:0;background:transparent}:root button{border:none;outline:none}:root fieldset{border:0;padding:0;margin:0;min-width:0}:root div{outline:none}:root input[type=search]::-ms-clear{display:none;width:0;height:0}:root input[type=search]::-ms-reveal{display:none;width:0;height:0}:root input[type=search]::-webkit-search-decoration,:root input[type=search]::-webkit-search-cancel-button,:root input[type=search]::-webkit-search-results-button,:root input[type=search]::-webkit-search-results-decoration{display:none}}

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

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

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

@@ -0,0 +1,3 @@
+@forward "base";
+@forward "screen";
+@forward "semantic";

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+@forward "font-family";
+@forward "font-weight";

package/dist/styles/utils/index.scss

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

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

@@ -0,0 +1 @@
+@forward "modifiers";

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

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

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

@@ -0,0 +1 @@
+@forward "variants";

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/index.scss

@@ -0,0 +1,2 @@
+@forward "text";
+@forward "title";

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

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

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

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

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,2 @@
+export type * from './children.types.ts';
+//# 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,qBAAqB,CAAC"}

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

@@ -0,0 +1,16 @@
+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 = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type TextColor = PrimaryType | SecondaryType | TertiaryType | PositiveType | NegativeType | WarningType | AccentType | InverseType;
+export type IconColor = PrimaryType | SecondaryType | TertiaryType | PositiveType | NegativeType | WarningType | AccentType | InverseType;
+export type TextVariant = 'body1' | 'body2' | 'caption1' | 'caption2';
+export type FontWeight = 'extrabold' | 'bold' | 'semibold' | 'medium' | 'regular' | 'light' | 'extralight';
+//# 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":"AAAA,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,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpD,MAAM,MAAM,SAAS,GACjB,WAAW,GACX,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,UAAU,GACV,WAAW,CAAC;AAEhB,MAAM,MAAM,SAAS,GACjB,WAAW,GACX,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,UAAU,GACV,WAAW,CAAC;AAEhB,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC;AAEtE,MAAM,MAAM,UAAU,GAClB,WAAW,GACX,MAAM,GACN,UAAU,GACV,QAAQ,GACR,SAAS,GACT,OAAO,GACP,YAAY,CAAC"}