@alfalab/core-components-switch 2.3.3 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/Component.d.ts +1 -1
  2. package/Component.js +1 -1
  3. package/cssm/Component.d.ts +1 -1
  4. package/esm/Component.d.ts +1 -1
  5. package/esm/Component.js +1 -1
  6. package/esm/index.css +26 -26
  7. package/index.css +26 -26
  8. package/modern/Component.d.ts +1 -1
  9. package/modern/Component.js +1 -1
  10. package/modern/index.css +26 -26
  11. package/package.json +3 -3
  12. package/CHANGELOG.md +0 -198
package/Component.d.ts CHANGED
@@ -51,7 +51,7 @@ type SwitchProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'hint' |
51
51
  */
52
52
  dataTestId?: string;
53
53
  };
54
- declare const Switch: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttributes<HTMLInputElement>, "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "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"> & {
54
+ 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"> & {
55
55
  /**
56
56
  * Управление состоянием вкл/выкл компонента
57
57
  */
package/Component.js CHANGED
@@ -52,7 +52,7 @@ function __rest(s, e) {
52
52
  return t;
53
53
  }
54
54
 
55
- var styles = {"component":"switch__component_1kbpe","start":"switch__start_1kbpe","center":"switch__center_1kbpe","addons":"switch__addons_1kbpe","block":"switch__block_1kbpe","switch":"switch__switch_1kbpe","content":"switch__content_1kbpe","label":"switch__label_1kbpe","hint":"switch__hint_1kbpe","reversed":"switch__reversed_1kbpe","checked":"switch__checked_1kbpe","disabled":"switch__disabled_1kbpe","inactive":"switch__inactive_1kbpe","focused":"switch__focused_1kbpe"};
55
+ 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"};
56
56
  require('./index.css')
57
57
 
58
58
  var Switch = React.forwardRef(function (_a, ref) {
package/cssm/Component.d.ts CHANGED
@@ -51,7 +51,7 @@ type SwitchProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'hint' |
51
51
  */
52
52
  dataTestId?: string;
53
53
  };
54
- declare const Switch: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttributes<HTMLInputElement>, "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "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"> & {
54
+ 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"> & {
55
55
  /**
56
56
  * Управление состоянием вкл/выкл компонента
57
57
  */
package/esm/Component.d.ts CHANGED
@@ -51,7 +51,7 @@ type SwitchProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'hint' |
51
51
  */
52
52
  dataTestId?: string;
53
53
  };
54
- declare const Switch: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttributes<HTMLInputElement>, "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "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"> & {
54
+ 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"> & {
55
55
  /**
56
56
  * Управление состоянием вкл/выкл компонента
57
57
  */
package/esm/Component.js CHANGED
@@ -42,7 +42,7 @@ function __rest(s, e) {
42
42
  return t;
43
43
  }
44
44
 
45
- var styles = {"component":"switch__component_1kbpe","start":"switch__start_1kbpe","center":"switch__center_1kbpe","addons":"switch__addons_1kbpe","block":"switch__block_1kbpe","switch":"switch__switch_1kbpe","content":"switch__content_1kbpe","label":"switch__label_1kbpe","hint":"switch__hint_1kbpe","reversed":"switch__reversed_1kbpe","checked":"switch__checked_1kbpe","disabled":"switch__disabled_1kbpe","inactive":"switch__inactive_1kbpe","focused":"switch__focused_1kbpe"};
45
+ 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"};
46
46
  require('./index.css')
47
47
 
