@ozen-ui/kit 0.53.0 → 0.55.0

package/__inner__/cjs/components/ThemeProvider/ThemeProvider.js

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeProvider = exports.cnThemeProvider = exports.THEME_DEFAULT_TAG = void 0;
+exports.ThemeProvider = exports.cnThemeProvider = void 0;
 var tslib_1 = require("tslib");
 require("./ThemeProvider.css");
 var react_1 = tslib_1.__importDefault(require("react"));
 var classname_1 = require("../../utils/classname");
 var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
+var constants_1 = require("./constants");
 var ThemeProviderContext_1 = require("./ThemeProviderContext");
-exports.THEME_DEFAULT_TAG = 'div';
 exports.cnThemeProvider = (0, classname_1.cn)('Theme');
 exports.ThemeProvider = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
-    var children = _a.children, theme = _a.theme, className = _a.className, _b = _a.as, Tag = _b === void 0 ? exports.THEME_DEFAULT_TAG : _b, other = tslib_1.__rest(_a, ["children", "theme", "className", "as"]);
+    var children = _a.children, theme = _a.theme, className = _a.className, _b = _a.as, Tag = _b === void 0 ? constants_1.THEME_DEFAULT_TAG : _b, other = tslib_1.__rest(_a, ["children", "theme", "className", "as"]);
     return (react_1.default.createElement(ThemeProviderContext_1.ThemeProviderContext.Provider, { value: theme },
         react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnThemeProvider)(theme === null || theme === void 0 ? void 0 : theme.tokens, [className]) }, other, { ref: ref }), children)));
 });

package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_vipDark.css

