@jetbrains/ring-ui 4.1.4 → 5.0.0-beta.1

package/dist/tags-input/tags-input.js

@@ -13,6 +13,7 @@ import '@jetbrains/icons/close';
 import 'deep-equal';
 import '../dropdown/dropdown.js';
 import '../global/data-tests.js';
+import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '../icon/icon.js';
 import 'util-deprecate';
@@ -63,6 +64,8 @@ import '../list/list__separator.js';
 import '../list/list__hint.js';
 import '../list/consts.js';
 import '../input/input.js';
+import '../global/prop-types.js';
+import '../global/composeRefs.js';
 import '../_helpers/input.js';
 import '../global/fuzzy-highlight.js';
 import '../select/select__popup.js';
@@ -79,7 +82,7 @@ import '../text/text.js';
 import '../_helpers/select__filter.js';
 import '../tag/tag.js';
 
-var modules_5aa8aaf3 = {"tagsInput":"tagsInput_rui_3bf1","tagsInputLegacyMode":"tagsInputLegacyMode_rui_3bf1","tagsList":"tagsList_rui_3bf1","tag":"tag_rui_3bf1","tagsInputDisabled":"tagsInputDisabled_rui_3bf1","underline":"underline_rui_3bf1","tagsInputFocused":"tagsInputFocused_rui_3bf1","tagsSelect":"tagsSelect_rui_3bf1","focusUnderline":"focusUnderline_rui_3bf1"};
+var modules_5aa8aaf3 = {"tagsInput":"tagsInput_rui_7738","tagsInputLegacyMode":"tagsInputLegacyMode_rui_7738","tagsList":"tagsList_rui_7738","tag":"tag_rui_7738","tagsInputDisabled":"tagsInputDisabled_rui_7738","underline":"underline_rui_7738","tagsInputFocused":"tagsInputFocused_rui_7738","tagsSelect":"tagsSelect_rui_7738","focusUnderline":"focusUnderline_rui_7738"};
 
 function noop() {}
 /**
@@ -105,18 +108,34 @@ class TagsInput extends PureComponent {
       activeIndex: 0
     });
 
+    _defineProperty(this, "ngModelStateField", void 0);
+
+    _defineProperty(this, "node", void 0);
+
     _defineProperty(this, "nodeRef", node => {
       this.node = node;
     });
 
+    _defineProperty(this, "input", void 0);
+
+    _defineProperty(this, "caret", void 0);
+
     _defineProperty(this, "focusInput", () => {
-      this.getInputNode().focus();
+      var _this$getInputNode;
+
+      (_this$getInputNode = this.getInputNode()) === null || _this$getInputNode === void 0 ? void 0 : _this$getInputNode.focus();
     });
 
     _defineProperty(this, "addTag", tag => {
+      var _this$select, _this$select2;
+
+      if (tag == null) {
+        return;
+      }
+
       const isUniqueTag = this.state.tags.filter(item => tag.key === item.key).length === 0;
-      this.select.clear();
-      this.select.filterValue('');
+      (_this$select = this.select) === null || _this$select === void 0 ? void 0 : _this$select.clear();
+      (_this$select2 = this.select) === null || _this$select2 === void 0 ? void 0 : _this$select2.filterValue('');
 
       if (isUniqueTag) {
         this.setState(prevState => ({
@@ -130,11 +149,13 @@ class TagsInput extends PureComponent {
     });
 
     _defineProperty(this, "clickHandler", event => {
+      var _this$getInputNode2;
+
       if (event.target !== this.node) {
         return;
       }
 
-      this.loadSuggestions(this.getInputNode().value);
+      this.loadSuggestions((_this$getInputNode2 = this.getInputNode()) === null || _this$getInputNode2 === void 0 ? void 0 : _this$getInputNode2.value);
       this.focusInput();
     });
 
@@ -150,13 +171,11 @@ class TagsInput extends PureComponent {
         query
       }, async () => {
         try {
-          let allSuggestions = _this.props.dataSource({
+          const suggestionsResult = _this.props.dataSource({
             query
           });
 
-          if (typeof allSuggestions.then === 'function') {
-            allSuggestions = await allSuggestions;
-          }
+          const allSuggestions = Array.isArray(suggestionsResult) ? suggestionsResult : await suggestionsResult;
 
           const suggestions = _this.filterExistingTags(allSuggestions);
 
@@ -203,27 +222,35 @@ class TagsInput extends PureComponent {
     });
 
     _defineProperty(this, "handleKeyDown", event => {
+      var _this$select3, _this$select3$_popup;
+
       const key = getEventKey(event);
 
-      const isInputFocused = () => event.target.matches(this.getInputNode().tagName);
+      const isInputFocused = () => {
+        var _this$getInputNode$ta, _this$getInputNode3;
+
+        return event.target instanceof Element && event.target.matches((_this$getInputNode$ta = (_this$getInputNode3 = this.getInputNode()) === null || _this$getInputNode3 === void 0 ? void 0 : _this$getInputNode3.tagName) !== null && _this$getInputNode$ta !== void 0 ? _this$getInputNode$ta : '');
+      };
 
       if (key === ' ' && this.props.allowAddNewTags) {
+        var _this$getInputNode4;
+
         event.stopPropagation();
-        const value = this.getInputNode().value;
+        const value = (_this$getInputNode4 = this.getInputNode()) === null || _this$getInputNode4 === void 0 ? void 0 : _this$getInputNode4.value;
 
-        if (value !== '') {
+        if (value != null && value !== '') {
           this.handleTagCreation(value);
         }
 
         return true;
       }
 
-      if (this.select._popup.isVisible()) {
+      if ((_this$select3 = this.select) !== null && _this$select3 !== void 0 && (_this$select3$_popup = _this$select3._popup) !== null && _this$select3$_popup !== void 0 && _this$select3$_popup.isVisible()) {
         return true;
       }
 
       if (key === 'ArrowLeft') {
-        if (this.getInputNode() && this.caret.getPosition() > 0) {
+        if (this.getInputNode() && this.caret != null && this.caret.getPosition() > 0) {
           return true;
         }
 
@@ -234,7 +261,9 @@ class TagsInput extends PureComponent {
       if (key === 'ArrowRight' && !isInputFocused()) {
         if (this.state.activeIndex === this.state.tags.length - 1) {
           if (!this.props.disabled) {
-            this.getInputNode().focus();
+            var _this$getInputNode5;
+
+            (_this$getInputNode5 = this.getInputNode()) === null || _this$getInputNode5 === void 0 ? void 0 : _this$getInputNode5.focus();
             this.setActiveIndex();
           }
         } else {
@@ -245,18 +274,20 @@ class TagsInput extends PureComponent {
       }
 
       if (!this.props.disabled) {
-        if (key === 'Backspace' && !this.getInputNode().value) {
-          event.preventDefault();
-          const tagsLength = this.state.tags.length;
+        var _this$getInputNode6;
 
-          this.select._hidePopup(true); // otherwise confirmation may be overlapped by popup
+        if (key === 'Backspace' && !((_this$getInputNode6 = this.getInputNode()) !== null && _this$getInputNode6 !== void 0 && _this$getInputNode6.value)) {
+          var _this$select4;
 
+          event.preventDefault();
+          const tagsLength = this.state.tags.length;
+          (_this$select4 = this.select) === null || _this$select4 === void 0 ? void 0 : _this$select4._hidePopup(true); // otherwise confirmation may be overlapped by popup
 
           this.onRemoveTag(this.state.tags[tagsLength - 1]);
           return false;
         }
 
-        if ((key === 'Delete' || key === 'Backspace') && this.state.tags[this.state.activeIndex]) {
+        if ((key === 'Delete' || key === 'Backspace') && this.state.activeIndex != null && this.state.tags[this.state.activeIndex]) {
           this.onRemoveTag(this.state.tags[this.state.activeIndex]).then(() => this.selectTag(true));
           return false;
         }
@@ -278,6 +309,8 @@ class TagsInput extends PureComponent {
       });
     });
 
+    _defineProperty(this, "select", void 0);
+
     _defineProperty(this, "selectRef", el => {
       this.select = el;
     });
@@ -308,17 +341,23 @@ class TagsInput extends PureComponent {
 
   componentDidMount() {
     if (this.props.autoOpen && !this.props.disabled) {
+      var _this$select5;
+
       this.focusInput();
       this.loadSuggestions();
-
-      this.select._showPopup();
+      (_this$select5 = this.select) === null || _this$select5 === void 0 ? void 0 : _this$select5._showPopup();
     }
   }
 
   getInputNode() {
     if (!this.input) {
-      this.input = this.select.filter;
-      this.caret = new Caret(this.input);
+      var _this$select6;
+
+      this.input = (_this$select6 = this.select) === null || _this$select6 === void 0 ? void 0 : _this$select6.filter;
+
+      if (this.input) {
+        this.caret = new Caret(this.input);
+      }
     }
 
     return this.input;
@@ -429,13 +468,7 @@ _defineProperty(TagsInput, "propTypes", {
   dataSource: PropTypes.func,
   onAddTag: PropTypes.func,
   onRemoveTag: PropTypes.func,
-  customTagComponent: (props, propName, componentName) => {
-    if (props[propName] && !props[propName].prototype instanceof Component) {
-      return new Error(`Invalid prop ${propName} supplied to ${componentName}. Validation failed.`);
-    }
-
-    return null;
-  },
+  customTagComponent: PropTypes.instanceOf(Component),
   maxPopupHeight: PropTypes.number,
   minPopupWidth: PropTypes.number,
   placeholder: PropTypes.string,

package/dist/tags-input-ng/tags-input-ng.js

@@ -15,6 +15,7 @@ import '@jetbrains/icons/close';
 import 'deep-equal';
 import '../dropdown/dropdown.js';
 import '../global/data-tests.js';
+import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '../icon/icon.js';
 import 'util-deprecate';
@@ -65,6 +66,8 @@ import '../list/list__separator.js';
 import '../list/list__hint.js';
 import '../list/consts.js';
 import '../input/input.js';
+import '../global/prop-types.js';
+import '../global/composeRefs.js';
 import '../_helpers/input.js';
 import '../global/rerender-hoc.js';
 import '../global/fuzzy-highlight.js';

package/dist/tags-list/tags-list.d.ts

@@ -0,0 +1,46 @@
+import React, { Component, ComponentType, HTMLAttributes, ReactNode } from 'react';
+import PropTypes from 'prop-types';
+import { TagAttrs } from '../tag/tag';
+declare function noop(): void;
+export interface TagType extends Omit<TagAttrs, 'onClick'> {
+    label?: ReactNode;
+    key?: string | number | null | undefined;
+}
+export interface TagsListProps<T extends TagType> extends HTMLAttributes<HTMLElement> {
+    tags: readonly T[];
+    customTagComponent: ComponentType<TagAttrs>;
+    canNotBeEmpty: boolean;
+    disabled: boolean;
+    handleClick: (tag: T) => (e: React.MouseEvent<HTMLElement>) => void;
+    handleRemove: (tag: T) => (e: React.MouseEvent<HTMLElement>) => void;
+    activeIndex?: number | null | undefined;
+    tagClassName?: string | null | undefined;
+}
+/**
+ * @name Tags List
+ */
+export default class TagsList<T extends TagType> extends Component<TagsListProps<T>> {
+    static propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        tags: PropTypes.Requireable<any[]>;
+        customTagComponent: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+        activeIndex: PropTypes.Requireable<number>;
+        canNotBeEmpty: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        handleClick: PropTypes.Requireable<(...args: any[]) => any>;
+        handleRemove: PropTypes.Requireable<(...args: any[]) => any>;
+        className: PropTypes.Requireable<string>;
+        tagClassName: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {
+        customTagComponent: null;
+        canNotBeEmpty: boolean;
+        disabled: boolean;
+        handleClick: typeof noop;
+        handleRemove: typeof noop;
+    };
+    renderTag(tag: T, focusTag: boolean): JSX.Element;
+    render(): JSX.Element;
+}
+export declare type TagsListAttrs<T extends TagType = TagType> = JSX.LibraryManagedAttributes<typeof TagsList, TagsListProps<T>>;
+export {};

