@plesk/ui-library 3.32.0 → 3.34.0

package/styleguide/images/symbols.svg

@@ -1,4 +1,4 @@
-<svg width="16" height="11616" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="16" height="11712" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <defs>
     <symbol viewBox="0 0 12 12" id="archive:12">
       <path d="M2 1h7v.5a.5.5 0 0 0 1 0V1a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1v-.5a.5.5 0 0 0-1 0v.5H2V1z" />
@@ -765,6 +765,12 @@
     <symbol viewBox="0 0 16 16" id="fire:16">
       <path fill-rule="evenodd" d="M10.032.891c.175 1.523 1.04 2.805 1.918 4.106C12.966 6.504 14 8.037 14 10c0 3.568-2.188 5.544-4.954 5.93l-.06.008a7.593 7.593 0 0 1-1.997-.007C4.192 15.549 2 13.57 2 10c0-1.502.35-3.12 1.407-4.246.126-.133.278-.306.448-.388a.332.332 0 0 1 .475.253v.007c.01.103.11 1.232.675 1.895.24.281.561.478.995.478 0-3.282.734-5.728 3-7.577l.006-.004a9.041 9.041 0 0 1 .467-.356.334.334 0 0 1 .527.271c0 .165.009.328.025.488l.001.014.006.055zM8.018 15c-.437 0-.901.037-1.189-.343-.177-.235-.314-.691-.329-1.157.484.164.75.25 1 .25a1 1 0 0 0 1-1c0-.58.022-1.067.087-1.488.084.135.168.27.25.407.416.696.663 1.245.663 1.831 0 .596-.15.981-.317 1.195-.275.35-.76.305-1.165.305zm2.343-.468a3.62 3.62 0 0 0 .14-1.032c0-1.046-.537-1.914-1.062-2.763-.145-.235-.29-.468-.421-.704a6.16 6.16 0 0 1-.308-.62c-.075-.18-.313-.232-.427-.076-.16.22-.288.452-.39.694-.335.79-.393 1.696-.393 2.72-.109 0-.973 0-1.444-.658-.106-.148-.3-.173-.356 0-.246.76-.293 1.678-.04 2.443a4.41 4.41 0 0 1-1.202-.775C3.595 12.975 3 11.756 3 10.001c0-1.373.322-2.296.648-2.882l.023.06C3.937 7.865 4.594 9 6.001 9a1 1 0 0 0 1-1c0-1.678.2-3.047.671-4.193a6.34 6.34 0 0 1 1.473-2.175c.35 1.567 1.266 2.872 2.026 4 1.022 1.514 1.83 2.786 1.83 4.368 0 1.756-.596 2.976-1.455 3.762a4.395 4.395 0 0 1-1.185.77z" clip-rule="evenodd" />
     </symbol>
+    <symbol viewBox="0 0 12 12" id="flag-filled:12">
+      <path fill-rule="evenodd" d="M2.87 2C2.4 2 2 2.4 2 2.87v7.26a.87.87 0 0 0 1.75 0v-1.9H9a1 1 0 0 0 .66-1.75L8.12 5.12l1.54-1.37A1 1 0 0 0 9 2H2.87Z" clip-rule="evenodd" />
+    </symbol>
+    <symbol viewBox="0 0 16 16" id="flag-filled:16">
+      <path fill-rule="evenodd" d="M4.02 2H12a1 1 0 0 1 .74 1.67L10.17 6.5l2.57 2.83A1 1 0 0 1 12 11H5.05v2.98a1.02 1.02 0 0 1-2.05 0V3a1 1 0 0 1 1-1h.02Z" clip-rule="evenodd" />
+    </symbol>
     <symbol viewBox="0 0 12 12" id="flag-globe:12">
       <path d="M2.25 2.481c0-.47-.53-.712-.833-.353a6 6 0 1010.27 1.953c-.208-.615-.937-.404-.937.244a.73.73 0 00.033.213 5 5 0 11-8.67-1.684.595.595 0 00.137-.373z" />
       <path fill-rule="evenodd" d="M4 .292A.482.482 0 003.557 0h-.03A.527.527 0 003 .527V7.5a.5.5 0 101 0V4.45c.202-.169.681-.45 1.469-.45.497 0 .837.096 1.052.198.19.09.27.177.29.2.191.39.733.727 1.564.727.511 0 .975-.163 1.45-.319a.253.253 0 00.175-.24V1.052a.243.243 0 00-.323-.232c-.423.147-.864.306-1.302.306-.202 0-.572-.008-.69-.217C7.44.482 6.703 0 5.468 0 4.878 0 4.386.122 4 .292zm5 1.774a3.07 3.07 0 01-.625.059c-.83 0-1.373-.337-1.564-.727a.86.86 0 00-.29-.2C6.306 1.096 5.966 1 5.469 1 4.68 1 4.202 1.281 4 1.45v1.842C4.386 3.122 4.878 3 5.469 3c.768 0 1.833.195 2.236.947.003-.007.135.178.67.178.32 0 .516-.054.621-.1H9v-1.96z" clip-rule="evenodd" />
