@epam/uui 5.5.4 → 5.6.1

package/assets/styles/typography.scss

@@ -1,174 +1,174 @@
-@mixin overflow-ellipsis() {
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.uui-typography {
-    font-family: var(--uui-font);
-    color: var(--uui-text-primary);
-
-    .hero-header, h1, h2, h3, h4, h5, h6 {
-        margin: 0;
-    }
-
-    .hero-header {
-        font-family: var(--uui-font);
-        font-weight: 500;
-        margin: 30px 0;
-        font-size: 66px;
-        line-height: 72px;
-    }
-
-    .promo-header, h1, h2, h3 {
-        font-family: var(--uui-font);
-        font-weight: 700;
-    }
-
-    h4, h5, h6 {
-        font-family: var(--uui-font);
-        font-weight: 600;
-    }
-
-    h1, h2, h3, h4, h5, h6 {
-        margin-bottom: 0.5em;
-        margin-top: 1.2em;
-        line-height: 1.35em;
-    }
-
-    h1 {
-        font-size: 42px;
-    }
-
-    h2 {
-        font-size: 30px;
-        letter-spacing: 0.1px;
-
-        .promo-header {
-            letter-spacing: 2px;
-        }
-    }
-
-    h3 {
-        font-size: 24px;
-    }
-
-    h4 {
-        font-size: 18px;
-        letter-spacing: 0.1px;
-    }
-
-    h5 {
-        font-size: 16px;
-    }
-
-    h6 {
-        font-size: 14px;
-    }
-
-    b, strong {
-        font-family: var(--uui-font);
-        font-weight: 600;
-    }
-
-    i, em {
-        font-family: var(--uui-font);
-        font-weight: 400;
-        font-style: italic;
-    }
-
-    a {
-        display: inline-flex;
-        align-items: center;
-        color: var(--uui-link);
-        text-decoration: underline;
-
-        &:visited {
-            color: var(--uui-link-visited);
-
-            &:hover {
-                color: var(--uui-link-visited-hover);
-            }
-        }
-
-        &:hover {
-            color: var(--uui-link-hover);
-        }
-    }
-
-    code {
-        padding: 0.125em 0.25em;
-        color: var(--uui-text-primary);
-        background-color: var(--uui-neutral-30);
-        font-family: var(--uui-font-mono, monospace);
-        font-weight: 400;
-        white-space: pre-wrap;
-        word-wrap: normal;
-    }
-
-    ol, ul {
-        padding: 0;
-    }
-
-    li {
-        margin-left: 1.25em;
-        line-height: 1.5;
-    }
-
-    pre {
-        padding: 1.25em;
-        font-family: monospace;
-        white-space: pre-wrap;
-        word-wrap: normal;
-    }
-
-    img {
-        max-width: 100%;
-    }
-
-    figure {
-        margin: 0;
-
-        figcaption {
-            font-size: 0.9em;
-            opacity: 0.9;
-            text-align: center;
-        }
-    }
-
-    p {
-        margin: 0.5em 0;
-        line-height: 1.5;
-    }
-
-    .uui-critical {
-        color: var(--uui-text-critical);
-    }
-
-    .uui-info {
-        color: var(--uui-text-info);
-    }
-
-    .uui-success {
-        color: var(--uui-text-success);
-    }
-
-    .uui-warning {
-        color: var(--uui-text-warning);
-    }
-
-    .uui-highlight {
-        background-color: var(--uui-warning-10);
-    }
-}
-
-.uui-typography-size-12 {
-    font-size: 12px;
-}
-
-.uui-typography-size-14 {
-    font-size: 14px;
-}
-
-.uui-typography-size-16 {
-    font-size: 16px;
-}
+@mixin overflow-ellipsis() {
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.uui-typography {
+    font-family: var(--uui-font);
+    color: var(--uui-text-primary);
+
+    .hero-header, h1, h2, h3, h4, h5, h6 {
+        margin: 0;
+    }
+
+    .hero-header {
+        font-family: var(--uui-font);
+        font-weight: 500;
+        margin: 30px 0;
+        font-size: 66px;
+        line-height: 72px;
+    }
+
+    .promo-header, h1, h2, h3 {
+        font-family: var(--uui-font);
+        font-weight: 700;
+    }
+
+    h4, h5, h6 {
+        font-family: var(--uui-font);
+        font-weight: 600;
+    }
+
+    h1, h2, h3, h4, h5, h6 {
+        margin-bottom: 0.5em;
+        margin-top: 1.2em;
+        line-height: 1.35em;
+    }
+
+    h1 {
+        font-size: 42px;
+    }
+
+    h2 {
+        font-size: 30px;
+        letter-spacing: 0.1px;
+
+        .promo-header {
+            letter-spacing: 2px;
+        }
+    }
+
+    h3 {
+        font-size: 24px;
+    }
+
+    h4 {
+        font-size: 18px;
+        letter-spacing: 0.1px;
+    }
+
+    h5 {
+        font-size: 16px;
+    }
+
+    h6 {
+        font-size: 14px;
+    }
+
+    b, strong {
+        font-family: var(--uui-font);
+        font-weight: 600;
+    }
+
+    i, em {
+        font-family: var(--uui-font);
+        font-weight: 400;
+        font-style: italic;
+    }
+
+    a {
+        display: inline-flex;
+        align-items: center;
+        color: var(--uui-link);
+        text-decoration: underline;
+
+        &:visited {
+            color: var(--uui-link-visited);
+
+            &:hover {
+                color: var(--uui-link-visited-hover);
+            }
+        }
+
+        &:hover {
+            color: var(--uui-link-hover);
+        }
+    }
+
+    code {
+        padding: 0.125em 0.25em;
+        color: var(--uui-text-primary);
+        background-color: var(--uui-neutral-30);
+        font-family: var(--uui-font-mono, monospace);
+        font-weight: 400;
+        white-space: pre-wrap;
+        word-wrap: normal;
+    }
+
+    ol, ul {
+        padding: 0;
+    }
+
+    li {
+        margin-left: 1.25em;
+        line-height: 1.5;
+    }
+
+    pre {
+        padding: 1.25em;
+        font-family: monospace;
+        white-space: pre-wrap;
+        word-wrap: normal;
+    }
+
+    img {
+        max-width: 100%;
+    }
+
+    figure {
+        margin: 0;
+
+        figcaption {
+            font-size: 0.9em;
+            opacity: 0.9;
+            text-align: center;
+        }
+    }
+
+    p {
+        margin: 0.5em 0;
+        line-height: 1.5;
+    }
+
+    .uui-critical {
+        color: var(--uui-text-critical);
+    }
+
+    .uui-info {
+        color: var(--uui-text-info);
+    }
+
+    .uui-success {
+        color: var(--uui-text-success);
+    }
+
+    .uui-warning {
+        color: var(--uui-text-warning);
+    }
+
+    .uui-highlight {
+        background-color: var(--uui-warning-10);
+    }
+}
+
+.uui-typography-size-12 {
+    font-size: 12px;
+}
+
+.uui-typography-size-14 {
+    font-size: 14px;
+}
+
+.uui-typography-size-16 {
+    font-size: 16px;
+}

package/components/buttons/Button.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
-import { ButtonProps as uuiButtonProps } from '@epam/uui-components';
+import * as uuiComponents from '@epam/uui-components';
 import { ControlSize } from '../types';
-interface ButtonMods {
+type ButtonMods = {
     /**
      * Defines component size.
      * @default '36'
@@ -17,13 +16,16 @@ interface ButtonMods {
      * @default 'primary'
      */
     color?: 'accent' | 'primary' | 'critical' | 'secondary' | 'neutral';
-}
-/** Represents the 'Core properties' for the Button component, omitting the 'count' property. */
-export interface ButtonCoreProps extends Omit<uuiButtonProps, 'count'> {
-}
+};
+/** Represents the 'Core properties' for the Button component. */
+export type ButtonCoreProps = uuiComponents.ButtonProps;
 /** Represents the props for a Button component. */
-export interface ButtonProps extends ButtonMods, ButtonCoreProps {
-}
-export declare const Button: (props: (uuiButtonProps & ButtonMods) & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export type ButtonProps = ButtonMods & ButtonCoreProps;
+export declare const Button: (props: import("@epam/uui-core").IClickable & import("@epam/uui-core").IAnalyticableClick & import("@epam/uui-core").IHasTabIndex & import("@epam/uui-core").IDisableable & import("@epam/uui-core").IHasCX & import("@epam/uui-core").ICanRedirect & import("@epam/uui-core").IHasRawProps<uuiComponents.ClickableRawProps> & import("@epam/uui-core").IDropdownToggler & import("@epam/uui-core").IHasIcon & import("@epam/uui-core").IHasCaption & {
+    onClear?(e?: any): void;
+    clearIcon?: import("@epam/uui-core").Icon;
+    captionCX?: import("@epam/uui-core").ClassValue;
+    dropdownIcon?: import("@epam/uui-core").Icon;
+} & ButtonMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 export {};
 //# sourceMappingURL=Button.d.ts.map

package/components/buttons/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../components/buttons/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAuB,WAAW,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE1F,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAOvC,UAAU,UAAU;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAC9C;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,SAAS,CAAC;CACvE;AAED,gGAAgG;AAChG,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;CAAG;AAEzE,mDAAmD;AACnD,MAAM,WAAW,WAAY,SAAQ,UAAU,EAAE,eAAe;CAAG;AAYnE,eAAO,MAAM,MAAM,yIAQlB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../components/buttons/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAEtD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAMvC,KAAK,UAAU,GAAG;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAC9C;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,SAAS,CAAC;CACvE,CAAC;AAEF,iEAAiE;AACjE,MAAM,MAAM,eAAe,GAAG,aAAa,CAAC,WAAW,CAAC;AAExD,mDAAmD;AACnD,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,eAAe,CAAC;AAYvD,eAAO,MAAM,MAAM;;;;;8IAalB,CAAC"}

package/components/buttons/IconButton.d.ts

@@ -1,4 +1,4 @@
-import { IconButtonBaseProps } from '@epam/uui-components';
+import * as uuiComponents from '@epam/uui-components';
 interface IconButtonMods {
     /**
      * Defines component color.
@@ -7,9 +7,12 @@ interface IconButtonMods {
     color?: 'info' | 'success' | 'warning' | 'error' | 'secondary' | 'neutral';
 }
 /** Represents the Core properties of the IconButton component. */
-export type IconButtonCoreProps = IconButtonBaseProps;
+export type IconButtonCoreProps = uuiComponents.IconButtonProps;
 /** Represents the properties of the IconButton component. */
 export type IconButtonProps = IconButtonCoreProps & IconButtonMods;
-export declare const IconButton: (props: (IconButtonProps & IconButtonMods) & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare const IconButton: (props: import("@epam/uui-core").IClickable & import("@epam/uui-core").IAnalyticableClick & import("@epam/uui-core").IHasTabIndex & import("@epam/uui-core").IDisableable & import("@epam/uui-core").IHasCX & import("@epam/uui-core").ICanRedirect & import("@epam/uui-core").IHasRawProps<uuiComponents.ClickableRawProps> & import("@epam/uui-core").IDropdownToggler & {
+    icon?: import("@epam/uui-core").Icon;
+    dropdownIcon?: import("@epam/uui-core").Icon;
+} & IconButtonMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 export {};
 //# sourceMappingURL=IconButton.d.ts.map

package/components/buttons/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAA+B,MAAM,sBAAsB,CAAC;AAIxF,UAAU,cAAc;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,CAAC;CAC9E;AAED,kEAAkE;AAClE,MAAM,MAAM,mBAAmB,GAAG,mBAAmB,CAAC;AAEtD,6DAA6D;AAC7D,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG,cAAc,CAAC;AAMnE,eAAO,MAAM,UAAU,4KAAgF,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAItD,UAAU,cAAc;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,CAAC;CAC9E;AAED,kEAAkE;AAClE,MAAM,MAAM,mBAAmB,GAAG,aAAa,CAAC,eAAe,CAAC;AAEhE,6DAA6D;AAC7D,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG,cAAc,CAAC;AAMnE,eAAO,MAAM,UAAU;;;kJAA2F,CAAC"}

package/components/buttons/LinkButton.d.ts

@@ -1,11 +1,8 @@
+import * as React from 'react';
+import { CX, Icon, IDropdownToggler, IHasCaption, IHasIcon } from '@epam/uui-core';
+import { ClickableComponentProps } from '@epam/uui-components';
 import * as types from '../types';
-import { ButtonProps } from '@epam/uui-components';
 interface LinkButtonMods {
-    /**
-     * Defines component size.
-     * @default '36'
-     */
-    size?: types.ControlSize | '42';
     /**
      * Defines component color.
      * @default 'primary'
@@ -13,11 +10,35 @@ interface LinkButtonMods {
     color?: 'primary' | 'secondary' | 'contrast';
 }
 /** Represents the Core properties of the LinkButton component. */
-export type LinkButtonCoreProps = ButtonProps & {
+export type LinkButtonCoreProps = ClickableComponentProps & IDropdownToggler & IHasIcon & IHasCaption & {
+    /**
+     * CSS classes to put on the caption
+     * @deprecated
+     * */
+    captionCX?: CX;
+    /** Icon for drop-down toggler */
+    dropdownIcon?: Icon;
+    /**
+     * Defines component size.
+     * @default '36'
+     */
     size?: types.ControlSize | '42';
 };
 /** Represents the properties of the LinkButton component. */
 export type LinkButtonProps = LinkButtonCoreProps & LinkButtonMods;
-export declare const LinkButton: (props: (LinkButtonCoreProps & LinkButtonMods) & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare const LinkButton: React.ForwardRefExoticComponent<import("@epam/uui-core").IClickable & import("@epam/uui-core").IAnalyticableClick & import("@epam/uui-core").IHasTabIndex & import("@epam/uui-core").IDisableable & import("@epam/uui-core").IHasCX & import("@epam/uui-core").ICanRedirect & import("@epam/uui-core").IHasRawProps<import("@epam/uui-components").ClickableRawProps> & IDropdownToggler & IHasIcon & IHasCaption & {
+    /**
+     * CSS classes to put on the caption
+     * @deprecated
+     * */
+    captionCX?: CX;
+    /** Icon for drop-down toggler */
+    dropdownIcon?: Icon;
+    /**
+     * Defines component size.
+     * @default '36'
+     */
+    size?: types.ControlSize | '42';
+} & LinkButtonMods & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export {};
 //# sourceMappingURL=LinkButton.d.ts.map

package/components/buttons/LinkButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/LinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,UAAU,CAAC;AAElC,OAAO,EAAU,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAO3D,UAAU,cAAc;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;CAChD;AAED,kEAAkE;AAClE,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAC5C,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;CACnC,CAAC;AAEF,6DAA6D;AAC7D,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG,cAAc,CAAC;AAYnE,eAAO,MAAM,UAAU,gLAOtB,CAAC"}
+{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/LinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAiB,IAAI,EAAE,gBAAgB,EAAE,WAAW,EAAE,QAAQ,EAAc,MAAM,gBAAgB,CAAC;AAC9G,OAAO,EAAa,uBAAuB,EAAiB,MAAM,sBAAsB,CAAC;AACzF,OAAO,KAAK,KAAK,MAAM,UAAU,CAAC;AAQlC,UAAU,cAAc;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;CAChD;AAED,kEAAkE;AAClE,MAAM,MAAM,mBAAmB,GAAG,uBAAuB,GAAG,gBAAgB,GAAG,QAAQ,GAAG,WAAW,GAAG;IACpG;;;SAGK;IACL,SAAS,CAAC,EAAE,EAAE,CAAC;IACf,iCAAiC;IACjC,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;CACnC,CAAC;AAEF,6DAA6D;AAC7D,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG,cAAc,CAAC;AAYnE,eAAO,MAAM,UAAU;IA3BnB;;;SAGK;gBACO,EAAE;IACd,iCAAiC;mBAClB,IAAI;IACnB;;;OAGG;WACI,MAAM,WAAW,GAAG,IAAI;gFAmDjC,CAAC"}

package/components/buttons/TabButton.d.ts

@@ -1,18 +1,45 @@
 import React from 'react';
-import * as uuiComponents from '@epam/uui-components';
-interface TabButtonMods {
+import { CX, Icon, IDropdownToggler, IHasCaption, IHasIcon } from '@epam/uui-core';
+import { ClickableComponentProps } from '@epam/uui-components';
+type TabButtonMods = {
     /**
      * Defines component size.
      * @default '48'
      */
     size?: '36' | '48' | '60';
-    /**
-     * Defines is the component showing Notify
-     */
+    /** Defines is the component showing Notify */
     withNotify?: boolean;
-}
+};
 /** Represents the properties of a TabButton component. */
-export type TabButtonProps = TabButtonMods & uuiComponents.ButtonProps;
-export declare const TabButton: (props: (uuiComponents.ButtonProps & TabButtonMods) & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export type TabButtonProps = TabButtonMods & ClickableComponentProps & IDropdownToggler & IHasIcon & IHasCaption & {
+    /** Call to clear toggler value */
+    onClear?(e?: any): void;
+    /** Icon for clear value button (usually cross) */
+    clearIcon?: Icon;
+    /**
+     * CSS classes to put on the caption
+     * @deprecated
+     * */
+    captionCX?: CX;
+    /** Icon for drop-down toggler */
+    dropdownIcon?: Icon;
+    /** Count value to be placed in component */
+    count?: React.ReactNode;
+};
+export declare const TabButton: React.ForwardRefExoticComponent<TabButtonMods & import("@epam/uui-core").IClickable & import("@epam/uui-core").IAnalyticableClick & import("@epam/uui-core").IHasTabIndex & import("@epam/uui-core").IDisableable & import("@epam/uui-core").IHasCX & import("@epam/uui-core").ICanRedirect & import("@epam/uui-core").IHasRawProps<import("@epam/uui-components").ClickableRawProps> & IDropdownToggler & IHasIcon & IHasCaption & {
+    /** Call to clear toggler value */
+    onClear?(e?: any): void;
+    /** Icon for clear value button (usually cross) */
+    clearIcon?: Icon;
+    /**
+     * CSS classes to put on the caption
+     * @deprecated
+     * */
+    captionCX?: CX;
+    /** Icon for drop-down toggler */
+    dropdownIcon?: Icon;
+    /** Count value to be placed in component */
+    count?: React.ReactNode;
+} & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>>;
 export {};
 //# sourceMappingURL=TabButton.d.ts.map

package/components/buttons/TabButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/TabButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAOtD,UAAU,aAAa;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,0DAA0D;AAC1D,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG,aAAa,CAAC,WAAW,CAAC;AAYvE,eAAO,MAAM,SAAS,uJAgBrB,CAAC"}
+{"version":3,"file":"TabButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/TabButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAiB,IAAI,EAAE,gBAAgB,EAAE,WAAW,EAAE,QAAQ,EAA0B,MAAM,gBAAgB,CAAC;AAC1H,OAAO,EAAa,uBAAuB,EAAiB,MAAM,sBAAsB,CAAC;AAMzF,KAAK,aAAa,GAAG;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,0DAA0D;AAC1D,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG,uBAAuB,GAAG,gBAAgB,GAAG,QAAQ,GAAG,WAAW,GAAG;IAC/G,kCAAkC;IAClC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IACxB,kDAAkD;IAClD,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB;;;SAGK;IACL,SAAS,CAAC,EAAE,EAAE,CAAC;IACf,iCAAiC;IACjC,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAYF,eAAO,MAAM,SAAS;IAzBlB,kCAAkC;iBACrB,GAAG,GAAG,IAAI;IACvB,kDAAkD;gBACtC,IAAI;IAChB;;;SAGK;gBACO,EAAE;IACd,iCAAiC;mBAClB,IAAI;IACnB,4CAA4C;YACpC,MAAM,SAAS;iFAiEzB,CAAC"}

package/components/buttons/VerticalTabButton.d.ts

@@ -1,5 +1,14 @@
 import { TabButtonProps } from './TabButton';
 /** Represents the properties of a VerticalTabButton component. */
 export type VerticalTabButtonProps = TabButtonProps;
-export declare const VerticalTabButton: (props: (TabButtonProps & {}) & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare const VerticalTabButton: (props: {
+    size?: "36" | "48" | "60";
+    withNotify?: boolean;
+} & import("@epam/uui-core").IClickable & import("@epam/uui-core").IAnalyticableClick & import("@epam/uui-core").IHasTabIndex & import("@epam/uui-core").IDisableable & import("@epam/uui-core").IHasCX & import("@epam/uui-core").ICanRedirect & import("@epam/uui-core").IHasRawProps<import("@epam/uui-components").ClickableRawProps> & import("@epam/uui-core").IDropdownToggler & import("@epam/uui-core").IHasIcon & import("@epam/uui-core").IHasCaption & {
+    onClear?(e?: any): void;
+    clearIcon?: import("@epam/uui-core").Icon;
+    captionCX?: import("@epam/uui-core").ClassValue;
+    dropdownIcon?: import("@epam/uui-core").Icon;
+    count?: import("react").ReactNode;
+} & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 //# sourceMappingURL=VerticalTabButton.d.ts.map

package/components/buttons/VerticalTabButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalTabButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/VerticalTabButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,aAAa,CAAC;AAOxD,kEAAkE;AAClE,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC;AAEpD,eAAO,MAAM,iBAAiB,+JAA0E,CAAC"}
+{"version":3,"file":"VerticalTabButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/VerticalTabButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,aAAa,CAAC;AAOxD,kEAAkE;AAClE,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC;AAEpD,eAAO,MAAM,iBAAiB;;;;;;;;;iIAA0E,CAAC"}

package/components/datePickers/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../components/datePickers/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAM,mBAAmB,EAAoE,MAAM,gBAAgB,CAAC;AAE3H,OAAO,EAAY,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAQ3D,6DAA6D;AAC7D,MAAM,WAAW,eAAgB,SAAQ,mBAAmB,EAAE,OAAO,EAAE,YAAY;IAC/E;;MAEE;IACF,EAAE,CAAC,EAAE,MAAM,CAAC;CACf;AA6DD,eAAO,MAAM,UAAU,2HAAgC,CAAC"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../components/datePickers/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAM,mBAAmB,EAAoE,MAAM,gBAAgB,CAAC;AAE3H,OAAO,EAAY,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAQ3D,6DAA6D;AAC7D,MAAM,WAAW,eAAgB,SAAQ,mBAAmB,EAAE,OAAO,EAAE,YAAY;IAC/E;;MAEE;IACF,EAAE,CAAC,EAAE,MAAM,CAAC;CACf;AA8DD,eAAO,MAAM,UAAU,2HAAgC,CAAC"}

package/components/datePickers/RangeDatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RangeDatePicker.d.ts","sourceRoot":"","sources":["../../../components/datePickers/RangeDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACuB,wBAAwB,EACrD,MAAM,gBAAgB,CAAC;AAKxB,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAOnC,MAAM,WAAW,oBAAqB,SAAQ,wBAAwB,EAAE,OAAO;IAC3E;;OAEG;IACH,cAAc,CAAC,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;IACzC;;MAEE;IACF,EAAE,CAAC,EAAE,MAAM,CAAC;CACf;AAKD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,IAAI,CAAC;AAyFtC,eAAO,MAAM,eAAe,gIAAqC,CAAC"}
+{"version":3,"file":"RangeDatePicker.d.ts","sourceRoot":"","sources":["../../../components/datePickers/RangeDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,wBAAwB,EAAiE,MAAM,gBAAgB,CAAC;AAKjI,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAOnC,MAAM,WAAW,oBAAqB,SAAQ,wBAAwB,EAAE,OAAO;IAC3E;;OAEG;IACH,cAAc,CAAC,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;IACzC;;MAEE;IACF,EAAE,CAAC,EAAE,MAAM,CAAC;CACf;AAKD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,IAAI,CAAC;AAyFtC,eAAO,MAAM,eAAe,gIAAqC,CAAC"}

package/components/fileUpload/DropSpot.d.ts

@@ -1,14 +1,22 @@
 import * as React from 'react';
 import { IHasCX, IHasRawProps } from '@epam/uui-core';
-import { DropSpotRenderParams } from '@epam/uui-components';
 export interface DropSpotProps extends IHasRawProps<React.HTMLAttributes<HTMLDivElement>>, IHasCX {
-    infoText?: string;
+    /**
+    * Defines the infoText. InfoText is additional information that can be rendered at the bottom of the AttachmentArea.
+    */
+    infoText?: React.ReactNode;
+    /**
+    * Called when files was added to the DropSpot.
+    */
     onUploadFiles(files: File[]): any;
+    /**
+    * Hint for expected file type in file upload controls. See {@link https://developer.mozilla.org/en-US/docs/web/html/element/input#accept} for details
+    */
     accept?: string;
+    /**
+    * Whether to allow single or multiple values. See {@link https://developer.mozilla.org/en-US/docs/web/html/element/input#multiple} for details
+    */
     single?: boolean;
 }
-export declare class DropSpot extends React.Component<DropSpotProps> {
-    renderAttachmentArea: (props: DropSpotRenderParams) => JSX.Element;
-    render(): JSX.Element;
-}
+export declare function DropSpot(props: DropSpotProps): JSX.Element;
 //# sourceMappingURL=DropSpot.d.ts.map

package/components/fileUpload/DropSpot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropSpot.d.ts","sourceRoot":"","sources":["../../../components/fileUpload/DropSpot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,MAAM,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAA2B,oBAAoB,EAAqB,MAAM,sBAAsB,CAAC;AAQxG,MAAM,WAAW,aAAc,SAAQ,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,EAAE,MAAM;IAI7F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAIlB,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC;IAIlC,MAAM,CAAC,EAAE,MAAM,CAAC;IAIhB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,qBAAa,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACxD,oBAAoB,UAAW,oBAAoB,iBAgCjD;IAEF,MAAM;CAGT"}
+{"version":3,"file":"DropSpot.d.ts","sourceRoot":"","sources":["../../../components/fileUpload/DropSpot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,MAAM,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAS1D,MAAM,WAAW,aAAc,SAAQ,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,EAAE,MAAM;IAC7F;;MAEE;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;MAEE;IACF,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC;IAClC;;MAEE;IACF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;MAEE;IACF,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,eAmC5C"}

package/components/fileUpload/FileCard.d.ts

@@ -1,11 +1,23 @@
 import * as React from 'react';
 import { FileUploadResponse, IClickable, IHasCX } from '@epam/uui-core';
 export interface FileCardItem extends Partial<File & FileUploadResponse> {
+    /**
+    * Defines upload progress. It should be numbered value in range from 0 to 100', where 100 means that file fully loaded.
+    */
     progress?: number;
+    /**
+    * Callback to handle aborted event which fired when a request has been aborted.
+    * See {@link https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/abort_event} for details
+    */
     abortXHR?: () => void;
 }
 export interface FileCardProps extends IClickable, IHasCX {
+    /** Defines file card item */
     file: FileCardItem;
+    /**
+     * Defines card width
+     * @default '100%'
+     */
     width?: number;
 }
 export declare const FileCard: React.ForwardRefExoticComponent<FileCardProps & React.RefAttributes<HTMLDivElement>>;

package/components/fileUpload/FileCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileCard.d.ts","sourceRoot":"","sources":["../../../components/fileUpload/FileCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAM,kBAAkB,EAAe,UAAU,EAAE,MAAM,EAAU,MAAM,gBAAgB,CAAC;AAWjG,MAAM,WAAW,YAAa,SAAQ,OAAO,CAAC,IAAI,GAAG,kBAAkB,CAAC;IAIpE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAKlB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,aAAc,SAAQ,UAAU,EAAE,MAAM;IAIrD,IAAI,EAAE,YAAY,CAAC;IAInB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,QAAQ,sFA6GnB,CAAC"}
+{"version":3,"file":"FileCard.d.ts","sourceRoot":"","sources":["../../../components/fileUpload/FileCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAM,kBAAkB,EAAe,UAAU,EAAE,MAAM,EAAU,MAAM,gBAAgB,CAAC;AAWjG,MAAM,WAAW,YAAa,SAAQ,OAAO,CAAC,IAAI,GAAG,kBAAkB,CAAC;IACpE;;MAEE;IACF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;MAGE;IACF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,aAAc,SAAQ,UAAU,EAAE,MAAM;IACrD,6BAA6B;IAC7B,IAAI,EAAE,YAAY,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,QAAQ,sFA6GnB,CAAC"}