@epam/uui 4.9.2 → 4.10.0-rc.2

package/assets/styles/variables/inputs/textInput.scss

@@ -1,21 +1,21 @@
-:global(.text-input-vars) {
-    --text-input-bg-color: var(--input-bg-color);
-    --text-input-bg-color-disabled: var(--input-bg-disabled-color);
-    --text-input-bg-color-readonly: var(--input-bg-readonly-color);
-    --text-input-border-color: var(--input-border-color);
-    --text-input-border-color-hover: var(--input-textinput-border-hover-color);
-    --text-input-border-color-active: var(--input-border-checked-color);
-    --text-input-border-color-error: var(--negative-color);
-    --text-input-border-color-disabled: var(--input-border-disabled-color);
-    --text-input-border-color-readonly: var(--input-border-readonly-color);
-    --text-input-placeholder-color: var(--input-placeholder-color);
-    --text-input-placeholder-color-disabled: var(--input-placeholder-disabled-color);
-    --text-input-text-color: var(--input-text-color);
-    --text-input-text-color-disabled: var(--input-text-disabled-color);
-    --text-input-icon-color: var(--input-icon-color);
-    --text-input-icon-color-disabled: var(--input-icon-disabled-color);
-    --text-input-icon-color-clickable: var(--icon-color);
-    --text-input-icon-color-clickable-hover: var(--icon-hover-color);
-
-    --text-input-border-radius: var(--border-radius);
-}
+:global(.text-input-vars) {
+    --text-input-bg-color: var(--input-bg-color);
+    --text-input-bg-color-disabled: var(--input-bg-disabled-color);
+    --text-input-bg-color-readonly: var(--input-bg-readonly-color);
+    --text-input-border-color: var(--input-border-color);
+    --text-input-border-color-hover: var(--input-textinput-border-hover-color);
+    --text-input-border-color-active: var(--input-border-checked-color);
+    --text-input-border-color-error: var(--negative-color);
+    --text-input-border-color-disabled: var(--input-border-disabled-color);
+    --text-input-border-color-readonly: var(--input-border-readonly-color);
+    --text-input-placeholder-color: var(--input-placeholder-color);
+    --text-input-placeholder-color-disabled: var(--input-placeholder-disabled-color);
+    --text-input-text-color: var(--input-text-color);
+    --text-input-text-color-disabled: var(--input-text-disabled-color);
+    --text-input-icon-color: var(--input-icon-color);
+    --text-input-icon-color-disabled: var(--input-icon-disabled-color);
+    --text-input-icon-color-clickable: var(--icon-color);
+    --text-input-icon-color-clickable-hover: var(--icon-hover-color);
+
+    --text-input-border-radius: var(--border-radius);
+}

package/assets/styles/variables/layout/accordion.scss

@@ -1,10 +1,10 @@
-:global(.accordion-vars) {
-    --accordion-bg-color: var(--surface-color);
-    --accordion-border-color: var(--divider-color);
-    --accordion-text-color: var(--text-primary-color);
-    --accordion-text-color-disabled: var(--text-disabled-color);
-    --accordion-icon-color: var(--icon-color);
-    --accordion-icon-color-disabled: var(--icon-disabled-color);
-    --accordion-shadow: 0 3px 6px 0 rgba(29, 30, 38, 0.10), 0 1px 3px 0 rgba(29, 30, 38, 0.10);
-    --accordion-shadow-hovered: 0 6px 12px 0 rgba(29, 30, 38, 0.10), 0 3px 6px 0 rgba(29, 30, 38, 0.10);
-}
+:global(.accordion-vars) {
+    --accordion-bg-color: var(--surface-color);
+    --accordion-border-color: var(--divider-color);
+    --accordion-text-color: var(--text-primary-color);
+    --accordion-text-color-disabled: var(--text-disabled-color);
+    --accordion-icon-color: var(--icon-color);
+    --accordion-icon-color-disabled: var(--icon-disabled-color);
+    --accordion-shadow: 0 3px 6px 0 rgba(29, 30, 38, 0.10), 0 1px 3px 0 rgba(29, 30, 38, 0.10);
+    --accordion-shadow-hovered: 0 6px 12px 0 rgba(29, 30, 38, 0.10), 0 3px 6px 0 rgba(29, 30, 38, 0.10);
+}

package/assets/styles/variables/layout/iconContainer.scss

@@ -1,23 +1,23 @@
-:global(.icon-container-color-info) {
-    --icon-container-fill-color: var(--info-color);
-}
-
-:global(.icon-container-color-success) {
-    --icon-container-fill-color: var(--success-color);
-}
-
-:global(.icon-container-color-warning) {
-    --icon-container-fill-color: var(--warning-color);
-}
-
-:global(.icon-container-color-error) {
-    --icon-container-fill-color: var(--error-color);
-}
-
-:global(.icon-container-color-default) {
-    --icon-container-fill-color: var(--icon-color);
-}
-
-:global(.icon-container-color-secondary) {
-    --icon-container-fill-color: var(--secondary-color);
+:global(.icon-container-color-info) {
+    --icon-container-fill-color: var(--info-color);
+}
+
+:global(.icon-container-color-success) {
+    --icon-container-fill-color: var(--success-color);
+}
+
+:global(.icon-container-color-warning) {
+    --icon-container-fill-color: var(--warning-color);
+}
+
+:global(.icon-container-color-error) {
+    --icon-container-fill-color: var(--error-color);
+}
+
+:global(.icon-container-color-default) {
+    --icon-container-fill-color: var(--icon-color);
+}
+
+:global(.icon-container-color-secondary) {
+    --icon-container-fill-color: var(--secondary-color);
 }

package/assets/styles/variables/layout/labeledInput.scss

@@ -1,8 +1,8 @@
-:global(.labeled-input-vars) {
-    --labeled-input-color: var(--text-primary-color);
-    --labeled-input-color-disabled: var(--text-disabled-color);
-    --labeled-input-color-error: var(--error-color);
-    --labeled-input-fill-color: var(--default-color);
-    --labeled-input-optional-text-color: var(--text-secondary-color);
-    --labeled-input-asterisk-color: var(--error-color);
-}
+:global(.labeled-input-vars) {
+    --labeled-input-color: var(--text-primary-color);
+    --labeled-input-color-disabled: var(--text-disabled-color);
+    --labeled-input-color-error: var(--error-color);
+    --labeled-input-fill-color: var(--default-color);
+    --labeled-input-optional-text-color: var(--text-secondary-color);
+    --labeled-input-asterisk-color: var(--error-color);
+}

package/assets/styles/variables/layout/panel.scss

@@ -1,6 +1,6 @@
-:global(.panel-vars) {
-    --panel-border-radius: var(--border-radius);
-    --panel-bg-color: var(--surface-color);
-    //noinspection CssInvalidFunction
-    --panel-shadow: var(--shadow, 0 3px 6px 0 rgba(29, 30, 38, 0.10), 0 1px 3px 0 rgba(29, 30, 38, 0.10)); // WebStorm Bag Report https://youtrack.jetbrains.com/issue/WEB-54442
+:global(.panel-vars) {
+    --panel-border-radius: var(--border-radius);
+    --panel-bg-color: var(--surface-color);
+    //noinspection CssInvalidFunction
+    --panel-shadow: var(--shadow, 0 3px 6px 0 rgba(29, 30, 38, 0.10), 0 1px 3px 0 rgba(29, 30, 38, 0.10)); // WebStorm Bag Report https://youtrack.jetbrains.com/issue/WEB-54442
 }

package/assets/styles/variables/layout/scrollBars.scss

@@ -1,4 +1,4 @@
-:global(.scroll-bars-vars) {
-    --scroll-bars-bg-color: #CED0DB;
-    --scroll-bars-bg-color-active: #6C6F80;
+:global(.scroll-bars-vars) {
+    --scroll-bars-bg-color: #CED0DB;
+    --scroll-bars-bg-color-active: #6C6F80;
 }

package/assets/styles/variables/overlays/dropdownContainer.scss

@@ -1,5 +1,5 @@
-:global(.dropdown-container-vars) {
-    //noinspection CssInvalidFunction
-    --dropdown-container-shadow: var(--shadow, 0 3px 6px 0 rgba(29, 30, 38, 0.1), 0 1px 3px 0 rgba(29, 30, 38, 0.1));
-    --dropdown-container-scrollbar-thumb-color: #6C6F80;
+:global(.dropdown-container-vars) {
+    //noinspection CssInvalidFunction
+    --dropdown-container-shadow: var(--shadow, 0 3px 6px 0 rgba(29, 30, 38, 0.1), 0 1px 3px 0 rgba(29, 30, 38, 0.1));
+    --dropdown-container-scrollbar-thumb-color: #6C6F80;
 }

package/assets/styles/variables/overlays/modals.scss

@@ -1,6 +1,6 @@
-:global(.modals-vars) {
-    --modals-border-radius: var(--border-radius);
-    --modals-overlay-color: rgba(29, 30, 38, 0.8);
-    --modals-shadow: 0 6px 18px 0 rgba(29, 30, 38, 0.05), 0 3px 12px 0 rgba(29, 30, 38, 0.05);
-    --modals-bg-color: var(--surface-color)
+:global(.modals-vars) {
+    --modals-border-radius: var(--border-radius);
+    --modals-overlay-color: rgba(29, 30, 38, 0.8);
+    --modals-shadow: 0 6px 18px 0 rgba(29, 30, 38, 0.05), 0 3px 12px 0 rgba(29, 30, 38, 0.05);
+    --modals-bg-color: var(--surface-color)
 }

package/assets/styles/variables/overlays/notificationCard.scss

@@ -1,28 +1,28 @@
-:global(.notification-card-vars) {
-    --notification-card-border-radius: var(--border-radius);
-    --notification-card-border-width: 6px 1px 1px;
-}
-
-:global(.notification-card-color-warning) {
-    --notification-card-fill-color: var(--warning-color);
-    --notification-card-border-color: var(--warning-color);
-    --notification-card-bg-color: white;
-}
-
-:global(.notification-card-color-success) {
-    --notification-card-fill-color: var(--success-color);
-    --notification-card-border-color: var(--success-color);
-    --notification-card-bg-color: white;
-}
-
-:global(.notification-card-color-info) {
-    --notification-card-fill-color: var(--info-color);
-    --notification-card-border-color: var(--info-color);
-    --notification-card-bg-color: white;
-}
-
-:global(.notification-card-color-error) {
-    --notification-card-fill-color: var(--error-color);
-    --notification-card-border-color: var(--error-color);
-    --notification-card-bg-color: white;
+:global(.notification-card-vars) {
+    --notification-card-border-radius: var(--border-radius);
+    --notification-card-border-width: 6px 1px 1px;
+}
+
+:global(.notification-card-color-warning) {
+    --notification-card-fill-color: var(--warning-color);
+    --notification-card-border-color: var(--warning-color);
+    --notification-card-bg-color: white;
+}
+
+:global(.notification-card-color-success) {
+    --notification-card-fill-color: var(--success-color);
+    --notification-card-border-color: var(--success-color);
+    --notification-card-bg-color: white;
+}
+
+:global(.notification-card-color-info) {
+    --notification-card-fill-color: var(--info-color);
+    --notification-card-border-color: var(--info-color);
+    --notification-card-bg-color: white;
+}
+
+:global(.notification-card-color-error) {
+    --notification-card-fill-color: var(--error-color);
+    --notification-card-border-color: var(--error-color);
+    --notification-card-bg-color: white;
 }

package/assets/styles/variables/overlays/tooltip.scss

@@ -1,8 +1,8 @@
-:global(.tooltip-vars) {
-    //noinspection CssInvalidFunction
-    --tooltip-shadow: var(--shadow, 0 1px 4px 0 rgba(44, 47, 60, 0.05), 0 2px 18px 0 rgba(44, 47, 60, 0.03)); // WebStorm Bag Report https://youtrack.jetbrains.com/issue/WEB-54442
-    --tooltip-arrow-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
-    --tooltip-bg-color: var(--surface-dark-color);
-    --tooltip-text-color: white;
-    --tooltip-border-radius: var(--border-radius);
-}
+:global(.tooltip-vars) {
+    //noinspection CssInvalidFunction
+    --tooltip-shadow: var(--shadow, 0 1px 4px 0 rgba(44, 47, 60, 0.05), 0 2px 18px 0 rgba(44, 47, 60, 0.03)); // WebStorm Bag Report https://youtrack.jetbrains.com/issue/WEB-54442
+    --tooltip-arrow-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
+    --tooltip-bg-color: var(--surface-dark-color);
+    --tooltip-text-color: white;
+    --tooltip-border-radius: var(--border-radius);
+}

package/assets/styles/variables/pickers/pickerToggler.scss

@@ -1,16 +1,16 @@
-:global(.picker-toggler-vars) {
-    --picker-toggler-bg-color: var(--input-bg-color);
-    --picker-toggler-border-color: var(--input-border-color);
-    --picker-toggler-border-color-hover: var(--input-textinput-border-hover-color);
-    --picker-toggler-border-color-active: var(--input-border-checked-color);
-    --picker-toggler-border-color-error: var(--negative-color);
-    --picker-toggler-placeholder-color: var(--input-placeholder-color);
-    --picker-toggler-text-color: var(--input-text-color);
-    --picker-toggler-text-color-disabled: var(--input-text-disabled-color);
-    --picker-toggler-icon-color: var(--input-icon-color);
-    --picker-toggler-icon-color-disabled: var(--input-icon-disabled-color);
-    --picker-toggler-icon-color-clickable: var(--icon-color);
-    --picker-toggler-icon-color-clickable-hover: var(--icon-hover-color);
-
-    --picker-toggler-border-radius: var(--border-radius);
+:global(.picker-toggler-vars) {
+    --picker-toggler-bg-color: var(--input-bg-color);
+    --picker-toggler-border-color: var(--input-border-color);
+    --picker-toggler-border-color-hover: var(--input-textinput-border-hover-color);
+    --picker-toggler-border-color-active: var(--input-border-checked-color);
+    --picker-toggler-border-color-error: var(--negative-color);
+    --picker-toggler-placeholder-color: var(--input-placeholder-color);
+    --picker-toggler-text-color: var(--input-text-color);
+    --picker-toggler-text-color-disabled: var(--input-text-disabled-color);
+    --picker-toggler-icon-color: var(--input-icon-color);
+    --picker-toggler-icon-color-disabled: var(--input-icon-disabled-color);
+    --picker-toggler-icon-color-clickable: var(--icon-color);
+    --picker-toggler-icon-color-clickable-hover: var(--icon-hover-color);
+
+    --picker-toggler-border-radius: var(--border-radius);
 }

package/assets/styles/variables/typography/text.scss

@@ -1,19 +1,19 @@
-:global(.text-color-brand) {
-    --text-color: var(--text-brand-color);
-}
-
-:global(.text-color-primary) {
-    --text-color: var(--text-primary-color);
-}
-
-:global(.text-color-secondary) {
-    --text-color: var(--text-secondary-color);
-}
-
-:global(.text-color-disabled) {
-    --text-color: var(--text-disabled-color);
-}
-
-:global(.text-color-contrast) {
-    --text-color: var(--text-contrast-color);
-}
+:global(.text-color-brand) {
+    --text-color: var(--text-brand-color);
+}
+
+:global(.text-color-primary) {
+    --text-color: var(--text-primary-color);
+}
+
+:global(.text-color-secondary) {
+    --text-color: var(--text-secondary-color);
+}
+
+:global(.text-color-disabled) {
+    --text-color: var(--text-disabled-color);
+}
+
+:global(.text-color-contrast) {
+    --text-color: var(--text-contrast-color);
+}

package/assets/styles/variables/typography/textPlaceholder.scss

@@ -1,4 +1,4 @@
-:global(.text-placeholder-vars) {
-    --text-placeholder-gradient: var(--skeleton-gradient);
-    --text-placeholder-color: var(--skeleton-color);
-}
+:global(.text-placeholder-vars) {
+    --text-placeholder-gradient: var(--skeleton-gradient);
+    --text-placeholder-color: var(--skeleton-color);
+}

package/assets/styles/variables/widgets/badge.scss

@@ -1,51 +1,51 @@
-:global(.badge-color-info) {
-    --badge-bg-color: var(--info-color);
-    --badge-bg-color-hover: var(--info-active-color);
-    //--bg-color-semitransparent: #{lighten(#008ACE, 50%)};
-    //--border-color-semitransparent: #{lighten($blue, 40%)};
-    --badge-caption-color-solid: white;
-    //--caption-color-semitransparent: #{darken($blue, 10%)};
-    //--caption-color-semitransparent-hover: #{darken($blue, 20%)};
-    //--caption-color-transparent: #{$gray80};
-    --badge-count-bg-color: white;
-    --badge-count-color: var(--text-secondary-color);
-}
-
-:global(.badge-color-success) {
-    --badge-bg-color: var(--success-color);
-    --badge-bg-color-hover: var(--success-active-color);
-    //--bg-color-semitransparent: #{$cyan-lightest};
-    //--border-color-semitransparent: #{$cyan-light};
-    --badge-caption-color-solid: white;
-    //--caption-color-semitransparent: #{$cyan-dark};
-    //--caption-color-semitransparent-hover: #{$cyan-darkest};
-    //--caption-color-transparent: #{$gray80};
-    --badge-count-bg-color: white;
-    --badge-count-color: var(--text-secondary-color);
-}
-
-:global(.badge-color-warning) {
-    --badge-bg-color: var(--warning-color);
-    --badge-bg-color-hover: var(--warning-active-color);
-    //--bg-color-semitransparent: #{lighten($green, 50%)};
-    //--border-color-semitransparent: #{lighten($green, 40%)};
-    --badge-caption-color-solid: white;
-    //--caption-color-semitransparent: #{darken($green, 10%)};
-    //--caption-color-semitransparent-hover: #{darken($green, 20%)};
-    //--caption-color-transparent: #{$gray80};
-    --badge-count-bg-color: white;
-    --badge-count-color: var(--text-secondary-color);
-}
-
-:global(.badge-color-error) {
-    --badge-bg-color: var(--error-color);
-    --badge-bg-color-hover: var(--error-active-color);
-    //--bg-color-semitransparent: #{lighten($amber, 40%)};
-    //--border-color-semitransparent: #{lighten($amber, 30%)};
-    --badge-caption-color-solid: var(--text-primary-color);
-    //--caption-color-semitransparent: #995A00;
-    //--caption-color-semitransparent-hover: #804000;
-    //--caption-color-transparent: #{$gray80};
-    --badge-count-bg-color: white;
-    --badge-count-color: var(--text-secondary-color);
+:global(.badge-color-info) {
+    --badge-bg-color: var(--info-color);
+    --badge-bg-color-hover: var(--info-active-color);
+    //--bg-color-semitransparent: #{lighten(#008ACE, 50%)};
+    //--border-color-semitransparent: #{lighten($blue, 40%)};
+    --badge-caption-color-solid: white;
+    //--caption-color-semitransparent: #{darken($blue, 10%)};
+    //--caption-color-semitransparent-hover: #{darken($blue, 20%)};
+    //--caption-color-transparent: #{$gray80};
+    --badge-count-bg-color: white;
+    --badge-count-color: var(--text-secondary-color);
+}
+
+:global(.badge-color-success) {
+    --badge-bg-color: var(--success-color);
+    --badge-bg-color-hover: var(--success-active-color);
+    //--bg-color-semitransparent: #{$cyan-lightest};
+    //--border-color-semitransparent: #{$cyan-light};
+    --badge-caption-color-solid: white;
+    //--caption-color-semitransparent: #{$cyan-dark};
+    //--caption-color-semitransparent-hover: #{$cyan-darkest};
+    //--caption-color-transparent: #{$gray80};
+    --badge-count-bg-color: white;
+    --badge-count-color: var(--text-secondary-color);
+}
+
+:global(.badge-color-warning) {
+    --badge-bg-color: var(--warning-color);
+    --badge-bg-color-hover: var(--warning-active-color);
+    //--bg-color-semitransparent: #{lighten($green, 50%)};
+    //--border-color-semitransparent: #{lighten($green, 40%)};
+    --badge-caption-color-solid: white;
+    //--caption-color-semitransparent: #{darken($green, 10%)};
+    //--caption-color-semitransparent-hover: #{darken($green, 20%)};
+    //--caption-color-transparent: #{$gray80};
+    --badge-count-bg-color: white;
+    --badge-count-color: var(--text-secondary-color);
+}
+
+:global(.badge-color-error) {
+    --badge-bg-color: var(--error-color);
+    --badge-bg-color-hover: var(--error-active-color);
+    //--bg-color-semitransparent: #{lighten($amber, 40%)};
+    //--border-color-semitransparent: #{lighten($amber, 30%)};
+    --badge-caption-color-solid: var(--text-primary-color);
+    //--caption-color-semitransparent: #995A00;
+    //--caption-color-semitransparent-hover: #804000;
+    //--caption-color-transparent: #{$gray80};
+    --badge-count-bg-color: white;
+    --badge-count-color: var(--text-secondary-color);
 }

package/assets/styles/variables/widgets/tag.scss

@@ -1,9 +1,9 @@
-:global(.tag-vars) {
-    --tag-bg-color: var(--tag-color);
-    --tag-bg-color-hover: var(--tag-hover-color);
-    --tag-caption-color: var(--text-primary-color);
-    --tag-fill-color: var(--icon-color);
-    --tag-fill-color-hover: var(--icon-hover-color);
-    --tag-count-bg-color: white;
-    --tag-count-color: var(--text-secondary-color);
-}
+:global(.tag-vars) {
+    --tag-bg-color: var(--tag-color);
+    --tag-bg-color-hover: var(--tag-hover-color);
+    --tag-caption-color: var(--text-primary-color);
+    --tag-fill-color: var(--icon-color);
+    --tag-fill-color-hover: var(--icon-hover-color);
+    --tag-count-bg-color: white;
+    --tag-count-color: var(--text-secondary-color);
+}

package/components/buttons/Button.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-import { ButtonProps } from '@epam/uui-components';
-import { ControlSize, ButtonMode } from '../types';
-import '../../assets/styles/variables/buttons/button.scss';
-export declare type ButtonColor = 'accent' | 'primary' | 'secondary' | 'negative';
-export declare const allButtonColors: ButtonColor[];
-export interface ButtonMods {
-    size?: ControlSize | '18';
-    mode?: ButtonMode;
-    color?: ButtonColor;
-}
-export declare function applyButtonMods(mods: ButtonMods & ButtonProps): string[];
-export declare const Button: import("react").ForwardRefExoticComponent<Pick<ButtonProps & ButtonMods, "link" | "isDisabled" | "onClick" | "caption" | "dropdownIcon" | "dropdownIconPosition" | "countPosition" | "count" | "cx" | "href" | "isLinkActive" | "target" | "icon" | "iconPosition" | "onIconClick" | "clickAnalyticsEvent" | "tabIndex" | "rawProps" | "onClear" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "placeholder" | "forwardedRef" | "clearIcon" | "captionCX" | keyof ButtonMods> & import("react").RefAttributes<any>>;
+/// <reference types="react" />
+import { ButtonProps } from '@epam/uui-components';
+import { ControlSize, ButtonMode } from '../types';
+import '../../assets/styles/variables/buttons/button.scss';
+export type ButtonColor = 'accent' | 'primary' | 'secondary' | 'negative';
+export declare const allButtonColors: ButtonColor[];
+export interface ButtonMods {
+    size?: ControlSize | '18';
+    mode?: ButtonMode;
+    color?: ButtonColor;
+}
+export declare function applyButtonMods(mods: ButtonMods & ButtonProps): string[];
+export declare const Button: import("react").ForwardRefExoticComponent<Pick<ButtonProps & ButtonMods, "isDisabled" | "onClick" | "link" | "caption" | "dropdownIcon" | "dropdownIconPosition" | "countPosition" | "count" | "cx" | "href" | "isLinkActive" | "target" | "icon" | "iconPosition" | "onIconClick" | "clickAnalyticsEvent" | "tabIndex" | "rawProps" | "onClear" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "placeholder" | "forwardedRef" | "clearIcon" | "captionCX" | keyof ButtonMods> & import("react").RefAttributes<any>>;
 //# 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,EAAuB,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGnD,OAAO,mDAAmD,CAAC;AAE3D,oBAAY,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAC1E,eAAO,MAAM,eAAe,EAAE,WAAW,EAAmD,CAAC;AAI7F,MAAM,WAAW,UAAU;IACvB,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,UAAU,GAAG,WAAW,YAQ7D;AAED,eAAO,MAAM,MAAM,qhBAOlB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../components/buttons/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGnD,OAAO,mDAAmD,CAAC;AAE3D,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAC1E,eAAO,MAAM,eAAe,EAAE,WAAW,EAAmD,CAAC;AAI7F,MAAM,WAAW,UAAU;IACvB,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,UAAU,GAAG,WAAW,YAQ7D;AAED,eAAO,MAAM,MAAM,qhBAOlB,CAAC"}

package/components/buttons/IconButton.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
-import { IconButtonBaseProps } from '@epam/uui-components';
-import '../../assets/styles/variables/buttons/iconButton.scss';
-export declare type IconColor = 'info' | 'success' | 'warning' | 'error' | 'secondary' | 'default';
-export declare const allIconColors: IconColor[];
-export interface IconButtonMods {
-    color?: IconColor;
-}
-export interface IconButtonProps extends IconButtonBaseProps, IconButtonMods {
-}
-export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & IconButtonMods & import("react").RefAttributes<any>>;
+/// <reference types="react" />
+import { IconButtonBaseProps } from '@epam/uui-components';
+import '../../assets/styles/variables/buttons/iconButton.scss';
+export type IconColor = 'info' | 'success' | 'warning' | 'error' | 'secondary' | 'default';
+export declare const allIconColors: IconColor[];
+export interface IconButtonMods {
+    color?: IconColor;
+}
+export interface IconButtonProps extends IconButtonBaseProps, IconButtonMods {
+}
+export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & IconButtonMods & import("react").RefAttributes<any>>;
 //# 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;AAExF,OAAO,uDAAuD,CAAC;AAG/D,oBAAY,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,CAAC;AAC3F,eAAO,MAAM,aAAa,EAAE,SAAS,EAAoE,CAAC;AAE1G,MAAM,WAAW,cAAc;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,eAAgB,SAAQ,mBAAmB,EAAE,cAAc;CAAI;AAShF,eAAO,MAAM,UAAU,kHAAgF,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/IconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAA+B,MAAM,sBAAsB,CAAC;AAExF,OAAO,uDAAuD,CAAC;AAG/D,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,CAAC;AAC3F,eAAO,MAAM,aAAa,EAAE,SAAS,EAAoE,CAAC;AAE1G,MAAM,WAAW,cAAc;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,eAAgB,SAAQ,mBAAmB,EAAE,cAAc;CAAI;AAShF,eAAO,MAAM,UAAU,kHAAgF,CAAC"}

package/components/buttons/LinkButton.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { ButtonProps } from '@epam/uui-components';
-import * as types from '../types';
-import '../../assets/styles/variables/buttons/linkButton.scss';
-export interface LinkButtonMods {
-    size?: types.ControlSize | '42';
-}
-export declare const LinkButton: import("react").ForwardRefExoticComponent<Pick<ButtonProps & LinkButtonMods, "link" | "isDisabled" | "onClick" | "caption" | "dropdownIcon" | "dropdownIconPosition" | "countPosition" | "count" | "cx" | "href" | "isLinkActive" | "target" | "icon" | "iconPosition" | "onIconClick" | "clickAnalyticsEvent" | "tabIndex" | "rawProps" | "onClear" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "placeholder" | "size" | "forwardedRef" | "clearIcon" | "captionCX"> & import("react").RefAttributes<any>>;
+/// <reference types="react" />
+import { ButtonProps } from '@epam/uui-components';
+import * as types from '../types';
+import '../../assets/styles/variables/buttons/linkButton.scss';
+export interface LinkButtonMods {
+    size?: types.ControlSize | '42';
+}
+export declare const LinkButton: import("react").ForwardRefExoticComponent<Pick<ButtonProps & LinkButtonMods, "isDisabled" | "onClick" | "link" | "caption" | "dropdownIcon" | "dropdownIconPosition" | "countPosition" | "count" | "cx" | "href" | "isLinkActive" | "target" | "icon" | "iconPosition" | "onIconClick" | "clickAnalyticsEvent" | "tabIndex" | "rawProps" | "onClear" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "placeholder" | "size" | "forwardedRef" | "clearIcon" | "captionCX"> & import("react").RefAttributes<any>>;
 //# sourceMappingURL=LinkButton.d.ts.map

package/components/buttons/TabButton.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { ButtonProps } from '@epam/uui-components';
-import '../../assets/styles/variables/buttons/tabButton.scss';
-export interface TabButtonMods {
-    size?: '36' | '48' | '60';
-    withNotify?: boolean;
-}
-export declare const TabButton: import("react").ForwardRefExoticComponent<Pick<ButtonProps & TabButtonMods, "link" | "isDisabled" | "onClick" | "caption" | "dropdownIcon" | "dropdownIconPosition" | "countPosition" | "count" | "cx" | "href" | "isLinkActive" | "target" | "icon" | "iconPosition" | "onIconClick" | "clickAnalyticsEvent" | "tabIndex" | "rawProps" | "onClear" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "placeholder" | "forwardedRef" | "clearIcon" | "captionCX" | keyof TabButtonMods> & import("react").RefAttributes<any>>;
+/// <reference types="react" />
+import { ButtonProps } from '@epam/uui-components';
+import '../../assets/styles/variables/buttons/tabButton.scss';
+export interface TabButtonMods {
+    size?: '36' | '48' | '60';
+    withNotify?: boolean;
+}
+export declare const TabButton: import("react").ForwardRefExoticComponent<Pick<ButtonProps & TabButtonMods, "isDisabled" | "onClick" | "link" | "caption" | "dropdownIcon" | "dropdownIconPosition" | "countPosition" | "count" | "cx" | "href" | "isLinkActive" | "target" | "icon" | "iconPosition" | "onIconClick" | "clickAnalyticsEvent" | "tabIndex" | "rawProps" | "onClear" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "placeholder" | "forwardedRef" | "clearIcon" | "captionCX" | keyof TabButtonMods> & import("react").RefAttributes<any>>;
 //# sourceMappingURL=TabButton.d.ts.map

package/components/buttons/VerticalTabButton.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { ButtonProps } from '@epam/uui-components';
-import { TabButtonMods } from './TabButton';
-export declare const VerticalTabButton: import("react").ForwardRefExoticComponent<Pick<ButtonProps & TabButtonMods, "link" | "isDisabled" | "onClick" | "caption" | "dropdownIcon" | "dropdownIconPosition" | "countPosition" | "count" | "cx" | "href" | "isLinkActive" | "target" | "icon" | "iconPosition" | "onIconClick" | "clickAnalyticsEvent" | "tabIndex" | "rawProps" | "onClear" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "placeholder" | "forwardedRef" | "clearIcon" | "captionCX" | keyof TabButtonMods> & import("react").RefAttributes<any>>;
+/// <reference types="react" />
+import { ButtonProps } from '@epam/uui-components';
+import { TabButtonMods } from './TabButton';
+export declare const VerticalTabButton: import("react").ForwardRefExoticComponent<Pick<ButtonProps & TabButtonMods, "isDisabled" | "onClick" | "link" | "caption" | "dropdownIcon" | "dropdownIconPosition" | "countPosition" | "count" | "cx" | "href" | "isLinkActive" | "target" | "icon" | "iconPosition" | "onIconClick" | "clickAnalyticsEvent" | "tabIndex" | "rawProps" | "onClear" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "placeholder" | "forwardedRef" | "clearIcon" | "captionCX" | keyof TabButtonMods> & import("react").RefAttributes<any>>;
 //# sourceMappingURL=VerticalTabButton.d.ts.map

package/components/buttons/helper.d.ts

@@ -1,3 +1,3 @@
-import { ButtonProps } from '@epam/uui-components';
-export declare function getIconClass(props: ButtonProps): string[];
+import { ButtonProps } from '@epam/uui-components';
+export declare function getIconClass(props: ButtonProps): string[];
 //# sourceMappingURL=helper.d.ts.map

package/components/buttons/index.d.ts

@@ -1,6 +1,6 @@
-export * from './Button';
-export * from './IconButton';
-export * from './LinkButton';
-export * from './TabButton';
-export * from './VerticalTabButton';
+export * from './Button';
+export * from './IconButton';
+export * from './LinkButton';
+export * from './TabButton';
+export * from './VerticalTabButton';
 //# sourceMappingURL=index.d.ts.map

package/components/index.d.ts

@@ -1,10 +1,10 @@
-export * from './buttons';
-export * from './inputs';
-export * from './layout';
-export * from './overlays';
-export * from './pickers';
-export * from './typography';
-export * from './widgets';
-export * from './tables';
-export * from './types';
+export * from './buttons';
+export * from './inputs';
+export * from './layout';
+export * from './overlays';
+export * from './pickers';
+export * from './typography';
+export * from './widgets';
+export * from './tables';
+export * from './types';
 //# sourceMappingURL=index.d.ts.map