@@ -773,6 +779,12 @@
       <path d="M15 8A7 7 0 112.848 3.261.564.564 0 003 2.881c0-.454-.516-.693-.826-.363a8 8 0 1012.72 1.422c-.27-.458-.894-.239-.894.292 0 .105.029.208.081.299A6.968 6.968 0 0115 8z" />
       <path fill-rule="evenodd" d="M5 5.692V10.5a.5.5 0 11-1 0V.5a.5.5 0 011-.012C5.52.216 6.232 0 7.125 0c1.61 0 2.524.627 2.809 1.127.163.337.746.373 1.066.373.446 0 .73-.074.894-.146.254-.11.497-.252.74-.394a.243.243 0 01.366.213v4.163c0 .265-.097.529-.305.694a1.71 1.71 0 01-.402.241c-.314.137-.739.229-1.293.229-1.081 0-1.731-.441-1.943-.89C8.973 5.494 8.455 5 7.125 5 5.964 5 5.269 5.442 5 5.692zm0-4v2.796C5.52 4.215 6.232 4 7.125 4c1.61 0 2.524.627 2.809 1.127.205.358.694.373 1.066.373.446 0 .73-.074.894-.146A.862.862 0 0012 5.3V2.375a3.654 3.654 0 01-1 .125c-1.081 0-1.731-.441-1.943-.89C8.973 1.494 8.455 1 7.125 1 5.964 1 5.269 1.442 5 1.692z" clip-rule="evenodd" />
     </symbol>
+    <symbol viewBox="0 0 12 12" id="flag:12">
+      <path d="M4.571 7.538v-.5h-.5v.5h.5Zm5.086-1.75-.331.375.33-.375ZM8.5 4.77l-.33-.375-.426.375.426.375.33-.375ZM9.657 3.75l.33.375-.33-.375Zm-5.77-1.744-.064.496.06.008.06-.007-.057-.497Zm-.387.78c0-.158.128-.286.286-.286v-1c-.71 0-1.286.576-1.286 1.286h1ZM3.5 3v-.214h-1V3h1Zm0 3.538V3h-1v3.538h1Zm0 2.676V6.538h-1v2.676h1Zm.286.286a.286.286 0 0 1-.286-.286h-1c0 .71.576 1.286 1.286 1.286v-1Zm.285-.286a.286.286 0 0 1-.285.286v1c.71 0 1.285-.576 1.285-1.286h-1Zm0-1.676v1.676h1V7.538h-1Zm4.924-.5H4.571v1h4.424v-1Zm.331-.875a.5.5 0 0 1-.33.875v1c1.382 0 2.028-1.711.991-2.625l-.661.75ZM8.17 5.144l1.156 1.02.661-.751-1.156-1.019-.661.75Zm1.156-1.769L8.17 4.395l.66.75 1.157-1.02-.661-.75Zm-.33-.875a.5.5 0 0 1 .33.875l.661.75c1.037-.913.391-2.625-.992-2.625v1ZM4 2.5h4.995v-1H4v1Zm-.057.003A.51.51 0 0 1 4 2.5v-1c-.057 0-.114.003-.17.01l.113.993ZM3.786 2.5c.013 0 .025 0 .037.002l.127-.992a1.294 1.294 0 0 0-.164-.01v1Z" />
+    </symbol>
+    <symbol viewBox="0 0 16 16" id="flag:16">
+      <path d="M5.862 10.308v-.5h-.5v.5h.5Zm6.884-1.668.373-.334-.373.334Zm-2.229-2.486-.372-.334-.3.334.3.334.372-.334Zm2.23-2.486-.373-.334.372.334ZM4.964 2l-.018.5h.035L4.965 2Zm-.465.93c0-.238.193-.431.431-.431v-1c-.79 0-1.431.64-1.431 1.431h1ZM4.5 3v-.069h-1V3h1Zm0 6.308V3h-1v6.308h1Zm0 3.761V9.308h-1v3.761h1Zm.431.431a.431.431 0 0 1-.431-.431h-1c0 .79.64 1.431 1.431 1.431v-1Zm.431-.431a.431.431 0 0 1-.431.431v1c.79 0 1.431-.64 1.431-1.431h-1Zm0-2.761v2.761h1v-2.761h-1Zm6.64-.5h-6.14v1h6.14v-1Zm.372-.834a.5.5 0 0 1-.372.834v1c1.297 0 1.983-1.536 1.117-2.502l-.745.668Zm-2.229-2.486 2.23 2.486.744-.668-2.23-2.486-.744.668Zm2.23-3.154-2.23 2.486.745.668L13.119 4l-.745-.667Zm-.373-.834a.5.5 0 0 1 .372.834L13.12 4c.866-.966.18-2.501-1.117-2.501v1ZM5 2.5h7.002v-1H5v1Zm-.018 0H5v-1h-.052l.034 1Zm-.051 0h.016l.036-1H4.93v1Z" />
+    </symbol>
     <symbol viewBox="0 0 12 12" id="floppy-disk:12">
       <path fill-rule="evenodd" d="M11 12a1 1 0 001-1V3.414a1 1 0 00-.293-.707L9.293.293A1 1 0 008.586 0H1a1 1 0 00-1 1v10a1 1 0 001 1h10zM8.586 1H8v2a1 1 0 01-1 1H4a1 1 0 01-1-1V1H1v10h2V7a1 1 0 011-1h4a1 1 0 011 1v4h2V3.414L8.586 1zM8 11V7H4v4h4zM4 1h3v2H4V1z" clip-rule="evenodd" />
     </symbol>

