@alfalab/core-components-switch 4.5.6 → 4.5.7-snapshot-1393ffa

package/moderncssm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/index.module.css

@@ -1,19 +1,6 @@
-/* */
 :root {
     --switch-border-color: transparent;
     --switch-error-color: var(--color-light-text-negative);
-
-    /* inverted */
-
-    /* hover */
-
-    /* checked */
-
-    /* disabled */
-
-    /* disabled checked */
-
-    /* icon */
     --switch-icon-color: var(--color-static-neutral-0);
 }
 .component {
@@ -92,7 +79,6 @@
     font-weight: 400;
     display: block;
 }
-/* Reversed state */
 .component.reversed {
     flex-direction: row-reverse;
 }
@@ -106,16 +92,12 @@
     margin-right: auto;
     padding-right: var(--gap-16);
 }
-/* Checked state */
 .checked .switch:before {
-    /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
     transform: translateX(16px);
 }
-/* Disabled state */
 .disabled {
     cursor: var(--disabled-cursor);
 }
-/* Focused state */
 .focused .switch {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;

package/moderncssm/inverted.module.css

@@ -1,26 +1,13 @@
-/* */
 :root {
-
-    /* inverted */
     --switch-label-inverted-color: var(--color-light-text-primary-inverted);
     --switch-hint-inverted-color: var(--color-light-text-secondary-inverted);
     --switch-checked-bg-inverted-color: var(--color-light-status-positive-inverted);
     --switch-checked-hover-bg-inverted-color: var(--color-light-status-positive-inverted-hover);
     --switch-bg-inverted-color: var(--color-light-neutral-translucent-700-inverted);
-
-    /* hover */
     --switch-hover-bg-inverted-color: var(--color-light-neutral-translucent-700-inverted-hover);
-
-    /* checked */
-
-    /* disabled */
     --switch-disabled-inverted-color: var(--color-light-text-secondary-inverted);
     --switch-disabled-bg-inverted-color: var(--color-light-neutral-translucent-200-inverted);
-
-    /* disabled checked */
     --switch-disabled-checked-bg-inverted-color: var(--switch-disabled-bg-inverted-color);
-
-    /* icon */
     --switch-icon-disabled-inverted-color: var(--color-light-neutral-translucent-500-inverted);
 }
 .switch {

package/{modern → moderncssm/src}/Component.d.ts

@@ -1,9 +1,7 @@
-/// <reference types="react" />
-import React from 'react';
-import { ChangeEvent, InputHTMLAttributes, ReactNode } from "react";
-import { Colors } from "./types/colors";
-type Align = 'start' | 'center';
-type SwitchProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'hint' | 'onChange' | 'disabled' | 'enterKeyHint'> & {
+import React, { ChangeEvent, InputHTMLAttributes, ReactNode } from 'react';
+import { Colors } from './types/colors';
+declare type Align = 'start' | 'center';
+export declare type SwitchProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'hint' | 'onChange' | 'disabled' | 'enterKeyHint'> & {
     /**
      * Управление состоянием вкл/выкл компонента
      */
@@ -63,7 +61,7 @@ type SwitchProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'hint' |
      */
     colors?: Colors;
 };
-declare const Switch: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "hint" | "onChange" | "disabled" | "enterKeyHint"> & {
+export declare const Switch: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "hint" | "onChange" | "disabled" | "enterKeyHint"> & {
     /**
      * Управление состоянием вкл/выкл компонента
      */
@@ -123,4 +121,4 @@ declare const Switch: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttrib
      */
     colors?: Colors | undefined;
 } & React.RefAttributes<HTMLLabelElement>>;
-export { SwitchProps, Switch };
+export {};

package/moderncssm/src/index.d.ts

@@ -0,0 +1 @@
+export * from './Component';

package/moderncssm/src/types/colors.d.ts

@@ -0,0 +1 @@
+export declare type Colors = 'default' | 'inverted';

package/moderncssm/types/colors.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=colors.js.map

package/moderncssm/types/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-switch",
-    "version": "4.5.6",
+    "version": "4.5.7-snapshot-1393ffa",
     "description": "",
     "gitHead": "f054fef20200664c65e2501ef1f916c555cdf05d",
     "keywords": [],
@@ -17,11 +17,11 @@
     },
     "dependencies": {
         "@alfalab/hooks": "^1.13.1",
-        "@alfalab/core-components-shared": "^0.16.0",
+        "@alfalab/core-components-shared": "0.16.1-snapshot-1393ffa",
         "classnames": "^2.5.1",
         "react-merge-refs": "^1.1.0",
         "tslib": "^2.4.0"
     },
-    "themesVersion": "13.7.1",
-    "varsVersion": "9.18.0"
+    "themesVersion": "14.0.0-snapshot-1393ffa",
+    "varsVersion": "9.20.1-snapshot-1393ffa"
 }

package/src/Component.d.ts

@@ -0,0 +1,124 @@
+import React, { ChangeEvent, InputHTMLAttributes, ReactNode } from 'react';
+import { Colors } from './types/colors';
+declare type Align = 'start' | 'center';
+export declare type SwitchProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'hint' | 'onChange' | 'disabled' | 'enterKeyHint'> & {
+    /**
+     * Управление состоянием вкл/выкл компонента
+     */
+    checked?: boolean;
+    /**
+     * Текст подписи к переключателю
+     */
+    label?: ReactNode;
+    /**
+     * Текст подсказки снизу
+     */
+    hint?: ReactNode;
+    /**
+     * Переключатель будет отрисован справа от контента
+     */
+    reversed?: boolean;
+    /**
+     * Выравнивание
+     */
+    align?: Align;
+    /**
+     * Дополнительный слот
+     */
+    addons?: React.ReactNode;
+    /**
+     * Растягивать ли компонент на всю ширину
+     */
+    block?: boolean;
+    /**
+     * Управление состоянием включен / выключен
+     */
+    disabled?: boolean;
+    /**
+     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
+     * Используйте props disabled
+     * Управление состоянием активен / неактивен
+     */
+    inactive?: boolean;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Обработчик переключения компонента
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
+        checked: boolean;
+        name: InputHTMLAttributes<HTMLInputElement>['name'];
+    }) => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Набор цветов для компонента
+     * @default default
+     */
+    colors?: Colors;
+};
+export declare const Switch: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "hint" | "onChange" | "disabled" | "enterKeyHint"> & {
+    /**
+     * Управление состоянием вкл/выкл компонента
+     */
+    checked?: boolean | undefined;
+    /**
+     * Текст подписи к переключателю
+     */
+    label?: ReactNode;
+    /**
+     * Текст подсказки снизу
+     */
+    hint?: ReactNode;
+    /**
+     * Переключатель будет отрисован справа от контента
+     */
+    reversed?: boolean | undefined;
+    /**
+     * Выравнивание
+     */
+    align?: Align | undefined;
+    /**
+     * Дополнительный слот
+     */
+    addons?: React.ReactNode;
+    /**
+     * Растягивать ли компонент на всю ширину
+     */
+    block?: boolean | undefined;
+    /**
+     * Управление состоянием включен / выключен
+     */
+    disabled?: boolean | undefined;
+    /**
+     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
+     * Используйте props disabled
+     * Управление состоянием активен / неактивен
+     */
+    inactive?: boolean | undefined;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Обработчик переключения компонента
+     */
+    onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
+        checked: boolean;
+        name: InputHTMLAttributes<HTMLInputElement>['name'];
+    }) => void) | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string | undefined;
+    /**
+     * Набор цветов для компонента
+     * @default default
+     */
+    colors?: Colors | undefined;
+} & React.RefAttributes<HTMLLabelElement>>;
+export {};