package/dist/tags-list/tags-list.js

@@ -66,13 +66,7 @@ class TagsList extends Component {
 _defineProperty(TagsList, "propTypes", {
   children: PropTypes.node,
   tags: PropTypes.array,
-  customTagComponent: (props, propName, componentName) => {
-    if (props[propName] && !props[propName].prototype instanceof Component) {
-      return new Error(`Invalid prop ${propName} supplied to ${componentName}. Validation failed.`);
-    }
-
-    return null;
-  },
+  customTagComponent: PropTypes.elementType,
   activeIndex: PropTypes.number,
   canNotBeEmpty: PropTypes.bool,
   disabled: PropTypes.bool,

package/dist/text/text.d.ts

@@ -0,0 +1,17 @@
+import { Component, HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+export interface TextProps extends HTMLAttributes<HTMLElement> {
+    info?: boolean | null | undefined;
+    'data-test'?: string | null | undefined;
+}
+/**
+ * @name Text
+ */
+export default class Text extends Component<TextProps> {
+    static propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        info: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+    };
+    render(): JSX.Element;
+}

package/dist/text/text.js

@@ -3,7 +3,7 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
-var modules_78d1bce6 = {"text":"text_rui_bc47","info":"info_rui_bc47"};
+var modules_78d1bce6 = {"text":"text_rui_594d","info":"info_rui_594d"};
 
 /**
  * @name Text

package/dist/toggle/toggle.d.ts

@@ -0,0 +1,119 @@
+import React, { ComponentPropsWithRef, InputHTMLAttributes, PureComponent, ReactNode } from 'react';
+import PropTypes from 'prop-types';
+import { ThemeProps } from '../global/theme';
+export declare const Size: {
+    Size16: string;
+    Size20: string;
+};
+/**
+  * @name Toggle
+  */
+export interface ToggleProps extends ThemeProps, Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    pale?: boolean | null | undefined;
+    leftLabel?: ReactNode;
+    'data-test'?: string | null | undefined;
+    size?: string | null | undefined;
+}
+declare class Toggle extends PureComponent<ToggleProps> {
+    static 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>;
+    };
+    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;

package/dist/toggle/toggle.js

@@ -5,15 +5,12 @@ import classNames from 'classnames';
 import { withTheme } from '../global/theme.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 
-var modules_331c5aa7 = {"unit":"8px","padding":"2px","disabled-line-color":"hsla(0,0%,100%,.9)","duration":".3s","timing-function":"cubic-bezier(.23,1,.32,1)","toggle":"toggle_rui_ca2e","switch":"switch_rui_ca2e","disabled":"disabled_rui_ca2e","label":"label_rui_ca2e","leftLabel":"leftLabel_rui_ca2e","light":"light_rui_ca2e","dark":"dark_rui_ca2e","switchWrapper":"switchWrapper_rui_ca2e","input":"input_rui_ca2e","size20":"size20_rui_ca2e","paleSwitch":"paleSwitch_rui_ca2e"};
+var modules_331c5aa7 = {"unit":"8px","padding":"2px","disabled-line-color":"hsla(0,0%,100%,.9)","duration":".3s","timing-function":"cubic-bezier(.23,1,.32,1)","toggle":"toggle_rui_0d32","switch":"switch_rui_0d32","disabled":"disabled_rui_0d32","label":"label_rui_0d32","leftLabel":"leftLabel_rui_0d32","light":"light_rui_0d32","dark":"dark_rui_0d32","switchWrapper":"switchWrapper_rui_0d32","input":"input_rui_0d32","size20":"size20_rui_0d32","paleSwitch":"paleSwitch_rui_0d32"};
 
 const Size = {
   Size16: modules_331c5aa7.size16,
   Size20: modules_331c5aa7.size20
 };
-/**
-  * @name Toggle
-  */
 
 class Toggle extends PureComponent {
   render() {
@@ -72,6 +69,7 @@ _defineProperty(Toggle, "propTypes", {
   'data-test': PropTypes.string
 });
 
-var Toggle$1 = withTheme()(Toggle);
+const ThemedToggle = withTheme()(Toggle);
+ThemedToggle.propTypes = Toggle.propTypes;
 
-export { Size, Toggle$1 as default };
+export { Size, ThemedToggle as default };

package/dist/toggle-ng/toggle-ng.js

@@ -1,5 +1,5 @@
 import angularComponentFactory from '../global/angular-component-factory.js';
-import Toggle from '../toggle/toggle.js';
+import ThemedToggle from '../toggle/toggle.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'angular';
 import 'react';
@@ -11,6 +11,6 @@ import 'classnames';
 import '../global/theme.js';
 import '../global/data-tests.js';
 
-var toggleNg = angularComponentFactory(Toggle, 'Toggle').name;
+var toggleNg = angularComponentFactory(ThemedToggle, 'Toggle').name;
 
 export { toggleNg as default };