package/styleguide/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Plesk UI Library 3.32.0</title>
+    <title>Plesk UI Library 3.34.0</title>
     <meta name="msapplication-TileColor" content="#da532c">
     <meta name="theme-color" content="#ffffff">
     <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
@@ -26,20 +26,6 @@
     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KWST26V"
     height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
     <!-- End Google Tag Manager (noscript) -->
-    <!-- Yandex.Metrika counter -->
-    <script type="text/javascript" >
-       (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
-       m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
-       (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
-       ym(56446840, "init", {
-            clickmap:true,
-            trackLinks:true,
-            accurateTrackBounce:true,
-            webvisor:true
-       });
-    </script>
-    <noscript><div><img src="https://mc.yandex.ru/watch/56446840" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
-    <!-- /Yandex.Metrika counter -->
-    <script src="build/bundle.57b0e524.js"></script>
+    <script src="build/bundle.ad46084d.js"></script>
   </body>
 </html>

package/types/src/components/ClosingConfirmation/useClosingConfirmation.d.ts

@@ -5,6 +5,6 @@ declare type ClosingConfirmationProps = {
 };
 declare const useClosingConfirmation: ({ onClose, closingConfirmation }: ClosingConfirmationProps) => {
     onCloseWithConfirmation: any;
-    closingConfirmationDialog: ReactElement<any, string | ((props: any) => ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | null;
+    closingConfirmationDialog: ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
 };
 export default useClosingConfirmation;

package/types/src/components/Drawer/DrawerProgress.d.ts

@@ -40,6 +40,6 @@ declare class DrawerProgress extends Component<DrawerProgressProps, DrawerProgre
     handleStatusChange: (status: ProgressStepProps['status']) => void;
     handleClose: () => void;
     handleCancel: () => void;
-    render(): {} | null | undefined;
+    render(): ReactNode;
 }
 export default DrawerProgress;

package/types/src/components/FocusTrap/FocusTrap.d.ts

@@ -1,7 +1,6 @@
-import { ReactNode, FocusEvent } from 'react';
-declare type FocusTrapProps = {
+import { ReactNode, FocusEvent, HTMLAttributes } from 'react';
+declare const _default: import("react").ForwardRefExoticComponent<{
     children: ReactNode;
-    onFocus?: (e: FocusEvent<HTMLElement>) => void;
-};
-declare const _default: import("react").ForwardRefExoticComponent<FocusTrapProps & import("react").RefAttributes<HTMLElement>>;
+    onFocus?: ((e: FocusEvent<HTMLElement, Element>) => void) | undefined;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLElement>>;
 export default _default;

package/types/src/components/Form/Form.d.ts

@@ -118,12 +118,12 @@ declare const RefForwardingForm: import("react").ForwardRefExoticComponent<{
      * Form values.
      * @since 0.0.57
      */
-    values?: Record<string, any> | undefined;
+    values?: FormValues | undefined;
     /**
      * Form errors.
      * @since 0.0.57
      */
-    errors?: Record<string, any> | undefined;
+    errors?: FormErrors | undefined;
     /**
      * Current active state
      * @since 0.0.59
@@ -163,7 +163,7 @@ declare const RefForwardingForm: import("react").ForwardRefExoticComponent<{
      * Submit handler
      * @since 0.0.54
      */
-    onSubmit?: ((values: Record<string, any>, isApply?: boolean | undefined) => void) | undefined;
+    onSubmit?: ((values: FormValues, isApply?: boolean | undefined) => void) | undefined;
     /**
      * Additional class name for the buttons container.
      * @since 0.0.66
@@ -196,5 +196,5 @@ declare const RefForwardingForm: import("react").ForwardRefExoticComponent<{
      * @ignore
      */
     innerRef?: MutableRefObject<HTMLFormElement | null> | undefined;
-} & Pick<HTMLProps<HTMLFormElement>, "max" | "required" | "default" | "high" | "low" | "disabled" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "color" | "content" | "size" | "wrap" | "multiple" | "height" | "translate" | "width" | "children" | "key" | "list" | "step" | "target" | "role" | "resource" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "name" | "noValidate" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "type" | "useMap" | "value" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "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" | "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"> & import("react").RefAttributes<FormInstanceHandles>>;
+} & Omit<HTMLProps<HTMLFormElement>, "ref" | "onSubmit"> & import("react").RefAttributes<FormInstanceHandles>>;
 export default RefForwardingForm;

package/types/src/components/Icon/constants.d.ts

@@ -1,3 +1,3 @@
 export declare const NAMES_12: IconName[];
-export declare type IconName = 'archive' | 'arrow-back' | 'arrow-diagonal-out' | 'arrow-down' | 'arrow-down-in' | 'arrow-down-out' | 'arrow-down-tray' | 'arrow-left' | 'arrow-right' | 'arrow-right-in' | 'arrow-right-out' | 'arrow-up' | 'arrow-up-circle' | 'arrow-up-in' | 'arrow-up-in-cloud' | 'arrow-up-out' | 'arrow-up-tray' | 'arrows-four-directions' | 'arrows-inward' | 'arrows-loop' | 'arrows-opposite' | 'arrows-outward' | 'backup' | 'backup2' | 'bar-chart-vertical' | 'bar-chart-vertical-arrow-up' | 'bell' | 'book-email' | 'boundary' | 'box-diagonal-bottom-in' | 'box-diagonal-top-in' | 'brush' | 'bug' | 'calendar' | 'calendar-clock' | 'camera' | 'card' | 'card-ribbon' | 'card-row' | 'card-tile' | 'cd' | 'cd-up-in-cloud' | 'chain' | 'chain-broken' | 'chat' | 'check-list' | 'check-mark' | 'check-mark-circle' | 'check-mark-circle-filled' | 'chevron-double-down' | 'chevron-double-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'circle-diagonal' | 'clean' | 'clip' | 'clock' | 'clone' | 'cloud' | 'cloud-checkmark' | 'cloud-crossed' | 'cloud-graph' | 'code' | 'connection' | 'console' | 'console-filled' | 'copy' | 'copy-indicator' | 'cpu' | 'crane' | 'credit-cards' | 'cross-mark' | 'cross-mark-circle' | 'cross-mark-circle-filled' | 'crown-transfer' | 'dashboard' | 'database' | 'database-box' | 'database-filled' | 'database-plus' | 'deploy' | 'docker-filled' | 'dollar' | 'dollar-filled' | 'dot' | 'emoticon-confused' | 'emoticon-dead' | 'emoticon-excited' | 'emoticon-happy' | 'emoticon-neutral' | 'emoticon-sad' | 'emoticon-smile' | 'enter' | 'exclamation-mark-circle' | 'exclamation-mark-circle-filled' | 'eye' | 'eye-closed' | 'facebook' | 'facebook-filled' | 'feedback' | 'filter' | 'filter-check-mark' | 'fire' | 'flag-globe' | 'floppy-disk' | 'folder-closed' | 'folder-key' | 'folder-network' | 'folder-open' | 'folders-tree' | 'forward-circle-filled' | 'four-squares' | 'gear' | 'git' | 'github' | 'globe' | 'hard-drive' | 'hard-drive-key' | 'hat' | 'hexagons' | 'home' | 'info-circle' | 'info-circle-filled' | 'ip-addresses' | 'joomla' | 'kebab' | 'key' | 'laravel' | 'lifebuoy' | 'lightbulb' | 'limit' | 'linux' | 'list' | 'list-check-mark' | 'location' | 'lock-closed' | 'lock-closed-check' | 'lock-closed-filled' | 'lock-open' | 'lock-open-cross' | 'lock-open-filled' | 'mail' | 'mail-circle-filled' | 'mail-settings' | 'megaphone' | 'menu' | 'menu-thin' | 'microsoft' | 'minimize' | 'minus' | 'minus-circle' | 'minus-circle-filled' | 'monitoring' | 'monitoring-off' | 'my-little-admin' | 'net' | 'nine-dots' | 'node-js' | 'package' | 'panel' | 'panel-check' | 'panel-eye' | 'panel-key' | 'panel-settings' | 'panels' | 'pause-circle' | 'pencil' | 'pencil-dialog' | 'php' | 'phpmyadmin' | 'pin' | 'pipette' | 'plans' | 'plugins' | 'plus' | 'power' | 'projects' | 'puzzle' | 'question-mark-circle' | 'question-mark-circle-filled' | 'ram' | 'react-js' | 'recycle' | 'redirect-circle-filled' | 'refresh' | 'reload' | 'remove' | 'reset' | 'resource' | 'ribbon' | 'rocket' | 'ruby' | 'sand-clock' | 'scan' | 'screen' | 'search' | 'security-check' | 'send' | 'server' | 'servers' | 'share' | 'shield' | 'shield-attention-filled' | 'shield-chain' | 'shield-filled' | 'shopping-cart' | 'sidebar-right-hide' | 'sidebar-right-show' | 'signal-light' | 'site-page' | 'sleep' | 'sliders' | 'square-with-circles' | 'star' | 'star-circle-filled' | 'star-filled' | 'star-half-filled' | 'start' | 'start-circle' | 'start-filled' | 'stop' | 'stop-circle' | 'storage' | 'themes' | 'three-dots-horizontal' | 'three-dots-vertical' | 'tools' | 'transfer' | 'triangle-exclamation-mark' | 'triangle-exclamation-mark-filled' | 'unarchive' | 'user' | 'volume' | 'web' | 'web-plus' | 'web-settings' | 'windows' | 'woocommerce' | 'wordpress' | 'zero-circle-filled';
+export declare type IconName = 'archive' | 'arrow-back' | 'arrow-diagonal-out' | 'arrow-down' | 'arrow-down-in' | 'arrow-down-out' | 'arrow-down-tray' | 'arrow-left' | 'arrow-right' | 'arrow-right-in' | 'arrow-right-out' | 'arrow-up' | 'arrow-up-circle' | 'arrow-up-in' | 'arrow-up-in-cloud' | 'arrow-up-out' | 'arrow-up-tray' | 'arrows-four-directions' | 'arrows-inward' | 'arrows-loop' | 'arrows-opposite' | 'arrows-outward' | 'backup' | 'backup2' | 'bar-chart-vertical' | 'bar-chart-vertical-arrow-up' | 'bell' | 'book-email' | 'boundary' | 'box-diagonal-bottom-in' | 'box-diagonal-top-in' | 'brush' | 'bug' | 'calendar' | 'calendar-clock' | 'camera' | 'card' | 'card-ribbon' | 'card-row' | 'card-tile' | 'cd' | 'cd-up-in-cloud' | 'chain' | 'chain-broken' | 'chat' | 'check-list' | 'check-mark' | 'check-mark-circle' | 'check-mark-circle-filled' | 'chevron-double-down' | 'chevron-double-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'circle-diagonal' | 'clean' | 'clip' | 'clock' | 'clone' | 'cloud' | 'cloud-checkmark' | 'cloud-crossed' | 'cloud-graph' | 'code' | 'connection' | 'console' | 'console-filled' | 'copy' | 'copy-indicator' | 'cpu' | 'crane' | 'credit-cards' | 'cross-mark' | 'cross-mark-circle' | 'cross-mark-circle-filled' | 'crown-transfer' | 'dashboard' | 'database' | 'database-box' | 'database-filled' | 'database-plus' | 'deploy' | 'docker-filled' | 'dollar' | 'dollar-filled' | 'dot' | 'emoticon-confused' | 'emoticon-dead' | 'emoticon-excited' | 'emoticon-happy' | 'emoticon-neutral' | 'emoticon-sad' | 'emoticon-smile' | 'enter' | 'exclamation-mark-circle' | 'exclamation-mark-circle-filled' | 'eye' | 'eye-closed' | 'facebook' | 'facebook-filled' | 'feedback' | 'filter' | 'filter-check-mark' | 'fire' | 'flag' | 'flag-filled' | 'flag-globe' | 'floppy-disk' | 'folder-closed' | 'folder-key' | 'folder-network' | 'folder-open' | 'folders-tree' | 'forward-circle-filled' | 'four-squares' | 'gear' | 'git' | 'github' | 'globe' | 'hard-drive' | 'hard-drive-key' | 'hat' | 'hexagons' | 'home' | 'info-circle' | 'info-circle-filled' | 'ip-addresses' | 'joomla' | 'kebab' | 'key' | 'laravel' | 'lifebuoy' | 'lightbulb' | 'limit' | 'linux' | 'list' | 'list-check-mark' | 'location' | 'lock-closed' | 'lock-closed-check' | 'lock-closed-filled' | 'lock-open' | 'lock-open-cross' | 'lock-open-filled' | 'mail' | 'mail-circle-filled' | 'mail-settings' | 'megaphone' | 'menu' | 'menu-thin' | 'microsoft' | 'minimize' | 'minus' | 'minus-circle' | 'minus-circle-filled' | 'monitoring' | 'monitoring-off' | 'my-little-admin' | 'net' | 'nine-dots' | 'node-js' | 'package' | 'panel' | 'panel-check' | 'panel-eye' | 'panel-key' | 'panel-settings' | 'panels' | 'pause-circle' | 'pencil' | 'pencil-dialog' | 'php' | 'phpmyadmin' | 'pin' | 'pipette' | 'plans' | 'plugins' | 'plus' | 'power' | 'projects' | 'puzzle' | 'question-mark-circle' | 'question-mark-circle-filled' | 'ram' | 'react-js' | 'recycle' | 'redirect-circle-filled' | 'refresh' | 'reload' | 'remove' | 'reset' | 'resource' | 'ribbon' | 'rocket' | 'ruby' | 'sand-clock' | 'scan' | 'screen' | 'search' | 'security-check' | 'send' | 'server' | 'servers' | 'share' | 'shield' | 'shield-attention-filled' | 'shield-chain' | 'shield-filled' | 'shopping-cart' | 'sidebar-right-hide' | 'sidebar-right-show' | 'signal-light' | 'site-page' | 'sleep' | 'sliders' | 'square-with-circles' | 'star' | 'star-circle-filled' | 'star-filled' | 'star-half-filled' | 'start' | 'start-circle' | 'start-filled' | 'stop' | 'stop-circle' | 'storage' | 'themes' | 'three-dots-horizontal' | 'three-dots-vertical' | 'tools' | 'transfer' | 'triangle-exclamation-mark' | 'triangle-exclamation-mark-filled' | 'unarchive' | 'user' | 'volume' | 'web' | 'web-plus' | 'web-settings' | 'windows' | 'woocommerce' | 'wordpress' | 'zero-circle-filled';
 export declare const NAMES: IconName[];

package/types/src/components/ItemList/ItemList.d.ts

@@ -94,7 +94,7 @@ declare class ItemList extends Component<ItemListProps, ItemListState> {
     };
     constructor(props: ItemListProps);
     static getDerivedStateFromProps({ selectable, value: propValue }: ItemListProps, state: ItemListState): {
-        value: string | number | (string | number)[] | null;
+        value: ItemValue | ItemValue[] | null;
     } | null;
     componentDidMount(): void;
     createItemProps: (item: ReactElement<ItemProps>) => ItemProps;

package/types/src/components/ItemList/ItemList.stories.d.ts

@@ -7,25 +7,27 @@ export declare const Basic: {
         hoverable?: boolean | undefined;
         stretchable?: boolean | undefined;
         selectable?: boolean | "multiple" | "toggleable" | undefined;
-        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
-        value?: string | number | (string | number)[] | undefined;
-        defaultValue?: string | number | (string | number)[] | undefined;
+        onSelect?: ((value: (string | number) | (string | number)[] | null) => void) | undefined;
+        value?: (string | number) | (string | number)[] | undefined;
+        defaultValue?: (string | number) | (string | number)[] | undefined;
         reorderable?: boolean | undefined;
         onReorderEnd?: (() => void) | undefined;
         children: (import("react").ReactElement<{
             className?: string | undefined;
-            onClick?: ((e: import("react").MouseEvent<import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>, MouseEvent>) => void) | undefined;
-            value?: string | number | undefined;
+            onClick?: ((e: import("react").MouseEvent<import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, MouseEvent>) => void) | undefined;
+            value?: (string | number) | undefined;
             view?: "card" | "simple" | undefined;
             disabled?: boolean | undefined;
             hoverable?: boolean | undefined;
             footer?: import("react").ReactNode;
-        }, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | null)[];
+        }, string | import("react").JSXElementConstructor<any>> | null)[];
         className?: string | undefined;
         baseClassName?: string | undefined;
-    } & Pick<import("react").PropsWithChildren<{
-        gap?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    }>, "gap">;
+    } & Pick<{
+        gap?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+    } & {
+        children?: import("react").ReactNode;
+    }, "gap">;
 };
 export declare const Cards: {
     (args: Args): JSX.Element;
@@ -33,25 +35,27 @@ export declare const Cards: {
         hoverable?: boolean | undefined;
         stretchable?: boolean | undefined;
         selectable?: boolean | "multiple" | "toggleable" | undefined;
-        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
-        value?: string | number | (string | number)[] | undefined;
-        defaultValue?: string | number | (string | number)[] | undefined;
+        onSelect?: ((value: (string | number) | (string | number)[] | null) => void) | undefined;
+        value?: (string | number) | (string | number)[] | undefined;
+        defaultValue?: (string | number) | (string | number)[] | undefined;
         reorderable?: boolean | undefined;
         onReorderEnd?: (() => void) | undefined;
         children: (import("react").ReactElement<{
             className?: string | undefined;
-            onClick?: ((e: import("react").MouseEvent<import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>, MouseEvent>) => void) | undefined;
-            value?: string | number | undefined;
+            onClick?: ((e: import("react").MouseEvent<import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, MouseEvent>) => void) | undefined;
+            value?: (string | number) | undefined;
             view?: "card" | "simple" | undefined;
             disabled?: boolean | undefined;
             hoverable?: boolean | undefined;
             footer?: import("react").ReactNode;
-        }, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | null)[];
+        }, string | import("react").JSXElementConstructor<any>> | null)[];
         className?: string | undefined;
         baseClassName?: string | undefined;
