@jetbrains/ring-ui 5.0.0-beta.3 → 5.0.0-beta.7

package/components/input-ng/input-ng.js

@@ -8,7 +8,6 @@ import closeIcon from '@jetbrains/icons/close';
 
 import RingAngularComponent from '../global/ring-angular-component';
 import styles from '../input/input.css';
-import Theme from '../global/theme';
 import ButtonNg from '../button-ng/button-ng';
 
 import styleOverrides from './input-ng.css';
@@ -33,7 +32,6 @@ class RingInputComponent extends RingAngularComponent {
     label: '@',
     hint: '@',
     size: '@',
-    theme: '@',
     disabled: '@',
     active: '<',
     error: '@',
@@ -84,9 +82,9 @@ class RingInputComponent extends RingAngularComponent {
 
   getContainerClasses() {
     return classNames(
-      styles.container,
-      styles[this.theme || Theme.LIGHT],
+      styles.outerContainer,
       this.size ? [styles[`size${this.size}`]] : null,
+      styles.heightS,
       {
         [styles.active]: this.active,
         [styles.error]: this.error != null,
@@ -103,56 +101,54 @@ class RingInputComponent extends RingAngularComponent {
   data-test="ring-input-container"
   ng-class="$ctrl.getContainerClasses()"
 >
-  <input
-    aria-label="{{$ctrl.label || $ctrl.placeholder}}"
-    type="text"
-    data-test="ring-input"
-    class="${styles.input}"
-    name="{{$ctrl.name}}"
-    ng-if="!$ctrl.multiline"
-    placeholder="{{$ctrl.placeholder}}"
-    ng-model="$ctrl.value"
-    ng-required="$ctrl.required"
-    ng-disabled="$ctrl.disabled"
-    ng-minlength="$ctrl.ngMinlength"
-    ng-maxlength="$ctrl.ngMaxlength"
-    ng-change="$ctrl.onInputChange()"
-    ng-keyup="$ctrl.onKeyUp()"
-  />
-
-  <textarea
-    aria-label="{{$ctrl.label || $ctrl.placeholder}}"
-    data-test="ring-input"
-    ng-if="$ctrl.multiline"
-    class="${styles.input}"
-    rows="1"
-    name="{{$ctrl.name}}"
-    placeholder="{{$ctrl.placeholder}}"
-    ng-model="$ctrl.value"
-    ng-required="$ctrl.required"
-    ng-disabled="$ctrl.disabled"
-    ng-minlength="$ctrl.ngMinlength"
-    ng-maxlength="$ctrl.ngMaxlength"
-    ng-change="$ctrl.onInputChange()"
-    ng-keyup="$ctrl.onKeyUp()"
-  ></textarea>
-
-  <rg-button
-    ng-if="$ctrl.clearable"
-    data-test="ring-input-clear"
-    class="${styles.clear} ${styleOverrides.clear}"
-    icon="{{:: $ctrl.closeIcon}}"
-    ng-click="$ctrl.onClear()"
-  ></rg-button>
-
   <label
     ng-if="!$ctrl.borderless"
     class="${styles.label}"
   >{{$ctrl.label}}</label>
+  <div class="${styles.container}">
+    <input
+      aria-label="{{$ctrl.label || $ctrl.placeholder}}"
+      type="text"
+      data-test="ring-input"
+      class="${styles.input}"
+      name="{{$ctrl.name}}"
+      ng-if="!$ctrl.multiline"
+      placeholder="{{$ctrl.placeholder}}"
+      ng-model="$ctrl.value"
+      ng-required="$ctrl.required"
+      ng-disabled="$ctrl.disabled"
+      ng-minlength="$ctrl.ngMinlength"
+      ng-maxlength="$ctrl.ngMaxlength"
+      ng-change="$ctrl.onInputChange()"
+      ng-keyup="$ctrl.onKeyUp()"
+    />
+
+    <textarea
+      aria-label="{{$ctrl.label || $ctrl.placeholder}}"
+      data-test="ring-input"
+      ng-if="$ctrl.multiline"
+      class="${styles.input}"
+      rows="1"
+      name="{{$ctrl.name}}"
+      placeholder="{{$ctrl.placeholder}}"
+      ng-model="$ctrl.value"
+      ng-required="$ctrl.required"
+      ng-disabled="$ctrl.disabled"
+      ng-minlength="$ctrl.ngMinlength"
+      ng-maxlength="$ctrl.ngMaxlength"
+      ng-change="$ctrl.onInputChange()"
+      ng-keyup="$ctrl.onKeyUp()"
+    ></textarea>
+
+    <rg-button
+      ng-if="$ctrl.clearable"
+      data-test="ring-input-clear"
+      class="${styles.clear} ${styleOverrides.clear}"
+      icon="{{:: $ctrl.closeIcon}}"
+      ng-click="$ctrl.onClear()"
+    ></rg-button>
+  </div>
 
-  <div ng-if="!$ctrl.borderless" class="${styles.underline}"></div>
-  <div ng-if="!$ctrl.borderless" class="${styles.focusUnderline}"></div>
-  <div ng-if="!$ctrl.borderless" class="${styles.errorUnderline}"></div>
   <div ng-if="!$ctrl.borderless && $ctrl.error" class="${styles.errorText} ${styleOverrides.errorText}">{{$ctrl.error}}</div>
 </div>
   `;

package/components/island/adaptive-island-hoc.d.ts

@@ -5,7 +5,7 @@ export declare const ScrollHandlerContext: React.Context<ScrollHandler | null>;
 export default function adaptiveIslandHOC<P>(ComposedComponent: ComponentType<P>): {
     new (props: P | Readonly<P>): {
         state: {
-            phase: number;
+            phase: null;
         };
         onContentScroll: ({ scrollTop, scrollHeight, clientHeight }: Element) => void;
         render(): JSX.Element;
@@ -33,7 +33,7 @@ export default function adaptiveIslandHOC<P>(ComposedComponent: ComponentType<P>
     };
     new (props: P, context: any): {
         state: {
-            phase: number;
+            phase: null;
         };
         onContentScroll: ({ scrollTop, scrollHeight, clientHeight }: Element) => void;
         render(): JSX.Element;

package/components/island/adaptive-island-hoc.js

@@ -8,11 +8,11 @@ export default function adaptiveIslandHOC(ComposedComponent) {
     return class AdaptiveIsland extends Component {
         static propTypes = ComposedComponent.propTypes;
         state = {
-            phase: 0
+            phase: null
         };
         onContentScroll = ({ scrollTop, scrollHeight, clientHeight }) => {
             if (scrollHeight - clientHeight >=
-                interpolateLinear(TITLE_RESIZE_THRESHOLD, TITLE_RESIZE_END, this.state.phase)) {
+                interpolateLinear(TITLE_RESIZE_THRESHOLD, TITLE_RESIZE_END, this.state.phase ?? 0)) {
                 const phase = Math.min(1, scrollTop / TITLE_RESIZE_END);
                 this.setState({ phase });
             }

package/components/island/content.js

@@ -49,6 +49,7 @@ class Content extends Component {
         if (!scrollableNode) {
             return;
         }
+        this.props.onScroll(scrollableNode);
         const { scrollTop, scrollHeight, offsetHeight } = scrollableNode;
         const scrolledToTop = scrollTop === 0;
         const scrolledToBottom = offsetHeight + scrollTop >= scrollHeight - END_DISTANCE;
@@ -57,12 +58,6 @@ class Content extends Component {
         }
         this.setState({ scrolledToTop, scrolledToBottom });
     });
-    onScroll = () => {
-        if (this.scrollableNode != null) {
-            this.props.onScroll(this.scrollableNode);
-        }
-        this.calculateScrollPosition();
-    };
     scrollableNode;
     setScrollableNodeAndCalculatePosition = (node) => {
         if (!node) {
@@ -85,7 +80,7 @@ class Content extends Component {
         <div 
         // it has to be focusable because it can be scrollable
         // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-        tabIndex={0} data-scrollable-container className={scrollableWrapperClasses} ref={this.setScrollableNodeAndCalculatePosition} onScroll={fade ? this.onScroll : noop}>
+        tabIndex={0} data-scrollable-container className={scrollableWrapperClasses} ref={this.setScrollableNodeAndCalculatePosition} onScroll={fade ? this.calculateScrollPosition : noop}>
           {fade && (<div ref={this.setWrapper}>
               {children}
             </div>)}

package/components/island/header.js

@@ -7,15 +7,17 @@ import { PhaseContext } from './adaptive-island-hoc';
 const Start = {
     FONT_SIZE: 24,
     LINE_HEIGHT: 28,
-    PADDING: 16,
+    PADDING_TOP: 24,
+    PADDING_BOTTOM: 0,
     X: 0,
     Y: 0,
     SPACING: 0
 };
 const End = {
     FONT_SIZE: 13,
-    LINE_HEIGHT: 28,
-    PADDING: 0,
+    LINE_HEIGHT: 20,
+    PADDING_TOP: 16,
+    PADDING_BOTTOM: 8,
     // Compensation
     X: 0.4,
     Y: 0.1,
@@ -44,7 +46,8 @@ class Header extends Component {
         const headerStyle = phase != null
             ? {
                 lineHeight: `${this.style('LINE_HEIGHT')}px`,
-                paddingTop: this.style('PADDING')
+                paddingTop: this.style('PADDING_TOP'),
+                paddingBottom: this.style('PADDING_BOTTOM')
             }
             : undefined;
         const scaleFont = phase != null && this.style('FONT_SIZE') / Start.FONT_SIZE;

package/components/island/island.css

@@ -22,13 +22,15 @@
 }
 
 .header {
-  composes: withTransparentBottomBorder;
-
   box-sizing: border-box;
   width: 100%;
-  padding: 0 calc(unit * 4);
+  padding: calc(unit * 2) calc(unit * 4) unit;
+
+  transition: border-bottom-color 0.1s;
+
+  border-bottom: 1px solid transparent;
 
-  line-height: 28px;
+  line-height: 24px;
 }
 
 .withBottomBorder.withBottomBorder {
@@ -54,7 +56,8 @@
 }
 
 .narrowIsland .header {
-  padding: 0 calc(unit * 2);
+  padding-right: calc(unit * 2);
+  padding-left: calc(unit * 2);
 }
 
 .content {

package/components/island/island.d.ts

@@ -21,7 +21,7 @@ export default class Island extends Component<IslandProps> {
 export declare const AdaptiveIsland: {
     new (props: IslandProps | Readonly<IslandProps>): {
         state: {
-            phase: number;
+            phase: null;
         };
         onContentScroll: ({ scrollTop, scrollHeight, clientHeight }: Element) => void;
         render(): JSX.Element;
@@ -49,7 +49,7 @@ export declare const AdaptiveIsland: {
     };
     new (props: IslandProps, context: any): {
         state: {
-            phase: number;
+            phase: null;
         };
         onContentScroll: ({ scrollTop, scrollHeight, clientHeight }: Element) => void;
         render(): JSX.Element;

package/components/island-legacy/island-legacy.css

@@ -63,7 +63,7 @@
   color: var(--ring-secondary-color);
 
   border-left: 1px solid var(--ring-disabled-color);
-  text-shadow: var(--ring-dark-text-color) 0 0 1px;
+  text-shadow: var(--ring-white-text-color) 0 0 1px;
 
   font-size: var(--ring-font-size-smaller);
 }

package/components/list/list.d.ts

@@ -9,6 +9,7 @@ import { WindowScrollerChildProps } from 'react-virtualized/dist/es/WindowScroll
 import { ShortcutsMap } from '../shortcuts/core';
 import ListHint from './list__hint';
 import { Dimension, ListDataItem, ListDataItemProps, Type } from './consts';
+export type { ListDataItem };
 declare function noop(): void;
 /**
  * @param {Type} listItemType
@@ -188,4 +189,3 @@ export default class List<T = unknown> extends Component<ListProps<T>, ListState
     render(): JSX.Element;
 }
 export declare type ListAttrs<T = unknown> = JSX.LibraryManagedAttributes<typeof List, ListProps<T>>;
-export {};

package/components/loader-inline/loader-inline.css

@@ -1,7 +1,18 @@
 @import "../global/variables.css";
 
+@value dark from "../global/variables_dark.css";
 @value unit from "../global/global.css";
 
+:root {
+  /* stylelint-disable-next-line color-no-hex */
+  --ring-loader-inline-stops: #ff00eb, #bd3bff, #008eff, #58ba00, #f48700, #ff00eb;
+}
+
+.dark {
+  /* stylelint-disable-next-line color-no-hex */
+  --ring-loader-inline-stops: #ff2eef, #d178ff, #289fff, #88d444, #ffe000, #ff2eef;
+}
+
 @keyframes spin {
   0% {
     transform: rotate(0);
@@ -51,6 +62,9 @@
 
     content: "";
     animation: pulse 0.85s cubic-bezier(0.68, 0, 0.74, 0.74) infinite alternate;
+
+    background-image: conic-gradient(var(--ring-loader-inline-stops));
+    mask-image: radial-gradient(unit, transparent 71.875%, var(--ring-content-background-color) 71.875%);
   }
 }
 

package/components/loader-inline/loader-inline.d.ts

@@ -1,7 +1,6 @@
-import React, { ComponentPropsWithRef, HTMLAttributes, PureComponent } from 'react';
+import { HTMLAttributes, PureComponent } from 'react';
 import PropTypes from 'prop-types';
-import Theme, { ThemeProps } from '../global/theme';
-export interface LoaderInlineProps extends ThemeProps, HTMLAttributes<HTMLDivElement> {
+export interface LoaderInlineProps extends HTMLAttributes<HTMLDivElement> {
     'data-test'?: string | null | undefined;
 }
 /**
@@ -9,47 +8,11 @@ export interface LoaderInlineProps extends ThemeProps, HTMLAttributes<HTMLDivEle
  */
 declare class LoaderInline extends PureComponent<LoaderInlineProps> {
     static propTypes: {
-        theme: PropTypes.Requireable<Theme>;
         className: PropTypes.Requireable<string>;
         'data-test': PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };
-    componentDidMount(): void;
-    static Theme: typeof Theme;
     render(): JSX.Element;
 }
-declare const ThemedLoaderInline: React.NamedExoticComponent<Omit<(Pick<LoaderInlineProps, "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "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" | "slot" | "title" | "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" | "theme" | "data-test"> & Pick<PropTypes.InferProps<{
-    theme: PropTypes.Requireable<Theme>;
-    className: PropTypes.Requireable<string>;
-    'data-test': PropTypes.Requireable<string>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-}>, never> & Pick<LoaderInlineProps, "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "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" | "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" | "slot" | "title" | "defaultChecked" | "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">) | (Pick<LoaderInlineProps, "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "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" | "slot" | "title" | "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" | "theme" | "data-test"> & Pick<PropTypes.InferProps<React.WeakValidationMap<LoaderInlineProps> & {
-    theme: PropTypes.Requireable<Theme>;
-    className: PropTypes.Requireable<string>;
-    'data-test': PropTypes.Requireable<string>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-}>, "inlist"> & Pick<LoaderInlineProps, never>), "theme"> & import("../global/theme").ThemeOuterProps & React.RefAttributes<LoaderInline>> & {
-    readonly type: React.ForwardRefExoticComponent<Omit<(Pick<LoaderInlineProps, "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "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" | "slot" | "title" | "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" | "theme" | "data-test"> & Pick<PropTypes.InferProps<{
-        theme: PropTypes.Requireable<Theme>;
-        className: PropTypes.Requireable<string>;
-        'data-test': PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    }>, never> & Pick<LoaderInlineProps, "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "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" | "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" | "slot" | "title" | "defaultChecked" | "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">) | (Pick<LoaderInlineProps, "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "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" | "slot" | "title" | "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" | "theme" | "data-test"> & Pick<PropTypes.InferProps<React.WeakValidationMap<LoaderInlineProps> & {
-        theme: PropTypes.Requireable<Theme>;
-        className: PropTypes.Requireable<string>;
-        'data-test': PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    }>, "inlist"> & Pick<LoaderInlineProps, never>), "theme"> & import("../global/theme").ThemeOuterProps & React.RefAttributes<LoaderInline>>;
-} & {
-    prototype: LoaderInline;
-    propTypes: {
-        theme: PropTypes.Requireable<Theme>;
-        className: PropTypes.Requireable<string>;
-        'data-test': PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
-    Theme: typeof Theme;
-    contextType?: React.Context<any> | undefined;
-};
-export declare type LoaderInlineAtrrs = ComponentPropsWithRef<typeof ThemedLoaderInline>;
-export default ThemedLoaderInline;
+export declare type LoaderInlineAtrrs = JSX.LibraryManagedAttributes<typeof LoaderInline, LoaderInlineProps>;
+export default LoaderInline;

package/components/loader-inline/loader-inline.js

@@ -1,27 +1,20 @@
 import React, { PureComponent } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
-import Theme, { withTheme } from '../global/theme';
 import dataTests from '../global/data-tests';
 import styles from './loader-inline.css';
-import injectStyles from './inject-styles';
 /**
  * @name Loader Inline
  */
 class LoaderInline extends PureComponent {
     static propTypes = {
-        theme: PropTypes.oneOf(Object.values(Theme)),
         className: PropTypes.string,
         'data-test': PropTypes.string,
         children: PropTypes.node
     };
-    componentDidMount() {
-        injectStyles();
-    }
-    static Theme = Theme;
     render() {
-        const { className, theme, 'data-test': dataTest, children, ...restProps } = this.props;
-        const classes = classNames(styles.loader, className, `${styles.loader}_${theme}`);
+        const { className, 'data-test': dataTest, children, ...restProps } = this.props;
+        const classes = classNames(styles.loader, className);
         const loader = (<div {...restProps} data-test={dataTests('ring-loader-inline', dataTest)} className={classes}/>);
         return children
             ? (<>
@@ -31,5 +24,4 @@ class LoaderInline extends PureComponent {
             : loader;
     }
 }
-const ThemedLoaderInline = withTheme()(LoaderInline);
-export default ThemedLoaderInline;
+export default LoaderInline;

package/components/loader-inline-ng/loader-inline-ng.js

@@ -1,8 +1,6 @@
 import angular from 'angular';
 
 import styles from '../loader-inline/loader-inline.css';
-import injectStyles from '../loader-inline/inject-styles';
-import Theme from '../global/theme';
 
 /**
  * @name Loader Inline Ng
@@ -11,23 +9,9 @@ import Theme from '../global/theme';
 
 const angularModule = angular.module('Ring.loader-inline', []);
 
-class LoaderController {
-  $onInit() {
-    injectStyles();
-
-    this.theme = this.theme || Theme.LIGHT;
-  }
-
-  getThemeClass = () => `${styles.loader}_${this.theme}`;
-}
-
 angularModule.
   component('rgLoaderInline', {
-    bindings: {
-      theme: '@?'
-    },
-    template: `<div data-test="ring-loader-inline-ng" class="${styles.loader}" ng-class="$ctrl.getThemeClass()"></div>`,
-    controller: LoaderController
+    template: `<div data-test="ring-loader-inline-ng" class="${styles.loader}"></div>`
   });
 
 export default angularModule.name;

package/components/loader-inline-ng/loader-inline-ng.test.js

@@ -22,18 +22,7 @@ describe('LoaderInline', () => {
 
   it('should render loader markup', () => {
     element.should.contain(`.${styles.loader}`);
-    element.should.contain(`.${styles.loader}_light`);
     element.should.contain('[data-test="ring-loader-inline-ng"]');
   });
 
-  it('should render light loader theme by default', () => {
-    element.should.contain(`.${styles.loader}_light`);
-  });
-
-  it('should render dark loader theme if passed', () => {
-    element = $compile('<rg-loader-inline theme="dark"></rg-loader-inline>')(scope)[0];
-    scope.$digest();
-    element.should.contain(`.${styles.loader}_dark`);
-  });
-
 });

package/components/markdown/code.d.ts

@@ -1,16 +1,9 @@
 /// <reference types="react" />
-import PropTypes from 'prop-types';
-interface MarkdownCodeProps {
-    language?: string | null | undefined;
-    value?: string | null | undefined;
-    inline?: boolean | undefined;
+import { CodeProps } from 'react-markdown/lib/ast-to-react';
+declare module 'react-markdown/lib/complex-types' {
+    interface ReactMarkdownProps {
+        language?: string;
+    }
 }
-declare const MarkdownCode: {
-    ({ value, language, inline }: MarkdownCodeProps): JSX.Element;
-    propTypes: {
-        language: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<string>;
-        inline: PropTypes.Requireable<boolean>;
-    };
-};
+declare const MarkdownCode: ({ children, language, inline }: CodeProps) => JSX.Element;
 export default MarkdownCode;

package/components/markdown/code.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import Code from '../code/code';
-const MarkdownCode = ({ value, language, inline }) => (<Code language={language} code={value || ''} inline={inline}/>);
+const MarkdownCode = ({ children, language, inline }) => (<Code language={language} code={children?.join('') || ''} inline={inline}/>);
 MarkdownCode.propTypes = {
     language: PropTypes.string,
-    value: PropTypes.string,
+    children: PropTypes.array.isRequired,
     inline: PropTypes.bool
 };
 export default MarkdownCode;

package/components/markdown/heading.d.ts

@@ -1,15 +1,11 @@
-import { ReactNode } from 'react';
+/// <reference types="react" />
 import PropTypes from 'prop-types';
-import { Levels } from '../heading/heading';
-export interface MarkdownHeadingProps {
-    level?: Levels | undefined;
-    children?: ReactNode;
-}
+import { HeadingProps } from 'react-markdown/lib/ast-to-react';
 declare const MarkdownHeading: {
-    ({ level, children }: MarkdownHeadingProps): JSX.Element;
+    ({ level, children }: HeadingProps): JSX.Element;
     propTypes: {
-        level: PropTypes.Requireable<number>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        level: PropTypes.Validator<number>;
+        children: PropTypes.Validator<any[]>;
     };
 };
 export default MarkdownHeading;

package/components/markdown/heading.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import Heading from '../heading/heading';
 const MarkdownHeading = ({ level, children }) => <Heading level={level}>{children}</Heading>;
 MarkdownHeading.propTypes = {
-    level: PropTypes.number,
-    children: PropTypes.node
+    level: PropTypes.number.isRequired,
+    children: PropTypes.array.isRequired
 };
 export default MarkdownHeading;