@jetbrains/ring-ui 5.0.0-beta.2 → 5.0.0-beta.20

package/components/toggle/toggle.d.ts

@@ -1,18 +1,18 @@
-import React, { ComponentPropsWithRef, InputHTMLAttributes, PureComponent, ReactNode } from 'react';
+import { InputHTMLAttributes, PureComponent, ReactNode } from 'react';
 import PropTypes from 'prop-types';
-import { ThemeProps } from '../global/theme';
 export declare const Size: {
+    Size14: string;
     Size16: string;
     Size20: string;
 };
 /**
   * @name Toggle
   */
-export interface ToggleProps extends ThemeProps, Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+export interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    size: string;
     pale?: boolean | null | undefined;
     leftLabel?: ReactNode;
     'data-test'?: string | null | undefined;
-    size?: string | null | undefined;
 }
 declare class Toggle extends PureComponent<ToggleProps> {
     static propTypes: {
@@ -27,93 +27,13 @@ declare class Toggle extends PureComponent<ToggleProps> {
         pale: PropTypes.Requireable<boolean>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         onTransitionEnd: PropTypes.Requireable<(...args: any[]) => any>;
-        theme: PropTypes.Requireable<string>;
         size: PropTypes.Requireable<string>;
         'data-test': PropTypes.Requireable<string>;
     };
+    static defaultProps: {
+        size: string;
+    };
     render(): JSX.Element;
 }
-declare const ThemedToggle: React.NamedExoticComponent<Omit<(Pick<ToggleProps, "className" | "src" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "style" | "type" | "width" | "role" | "tabIndex" | "crossOrigin" | "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" | "onChange" | "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" | "dir" | "form" | "slot" | "title" | "pattern" | "list" | "size" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "step" | "theme" | "value" | "multiple" | "disabled" | "data-test" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "alt" | "required" | "accept" | "autoComplete" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "readOnly" | "pale" | "leftLabel"> & Pick<PropTypes.InferProps<{
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    name: PropTypes.Requireable<string>;
-    className: PropTypes.Requireable<string>;
-    title: PropTypes.Requireable<string>;
-    leftLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    defaultChecked: PropTypes.Requireable<boolean>;
-    checked: PropTypes.Requireable<boolean>;
-    disabled: PropTypes.Requireable<boolean>;
-    pale: PropTypes.Requireable<boolean>;
-    onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    onTransitionEnd: PropTypes.Requireable<(...args: any[]) => any>;
-    theme: PropTypes.Requireable<string>;
-    size: PropTypes.Requireable<string>;
-    'data-test': PropTypes.Requireable<string>;
-}>, never> & Pick<ToggleProps, "src" | "color" | "height" | "id" | "lang" | "max" | "min" | "style" | "type" | "width" | "role" | "tabIndex" | "crossOrigin" | "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" | "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" | "onTransitionEndCapture" | "dir" | "form" | "slot" | "pattern" | "list" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "step" | "value" | "multiple" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "alt" | "required" | "accept" | "autoComplete" | "capture" | "enterKeyHint" | "maxLength" | "minLength" | "readOnly">) | (Pick<ToggleProps, "className" | "src" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "style" | "type" | "width" | "role" | "tabIndex" | "crossOrigin" | "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" | "onChange" | "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" | "dir" | "form" | "slot" | "title" | "pattern" | "list" | "size" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "step" | "theme" | "value" | "multiple" | "disabled" | "data-test" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "alt" | "required" | "accept" | "autoComplete" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "readOnly" | "pale" | "leftLabel"> & Pick<PropTypes.InferProps<React.WeakValidationMap<ToggleProps> & {
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    name: PropTypes.Requireable<string>;
-    className: PropTypes.Requireable<string>;
-    title: PropTypes.Requireable<string>;
-    leftLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    defaultChecked: PropTypes.Requireable<boolean>;
-    checked: PropTypes.Requireable<boolean>;
-    disabled: PropTypes.Requireable<boolean>;
-    pale: PropTypes.Requireable<boolean>;
-    onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    onTransitionEnd: PropTypes.Requireable<(...args: any[]) => any>;
-    theme: PropTypes.Requireable<string>;
-    size: PropTypes.Requireable<string>;
-    'data-test': PropTypes.Requireable<string>;
-}>, "inlist"> & Pick<ToggleProps, never>), "theme"> & import("../global/theme").ThemeOuterProps & React.RefAttributes<Toggle>> & {
-    readonly type: React.ForwardRefExoticComponent<Omit<(Pick<ToggleProps, "className" | "src" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "style" | "type" | "width" | "role" | "tabIndex" | "crossOrigin" | "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" | "onChange" | "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" | "dir" | "form" | "slot" | "title" | "pattern" | "list" | "size" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "step" | "theme" | "value" | "multiple" | "disabled" | "data-test" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "alt" | "required" | "accept" | "autoComplete" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "readOnly" | "pale" | "leftLabel"> & Pick<PropTypes.InferProps<{
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        name: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        title: PropTypes.Requireable<string>;
-        leftLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        defaultChecked: PropTypes.Requireable<boolean>;
-        checked: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        pale: PropTypes.Requireable<boolean>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onTransitionEnd: PropTypes.Requireable<(...args: any[]) => any>;
-        theme: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<string>;
-        'data-test': PropTypes.Requireable<string>;
-    }>, never> & Pick<ToggleProps, "src" | "color" | "height" | "id" | "lang" | "max" | "min" | "style" | "type" | "width" | "role" | "tabIndex" | "crossOrigin" | "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" | "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" | "onTransitionEndCapture" | "dir" | "form" | "slot" | "pattern" | "list" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "step" | "value" | "multiple" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "alt" | "required" | "accept" | "autoComplete" | "capture" | "enterKeyHint" | "maxLength" | "minLength" | "readOnly">) | (Pick<ToggleProps, "className" | "src" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "style" | "type" | "width" | "role" | "tabIndex" | "crossOrigin" | "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" | "onChange" | "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" | "dir" | "form" | "slot" | "title" | "pattern" | "list" | "size" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "step" | "theme" | "value" | "multiple" | "disabled" | "data-test" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "alt" | "required" | "accept" | "autoComplete" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "readOnly" | "pale" | "leftLabel"> & Pick<PropTypes.InferProps<React.WeakValidationMap<ToggleProps> & {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        name: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        title: PropTypes.Requireable<string>;
-        leftLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        defaultChecked: PropTypes.Requireable<boolean>;
-        checked: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        pale: PropTypes.Requireable<boolean>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onTransitionEnd: PropTypes.Requireable<(...args: any[]) => any>;
-        theme: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<string>;
-        'data-test': PropTypes.Requireable<string>;
-    }>, "inlist"> & Pick<ToggleProps, never>), "theme"> & import("../global/theme").ThemeOuterProps & React.RefAttributes<Toggle>>;
-} & {
-    prototype: Toggle;
-    propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        name: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        title: PropTypes.Requireable<string>;
-        leftLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        defaultChecked: PropTypes.Requireable<boolean>;
-        checked: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        pale: PropTypes.Requireable<boolean>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onTransitionEnd: PropTypes.Requireable<(...args: any[]) => any>;
-        theme: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<string>;
-        'data-test': PropTypes.Requireable<string>;
-    };
-    contextType?: React.Context<any> | undefined;
-};
-export declare type ToggleAttrs = ComponentPropsWithRef<typeof ThemedToggle>;
-export default ThemedToggle;
+export declare type ToggleAttrs = JSX.LibraryManagedAttributes<typeof Toggle, ToggleProps>;
+export default Toggle;