-    } & Pick<import("react").PropsWithChildren<{
-        gap?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    }>, "gap">;
+    } & Pick<{
+        gap?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+    } & {
+        children?: import("react").ReactNode;
+    }, "gap">;
 };
 export declare const Reorderables: {
     (args: Args): JSX.Element;
@@ -59,25 +63,27 @@ export declare const Reorderables: {
         hoverable?: boolean | undefined;
         stretchable?: boolean | undefined;
         selectable?: boolean | "multiple" | "toggleable" | undefined;
-        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
-        value?: string | number | (string | number)[] | undefined;
-        defaultValue?: string | number | (string | number)[] | undefined;
+        onSelect?: ((value: (string | number) | (string | number)[] | null) => void) | undefined;
+        value?: (string | number) | (string | number)[] | undefined;
+        defaultValue?: (string | number) | (string | number)[] | undefined;
         reorderable?: boolean | undefined;
         onReorderEnd?: (() => void) | undefined;
         children: (import("react").ReactElement<{
             className?: string | undefined;
-            onClick?: ((e: import("react").MouseEvent<import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>, MouseEvent>) => void) | undefined;
-            value?: string | number | undefined;
+            onClick?: ((e: import("react").MouseEvent<import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, MouseEvent>) => void) | undefined;
+            value?: (string | number) | undefined;
             view?: "card" | "simple" | undefined;
             disabled?: boolean | undefined;
             hoverable?: boolean | undefined;
             footer?: import("react").ReactNode;
-        }, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | null)[];
+        }, string | import("react").JSXElementConstructor<any>> | null)[];
         className?: string | undefined;
         baseClassName?: string | undefined;