@@ -0,0 +1,172 @@
+.Theme_color_vipDark {
+  --color-content-action-on: #fff;
+  --color-content-secondary: #aeb1c4;
+  --color-content-primary: #fff;
+  --color-content-tertiary: #7e8194;
+  --color-content-disabled: #636574;
+  --color-content-ghost-disabled: rgb(255 255 255 / 40%);
+  --color-content-action: #d4aa6b;
+  --color-content-action-hover: #ad8b59;
+  --color-content-action-pressed: #866c47;
+  --color-content-action-dark: #eeddc4;
+  --color-content-action-secondary: #9a9eb5;
+  --color-content-action-secondary-hover: #7e8194;
+  --color-content-action-secondary-pressed: #636574;
+  --color-content-action-secondary-dark: #d7d8e1;
+  --color-background-main: #1e1d22;
+  --color-content-error: #f664af;
+  --color-content-error-hover: #c85390;
+  --color-content-error-pressed: #9a4270;
+  --color-content-error-dark: #fbc1df;
+  --color-content-warning: #ff7f50;
+  --color-content-warning-hover: #cf6944;
+  --color-content-warning-pressed: #9f5237;
+  --color-content-warning-dark: #ffccb9;
+  --color-content-success: #0b0;
+  --color-content-success-hover: #039904;
+  --color-content-success-pressed: #067607;
+  --color-content-success-dark: #99e499;
+  --color-content-info: #023dff;
+  --color-content-info-hover: #0534d0;
+  --color-content-info-pressed: #082ba0;
+  --color-content-info-dark: #9ab1ff;
+  --color-content-primary-inverse: #1e1d22;
+  --color-background-main-inverse: #d9dade;
+  --color-content-accent-secondary: #989aa5;
+  --color-accent-main: #14151b;
+  --color-content-accent-primary: #c7c8ce;
+  --color-accent-primary: #1b1c24;
+  --color-content-accent-disabled: #7b7e8c;
+  --color-background-main-hover: #2c2c33;
+  --color-background-main-pressed: #474853;
+  --color-background-primary: #17161a;
+  --color-background-primary-hover: #1e1d22;
+  --color-background-primary-pressed: #2c2c33;
+  --color-background-secondary: #2c2c33;
+  --color-background-secondary-hover: #474853;
+  --color-background-secondary-pressed: #636574;
+  --color-background-tertiary: #474853;
+  --color-background-tertiary-hover: #636574;
+  --color-background-tertiary-pressed: #7e8194;
+  --color-background-disabled: #2c2c33;
+  --color-background-action: #ad8b59;
+  --color-background-action-hover: #d4aa6b;
+  --color-background-action-pressed: #db8;
+  --color-background-action-active-disabled: #5f4d36;
+  --color-background-action-light: #2d261f;
+  --color-background-action-light-hover: #372e24;
+  --color-background-action-light-pressed: #5f4d36;
+  --color-background-accent-action-light: #5f4d36;
+  --color-background-accent-action-light-hover: #866c47;
+  --color-background-accent-action-light-pressed: #ad8b59;
+  --color-background-action-secondary: #7e8194;
+  --color-background-action-secondary-hover: #9a9eb5;
+  --color-background-action-secondary-pressed: #aeb1c4;
+  --color-background-action-secondary-active-disabled: #636574;
+  --color-background-action-secondary-light: #2c2c33;
+  --color-background-action-secondary-light-hover: #474853;
+  --color-background-action-secondary-light-pressed: #636574;
+  --color-background-accent-action-secondary-light: #2c2c33;
+  --color-background-accent-action-secondary-light-hover: #474853;
+  --color-background-accent-action-secondary-light-pressed: #636574;
+  --color-background-error: #c85390;
+  --color-background-error-hover: #f664af;
+  --color-background-error-pressed: #f883bf;
+  --color-background-error-light: #321c2a;
+  --color-background-error-light-hover: #3e2031;
+  --color-background-error-light-pressed: #6c3151;
+  --color-background-accent-error-light: #6c3151;
+  --color-background-accent-error-light-hover: #9a4270;
+  --color-background-accent-error-light-pressed: #c85390;
+  --color-background-warning: #cf6944;
+  --color-background-warning-hover: #ff7f50;
+  --color-background-warning-pressed: #ff9973;
+  --color-background-warning-light: #34201b;
+  --color-background-warning-light-hover: #40251e;
+  --color-background-warning-light-pressed: #703c2b;
+  --color-background-accent-warning-light: #703c2b;
+  --color-background-accent-warning-light-hover: #9f5237;
+  --color-background-accent-warning-light-pressed: #cf6944;
+  --color-background-success: #039904;
+  --color-background-success-hover: #0b0;
+  --color-background-success-pressed: #33c933;
+  --color-background-success-light: #0e290f;
+  --color-background-success-light-hover: #0d310e;
+  --color-background-success-light-pressed: #0a540b;
+  --color-background-accent-success-light: #0a540b;
+  --color-background-accent-success-light-hover: #067607;
+  --color-background-accent-success-light-pressed: #039904;
+  --color-background-info: #0534d0;
+  --color-background-info-hover: #023dff;
+  --color-background-info-pressed: #3564ff;
+  --color-background-info-light: #0e1636;
+  --color-background-info-light-hover: #0d1841;
+  --color-background-info-light-pressed: #0a2171;
+  --color-background-accent-info-light: #0a2171;
+  --color-background-accent-info-light-hover: #082ba0;
+  --color-background-accent-info-light-pressed: #0534d0;
+  --color-background-overlay: rgb(0 0 0 / 60%);
+  --color-background-ghost: rgb(255 255 255 / 10%);
+  --color-background-ghost-hover: rgb(255 255 255 / 20%);
+  --color-background-ghost-pressed: rgb(255 255 255 / 30%);
+  --color-background-ghost-disabled: rgb(255 255 255 / 40%);
+  --color-border-main: #474853;
+  --color-border-main-hover: #636574;
+  --color-border-main-pressed: #7e8194;
+  --color-border-secondary: #2c2c33;
+  --color-border-secondary-hover: #474853;
+  --color-border-secondary-pressed: #636574;
+  --color-border-disabled: #474853;
+  --color-border-ghost-disabled: rgb(255 255 255 / 40%);
+  --color-border-focused: #372e24;
+  --color-border-action: #ad8b59;
+  --color-border-action-hover: #866c47;
+  --color-border-action-pressed: #5f4d36;
+  --color-border-action-secondary: #d7d8e1;
+  --color-border-action-secondary-hover: #c2c5d3;
+  --color-border-action-secondary-pressed: #aeb1c4;
+  --color-border-error: #c85390;
+  --color-border-warning: #cf6944;
+  --color-border-success: #039904;
+  --color-border-info: #0534d0;
+  --color-border-main-on: #fff;
+  --color-border-accent-main: #989aa5;
+  --color-border-accent-disabled: #5f6374;
+  --color-border-accent-focused: #372e24;
+  --color-accent-main-hover: #1b1c24;
+  --color-accent-main-pressed: #252732;
+  --color-accent-primary-hover: #252732;
+  --color-accent-primary-pressed: #2f3240;
+  --color-accent-secondary: #252732;
+  --color-accent-secondary-hover: #2f3240;
+  --color-accent-secondary-pressed: #393c4d;
+  --color-accent-tertiary: #2f3240;
+  --color-accent-tertiary-hover: #393c4d;
+  --color-accent-tertiary-pressed: #43475b;
+  --color-accent-disabled: #2f3240;
+  --color-accent-main-inverse: #c7c8ce;
+  --color-additional-a1: #067607;
+  --color-additional-a2: #0b0;
+  --color-additional-a3: #99e499;
+  --color-additional-b1: #763986;
+  --color-additional-b2: #ba55d3;
+  --color-additional-b3: #e3bbed;
+  --color-additional-c1: #638125;
+  --color-additional-c2: #9acd32;
+  --color-additional-c3: #d7ebad;
+  --color-additional-d1: #23867f;
+  --color-additional-d2: #30d5c8;
+  --color-additional-d3: #aceee9;
+  --color-additional-e1: #9f6d24;
+  --color-additional-e2: #ffac30;
+  --color-additional-e3: #ffdeac;
+  --color-additional-f1: #1966a0;
+  --color-additional-f2: #1fa1ff;
+  --color-additional-f3: #a5d9ff;
+  --color-additional-g1: #9f3b3d;
+  --color-additional-g2: #ff5959;
+  --color-additional-g3: #ffbdbd;
+  --color-additional-h1: #9f891a;
+  --color-additional-h2: #ffda1f;
+  --color-additional-h3: #fff0a5;
+}