package/src/index.d.ts

@@ -0,0 +1 @@
+export * from './Component';

package/src/types/colors.d.ts

@@ -0,0 +1 @@
+export declare type Colors = 'default' | 'inverted';

package/types/colors.js

@@ -1,2 +1,3 @@
 'use strict';
 
+//# sourceMappingURL=colors.js.map

package/types/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/cssm/index.d.ts

@@ -1 +0,0 @@
-export * from "./Component";

package/cssm/types/colors.d.ts

@@ -1,2 +0,0 @@
-type Colors = 'default' | 'inverted';
-export { Colors };

package/cssm/vars.css

@@ -1,14 +0,0 @@
-:root {
-
-    /* inverted */
-
-    /* hover */
-
-    /* checked */
-
-    /* disabled */
-
-    /* disabled checked */
-
-    /* icon */
-}

package/esm/index.d.ts

@@ -1 +0,0 @@
-export * from "./Component";

package/esm/types/colors.d.ts

@@ -1,2 +0,0 @@
-type Colors = 'default' | 'inverted';
-export { Colors };

package/index.d.ts

@@ -1 +0,0 @@
-export * from "./Component";

package/modern/index.d.ts

@@ -1 +0,0 @@
-export * from "./Component";

package/modern/types/colors.d.ts