-    } & Pick<import("react").PropsWithChildren<{
-        gap?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    }>, "gap">;
+    } & Pick<{
+        gap?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+    } & {
+        children?: import("react").ReactNode;
+    }, "gap">;
 };
 export declare const Selectables: {
     (args: Args): JSX.Element;
@@ -85,25 +91,27 @@ export declare const Selectables: {
         hoverable?: boolean | undefined;
         stretchable?: boolean | undefined;
         selectable?: boolean | "multiple" | "toggleable" | undefined;
-        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
-        value?: string | number | (string | number)[] | undefined;
-        defaultValue?: string | number | (string | number)[] | undefined;
+        onSelect?: ((value: (string | number) | (string | number)[] | null) => void) | undefined;
+        value?: (string | number) | (string | number)[] | undefined;
+        defaultValue?: (string | number) | (string | number)[] | undefined;
         reorderable?: boolean | undefined;
         onReorderEnd?: (() => void) | undefined;
         children: (import("react").ReactElement<{
             className?: string | undefined;
-            onClick?: ((e: import("react").MouseEvent<import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>, MouseEvent>) => void) | undefined;
-            value?: string | number | undefined;
+            onClick?: ((e: import("react").MouseEvent<import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, MouseEvent>) => void) | undefined;
+            value?: (string | number) | undefined;
             view?: "card" | "simple" | undefined;
             disabled?: boolean | undefined;
             hoverable?: boolean | undefined;
             footer?: import("react").ReactNode;
-        }, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | null)[];
+        }, string | import("react").JSXElementConstructor<any>> | null)[];
         className?: string | undefined;
         baseClassName?: string | undefined;