package/components/toggle/{toggle.jsx → toggle.js}

@@ -1,10 +1,10 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { withTheme } from '../global/theme';
 import dataTests from '../global/data-tests';
 import styles from './toggle.css';
 export const Size = {
+    Size14: styles.size14,
     Size16: styles.size16,
     Size20: styles.size20
 };
@@ -21,13 +21,15 @@ class Toggle extends PureComponent {
         pale: PropTypes.bool,
         onChange: PropTypes.func,
         onTransitionEnd: PropTypes.func,
-        theme: PropTypes.string,
         size: PropTypes.oneOf(Object.values(Size)),
         'data-test': PropTypes.string
     };
+    static defaultProps = {
+        size: Size.Size14
+    };
     render() {
-        const { className, children, disabled, pale, title, leftLabel, theme, size = Size.Size16, 'data-test': dataTest, onTransitionEnd, ...restProps } = this.props;
-        const classes = classNames(className, size, styles.toggle, styles[theme], disabled && styles.disabled);
+        const { className, children, disabled, pale, title, leftLabel, size = Size.Size16, 'data-test': dataTest, onTransitionEnd, ...restProps } = this.props;
+        const classes = classNames(className, size, styles.toggle, disabled && styles.disabled);
         return (<label className={classes} title={title} data-test={dataTests('ring-toggle', dataTest)}>
         {leftLabel && <span className={styles.leftLabel}>{leftLabel}</span>}
 
@@ -41,6 +43,4 @@ class Toggle extends PureComponent {
       </label>);
     }
 }