package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_vipDefault.css

@@ -0,0 +1,172 @@
+.Theme_color_vipDefault {
+  --color-content-primary: #17161a;
+  --color-content-secondary: #636574;
+  --color-content-tertiary: #7e8194;
+  --color-content-disabled: #9a9eb5;
+  --color-content-ghost-disabled: rgb(255 255 255 / 40%);
+  --color-content-action: #d4aa6b;
+  --color-content-action-hover: #ad8b59;
+  --color-content-action-pressed: #866c47;
+  --color-content-action-dark: #5f4d36;
+  --color-content-action-secondary: #2c2c33;
+  --color-content-action-secondary-hover: #1e1d22;
+  --color-content-action-secondary-pressed: #17161a;
+  --color-content-action-secondary-dark: #17161a;
+  --color-content-action-on: #fff;
+  --color-content-error: #f664af;
+  --color-content-error-hover: #c85390;
+  --color-content-error-pressed: #9a4270;
+  --color-content-error-dark: #6c3151;
+  --color-content-warning: #ff7f50;
+  --color-content-warning-hover: #cf6944;
+  --color-content-warning-pressed: #9f5237;
+  --color-content-warning-dark: #703c2b;
+  --color-content-success: #0b0;
+  --color-content-success-hover: #039904;
+  --color-content-success-pressed: #067607;
+  --color-content-success-dark: #0a540b;
+  --color-content-info: #023dff;
+  --color-content-info-hover: #0534d0;
+  --color-content-info-pressed: #082ba0;
+  --color-content-info-dark: #0a2171;
+  --color-content-primary-inverse: #fff;
+  --color-content-accent-secondary: #989aa5;
+  --color-accent-main: #14151b;
+  --color-content-accent-primary: #c7c8ce;
+  --color-accent-primary: #1b1c24;
+  --color-content-accent-disabled: #7b7e8c;
+  --color-background-main: #fff;
+  --color-background-main-hover: #f5f5f8;
+  --color-background-main-pressed: #ebecf0;
+  --color-background-primary: #f5f5f8;
+  --color-background-primary-hover: #ebecf0;
+  --color-background-primary-pressed: #d7d8e1;
+  --color-background-secondary: #ebecf0;
+  --color-background-secondary-hover: #d7d8e1;
+  --color-background-secondary-pressed: #c2c5d3;
+  --color-background-tertiary: #d7d8e1;
+  --color-background-tertiary-hover: #c2c5d3;
+  --color-background-tertiary-pressed: #aeb1c4;
+  --color-background-disabled: #ebecf0;
+  --color-background-action: #d4aa6b;
+  --color-background-action-hover: #ad8b59;
+  --color-background-action-pressed: #866c47;
+  --color-background-action-active-disabled: #eeddc4;
+  --color-background-action-light: #f9f3e9;
+  --color-background-action-light-hover: #f6eee1;
+  --color-background-action-light-pressed: #eeddc4;
+  --color-background-accent-action-light: #866c47;
+  --color-background-accent-action-light-hover: #5f4d36;
+  --color-background-accent-action-light-pressed: #372e24;
+  --color-background-action-secondary: #2c2c33;
+  --color-background-action-secondary-hover: #1e1d22;
+  --color-background-action-secondary-pressed: #17161a;
+  --color-background-action-secondary-active-disabled: #c2c5d3;
+  --color-background-action-secondary-light: #ebecf0;
+  --color-background-action-secondary-light-hover: #d7d8e1;
+  --color-background-action-secondary-light-pressed: #c2c5d3;
+  --color-background-accent-action-secondary-light: #636574;
+  --color-background-accent-action-secondary-light-hover: #474853;
+  --color-background-accent-action-secondary-light-pressed: #2c2c33;
+  --color-background-error: #f664af;
+  --color-background-error-hover: #c85390;
+  --color-background-error-pressed: #9a4270;
+  --color-background-error-light: #fee8f3;
+  --color-background-error-light-hover: #fde0ef;
+  --color-background-error-light-pressed: #fbc1df;
+  --color-background-accent-error-light: #9a4270;
+  --color-background-accent-error-light-hover: #6c3151;
+  --color-background-accent-error-light-pressed: #3e2031;
+  --color-background-warning: #ff7f50;
+  --color-background-warning-hover: #cf6944;
+  --color-background-warning-pressed: #9f5237;
+  --color-background-warning-light: #ffece5;
+  --color-background-warning-light-hover: #ffe5dc;
+  --color-background-warning-light-pressed: #ffccb9;
+  --color-background-accent-warning-light: #9f5237;
+  --color-background-accent-warning-light-hover: #703c2b;
+  --color-background-accent-warning-light-pressed: #40251e;
+  --color-background-success: #0b0;
+  --color-background-success-hover: #039904;
+  --color-background-success-pressed: #067607;
+  --color-background-success-light: #d9f5d9;
+  --color-background-success-light-hover: #ccf1cc;
+  --color-background-success-light-pressed: #99e499;
+  --color-background-accent-success-light: #067607;
+  --color-background-accent-success-light-hover: #0a540b;
+  --color-background-accent-success-light-pressed: #0d310e;
+  --color-background-info: #023dff;
+  --color-background-info-hover: #0534d0;
+  --color-background-info-pressed: #082ba0;
+  --color-background-info-light: #d9e2ff;
+  --color-background-info-light-hover: #ccd8ff;
+  --color-background-info-light-pressed: #9ab1ff;
+  --color-background-accent-info-light: #082ba0;
+  --color-background-accent-info-light-hover: #0a2171;
+  --color-background-accent-info-light-pressed: #0d1841;
+  --color-background-main-inverse: #0d0e12;
+  --color-background-overlay: rgb(0 0 0 / 50%);
+  --color-background-ghost: rgb(255 255 255 / 10%);
+  --color-background-ghost-hover: rgb(255 255 255 / 20%);
+  --color-background-ghost-pressed: rgb(255 255 255 / 30%);
+  --color-background-ghost-disabled: rgb(255 255 255 / 40%);
+  --color-border-main: #c2c5d3;
+  --color-border-main-hover: #aeb1c4;
+  --color-border-main-pressed: #9a9eb5;
+  --color-border-secondary: #d7d8e1;
+  --color-border-secondary-hover: #c2c5d3;
+  --color-border-secondary-pressed: #aeb1c4;
+  --color-border-disabled: #c2c5d3;
+  --color-border-ghost-disabled: rgb(255 255 255 / 40%);
+  --color-border-focused: #eeddc4;
+  --color-border-action: #d4aa6b;
+  --color-border-action-hover: #ad8b59;
+  --color-border-action-pressed: #866c47;
+  --color-border-action-secondary: #2c2c33;
+  --color-border-action-secondary-hover: #1e1d22;
+  --color-border-action-secondary-pressed: #17161a;
+  --color-border-error: #f664af;
+  --color-border-warning: #ff7f50;
+  --color-border-success: #0b0;
+  --color-border-info: #023dff;
+  --color-border-main-on: #fff;
+  --color-border-accent-main: #989aa5;
+  --color-border-accent-disabled: #5f6374;
+  --color-border-accent-focused: #2d261f;
+  --color-accent-main-hover: #1b1c24;
+  --color-accent-main-pressed: #252732;
+  --color-accent-primary-hover: #252732;
+  --color-accent-primary-pressed: #2f3240;
+  --color-accent-secondary: #252732;
+  --color-accent-secondary-hover: #2f3240;
+  --color-accent-secondary-pressed: #393c4d;
+  --color-accent-tertiary: #2f3240;
+  --color-accent-tertiary-hover: #393c4d;
+  --color-accent-tertiary-pressed: #43475b;
+  --color-accent-disabled: #2f3240;
+  --color-accent-main-inverse: #c7c8ce;
+  --color-additional-a1: #067607;
+  --color-additional-a2: #0b0;
+  --color-additional-a3: #99e499;
+  --color-additional-b1: #763986;
+  --color-additional-b2: #ba55d3;
+  --color-additional-b3: #e3bbed;
+  --color-additional-c1: #638125;
+  --color-additional-c2: #9acd32;
+  --color-additional-c3: #d7ebad;
+  --color-additional-d1: #23867f;
+  --color-additional-d2: #30d5c8;
+  --color-additional-d3: #aceee9;
+  --color-additional-e1: #9f6d24;
+  --color-additional-e2: #ffac30;
+  --color-additional-e3: #ffdeac;
+  --color-additional-f1: #1966a0;
+  --color-additional-f2: #1fa1ff;
+  --color-additional-f3: #a5d9ff;
+  --color-additional-g1: #9f3b3d;
+  --color-additional-g2: #ff5959;
+  --color-additional-g3: #ffbdbd;
+  --color-additional-h1: #9f891a;
+  --color-additional-h2: #ffda1f;
+  --color-additional-h3: #fff0a5;
+}