-    } & Pick<import("react").PropsWithChildren<{
-        gap?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    }>, "gap">;
+    } & Pick<{
+        gap?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+    } & {
+        children?: import("react").ReactNode;
+    }, "gap">;
 };
 export declare const HoverableItemList: {
     (args: Args): JSX.Element;
@@ -111,25 +119,27 @@ export declare const HoverableItemList: {
         hoverable?: boolean | undefined;
         stretchable?: boolean | undefined;
         selectable?: boolean | "multiple" | "toggleable" | undefined;
-        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
-        value?: string | number | (string | number)[] | undefined;
-        defaultValue?: string | number | (string | number)[] | undefined;
+        onSelect?: ((value: (string | number) | (string | number)[] | null) => void) | undefined;
+        value?: (string | number) | (string | number)[] | undefined;
+        defaultValue?: (string | number) | (string | number)[] | undefined;
         reorderable?: boolean | undefined;
         onReorderEnd?: (() => void) | undefined;
         children: (import("react").ReactElement<{
             className?: string | undefined;
-            onClick?: ((e: import("react").MouseEvent<import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>, MouseEvent>) => void) | undefined;
-            value?: string | number | undefined;
+            onClick?: ((e: import("react").MouseEvent<import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, MouseEvent>) => void) | undefined;
+            value?: (string | number) | undefined;
             view?: "card" | "simple" | undefined;
             disabled?: boolean | undefined;
             hoverable?: boolean | undefined;
             footer?: import("react").ReactNode;
-        }, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | null)[];
+        }, string | import("react").JSXElementConstructor<any>> | null)[];
         className?: string | undefined;
         baseClassName?: string | undefined;