48
48
  var Switch = forwardRef(function (_a, ref) {
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: lwtr4 */
1
+ /* hash: 10wia */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  --color-light-border-underline: #b6bcc3;
@@ -49,7 +49,7 @@
49
49
  /* inactive */
50
50
  --switch-inactive-color: var(--color-light-border-underline);
51
51
  }
52
- .switch__component_1kbpe {
52
+ .switch__component_fiajp {
53
53
  display: inline-flex;
54
54
  align-items: flex-start;
55
55
  margin: 0;
@@ -58,25 +58,25 @@
58
58
  cursor: pointer;
59
59
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
60
60
  }
61
- .switch__component_1kbpe input {
61
+ .switch__component_fiajp input {
62
62
  opacity: 0;
63
63
  position: absolute;
64
64
  }
65
- .switch__start_1kbpe {
65
+ .switch__start_fiajp {
66
66
  align-items: flex-start;
67
67
  }
68
- .switch__center_1kbpe {
68
+ .switch__center_fiajp {
69
69
  align-items: center;
70
70
  }
71
- .switch__addons_1kbpe {
71
+ .switch__addons_fiajp {
72
72
  margin-left: auto;
73
73
  padding-left: var(--gap-m);
74
74
  line-height: 24px;
75
75
  }
76
- .switch__block_1kbpe {
76
+ .switch__block_fiajp {
77
77
  width: 100%;
78
78
  }
79
- .switch__switch_1kbpe {
79
+ .switch__switch_fiajp {
80
80
  position: relative;
81
81
  border-radius: var(--border-radius-xl);
82
82
  width: 36px;
@@ -88,7 +88,7 @@
88
88
  transition: background-color 0.2s ease, border-color 0.2s ease;
89
89
  box-sizing: border-box;
90
90
  }
91
- .switch__switch_1kbpe:before {
91
+ .switch__switch_fiajp:before {
92
92
  content: '';
93
93
  position: absolute;
94
94
  top: 0;
@@ -101,21 +101,21 @@
101
101
  box-sizing: border-box;
102
102
  transition: transform 0.2s ease;
103
103
  }
104
- .switch__content_1kbpe {
104
+ .switch__content_fiajp {
105
105
  margin-left: var(--gap-s);
106
106
  flex-grow: 1;
107
107
  }
108
- .switch__label_1kbpe {
108
+ .switch__label_fiajp {
109
109
  font-size: 16px;
110
110
  line-height: 24px;
111
111
  font-weight: 400;
112
112
  display: block;
113
113
  color: var(--switch-label-color);
114
114
  }
115
- .switch__label_1kbpe:not(:only-child) {
115
+ .switch__label_fiajp:not(:only-child) {
116
116
  margin-bottom: var(--gap-2xs);
117
117
  }
118
- .switch__hint_1kbpe {
118
+ .switch__hint_fiajp {
119
119
  font-size: 14px;
120
120
  line-height: 18px;
121
121
  font-weight: 400;
@@ -123,55 +123,55 @@
123
123
  color: var(--switch-hint-color);
124
124
  }
125
125
  /* Reversed state */
126
- .switch__component_1kbpe.switch__reversed_1kbpe {
126
+ .switch__component_fiajp.switch__reversed_fiajp {
127
127
  flex-direction: row-reverse;
128
128
  }
129
- .switch__reversed_1kbpe .switch__content_1kbpe {
129
+ .switch__reversed_fiajp .switch__content_fiajp {
130
130
  margin-right: var(--gap-m);
131
131
  margin-left: 0;
132
132
  }
133
- .switch__reversed_1kbpe .switch__addons_1kbpe {
133
+ .switch__reversed_fiajp .switch__addons_fiajp {
134
134
  margin-left: 0;
135
135
  padding-left: 0;
136
136
  margin-right: auto;
137
137
  padding-right: var(--gap-m);
138
138
  }
139
139
  /* Checked state */
140
- .switch__checked_1kbpe .switch__switch_1kbpe {
140
+ .switch__checked_fiajp .switch__switch_fiajp {
141
141
  background-color: var(--switch-checked-bg-color);
142
142
  border-color: var(--switch-checked-border-color);
143
143
  }
144
- .switch__checked_1kbpe .switch__switch_1kbpe:before {
144
+ .switch__checked_fiajp .switch__switch_fiajp:before {
145
145
  /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
146
146
  transform: translateX(16px);
147
147
  }
148
148
  /* Disabled state */
149
- .switch__disabled_1kbpe {
149
+ .switch__disabled_fiajp {
150
150
  cursor: var(--disabled-cursor);
151
151
  }
152
- .switch__disabled_1kbpe .switch__switch_1kbpe {
152
+ .switch__disabled_fiajp .switch__switch_fiajp {
153
153
  background-color: var(--switch-disabled-bg-color);
154
154
  border-color: var(--switch-disabled-border-color);
155
155
  }
156
- .switch__disabled_1kbpe .switch__label_1kbpe {
156
+ .switch__disabled_fiajp .switch__label_fiajp {
157
157
  color: var(--switch-disabled-color);
158
158
  }
159
- .switch__disabled_1kbpe .switch__hint_1kbpe {
159
+ .switch__disabled_fiajp .switch__hint_fiajp {
160
160
  color: var(--switch-disabled-color);
161
161
  }
162
162
  /* Inactive */
163
- .switch__inactive_1kbpe {
163
+ .switch__inactive_fiajp {
164
164
  cursor: var(--disabled-cursor);
165
165
  }
166
- .switch__inactive_1kbpe .switch__switch_1kbpe {
166
+ .switch__inactive_fiajp .switch__switch_fiajp {
167
167
  background-color: var(--switch-disabled-bg-color);
168
168
  border-color: var(--switch-disabled-border-color)
169
169
  }
170
- .switch__inactive_1kbpe .switch__switch_1kbpe:before {
170
+ .switch__inactive_fiajp .switch__switch_fiajp:before {
171
171
  background-color: var(--switch-inactive-color);
172
172
  }
173
173
  /* Focused state */
174
- .switch__focused_1kbpe .switch__switch_1kbpe {
174
+ .switch__focused_fiajp .switch__switch_fiajp {
175
175
  outline: 2px solid var(--focus-color);
176
176
  outline-offset: 2px;
177
177
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: lwtr4 */
1
+ /* hash: 10wia */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  --color-light-border-underline: #b6bcc3;
@@ -49,7 +49,7 @@
49
49
  /* inactive */
50
50
  --switch-inactive-color: var(--color-light-border-underline);
51
51
  }
52
- .switch__component_1kbpe {
52
+ .switch__component_fiajp {
53
53
  display: inline-flex;
54
54
  align-items: flex-start;
55
55
  margin: 0;
@@ -58,25 +58,25 @@
58
58
  cursor: pointer;
59
59
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
60
60
  }
61
- .switch__component_1kbpe input {
61
+ .switch__component_fiajp input {
62
62
  opacity: 0;
63
63
  position: absolute;
64
64
  }
65
- .switch__start_1kbpe {
65
+ .switch__start_fiajp {
66
66
  align-items: flex-start;
67
67
  }
68
- .switch__center_1kbpe {
68
+ .switch__center_fiajp {
69
69
  align-items: center;
70
70
  }
71
- .switch__addons_1kbpe {
71
+ .switch__addons_fiajp {
72
72
  margin-left: auto;
73
73
  padding-left: var(--gap-m);
74
74
  line-height: 24px;
75
75
  }
76
- .switch__block_1kbpe {
76
+ .switch__block_fiajp {
77
77
  width: 100%;
78
78
  }
79
- .switch__switch_1kbpe {
79
+ .switch__switch_fiajp {
80
80
  position: relative;
81
81
  border-radius: var(--border-radius-xl);
82
82
  width: 36px;
@@ -88,7 +88,7 @@
88
88
  transition: background-color 0.2s ease, border-color 0.2s ease;
89
89
  box-sizing: border-box;
90
90
  }
91
- .switch__switch_1kbpe:before {
91
+ .switch__switch_fiajp:before {
92
92
  content: '';
93
93
  position: absolute;
94
94
  top: 0;
@@ -101,21 +101,21 @@
101
101
  box-sizing: border-box;
102
102
  transition: transform 0.2s ease;
103
103
  }
104
- .switch__content_1kbpe {
104
+ .switch__content_fiajp {
105
105
  margin-left: var(--gap-s);
106
106
  flex-grow: 1;
107
107
  }
108
- .switch__label_1kbpe {
108
+ .switch__label_fiajp {
109
109
  font-size: 16px;
110
110
  line-height: 24px;
111
111
  font-weight: 400;
112
112
  display: block;
113
113
  color: var(--switch-label-color);
114
114
  }
115
- .switch__label_1kbpe:not(:only-child) {
115
+ .switch__label_fiajp:not(:only-child) {
116
116
  margin-bottom: var(--gap-2xs);
117
117
  }
118
- .switch__hint_1kbpe {
118
+ .switch__hint_fiajp {
119
119
  font-size: 14px;
120
120
  line-height: 18px;
121
121
  font-weight: 400;
@@ -123,55 +123,55 @@
123
123
  color: var(--switch-hint-color);
124
124
  }
125
125
  /* Reversed state */
126
- .switch__component_1kbpe.switch__reversed_1kbpe {
126
+ .switch__component_fiajp.switch__reversed_fiajp {
127
127
  flex-direction: row-reverse;
128
128
  }
129
- .switch__reversed_1kbpe .switch__content_1kbpe {
129
+ .switch__reversed_fiajp .switch__content_fiajp {
130
130
  margin-right: var(--gap-m);
131
131
  margin-left: 0;
132
132
  }
133
- .switch__reversed_1kbpe .switch__addons_1kbpe {
133
+ .switch__reversed_fiajp .switch__addons_fiajp {
134
134
  margin-left: 0;
135
135
  padding-left: 0;
136
136
  margin-right: auto;
137
137
  padding-right: var(--gap-m);
138
138
  }
139
139
  /* Checked state */
140
- .switch__checked_1kbpe .switch__switch_1kbpe {
140
+ .switch__checked_fiajp .switch__switch_fiajp {
141
141
  background-color: var(--switch-checked-bg-color);
142
142
  border-color: var(--switch-checked-border-color);
143
143
  }
144
- .switch__checked_1kbpe .switch__switch_1kbpe:before {
144
+ .switch__checked_fiajp .switch__switch_fiajp:before {
145
145
  /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
146
146
  transform: translateX(16px);
147
147
  }
148
148
  /* Disabled state */
149
- .switch__disabled_1kbpe {
149
+ .switch__disabled_fiajp {
150
150
  cursor: var(--disabled-cursor);
151
151
  }
152
- .switch__disabled_1kbpe .switch__switch_1kbpe {
152
+ .switch__disabled_fiajp .switch__switch_fiajp {
153
153
  background-color: var(--switch-disabled-bg-color);
154
154
  border-color: var(--switch-disabled-border-color);
155
155
  }
156
- .switch__disabled_1kbpe .switch__label_1kbpe {
156
+ .switch__disabled_fiajp .switch__label_fiajp {
157
157
  color: var(--switch-disabled-color);
158
158
  }
159
- .switch__disabled_1kbpe .switch__hint_1kbpe {
159
+ .switch__disabled_fiajp .switch__hint_fiajp {
160
160
  color: var(--switch-disabled-color);
161
161
  }
162
162
  /* Inactive */
163
- .switch__inactive_1kbpe {
163
+ .switch__inactive_fiajp {
164
164
  cursor: var(--disabled-cursor);
165
165
  }
166
- .switch__inactive_1kbpe .switch__switch_1kbpe {
166
+ .switch__inactive_fiajp .switch__switch_fiajp {
167
167
  background-color: var(--switch-disabled-bg-color);
168
168
  border-color: var(--switch-disabled-border-color)
169
169
  }
170
- .switch__inactive_1kbpe .switch__switch_1kbpe:before {
170
+ .switch__inactive_fiajp .switch__switch_fiajp:before {
171
171
  background-color: var(--switch-inactive-color);
172
172
  }
173
173
  /* Focused state */
174
- .switch__focused_1kbpe .switch__switch_1kbpe {
174
+ .switch__focused_fiajp .switch__switch_fiajp {
175
175
  outline: 2px solid var(--focus-color);
176
176
  outline-offset: 2px;
177
177
  }
package/modern/Component.d.ts CHANGED
@@ -51,7 +51,7 @@ type SwitchProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'hint' |
51
51
  */
52
52
  dataTestId?: string;
53
53
  };
54
- declare const Switch: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttributes<HTMLInputElement>, "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "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"> & {
54
+ 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"> & {
55
55
  /**
56
56
  * Управление состоянием вкл/выкл компонента
57
57
  */
package/modern/Component.js CHANGED
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import mergeRefs from 'react-merge-refs';
4
4
  import { useFocus } from '@alfalab/hooks';
5
5
 
6
- var styles = {"component":"switch__component_1kbpe","start":"switch__start_1kbpe","center":"switch__center_1kbpe","addons":"switch__addons_1kbpe","block":"switch__block_1kbpe","switch":"switch__switch_1kbpe","content":"switch__content_1kbpe","label":"switch__label_1kbpe","hint":"switch__hint_1kbpe","reversed":"switch__reversed_1kbpe","checked":"switch__checked_1kbpe","disabled":"switch__disabled_1kbpe","inactive":"switch__inactive_1kbpe","focused":"switch__focused_1kbpe"};
6
+ 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"};
7
7
  require('./index.css')
8
8
 
9
9
  const Switch = forwardRef(({ reversed = false, checked = false, align = 'start', addons, block, disabled, inactive, label, hint, name, value, className, onChange, dataTestId, ...restProps }, ref) => {
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: lwtr4 */
1
+ /* hash: 10wia */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  --color-light-border-underline: #b6bcc3;
@@ -49,7 +49,7 @@
49
49
  /* inactive */
50
50
  --switch-inactive-color: var(--color-light-border-underline);
51
51
  }
52
- .switch__component_1kbpe {
52
+ .switch__component_fiajp {
53
53
  display: inline-flex;
54
54
  align-items: flex-start;
55
55
  margin: 0;
@@ -58,25 +58,25 @@
58
58
  cursor: pointer;
59
59
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
60
60
  }
61
- .switch__component_1kbpe input {
61
+ .switch__component_fiajp input {
62
62
  opacity: 0;
63
63
  position: absolute;
64
64
  }
65
- .switch__start_1kbpe {
65
+ .switch__start_fiajp {
66
66
  align-items: flex-start;
67
67
  }
68
- .switch__center_1kbpe {
68
+ .switch__center_fiajp {
69
69
  align-items: center;
70
70
  }
71
- .switch__addons_1kbpe {
71
+ .switch__addons_fiajp {
72
72
  margin-left: auto;
73
73
  padding-left: var(--gap-m);
74
74
  line-height: 24px;
75
75
  }
76
- .switch__block_1kbpe {
76
+ .switch__block_fiajp {
77
77
  width: 100%;
78
78
  }
79
- .switch__switch_1kbpe {
79
+ .switch__switch_fiajp {
80
80
  position: relative;
81
81
  border-radius: var(--border-radius-xl);
82
82
  width: 36px;
@@ -88,7 +88,7 @@
88
88
  transition: background-color 0.2s ease, border-color 0.2s ease;
89
89
  box-sizing: border-box;
90
90
  }
91
- .switch__switch_1kbpe:before {
91
+ .switch__switch_fiajp:before {
92
92
  content: '';
93
93
  position: absolute;
94
94
  top: 0;
@@ -101,21 +101,21 @@
101
101
  box-sizing: border-box;
102
102
  transition: transform 0.2s ease;
103
103
  }
104
- .switch__content_1kbpe {
104
+ .switch__content_fiajp {
105
105
  margin-left: var(--gap-s);
106
106
  flex-grow: 1;
107
107
  }
108
- .switch__label_1kbpe {
108
+ .switch__label_fiajp {
109
109
  font-size: 16px;
110
110
  line-height: 24px;
111
111
  font-weight: 400;
112
112
  display: block;
113
113
  color: var(--switch-label-color);
114
114
  }
115
- .switch__label_1kbpe:not(:only-child) {
115
+ .switch__label_fiajp:not(:only-child) {
116
116
  margin-bottom: var(--gap-2xs);
117
117
  }
118
- .switch__hint_1kbpe {
118
+ .switch__hint_fiajp {
119
119
  font-size: 14px;
120
120
  line-height: 18px;
121
121
  font-weight: 400;
@@ -123,55 +123,55 @@
123
123
  color: var(--switch-hint-color);
124
124
  }
125
125
  /* Reversed state */
126
- .switch__component_1kbpe.switch__reversed_1kbpe {
126
+ .switch__component_fiajp.switch__reversed_fiajp {
127
127
  flex-direction: row-reverse;
128
128
  }
129
- .switch__reversed_1kbpe .switch__content_1kbpe {
129
+ .switch__reversed_fiajp .switch__content_fiajp {
130
130
  margin-right: var(--gap-m);
131
131
  margin-left: 0;
132
132
  }
133
- .switch__reversed_1kbpe .switch__addons_1kbpe {
133
+ .switch__reversed_fiajp .switch__addons_fiajp {
134
134
  margin-left: 0;
135
135
  padding-left: 0;
136
136
  margin-right: auto;
137
137
  padding-right: var(--gap-m);
138
138
  }
139
139
  /* Checked state */
140
- .switch__checked_1kbpe .switch__switch_1kbpe {
140
+ .switch__checked_fiajp .switch__switch_fiajp {
141
141
  background-color: var(--switch-checked-bg-color);
142
142
  border-color: var(--switch-checked-border-color);
143
143
  }
144
- .switch__checked_1kbpe .switch__switch_1kbpe:before {
144
+ .switch__checked_fiajp .switch__switch_fiajp:before {
145
145
  /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
146
146
  transform: translateX(16px);
147
147
  }
148
148
  /* Disabled state */
149
- .switch__disabled_1kbpe {
149
+ .switch__disabled_fiajp {
150
150
  cursor: var(--disabled-cursor);
151
151
  }
152
- .switch__disabled_1kbpe .switch__switch_1kbpe {
152
+ .switch__disabled_fiajp .switch__switch_fiajp {
153
153
  background-color: var(--switch-disabled-bg-color);
154
154
  border-color: var(--switch-disabled-border-color);
155
155
  }
156
- .switch__disabled_1kbpe .switch__label_1kbpe {
156
+ .switch__disabled_fiajp .switch__label_fiajp {
157
157
  color: var(--switch-disabled-color);
158
158
  }
159
- .switch__disabled_1kbpe .switch__hint_1kbpe {
159
+ .switch__disabled_fiajp .switch__hint_fiajp {
160
160
  color: var(--switch-disabled-color);
161
161
  }
162
162
  /* Inactive */
163
- .switch__inactive_1kbpe {
163
+ .switch__inactive_fiajp {
164
164
  cursor: var(--disabled-cursor);
165
165
  }
166
- .switch__inactive_1kbpe .switch__switch_1kbpe {
166
+ .switch__inactive_fiajp .switch__switch_fiajp {
167
167
  background-color: var(--switch-disabled-bg-color);
168
168
  border-color: var(--switch-disabled-border-color)
169
169
  }
170
- .switch__inactive_1kbpe .switch__switch_1kbpe:before {
170
+ .switch__inactive_fiajp .switch__switch_fiajp:before {
171
171
  background-color: var(--switch-inactive-color);
172
172
  }
173
173
  /* Focused state */
174
- .switch__focused_1kbpe .switch__switch_1kbpe {
174
+ .switch__focused_fiajp .switch__switch_fiajp {
175
175
  outline: 2px solid var(--focus-color);
176
176
  outline-offset: 2px;
177
177
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-switch",
3
- "version": "2.3.3",
3
+ "version": "3.0.0",
4
4
  "description": "",
5
5
  "gitHead": "f054fef20200664c65e2501ef1f916c555cdf05d",
6
6
  "keywords": [],
@@ -15,11 +15,11 @@
15
15
  "directory": "dist"
16
16
  },
17
17
  "peerDependencies": {
18
- "react": "^16.9.0 || ^17.0.1"
18
+ "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
19
19
  },
20
20
  "dependencies": {
21
21
  "@alfalab/hooks": "^1.4.1",
22
- "classnames": "^2.2.6",
22
+ "classnames": "^2.3.1",
23
23
  "react-merge-refs": "^1.1.0"
24
24
  }
25
25
  }
package/CHANGELOG.md DELETED
@@ -1,198 +0,0 @@
1
- # Change Log
2
-
3
- All notable changes to this project will be documented in this file.
4
- See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
-
6
- ## [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)
7
-
8
- **Note:** Version bump only for package @alfalab/core-components-switch
9
-
10
-
11
-
12
-
13
-
14
- ## [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)
15
-
16
-
17
- ### Bug Fixes
18
-
19
- * bump packages version ([#153](https://github.com/core-ds/core-components/issues/153)) ([fd3e082](https://github.com/core-ds/core-components/commit/fd3e08205672129cdce04e1000c673f2cd9c10da))
20
-
21
-
22
-
23
-
24
-
25
- ## [2.3.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@2.3.0...@alfalab/core-components-switch@2.3.1) (2022-07-14)
26
-
27
- **Note:** Version bump only for package @alfalab/core-components-switch
28
-
29
-
30
-
31
-
32
-
33
- # [2.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@2.2.4...@alfalab/core-components-switch@2.3.0) (2022-06-28)
34
-
35
-
36
- ### Features
37
-
38
- * circumflexus retrieval ([#57](https://github.com/core-ds/core-components/issues/57)) ([3820da8](https://github.com/core-ds/core-components/commit/3820da818bcdcbee6904c648b3e29c3c828fe202))
39
-
40
-
41
-
42
-
43
-
44
- ## [2.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@2.2.0...@alfalab/core-components-switch@2.2.1) (2021-12-08)
45
-
46
-
47
- ### Bug Fixes
48
-
49
- * актуализируем @alfalab/utils ([#897](https://github.com/core-ds/core-components/issues/897)) ([30fb88e](https://github.com/core-ds/core-components/commit/30fb88eee36f68cabf80069e5125d911fabde4a5))
50
-
51
-
52
-
53
-
54
-
55
- # [2.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@2.1.0...@alfalab/core-components-switch@2.2.0) (2021-08-03)
56
-
57
-
58
- ### Features
59
-
60
- * add inactive controls (PDS-266) ([#765](https://github.com/core-ds/core-components/issues/765)) ([ec02c89](https://github.com/core-ds/core-components/commit/ec02c89ab6bf038c026ca0a72b3185525334840a))
61
-
62
-
63
-
64
-
65
-
66
- # [2.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@2.0.1...@alfalab/core-components-switch@2.1.0) (2021-07-23)
67
-
68
-
69
- ### Features
70
-
71
- * checkbox/radio/switch design updates (PDS-252) ([#735](https://github.com/core-ds/core-components/issues/735)) ([62f3c63](https://github.com/core-ds/core-components/commit/62f3c63279872a80ffb1c018b08addf897597b26))
72
-
73
-
74
-
75
-
76
-
77
- ## [2.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@2.0.0...@alfalab/core-components-switch@2.0.1) (2021-07-09)
78
-
79
- **Note:** Version bump only for package @alfalab/core-components-switch
80
-
81
-
82
-
83
-
84
-
85
- # [2.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@1.7.7...@alfalab/core-components-switch@2.0.0) (2021-07-08)
86
-
87
-
88
- ### Features
89
-
90
- * upgrade storybook ([#696](https://github.com/core-ds/core-components/issues/696))
91
-
92
- ## [1.7.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@1.7.6...@alfalab/core-components-switch@1.7.7) (2021-04-26)
93
-
94
- **Note:** Version bump only for package @alfalab/core-components-switch
95
-
96
-
97
-
98
-
99
-
100
- ## [1.7.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@1.7.5...@alfalab/core-components-switch@1.7.6) (2021-04-01)
101
-
102
- **Note:** Version bump only for package @alfalab/core-components-switch
103
-
104
-
105
-
106
-
107
-
108
- ## [1.7.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@1.7.4...@alfalab/core-components-switch@1.7.5) (2021-03-24)
109
-
110
- **Note:** Version bump only for package @alfalab/core-components-switch
111
-
112
-
113
-
114
-
115
-
116
- ## [1.7.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@1.7.2...@alfalab/core-components-switch@1.7.4) (2021-03-18)
117
-
118
-
119
- ### Bug Fixes
120
-
121
- * one more sborka bug ([#579](https://github.com/core-ds/core-components/issues/579)) ([9fbe0be](https://github.com/core-ds/core-components/commit/9fbe0beca56ec5971de78b3f6cda25305b260efc))
122
-
123
-
124
-
125
-
126
-
127
- ## [1.7.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@1.7.0...@alfalab/core-components-switch@1.7.2) (2021-03-16)
128
-
129
-
130
- ### Bug Fixes
131
-
132
- * border-radius in packages ([781749e](https://github.com/core-ds/core-components/commit/781749ef38aefd5a6707ac56d2e297dce9f3e073))
133
-
134
-
135
-
136
-
137
-
138
- # [1.7.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@1.6.6...@alfalab/core-components-switch@1.7.0) (2021-03-15)
139
-
140
-
141
- ### Features
142
-
143
- * **vars:** introducing border-radius vars ([1a6fb28](https://github.com/core-ds/core-components/commit/1a6fb287bcfab50048c3a9100645b4dee8cd3395))
144
-
145
-
146
-
147
-
148
-
149
- ## [1.6.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@1.6.5...@alfalab/core-components-switch@1.6.6) (2021-03-14)
150
-
151
- **Note:** Version bump only for package @alfalab/core-components-switch
152
-
153
-
154
-
155
-
156
-
157
- ## [1.6.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@1.6.4...@alfalab/core-components-switch@1.6.5) (2021-03-04)
158
-
159
- **Note:** Version bump only for package @alfalab/core-components-switch
160
-
161
-
162
-
163
-
164
-
165
- ## [1.6.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@1.6.3...@alfalab/core-components-switch@1.6.4) (2021-03-03)
166
-
167
- **Note:** Version bump only for package @alfalab/core-components-switch
168
-
169
-
170
-
171
-
172
-
173
- ## [1.6.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@1.6.2...@alfalab/core-components-switch@1.6.3) (2021-02-20)
174
-
175
- **Note:** Version bump only for package @alfalab/core-components-switch
176
-
177
-
178
-
179
-
180
-
181
- ## [1.6.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@1.6.1...@alfalab/core-components-switch@1.6.2) (2021-02-18)
182
-
183
-
184
- ### Bug Fixes
185
-
186
- * update versions ([#525](https://github.com/core-ds/core-components/issues/525)) ([31b2e4c](https://github.com/core-ds/core-components/commit/31b2e4c92fde6e2b63a3391a4e053cd328e93e70))
187
-
188
-
189
-
190
-
191
-
192
- # [@alfalab/core-components-switch-v1.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@1.3.4...@alfalab/core-components-switch@1.4.0) (2020-11-25)
193
-
194
-
195
- ### Features
196
-
197
-
198
- * **switch:** improved theming ([b4ecc39](https://github.com/core-ds/core-components/commit/b4ecc399c706e1de7086e255e57219e3907414e0))