package/__inner__/cjs/components/ThemeProvider/constants.d.ts

@@ -0,0 +1 @@
+export declare const THEME_DEFAULT_TAG = "div";

package/__inner__/cjs/components/ThemeProvider/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.THEME_DEFAULT_TAG = void 0;
+exports.THEME_DEFAULT_TAG = 'div';

package/__inner__/cjs/components/ThemeProvider/types.d.ts

@@ -1,9 +1,13 @@
+import type { ComponentRef, ElementType } from 'react';
+import type React from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
 import type { AccordionProps, AccordionSummaryProps } from '../Accordion';
 import type { AlertProps } from '../Alert';
 import type { AutocompleteProps } from '../Autocomplete';
 import type { AvatarProps } from '../Avatar';
 import type { BackdropProps } from '../Backdrop';
 import type { BadgeProps } from '../Badge';
+import type { BreadcrumbsProps } from '../Breadcrumbs';
 import type { ButtonProps } from '../Button';
 import type { ButtonProps as ButtonPropsNext } from '../ButtonNext';
 import type { CalendarProps } from '../Calendar';
@@ -49,10 +53,12 @@ import type { SnackbarProviderProps } from '../Snackbar';
 import type { StackProps } from '../Stack';
 import type { TableContainerProps, TableProps, TableCaptionProps, TableCellProps } from '../Table';
 import type { TagProps } from '../Tag';