-    } & Pick<import("react").PropsWithChildren<{
-        gap?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    }>, "gap">;
+    } & Pick<{
+        gap?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+    } & {
+        children?: import("react").ReactNode;
+    }, "gap">;
 };
 export declare const HoverableItems: {
     (args: Args): JSX.Element;
@@ -137,24 +147,26 @@ export declare const HoverableItems: {
         hoverable?: boolean | undefined;
         stretchable?: boolean | undefined;
         selectable?: boolean | "multiple" | "toggleable" | undefined;
-        onSelect?: ((value: string | number | (string | number)[] | null) => void) | undefined;
-        value?: string | number | (string | number)[] | undefined;
-        defaultValue?: string | number | (string | number)[] | undefined;
+        onSelect?: ((value: (string | number) | (string | number)[] | null) => void) | undefined;
+        value?: (string | number) | (string | number)[] | undefined;
+        defaultValue?: (string | number) | (string | number)[] | undefined;
         reorderable?: boolean | undefined;
         onReorderEnd?: (() => void) | undefined;
         children: (import("react").ReactElement<{
             className?: string | undefined;
-            onClick?: ((e: import("react").MouseEvent<import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>, MouseEvent>) => void) | undefined;
-            value?: string | number | undefined;
+            onClick?: ((e: import("react").MouseEvent<import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, MouseEvent>) => void) | undefined;
+            value?: (string | number) | undefined;
             view?: "card" | "simple" | undefined;
             disabled?: boolean | undefined;
             hoverable?: boolean | undefined;
             footer?: import("react").ReactNode;
-        }, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | null)[];
+        }, string | import("react").JSXElementConstructor<any>> | null)[];
         className?: string | undefined;
         baseClassName?: string | undefined;