-const ThemedToggle = withTheme()(Toggle);
-ThemedToggle.propTypes = Toggle.propTypes;
-export default ThemedToggle;
+export default Toggle;

package/components/tooltip/tooltip.css

@@ -8,3 +8,10 @@
 
   text-align: left;
 }
+
+.long {
+  padding: unit calc(unit * 1.5);
+
+  font-size: var(--ring-font-size-smaller);
+  line-height: var(--ring-line-height-lowest);
+}

package/components/tooltip/tooltip.d.ts

@@ -13,6 +13,7 @@ export interface TooltipProps extends Omit<AllHTMLAttributes<HTMLSpanElement>, '
     popupProps?: Partial<PopupAttrs> | null | undefined;
     title?: ReactNode | null | undefined;
     'data-test'?: string | null | undefined;
+    long?: boolean | null | undefined;
 }
 /**
  * @name Tooltip

package/components/tooltip/{tooltip.jsx → tooltip.js}

@@ -1,5 +1,6 @@
 import React, { Component, createContext } from 'react';
 import PropTypes from 'prop-types';
+import classNames from 'classnames';
 import Popup from '../popup/popup';
 import { Listeners } from '../global/dom';
 import dataTests from '../global/data-tests';
@@ -110,7 +111,7 @@ export default class Tooltip extends Component {
         this.setState({ showNestedPopup: false });
     };
     render() {
-        const { children, 'data-test': dataTest, title, delay, selfOverflowOnly, popupProps, ...restProps } = this.props;
+        const { children, 'data-test': dataTest, title, delay, selfOverflowOnly, popupProps, long, ...restProps } = this.props;
         const ariaProps = typeof title === 'string' && !!title
             ? { 'aria-label': title, role: 'tooltip' }
             : {};
@@ -118,7 +119,7 @@ export default class Tooltip extends Component {
         return (<TooltipContext.Provider value={{ onNestedTooltipShow, onNestedTooltipHide }}>
         <span {...ariaProps} {...restProps} ref={this.containerRef} data-test={dataTests('ring-tooltip', dataTest)} data-test-title={typeof title === 'string' ? title : undefined}>
           {children}
-          <Popup trapFocus={false} hidden={!this.state.showPopup || this.state.showNestedPopup} onCloseAttempt={this.hidePopup} maxHeight={400} className={styles.tooltip} attached={false} top={4} dontCloseOnAnchorClick ref={this.popupRef} {...popupProps}>{title}</Popup>
+          <Popup trapFocus={false} hidden={!this.state.showPopup || this.state.showNestedPopup} onCloseAttempt={this.hidePopup} maxHeight={400} className={classNames(styles.tooltip, { [styles.long]: long })} attached={false} top={4} dontCloseOnAnchorClick ref={this.popupRef} {...popupProps}>{title}</Popup>
         </span>
       </TooltipContext.Provider>);
     }

package/components/tooltip-ng/tooltip-ng.js

@@ -1,9 +1,9 @@
 import angular from 'angular';
 
 import {createElement} from 'react';
-import {render} from 'react-dom';
 import classNames from 'classnames';
 
+import {render} from '../global/react-render-adapter';
 import Popup from '../popup/popup';
 
 import './tooltip-ng.css';
@@ -58,15 +58,18 @@ name.factory('RgTooltipPopup', function RgTooltipPopupDirective() {
       trapFocus: false
     };
 
-    this.renderPopup = props => {
-      this.popup = render(
-        createElement(Popup, {
-          ...this.defaultProps,
-          ...props
-        }, this.text),
-        this.wrapperElement
-      );
-    };
+    this.renderPopup = props => render(
+      createElement(Popup, {
+        ...this.defaultProps,
+        ...props,
+        ref: instance => {
+          if (instance != null) {
+            this.popup = instance;
+          }
+        }
+      }, this.text),
+      this.wrapperElement
+    );
 
     this.displayTooltip = customClass => {
       const text = textGetter();

package/components/user-agreement/service.d.ts

@@ -75,37 +75,13 @@ export default class UserAgreementService {
             remindLater: import("prop-types").Validator<string>;
         }>>;
         className: import("prop-types").Requireable<string>;
-    }>, never> & Pick<import("./user-agreement").UserAgreementProps, never>, "className" | "text" | "preview" | "onRemindLater"> & Partial<Pick<Pick<import("./user-agreement").UserAgreementProps, keyof import("./user-agreement").UserAgreementProps> & Pick<import("prop-types").InferProps<{
-        show: import("prop-types").Requireable<boolean>;
-        preview: import("prop-types").Requireable<boolean>;
-        text: import("prop-types").Validator<string>;
-        onAccept: import("prop-types").Requireable<(...args: any[]) => any>;
-        onDecline: import("prop-types").Requireable<(...args: any[]) => any>;
-        onClose: import("prop-types").Requireable<(...args: any[]) => any>;
-        onRemindLater: import("prop-types").Requireable<(...args: any[]) => any>;
-        translations: import("prop-types").Requireable<import("prop-types").InferProps<{
-            userAgreement: import("prop-types").Validator<string>;
-            accept: import("prop-types").Validator<string>;
-            decline: import("prop-types").Validator<string>;
-            close: import("prop-types").Validator<string>;
-            scrollToAccept: import("prop-types").Validator<string>;
-            remindLater: import("prop-types").Validator<string>;
-        }>>;
-        className: import("prop-types").Requireable<string>;
-    }>, never> & Pick<import("./user-agreement").UserAgreementProps, never>, "show" | "onClose" | "translations" | "onAccept" | "onDecline">> & Partial<Pick<{
-        translations: {
-            userAgreement: string;
-            accept: string;
-            decline: string;
-            close: string;
-            scrollToAccept: string;
-            remindLater: string;
-        };
-        show: boolean;
-        onAccept: () => void;
-        onDecline: () => void;
-        onClose: () => void;
-    }, never>>> | undefined) => Promise<unknown>;
+    }>, never> & Pick<import("./user-agreement").UserAgreementProps, never>, "className" | "text" | "preview" | "onRemindLater"> & {
+        onClose?: (() => void) | undefined;
+        show?: boolean | undefined;
+        translations?: UserAgreementTranslations | undefined;
+        onAccept?: (() => void) | undefined;
+        onDecline?: (() => void) | undefined;
+    } & {}> | undefined) => Promise<unknown>;
     hideDialog: (withoutNotifications?: boolean | undefined) => void;
     showDialogOrAlert: (withoutNotifications?: boolean | undefined, preview?: boolean | undefined, restOptions?: Partial<Pick<Pick<import("./user-agreement").UserAgreementProps, keyof import("./user-agreement").UserAgreementProps> & Pick<import("prop-types").InferProps<{
         show: import("prop-types").Requireable<boolean>;
@@ -124,37 +100,13 @@ export default class UserAgreementService {
             remindLater: import("prop-types").Validator<string>;
         }>>;
         className: import("prop-types").Requireable<string>;
-    }>, never> & Pick<import("./user-agreement").UserAgreementProps, never>, "className" | "text" | "preview" | "onRemindLater"> & Partial<Pick<Pick<import("./user-agreement").UserAgreementProps, keyof import("./user-agreement").UserAgreementProps> & Pick<import("prop-types").InferProps<{
-        show: import("prop-types").Requireable<boolean>;
-        preview: import("prop-types").Requireable<boolean>;
-        text: import("prop-types").Validator<string>;
-        onAccept: import("prop-types").Requireable<(...args: any[]) => any>;
-        onDecline: import("prop-types").Requireable<(...args: any[]) => any>;
-        onClose: import("prop-types").Requireable<(...args: any[]) => any>;
-        onRemindLater: import("prop-types").Requireable<(...args: any[]) => any>;
-        translations: import("prop-types").Requireable<import("prop-types").InferProps<{
-            userAgreement: import("prop-types").Validator<string>;
-            accept: import("prop-types").Validator<string>;
-            decline: import("prop-types").Validator<string>;
-            close: import("prop-types").Validator<string>;
-            scrollToAccept: import("prop-types").Validator<string>;
-            remindLater: import("prop-types").Validator<string>;
-        }>>;
-        className: import("prop-types").Requireable<string>;
-    }>, never> & Pick<import("./user-agreement").UserAgreementProps, never>, "show" | "onClose" | "translations" | "onAccept" | "onDecline">> & Partial<Pick<{
-        translations: {
-            userAgreement: string;
-            accept: string;
-            decline: string;
-            close: string;
-            scrollToAccept: string;
-            remindLater: string;
-        };
-        show: boolean;
-        onAccept: () => void;
-        onDecline: () => void;
-        onClose: () => void;
-    }, never>>> | undefined) => Promise<unknown>;
+    }>, never> & Pick<import("./user-agreement").UserAgreementProps, never>, "className" | "text" | "preview" | "onRemindLater"> & {
+        onClose?: (() => void) | undefined;
+        show?: boolean | undefined;
+        translations?: UserAgreementTranslations | undefined;
+        onAccept?: (() => void) | undefined;
+        onDecline?: (() => void) | undefined;
+    } & {}> | undefined) => Promise<unknown>;
     hideDialogAndAlert: (withoutNotifications?: boolean | undefined) => void;
     onAccept: () => Promise<void>;
     onDecline: () => void;

package/components/user-agreement/{service.jsx → service.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { render, unmountComponentAtNode } from 'react-dom';
+import { render, unmountComponentAtNode } from '../global/react-render-adapter';
 import Storage from '../storage/storage';
 import alertService from '../alert-service/alert-service';
 import Link from '../link/link';

package/components/user-agreement/{user-agreement.jsx → user-agreement.js}

@@ -57,7 +57,7 @@ export default class UserAgreement extends PureComponent {
         return (<Dialog label={translations.userAgreement} show={show} className={classNames(style.agreementDialog, className)} contentClassName={style.dialogContent} trapFocus autoFocusFirst={false} data-test="user-agreement">
         <Header>{translations.userAgreement}</Header>
         <Content fade onScrollToBottom={this.onScrollToBottom}>
-          <Markdown source={text}/>
+          <Markdown>{text}</Markdown>
         </Content>
         {!preview && (<Panel>
             {onRemindLater && !scrolledDown && (<div className={style.suggestion}>{translations.scrollToAccept}</div>)}

package/dist/_helpers/anchor.js

@@ -4,9 +4,9 @@ import PropTypes from 'prop-types';
 import chevronDown from '@jetbrains/icons/chevron-10px';
 import classNames from 'classnames';
 import Icon from '../icon/icon.js';
-import ThemedButton from '../button/button.js';
+import { Button } from '../button/button.js';
 
-var modules_d9414203 = {"dropdown":"dropdown_rui_4da7","anchor":"anchor_rui_4da7","chevron":"chevron_rui_4da7"};
+var modules_d9414203 = {"dropdown":"dropdown_rui_13c4","anchor":"anchor_rui_13c4","chevron":"chevron_rui_13c4"};
 
 const Anchor = _ref => {
   let {
@@ -14,7 +14,7 @@ const Anchor = _ref => {
     className,
     ...restProps
   } = _ref;
-  return /*#__PURE__*/React.createElement(ThemedButton, _extends({
+  return /*#__PURE__*/React.createElement(Button, _extends({
     "data-test-ring-dropdown-anchor": true,
     text: true,
     className: classNames(modules_d9414203.anchor, className)

package/dist/_helpers/badge.js

@@ -1,3 +1,3 @@
-var modules_6c9187df = {"unit":"8px","badge":"badge_rui_1d2b","gray":"gray_rui_1d2b","valid":"valid_rui_1d2b","invalid":"invalid_rui_1d2b","disabled":"disabled_rui_1d2b"};
+var modules_6c9187df = {"unit":"8px","badge":"badge_rui_4b7d","gray":"gray_rui_4b7d","valid":"valid_rui_4b7d","invalid":"invalid_rui_4b7d","disabled":"disabled_rui_4b7d"};
 
 export { modules_6c9187df as m };

package/dist/_helpers/button-group.js

@@ -1,3 +1,3 @@
-var modules_1068e447 = {"unit":"8px","buttonGroup":"buttonGroup_rui_b9c8 buttonGroup_rui_ec74","button":"button_rui_b9c8","caption":"caption_rui_b9c8 font_rui_750f","active":"active_rui_b9c8"};
+var modules_1068e447 = {"unit":"8px","button":"button_rui_0b90","active":"active_rui_0b90","primary":"primary_rui_0b90","button-shadow":"inset 0 0 0 1px","buttonGroup":"buttonGroup_rui_bbca common_rui_bbca buttonGroup_rui_f4fc","common":"common_rui_bbca","split":"split_rui_bbca common_rui_bbca","caption":"caption_rui_bbca font_rui_8bff"};
 
 export { modules_1068e447 as m };

package/dist/_helpers/button-set.js

@@ -1,3 +1,3 @@
-var modules_fd849143 = {"unit":"8px","buttonSet":"buttonSet_rui_6fa7","button":"button_rui_6fa7"};
+var modules_fd849143 = {"unit":"8px","button":"button_rui_0b90","buttonSet":"buttonSet_rui_b2a9"};
 
 export { modules_fd849143 as m };

package/dist/_helpers/button-toolbar.js

@@ -1,3 +1,3 @@
-var modules_34154ec0 = {"unit":"8px","buttonToolbar":"buttonToolbar_rui_03c3","button":"button_rui_03c3","buttonGroup":"buttonGroup_rui_03c3"};
+var modules_34154ec0 = {"unit":"8px","button":"button_rui_0b90","buttonToolbar":"buttonToolbar_rui_f4fc","buttonGroup":"buttonGroup_rui_f4fc"};
 
 export { modules_34154ec0 as m };

package/dist/_helpers/button__classes.js

@@ -1,7 +1,6 @@
 import classNames from 'classnames';
-import Theme from '../global/theme.js';
 
-var modules_e81895c9 = {"unit":"8px","button-shadow":"inset 0 0 0 1px","height":"24px","loaderWidth":"64px","light":"light_rui_b000","active":"active_rui_b000 active_rui_e33e","withIcon":"withIcon_rui_b000","icon":"icon_rui_b000","primary":"primary_rui_b000","danger":"danger_rui_b000","loaderBackground":"loaderBackground_rui_b000","dark":"dark_rui_b000","dropdownIcon":"dropdownIcon_rui_b000","button":"button_rui_b000 button_rui_e33e button_rui_40c7 button_rui_ec74","loader":"loader_rui_b000","text":"text_rui_b000","content":"content_rui_b000","text-loading":"textLoading_rui_b000","inline":"inline_rui_b000","withNormalIconLight":"withNormalIconLight_rui_b000","withNormalIconDark":"withNormalIconDark_rui_b000","withDangerIconLight":"withDangerIconLight_rui_b000","withDangerIconDark":"withDangerIconDark_rui_b000","progress":"progress_rui_b000","delayed":"delayed_rui_b000","short":"short_rui_b000"};
+var modules_e81895c9 = {"unit":"8px","button-shadow":"inset 0 0 0 1px","height":"var(--ring-button-height)","loaderWidth":"64px","heightS":"heightS_rui_0b90","heightM":"heightM_rui_0b90","heightL":"heightL_rui_0b90","button":"button_rui_0b90","active":"active_rui_0b90","withIcon":"withIcon_rui_0b90","icon":"icon_rui_0b90","primary":"primary_rui_0b90","loader":"loader_rui_0b90","loaderBackground":"loaderBackground_rui_0b90","danger":"danger_rui_0b90","text":"text_rui_0b90","content":"content_rui_0b90","text-loading":"text-loading_rui_0b90","inline":"inline_rui_0b90","withNormalIcon":"withNormalIcon_rui_0b90","withDangerIcon":"withDangerIcon_rui_0b90","progress":"progress_rui_0b90","delayed":"delayed_rui_0b90","short":"short_rui_0b90","dropdownIcon":"dropdownIcon_rui_0b90"};
 
 function getButtonClasses(_ref) {
   let {
@@ -16,18 +15,16 @@ function getButtonClasses(_ref) {
     danger,
     delayed,
     icon,
-    theme
+    height
   } = _ref;
   const withNormalIcon = icon && !active && !danger && !primary && !disabled;
-  return classNames(modules_e81895c9.button, className, modules_e81895c9[theme], {
+  return classNames(modules_e81895c9.button, className, modules_e81895c9["height".concat(height)], {
     [modules_e81895c9.active]: active,
     [modules_e81895c9.danger]: danger,
     [modules_e81895c9.delayed]: delayed,
     [modules_e81895c9.withIcon]: icon,
-    [modules_e81895c9.withNormalIconLight]: withNormalIcon && theme === Theme.LIGHT,
-    [modules_e81895c9.withNormalIconDark]: withNormalIcon && theme === Theme.DARK,
-    [modules_e81895c9.withDangerIconLight]: icon && danger && theme === Theme.LIGHT,
-    [modules_e81895c9.withDangerIconDark]: icon && danger && theme === Theme.DARK,
+    [modules_e81895c9.withNormalIcon]: withNormalIcon,
+    [modules_e81895c9.withDangerIcon]: icon && danger,
     [modules_e81895c9.loader]: loader && !icon,
     [modules_e81895c9.primary]: primary,
     [modules_e81895c9.short]: short,

package/dist/_helpers/card.js

@@ -6,7 +6,7 @@ import Avatar, { Size } from '../avatar/avatar.js';
 import Link from '../link/link.js';
 import { m as modules_6c9187df } from './badge.js';
 
-var modules_a4196c17 = {"unit":"8px","userCardSpaced":"userCardSpaced_rui_a0c9","userInformationContainer":"userInformationContainer_rui_a0c9","userInformation":"userInformation_rui_a0c9","userName":"userName_rui_a0c9","userActiveStatus":"userActiveStatus_rui_a0c9","online":"online_rui_a0c9"};
+var modules_a4196c17 = {"unit":"8px","userCardSpaced":"userCardSpaced_rui_6e59","userInformationContainer":"userInformationContainer_rui_6e59","userInformation":"userInformation_rui_6e59","userName":"userName_rui_6e59","userActiveStatus":"userActiveStatus_rui_6e59","online":"online_rui_6e59"};
 
 class UserCard extends PureComponent {
   render() {

package/dist/_helpers/checkbox.js

@@ -1,3 +1,3 @@
-var modules_3199090e = {"unit":"8px","checkboxSize":"14px","checkbox":"checkbox_rui_95ac","cell":"cell_rui_95ac","icon":"icon_rui_95ac","check":"check_rui_95ac icon_rui_95ac","minus":"minus_rui_95ac icon_rui_95ac","input":"input_rui_95ac","focus":"focus_rui_95ac","label":"label_rui_95ac"};
+var modules_3199090e = {"unit":"8px","checkboxSize":"14px","checkbox":"checkbox_rui_d990","cell":"cell_rui_d990","icon":"icon_rui_d990","check":"check_rui_d990 icon_rui_d990","minus":"minus_rui_d990 icon_rui_d990","input":"input_rui_d990","focus":"focus_rui_d990","label":"label_rui_d990"};
 
 export { modules_3199090e as m };

package/dist/_helpers/date-picker.js

@@ -1,3 +1,3 @@
-var modules_0c7b7d96 = {"unit":"8px","cellSize":"24px","calHeight":"288px","calWidth":"296px","yearHeight":"32px","yearWidth":"48px","container":"container_rui_58d9","hoverable":"hoverable_rui_58d9","datePicker":"datePicker_rui_58d9","displayDate":"displayDate_rui_58d9","displayRange":"displayRange_rui_58d9","clear":"clear_rui_58d9","datePopup":"datePopup_rui_58d9","filterWrapper":"filterWrapper_rui_58d9 filterWrapper_rui_7e99","filter":"filter_rui_58d9 filter_rui_7e99","filterIcon":"filterIcon_rui_58d9 filterIcon_rui_7e99","fromInput":"fromInput_rui_58d9","fromInputWithDivider":"fromInputWithDivider_rui_58d9","toInput":"toInput_rui_58d9","dateInput":"dateInput_rui_58d9","timeInputWithDivider":"timeInputWithDivider_rui_58d9","weekdays":"weekdays_rui_58d9","weekday":"weekday_rui_58d9","weekend":"weekend_rui_58d9","calendar":"calendar_rui_58d9","months":"months_rui_58d9","days":"days_rui_58d9","month":"month_rui_58d9","monthTitle":"monthTitle_rui_58d9","day":"day_rui_58d9 resetButton_rui_750f","between":"between_rui_58d9","activeBetween":"activeBetween_rui_58d9","current":"current_rui_58d9","active":"active_rui_58d9","disabled":"disabled_rui_58d9","from":"from_rui_58d9","to":"to_rui_58d9","Monday":"Monday_rui_58d9","spread":"spread_rui_58d9","activeSpread":"activeSpread_rui_58d9","first":"first_rui_58d9","Tuesday":"Tuesday_rui_58d9","Friday":"Friday_rui_58d9","Saturday":"Saturday_rui_58d9","Sunday":"Sunday_rui_58d9","empty":"empty_rui_58d9","today":"today_rui_58d9","year":"year_rui_58d9 hoverable_rui_58d9 resetButton_rui_750f","monthNames":"monthNames_rui_58d9","monthName":"monthName_rui_58d9 hoverable_rui_58d9 resetButton_rui_750f","monthSlider":"monthSlider_rui_58d9 resetButton_rui_750f","dragging":"dragging_rui_58d9","range":"range_rui_58d9","years":"years_rui_58d9","currentYear":"currentYear_rui_58d9"};
+var modules_0c7b7d96 = {"unit":"8px","footer-height":"64px","breakpoint-small":"640px","breakpoint-middle":"960px","breakpoint-large":"1200px","extra-small-screen-media":"(max-width: 639px)","small-screen-media":"(min-width: 640px) and (max-width: 959px)","middle-screen-media":"(min-width: 960px) and (max-width: 1199px)","large-screen-media":"(min-width: 1200px)","cellSize":"24px","calHeight":"288px","calWidth":"296px","yearHeight":"32px","yearWidth":"48px","clearfix":"clearfix_rui_e0bd","font":"font_rui_e0bd","font-lower":"font-lower_rui_e0bd font_rui_e0bd","font-smaller":"font-smaller_rui_e0bd font-lower_rui_e0bd font_rui_e0bd","font-smaller-lower":"font-smaller-lower_rui_e0bd font-smaller_rui_e0bd font-lower_rui_e0bd font_rui_e0bd","font-larger-lower":"font-larger-lower_rui_e0bd font-lower_rui_e0bd font_rui_e0bd","font-larger":"font-larger_rui_e0bd font-larger-lower_rui_e0bd font-lower_rui_e0bd font_rui_e0bd","thin-font":"thin-font_rui_e0bd","monospace-font":"monospace-font_rui_e0bd","ellipsis":"ellipsis_rui_e0bd","resetButton":"resetButton_rui_e0bd","container":"container_rui_e0bd","hoverable":"hoverable_rui_e0bd","datePicker":"datePicker_rui_e0bd","displayDate":"displayDate_rui_e0bd","displayRange":"displayRange_rui_e0bd","clear":"clear_rui_e0bd","datePopup":"datePopup_rui_e0bd","filterWrapper":"filterWrapper_rui_e0bd filterWrapper_rui_531d","filter":"filter_rui_e0bd filter_rui_531d","filterIcon":"filterIcon_rui_e0bd filterIcon_rui_531d","fromInput":"fromInput_rui_e0bd","fromInputWithDivider":"fromInputWithDivider_rui_e0bd","toInput":"toInput_rui_e0bd","dateInput":"dateInput_rui_e0bd","timeInputWithDivider":"timeInputWithDivider_rui_e0bd","weekdays":"weekdays_rui_e0bd","weekday":"weekday_rui_e0bd","weekend":"weekend_rui_e0bd","calendar":"calendar_rui_e0bd","months":"months_rui_e0bd","days":"days_rui_e0bd","month":"month_rui_e0bd","monthTitle":"monthTitle_rui_e0bd","day":"day_rui_e0bd resetButton_rui_8bff","between":"between_rui_e0bd","activeBetween":"activeBetween_rui_e0bd","current":"current_rui_e0bd","active":"active_rui_e0bd","disabled":"disabled_rui_e0bd","from":"from_rui_e0bd","to":"to_rui_e0bd","Monday":"Monday_rui_e0bd","spread":"spread_rui_e0bd","activeSpread":"activeSpread_rui_e0bd","first":"first_rui_e0bd","Tuesday":"Tuesday_rui_e0bd","Friday":"Friday_rui_e0bd","Saturday":"Saturday_rui_e0bd","Sunday":"Sunday_rui_e0bd","empty":"empty_rui_e0bd","today":"today_rui_e0bd","year":"year_rui_e0bd hoverable_rui_e0bd resetButton_rui_8bff","monthNames":"monthNames_rui_e0bd","monthName":"monthName_rui_e0bd hoverable_rui_e0bd resetButton_rui_8bff","monthSlider":"monthSlider_rui_e0bd resetButton_rui_8bff","dragging":"dragging_rui_e0bd","range":"range_rui_e0bd","years":"years_rui_e0bd","currentYear":"currentYear_rui_e0bd"};
 
 export { modules_0c7b7d96 as m };