@@ -1,2 +0,0 @@
-type Colors = 'default' | 'inverted';
-export { Colors };

package/moderncssm/Component.d.ts

@@ -1,126 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ChangeEvent, InputHTMLAttributes, ReactNode } from "react";
-import { Colors } from "./types/colors";
-type Align = 'start' | 'center';
-type SwitchProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'hint' | 'onChange' | 'disabled' | 'enterKeyHint'> & {
-    /**
-     * Управление состоянием вкл/выкл компонента
-     */
-    checked?: boolean;
-    /**
-     * Текст подписи к переключателю
-     */
-    label?: ReactNode;
-    /**
-     * Текст подсказки снизу
-     */
-    hint?: ReactNode;
-    /**
-     * Переключатель будет отрисован справа от контента
-     */
-    reversed?: boolean;
-    /**
-     * Выравнивание
-     */
-    align?: Align;
-    /**
-     * Дополнительный слот
-     */
-    addons?: React.ReactNode;
-    /**
-     * Растягивать ли компонент на всю ширину
-     */
-    block?: boolean;
-    /**
-     * Управление состоянием включен / выключен
-     */
-    disabled?: boolean;
-    /**
-     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
-     * Используйте props disabled
-     * Управление состоянием активен / неактивен
-     */
-    inactive?: boolean;
-    /**
-     * Отображение ошибки
-     */
-    error?: ReactNode | boolean;
-    /**
-     * Обработчик переключения компонента
-     */
-    onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
-        checked: boolean;
-        name: InputHTMLAttributes<HTMLInputElement>['name'];
-    }) => void;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Набор цветов для компонента
-     * @default default
-     */
-    colors?: Colors;
-};
-declare const Switch: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "hint" | "onChange" | "disabled" | "enterKeyHint"> & {
-    /**
-     * Управление состоянием вкл/выкл компонента
-     */
-    checked?: boolean | undefined;
-    /**
-     * Текст подписи к переключателю
-     */
-    label?: ReactNode;
-    /**
-     * Текст подсказки снизу
-     */
-    hint?: ReactNode;
-    /**
-     * Переключатель будет отрисован справа от контента
-     */
-    reversed?: boolean | undefined;
-    /**
-     * Выравнивание
-     */
-    align?: Align | undefined;
-    /**
-     * Дополнительный слот
-     */
-    addons?: React.ReactNode;
-    /**
-     * Растягивать ли компонент на всю ширину
-     */
-    block?: boolean | undefined;
-    /**
-     * Управление состоянием включен / выключен
-     */
-    disabled?: boolean | undefined;
-    /**
-     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
-     * Используйте props disabled
-     * Управление состоянием активен / неактивен
-     */
-    inactive?: boolean | undefined;
-    /**
-     * Отображение ошибки
-     */
-    error?: ReactNode | boolean;
-    /**
-     * Обработчик переключения компонента
-     */
-    onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
-        checked: boolean;
-        name: InputHTMLAttributes<HTMLInputElement>['name'];
-    }) => void) | undefined;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string | undefined;
-    /**
-     * Набор цветов для компонента
-     * @default default
-     */
-    colors?: Colors | undefined;
-} & React.RefAttributes<HTMLLabelElement>>;
-export { SwitchProps, Switch };

package/moderncssm/index.d.ts

@@ -1 +0,0 @@
-export * from "./Component";

package/moderncssm/types/colors.d.ts

@@ -1,2 +0,0 @@
-type Colors = 'default' | 'inverted';
-export { Colors };

package/moderncssm/vars.css

@@ -1,14 +0,0 @@
-:root {
-
-    /* inverted */
-
-    /* hover */
-
-    /* checked */
-
-    /* disabled */
-
-    /* disabled checked */
-
-    /* icon */
-}

package/types/colors.d.ts

@@ -1,2 +0,0 @@
-type Colors = 'default' | 'inverted';
-export { Colors };