-    } & Pick<import("react").PropsWithChildren<{
-        gap?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    }>, "gap">;
+    } & Pick<{
+        gap?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+    } & {
+        children?: import("react").ReactNode;
+    }, "gap">;
 };
 export {};

package/types/src/components/Markdown/Markdown.d.ts

@@ -0,0 +1,28 @@
+import { HTMLAttributes } from 'react';
+import './Markdown.less';
+export declare type MarkdownProps = {
+    /**
+     * @ignore
+     */
+    baseClassName?: string;
+    /**
+     * @ignore
+     */
+    className?: string;
+    /**
+     * Content of the Markdown
+     * @since 0.0.42
+     */
+    children: string;
+    /**
+     * Compact mode
+     * @since 0.0.42
+     */
+    compact?: boolean;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
+/**
+ * `Markdown` component is used for creating content with rich text formatting.
+ * @since 0.0.42
+ */
+declare const Markdown: ({ baseClassName, className, compact, children, ...props }: MarkdownProps) => JSX.Element;
+export default Markdown;

package/types/src/components/Markdown/Markdown.stories.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps } from 'react';
+import Markdown from './Markdown';
+declare type Args = ComponentProps<typeof Markdown>;
+export declare const Basic: {
+    (args: Args): JSX.Element;
+    args: {
+        children: string;
+    };
+};
+export {};

package/types/src/components/Markdown/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Markdown';

package/types/src/components/Overlay/Overlay.d.ts

@@ -0,0 +1,66 @@
+import { ReactNode, HTMLAttributes, CSSProperties, ReactElement } from 'react';
+import '../../helpers/base.less';
+import './Overlay.less';
+declare type OverlayProps = {
+    /**
+     * Toggles visibility.
+     */
+    isOpen?: boolean;
+    /**
+     * Overlay placement.
+     */
+    placement?: 'center' | 'left' | 'right';
+    /**
+     * Overlay size.
+     */
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    /**
+     * onClose handler.
+     */
+    onClose?: () => void;
+    /**
+     * Indicating if clicking the backdrop should close the overlay.
+     */
+    canCloseOnBackdropClick?: boolean;
+    /**
+     * Indicating if pressing the escape key should close the overlay.
+     */
+    canCloseOnEscapePress?: boolean;
+    /**
+     * Block with an image, placed at the side of the component
+     * @since 3.25.0
+     */
+    sideBanner?: string | ReactElement | HTMLAttributes<HTMLImageElement>;
+    /**
+     * Additional properties for the sideBanner
+     * @since 3.25.0
+     */
+    sideBannerContainer?: {
+        /**
+         * Values for css background property
+         */
+        background: string;
+        /**
+         * One of css align-items property value: center, start, end, etc.
+         */
+        align: CSSProperties['alignItems'];
+    };
+    /**
+     * @ignore
+     */
+    style?: CSSProperties;
+    /**
+     * Content of the `Overlay`.
+     */
+    children?: ReactNode;
+    /**
+     * @ignore
+     */
+    className?: string;
+    /**
+     * @ignore
+     */
+    baseClassName?: string;
+};
+declare const Overlay: ({ isOpen, ...props }: OverlayProps) => JSX.Element | null;
+export default Overlay;

package/types/src/components/Overlay/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Overlay';

package/cjs/components/Overlay/Backdrop.js

@@ -1,50 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _constants = require("../../constants");
-var _jsxRuntime = require("react/jsx-runtime");
-// Copyright 1999-2020. Plesk International GmbH. All rights reserved.
-
-const Backdrop = _ref => {
-  let {
-    baseClassName,
-    className,
-    innerRef,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    ref: innerRef,
-    className: (0, _classnames.default)(baseClassName, className),
-    ...props
-  });
-};
-Backdrop.propTypes = {
-  /**
-   * Inner ref handler.
-   */
-  innerRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
-    current: _propTypes.default.instanceOf(HTMLElement)
-  })]),
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-Backdrop.defaultProps = {
-  innerRef: null,
-  baseClassName: `${_constants.CLS_PREFIX}overlay__backdrop`,
-  className: null
-};
-var _default = Backdrop;
-exports.default = _default;