+import type { TagProps as TagPropsNext } from '../TagNext';
 import type { TextareaProps } from '../Textarea';
 import type { ToggleProps } from '../Toggle';
 import type { TooltipProps } from '../Tooltip';
 import type { TypographyProps } from '../Typography';
+import type { THEME_DEFAULT_TAG } from './constants';
 export type Theme = {
     tokens: {
         color: string;
@@ -75,6 +81,7 @@ export type Theme = {
         Avatar?: Partial<AvatarProps>;
         Backdrop?: Partial<BackdropProps>;
         Badge?: Partial<BadgeProps>;
+        Breadcrumbs?: Partial<BreadcrumbsProps>;
         Button?: Partial<ButtonProps>;
         ButtonNext?: Partial<ButtonPropsNext>;
         Calendar?: Partial<CalendarProps>;
@@ -128,9 +135,18 @@ export type Theme = {
         TableCell?: Partial<TableCellProps>;
         TableContainer?: Partial<TableContainerProps>;
         Tag?: Partial<TagProps>;
+        TagNext?: Partial<TagPropsNext>;
         Textarea?: Partial<TextareaProps>;
         Toggle?: Partial<ToggleProps>;
         Tooltip?: Partial<TooltipProps>;
         Typography?: Partial<TypographyProps>;
     };
 };
+export type ThemeProviderBaseProps = {
+    /** Содержимое компонента */
+    children: React.ReactNode;
+    /** Тема */
+    theme?: Theme;
+};
+export type ThemeProviderProps<As extends ElementType = typeof THEME_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<ThemeProviderBaseProps, As>;
+export type ThemeProviderRef = ComponentRef<typeof THEME_DEFAULT_TAG>;

package/__inner__/cjs/components/Toggle/Toggle.d.ts

@@ -1,31 +1,5 @@
 import './Toggle.css';
 import React from 'react';
-import type { InputHTMLAttributes, Ref } from 'react';
-import { type FormControlLabelProps } from '../FormControlLabel';
-export declare const toggleSizeVariant: readonly ["2xs", "xs", "s", "m", "l"];
-export type ToggleSizeVariant = (typeof toggleSizeVariant)[number];
-export type ToggleProps = {
-    /** Размер */
-    size?: ToggleSizeVariant;
-    /** Если {true} делает элемент неактивным */
-    disabled?: boolean;
-    /** Если {true} делает элемент выбранным */
-    checked?: boolean;
-    /** Расположение лейбла */
-    align?: FormControlLabelProps['align'];
-    /** Лейбл */
-    label?: React.ReactNode;
-    /** Позиция лейбла */
-    labelPlacement?: FormControlLabelProps['labelPlacement'];
-    /** Свойства лейбла */
-    labelProps?: FormControlLabelProps;
-    /** Ссылка на корневой DOM-элемент компонента */
-    ref?: Ref<HTMLLabelElement>;
-    /** Ссылка на input-элемент в компоненте */
-    inputRef?: Ref<HTMLInputElement>;
-    /** Кастомный класс */
-    className?: string;
-    children?: never;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>;
+import type { ToggleProps } from './index';
 export declare const cnToggle: import("@bem-react/classname").ClassNameFormatter;
 export declare const Toggle: React.ForwardRefExoticComponent<Omit<ToggleProps, "ref"> & React.RefAttributes<HTMLLabelElement>>;

package/__inner__/cjs/components/Toggle/Toggle.js

@@ -1,15 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Toggle = exports.cnToggle = exports.toggleSizeVariant = void 0;
+exports.Toggle = exports.cnToggle = void 0;
 var tslib_1 = require("tslib");
 require("./Toggle.css");
 var react_1 = tslib_1.__importStar(require("react"));
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var FormControlLabel_1 = require("../FormControlLabel");
-exports.toggleSizeVariant = ['2xs', 'xs', 's', 'm', 'l'];
 exports.cnToggle = (0, classname_1.cn)('Toggle');
-// TODO: Switch (без тега label) как самостоятельный компонент
 exports.Toggle = (0, react_1.forwardRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,

package/__inner__/cjs/components/Toggle/index.d.ts

@@ -1 +1,2 @@
 export * from './Toggle';
+export * from './types';

package/__inner__/cjs/components/Toggle/index.js

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./Toggle"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/Toggle/types.d.ts

@@ -0,0 +1,29 @@
+import type { ComponentRef, Ref, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
+import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
+import type { FormControlLabelProps } from '../FormControlLabel';
+export type ToggleSizeVariant = FormElementSizeVariant;
+export type ToggleRef = ComponentRef<'label'>;
+export type ToggleProps = ExtendableComponentPropsWithRef<{
+    /** Размер */
+    size?: ToggleSizeVariant;
+    /** Если {true} делает элемент неактивным */
+    disabled?: boolean;
+    /** Если {true} делает элемент выбранным */
+    checked?: boolean;
+    /** Расположение лейбла */
+    align?: FormControlLabelProps['align'];
+    /** Лейбл */
+    label?: ReactNode;
+    /** Позиция лейбла */
+    labelPlacement?: FormControlLabelProps['labelPlacement'];
+    /** Свойства лейбла */
+    labelProps?: FormControlLabelProps;
+    /** Ссылка на корневой DOM-элемент компонента */
+    ref?: Ref<HTMLLabelElement>;
+    /** Ссылка на input-элемент в компоненте */
+    inputRef?: Ref<HTMLInputElement>;
+    /** Кастомный класс */
+    className?: string;
+    children?: never;
+}, 'input'>;

package/__inner__/cjs/components/Toggle/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/Typography/Typography.d.ts

@@ -1,34 +1,4 @@
 import './Typography.css';
-import type { ElementType, ReactNode } from 'react';
-import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
-export declare const typographyVariant: readonly ["heading-4xl", "heading-3xl", "heading-2xl", "heading-xl", "heading-l", "text-4xl", "text-4xl_1", "text-3xl", "text-3xl_1", "text-2xl", "text-2xl_1", "text-xl", "text-xl_1", "text-l", "text-l_1", "text-m", "text-m_1", "text-s", "text-s_1", "text-xs", "text-xs_1", "text-2xs", "text-2xs_1", "text-3xs", "text-3xs_1", "caption-3xs", "caption-3xs_1", "inherit"];
-export type TypographyVariant = (typeof typographyVariant)[number];
-export declare const typographyDisplayVariant: readonly ["block", "inline", "inlineBlock"];
-export type TypographyDisplayVariant = (typeof typographyDisplayVariant)[number];
-export declare const typographyAlignVariant: readonly ["left", "center", "right", "initial", "inherit"];
-export type TypographyAlignVariant = (typeof typographyAlignVariant)[number];
-export declare const typographyColorVariant: readonly ["primary", "secondary", "tertiary", "disabled", "ghostDisabled", "action", "actionPressed", "actionHover", "actionDark", "actionOn", "error", "errorHover", "errorPressed", "errorDark", "warning", "warningHover", "warningPressed", "warningDark", "success", "successHover", "successDark", "successPressed", "info", "infoHover", "infoPressed", "infoDark", "primaryInverse", "accentPrimary", "accentSecondary", "accentDisabled", "inherit"];
-export type TypographyColorVariant = (typeof typographyColorVariant)[number];
-export type TypographyBaseProps = {
-    /** Вариант типографики */
-    variant?: TypographyVariant;
-    /** Цвет текста */
-    color?: TypographyColorVariant;
-    /** Если {true} добавляет отступы */
-    defaultMargin?: boolean;
-    /** Выравнивание */
-    align?: TypographyAlignVariant;
-    /** Если {true} сокращает длинный текст */
-    noWrap?: boolean;
-    /** Задает поведение контейнера с типографикой в документе */
-    display?: TypographyDisplayVariant;
-    /** Содержимое компонента */
-    children?: ReactNode;
-    /** Дополнительные СSS-классы */
-    className?: string;
-    /** Идентификатор компонента для тестов */
-    'data-testid'?: string;
-};
-export type TypographyProps<As extends ElementType = 'p'> = PolymorphicComponentPropsWithoutRef<TypographyBaseProps, As>;
+import type { TypographyBaseProps } from './index';
 export declare const cnTypography: import("@bem-react/classname").ClassNameFormatter;
 export declare const Typography: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TypographyBaseProps, "div">;

package/__inner__/cjs/components/Typography/Typography.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Typography = exports.cnTypography = exports.typographyColorVariant = exports.typographyAlignVariant = exports.typographyDisplayVariant = exports.typographyVariant = void 0;
+exports.Typography = exports.cnTypography = void 0;
 var tslib_1 = require("tslib");
 require("./Typography.css");
 var react_1 = tslib_1.__importStar(require("react"));
@@ -9,81 +9,6 @@ var classname_1 = require("../../utils/classname");
 var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
 var constants_1 = require("./constants");
 var utils_1 = require("./utils");
-exports.typographyVariant = [
-    'heading-4xl',
-    'heading-3xl',
-    'heading-2xl',
-    'heading-xl',
-    'heading-l',
-    'text-4xl',
-    'text-4xl_1',
-    'text-3xl',
-    'text-3xl_1',
-    'text-2xl',
-    'text-2xl_1',
-    'text-xl',
-    'text-xl_1',
-    'text-l',
-    'text-l_1',
-    'text-m',
-    'text-m_1',
-    'text-s',
-    'text-s_1',
-    'text-xs',
-    'text-xs_1',
-    'text-2xs',
-    'text-2xs_1',
-    'text-3xs',
-    'text-3xs_1',
-    'caption-3xs',
-    'caption-3xs_1',
-    'inherit',
-];
-exports.typographyDisplayVariant = [
-    'block',
-    'inline',
-    'inlineBlock',
-];
-exports.typographyAlignVariant = [
-    'left',
-    'center',
-    'right',
-    'initial',
-    'inherit',
-];
-exports.typographyColorVariant = [
-    'primary',
-    'secondary',
-    'tertiary',
-    'disabled',
-    'ghostDisabled',
-    'action',
-    'actionPressed',
-    'actionHover',
-    'actionDark',
-    'actionOn',
-    'error',
-    'errorHover',
-    'errorPressed',
-    'errorDark',
-    'warning',
-    'warningHover',
-    'warningPressed',
-    'warningDark',
-    'success',
-    'successHover',
-    'successDark',
-    'successPressed',
-    'info',
-    'infoHover',
-    'infoPressed',
-    'infoDark',
-    'primaryInverse',
-    'accentPrimary',
-    'accentSecondary',
-    'accentDisabled',
-    'inherit',
-];
 exports.cnTypography = (0, classname_1.cn)('Typography');
 exports.Typography = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({

package/__inner__/cjs/components/Typography/index.d.ts

@@ -1 +1,2 @@
 export * from './Typography';
+export * from './types';

package/__inner__/cjs/components/Typography/index.js

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./Typography"), exports);
+tslib_1.__exportStar(require("./types"), exports);