@alfalab/core-components-switch 2.3.2 → 2.4.1

package/CHANGELOG.md

@@ -3,6 +3,36 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.4.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@2.4.0...@alfalab/core-components-switch@2.4.1) (2022-08-17)
+
+
+### Bug Fixes
+
+* returned dist directory ([#199](https://github.com/core-ds/core-components/issues/199)) ([fabc15e](https://github.com/core-ds/core-components/commit/fabc15effa1457ca65ec7238206f1b1fc2a2a613))
+
+
+
+
+
+# [2.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@2.3.3...@alfalab/core-components-switch@2.4.0) (2022-08-04)
+
+
+### Features
+
+* react 18 support ([#159](https://github.com/core-ds/core-components/issues/159)) ([2e6693c](https://github.com/core-ds/core-components/commit/2e6693c62f534e333aadb7d3fff4ffd78ac84c63))
+
+
+
+
+
+## [2.3.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@2.3.2...@alfalab/core-components-switch@2.3.3) (2022-07-18)
+
+**Note:** Version bump only for package @alfalab/core-components-switch
+
+
+
+
+
 ## [2.3.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@2.3.1...@alfalab/core-components-switch@2.3.2) (2022-07-15)
 
 

package/dist/Component.d.ts

@@ -0,0 +1,103 @@
+/// <reference types="react" />
+import React from 'react';
+import { InputHTMLAttributes, ChangeEvent, ReactNode } from "react";
+type Align = 'start' | 'center';
+type SwitchProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'hint' | 'onChange' | 'disabled'> & {
+    /**
+     * Управление состоянием вкл/выкл компонента
+     */
+    checked?: boolean;
+    /**
+     * Текст подписи к переключателю
+     */
+    label?: ReactNode;
+    /**
+     * Текст подсказки снизу
+     */
+    hint?: ReactNode;
+    /**
+     * Переключатель будет отрисован справа от контента
+     */
+    reversed?: boolean;
+    /**
+     * Выравнивание
+     */
+    align?: Align;
+    /**
+     * Дополнительный слот
+     */
+    addons?: React.ReactNode;
+    /**
+     * Растягивать ли компонент на всю ширину
+     */
+    block?: boolean;
+    /**
+     * Управление состоянием включен / выключен
+     */
+    disabled?: boolean;
+    /**
+     * Управление состоянием активен / неактивен
+     */
+    inactive?: boolean;
+    /**
+     * Обработчик переключения компонента
+     */
+    onChange?: (event?: ChangeEvent<HTMLInputElement>, payload?: {
+        checked: boolean;
+        name: InputHTMLAttributes<HTMLInputElement>['name'];
+    }) => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const Switch: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttributes<HTMLInputElement>, "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "enterKeyHint" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "pattern" | "placeholder" | "readOnly" | "required" | "size" | "src" | "step" | "value" | "width" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
+    /**
+     * Управление состоянием вкл/выкл компонента
+     */
+    checked?: boolean | undefined;
+    /**
+     * Текст подписи к переключателю
+     */
+    label?: React.ReactNode;
+    /**
+     * Текст подсказки снизу
+     */
+    hint?: React.ReactNode;
+    /**
+     * Переключатель будет отрисован справа от контента
+     */
+    reversed?: boolean | undefined;
+    /**
+     * Выравнивание
+     */
+    align?: "start" | "center" | undefined;
+    /**
+     * Дополнительный слот
+     */
+    addons?: React.ReactNode;
+    /**
+     * Растягивать ли компонент на всю ширину
+     */
+    block?: boolean | undefined;
+    /**
+     * Управление состоянием включен / выключен
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Управление состоянием активен / неактивен
+     */
+    inactive?: boolean | undefined;
+    /**
+     * Обработчик переключения компонента
+     */
+    onChange?: ((event?: React.ChangeEvent<HTMLInputElement> | undefined, payload?: {
+        checked: boolean;
+        name: string | undefined;
+    } | undefined) => void) | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string | undefined;
+} & React.RefAttributes<HTMLLabelElement>>;
+export { SwitchProps, Switch };

package/{Component.js → dist/Component.js}

@@ -52,7 +52,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"switch__component_186kq","start":"switch__start_186kq","center":"switch__center_186kq","addons":"switch__addons_186kq","block":"switch__block_186kq","switch":"switch__switch_186kq","content":"switch__content_186kq","label":"switch__label_186kq","hint":"switch__hint_186kq","reversed":"switch__reversed_186kq","checked":"switch__checked_186kq","disabled":"switch__disabled_186kq","inactive":"switch__inactive_186kq","focused":"switch__focused_186kq"};
+var styles = {"component":"switch__component_fiajp","start":"switch__start_fiajp","center":"switch__center_fiajp","addons":"switch__addons_fiajp","block":"switch__block_fiajp","switch":"switch__switch_fiajp","content":"switch__content_fiajp","label":"switch__label_fiajp","hint":"switch__hint_fiajp","reversed":"switch__reversed_fiajp","checked":"switch__checked_fiajp","disabled":"switch__disabled_fiajp","inactive":"switch__inactive_fiajp","focused":"switch__focused_fiajp"};
 require('./index.css')
 
 var Switch = React.forwardRef(function (_a, ref) {

package/dist/cssm/Component.d.ts

@@ -0,0 +1,103 @@
+/// <reference types="react" />
+import React from 'react';
+import { InputHTMLAttributes, ChangeEvent, ReactNode } from "react";
+type Align = 'start' | 'center';
+type SwitchProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'hint' | 'onChange' | 'disabled'> & {
+    /**
+     * Управление состоянием вкл/выкл компонента
+     */
+    checked?: boolean;
+    /**
+     * Текст подписи к переключателю
+     */
+    label?: ReactNode;
+    /**
+     * Текст подсказки снизу
+     */
+    hint?: ReactNode;
+    /**
+     * Переключатель будет отрисован справа от контента
+     */
+    reversed?: boolean;
+    /**
+     * Выравнивание
+     */
+    align?: Align;
+    /**
+     * Дополнительный слот
+     */
+    addons?: React.ReactNode;
+    /**
+     * Растягивать ли компонент на всю ширину
+     */
+    block?: boolean;
+    /**
+     * Управление состоянием включен / выключен
+     */
+    disabled?: boolean;
+    /**
+     * Управление состоянием активен / неактивен
+     */
+    inactive?: boolean;
+    /**
+     * Обработчик переключения компонента
+     */
+    onChange?: (event?: ChangeEvent<HTMLInputElement>, payload?: {
+        checked: boolean;
+        name: InputHTMLAttributes<HTMLInputElement>['name'];
+    }) => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const Switch: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttributes<HTMLInputElement>, "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "enterKeyHint" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "pattern" | "placeholder" | "readOnly" | "required" | "size" | "src" | "step" | "value" | "width" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
+    /**
+     * Управление состоянием вкл/выкл компонента
+     */
+    checked?: boolean | undefined;
+    /**
+     * Текст подписи к переключателю
+     */
+    label?: React.ReactNode;
+    /**
+     * Текст подсказки снизу
+     */
+    hint?: React.ReactNode;
+    /**
+     * Переключатель будет отрисован справа от контента
+     */
+    reversed?: boolean | undefined;
+    /**
+     * Выравнивание
+     */
+    align?: "start" | "center" | undefined;
+    /**
+     * Дополнительный слот
+     */
+    addons?: React.ReactNode;
+    /**
+     * Растягивать ли компонент на всю ширину
+     */
+    block?: boolean | undefined;
+    /**
+     * Управление состоянием включен / выключен
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Управление состоянием активен / неактивен
+     */
+    inactive?: boolean | undefined;
+    /**
+     * Обработчик переключения компонента
+     */
+    onChange?: ((event?: React.ChangeEvent<HTMLInputElement> | undefined, payload?: {
+        checked: boolean;
+        name: string | undefined;
+    } | undefined) => void) | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string | undefined;
+} & React.RefAttributes<HTMLLabelElement>>;
+export { SwitchProps, Switch };

package/dist/esm/Component.d.ts

@@ -0,0 +1,103 @@
+/// <reference types="react" />
+import React from 'react';
+import { InputHTMLAttributes, ChangeEvent, ReactNode } from "react";
+type Align = 'start' | 'center';
+type SwitchProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'hint' | 'onChange' | 'disabled'> & {
+    /**
+     * Управление состоянием вкл/выкл компонента
+     */
+    checked?: boolean;
+    /**
+     * Текст подписи к переключателю
+     */
+    label?: ReactNode;
+    /**
+     * Текст подсказки снизу
+     */
+    hint?: ReactNode;
+    /**
+     * Переключатель будет отрисован справа от контента
+     */
+    reversed?: boolean;
+    /**
+     * Выравнивание
+     */
+    align?: Align;
+    /**
+     * Дополнительный слот
+     */
+    addons?: React.ReactNode;
+    /**
+     * Растягивать ли компонент на всю ширину
+     */
+    block?: boolean;
+    /**
+     * Управление состоянием включен / выключен
+     */
+    disabled?: boolean;
+    /**
+     * Управление состоянием активен / неактивен
+     */
+    inactive?: boolean;
+    /**
+     * Обработчик переключения компонента
+     */
+    onChange?: (event?: ChangeEvent<HTMLInputElement>, payload?: {
+        checked: boolean;
+        name: InputHTMLAttributes<HTMLInputElement>['name'];
+    }) => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const Switch: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttributes<HTMLInputElement>, "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "enterKeyHint" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "pattern" | "placeholder" | "readOnly" | "required" | "size" | "src" | "step" | "value" | "width" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
+    /**
+     * Управление состоянием вкл/выкл компонента
+     */
+    checked?: boolean | undefined;
+    /**
+     * Текст подписи к переключателю
+     */
+    label?: React.ReactNode;
+    /**
+     * Текст подсказки снизу
+     */
+    hint?: React.ReactNode;
+    /**
+     * Переключатель будет отрисован справа от контента
+     */
+    reversed?: boolean | undefined;
+    /**
+     * Выравнивание
+     */
+    align?: "start" | "center" | undefined;
+    /**
+     * Дополнительный слот
+     */
+    addons?: React.ReactNode;
+    /**
+     * Растягивать ли компонент на всю ширину
+     */
+    block?: boolean | undefined;
+    /**
+     * Управление состоянием включен / выключен
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Управление состоянием активен / неактивен
+     */
+    inactive?: boolean | undefined;
+    /**
+     * Обработчик переключения компонента
+     */
+    onChange?: ((event?: React.ChangeEvent<HTMLInputElement> | undefined, payload?: {
+        checked: boolean;
+        name: string | undefined;
+    } | undefined) => void) | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string | undefined;
+} & React.RefAttributes<HTMLLabelElement>>;
+export { SwitchProps, Switch };

package/{esm → dist/esm}/Component.js

@@ -42,7 +42,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"switch__component_186kq","start":"switch__start_186kq","center":"switch__center_186kq","addons":"switch__addons_186kq","block":"switch__block_186kq","switch":"switch__switch_186kq","content":"switch__content_186kq","label":"switch__label_186kq","hint":"switch__hint_186kq","reversed":"switch__reversed_186kq","checked":"switch__checked_186kq","disabled":"switch__disabled_186kq","inactive":"switch__inactive_186kq","focused":"switch__focused_186kq"};
+var styles = {"component":"switch__component_fiajp","start":"switch__start_fiajp","center":"switch__center_fiajp","addons":"switch__addons_fiajp","block":"switch__block_fiajp","switch":"switch__switch_fiajp","content":"switch__content_fiajp","label":"switch__label_fiajp","hint":"switch__hint_fiajp","reversed":"switch__reversed_fiajp","checked":"switch__checked_fiajp","disabled":"switch__disabled_fiajp","inactive":"switch__inactive_fiajp","focused":"switch__focused_fiajp"};
 require('./index.css')
 
 var Switch = forwardRef(function (_a, ref) {

package/{modern → dist/esm}/index.css

@@ -1,4 +1,4 @@
-/* hash: p7fpd */
+/* hash: 1dmo0 */
 :root {
     --color-light-border-link: #007aff;
     --color-light-border-underline: #b6bcc3;
@@ -49,7 +49,7 @@
     /* inactive */
     --switch-inactive-color: var(--color-light-border-underline);
 }
-.switch__component_186kq {
+.switch__component_fiajp {
     display: inline-flex;
     align-items: flex-start;
     margin: 0;
@@ -58,25 +58,25 @@
     cursor: pointer;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.switch__component_186kq input {
+.switch__component_fiajp input {
     opacity: 0;
     position: absolute;
 }
-.switch__start_186kq {
+.switch__start_fiajp {
     align-items: flex-start;
 }
-.switch__center_186kq {
+.switch__center_fiajp {
     align-items: center;
 }
-.switch__addons_186kq {
+.switch__addons_fiajp {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
 }
-.switch__block_186kq {
+.switch__block_fiajp {
     width: 100%;
 }
-.switch__switch_186kq {
+.switch__switch_fiajp {
     position: relative;
     border-radius: var(--border-radius-xl);
     width: 36px;
@@ -88,7 +88,7 @@
     transition: background-color 0.2s ease, border-color 0.2s ease;
     box-sizing: border-box;
 }
-.switch__switch_186kq:before {
+.switch__switch_fiajp:before {
     content: '';
     position: absolute;
     top: 0;
@@ -101,21 +101,21 @@
     box-sizing: border-box;
     transition: transform 0.2s ease;
 }
-.switch__content_186kq {
+.switch__content_fiajp {
     margin-left: var(--gap-s);
     flex-grow: 1;
 }
-.switch__label_186kq {
+.switch__label_fiajp {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     display: block;
     color: var(--switch-label-color);
 }
-.switch__label_186kq:not(:only-child) {
+.switch__label_fiajp:not(:only-child) {
     margin-bottom: var(--gap-2xs);
 }
-.switch__hint_186kq {
+.switch__hint_fiajp {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -123,55 +123,55 @@
     color: var(--switch-hint-color);
 }
 /* Reversed state */
-.switch__component_186kq.switch__reversed_186kq {
+.switch__component_fiajp.switch__reversed_fiajp {
     flex-direction: row-reverse;
 }
-.switch__reversed_186kq .switch__content_186kq {
+.switch__reversed_fiajp .switch__content_fiajp {
     margin-right: var(--gap-m);
     margin-left: 0;
 }
-.switch__reversed_186kq .switch__addons_186kq {
+.switch__reversed_fiajp .switch__addons_fiajp {
     margin-left: 0;
     padding-left: 0;
     margin-right: auto;
     padding-right: var(--gap-m);
 }
 /* Checked state */
-.switch__checked_186kq .switch__switch_186kq {
+.switch__checked_fiajp .switch__switch_fiajp {
     background-color: var(--switch-checked-bg-color);
     border-color: var(--switch-checked-border-color);
 }
-.switch__checked_186kq .switch__switch_186kq:before {
+.switch__checked_fiajp .switch__switch_fiajp:before {
     /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
     transform: translateX(16px);
 }
 /* Disabled state */
-.switch__disabled_186kq {
+.switch__disabled_fiajp {
     cursor: var(--disabled-cursor);
 }
-.switch__disabled_186kq .switch__switch_186kq {
+.switch__disabled_fiajp .switch__switch_fiajp {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color);
 }
-.switch__disabled_186kq .switch__label_186kq {
+.switch__disabled_fiajp .switch__label_fiajp {
     color: var(--switch-disabled-color);
 }
-.switch__disabled_186kq .switch__hint_186kq {
+.switch__disabled_fiajp .switch__hint_fiajp {
     color: var(--switch-disabled-color);
 }
 /* Inactive */
-.switch__inactive_186kq {
+.switch__inactive_fiajp {
     cursor: var(--disabled-cursor);
 }
-.switch__inactive_186kq .switch__switch_186kq {
+.switch__inactive_fiajp .switch__switch_fiajp {
     background-color: var(--switch-disabled-bg-color);
     border-color: var(--switch-disabled-border-color)
 }
-.switch__inactive_186kq .switch__switch_186kq:before {
+.switch__inactive_fiajp .switch__switch_fiajp:before {
         background-color: var(--switch-inactive-color);
     }
 /* Focused state */
-.switch__focused_186kq .switch__switch_186kq {
+.switch__focused_fiajp .switch__switch_fiajp {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }