@epam/uui 4.9.1 → 4.9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (120) hide show
  1. package/assets/styles/buttonLayout.scss +66 -66
  2. package/assets/styles/controlLayout.scss +11 -11
  3. package/assets/styles/effects.scss +8 -8
  4. package/assets/styles/font-faces.scss +51 -51
  5. package/assets/styles/fonts-variables.scss +24 -24
  6. package/assets/styles/icons.scss +18 -18
  7. package/assets/styles/index.scss +7 -7
  8. package/assets/styles/inputs.scss +69 -69
  9. package/assets/styles/layout-mixins.scss +8 -8
  10. package/assets/styles/prettifyScrollBar.scss +44 -44
  11. package/assets/styles/text-layout.scss +80 -80
  12. package/assets/styles/text-size.scss +37 -37
  13. package/assets/styles/typography.scss +3 -3
  14. package/assets/styles/variables/buttons/button.scss +70 -70
  15. package/assets/styles/variables/buttons/iconButton.scss +41 -41
  16. package/assets/styles/variables/buttons/linkButton.scss +6 -6
  17. package/assets/styles/variables/buttons/tabButton.scss +8 -8
  18. package/assets/styles/variables/inputs/checkbox.scss +18 -18
  19. package/assets/styles/variables/inputs/radioInput.scss +14 -14
  20. package/assets/styles/variables/inputs/switch.scss +24 -24
  21. package/assets/styles/variables/inputs/textInput.scss +21 -21
  22. package/assets/styles/variables/layout/accordion.scss +10 -10
  23. package/assets/styles/variables/layout/iconContainer.scss +22 -22
  24. package/assets/styles/variables/layout/labeledInput.scss +8 -8
  25. package/assets/styles/variables/layout/panel.scss +5 -5
  26. package/assets/styles/variables/layout/scrollBars.scss +3 -3
  27. package/assets/styles/variables/overlays/dropdownContainer.scss +4 -4
  28. package/assets/styles/variables/overlays/modals.scss +5 -5
  29. package/assets/styles/variables/overlays/notificationCard.scss +27 -27
  30. package/assets/styles/variables/overlays/tooltip.scss +8 -8
  31. package/assets/styles/variables/pickers/pickerToggler.scss +15 -15
  32. package/assets/styles/variables/typography/text.scss +19 -19
  33. package/assets/styles/variables/typography/textPlaceholder.scss +4 -4
  34. package/assets/styles/variables/widgets/badge.scss +50 -50
  35. package/assets/styles/variables/widgets/tag.scss +9 -9
  36. package/bundle-stats.json +1 -1
  37. package/components/buttons/Button.d.ts +13 -13
  38. package/components/buttons/IconButton.d.ts +11 -11
  39. package/components/buttons/LinkButton.d.ts +8 -8
  40. package/components/buttons/TabButton.d.ts +8 -8
  41. package/components/buttons/VerticalTabButton.d.ts +4 -4
  42. package/components/buttons/docs/button.doc.d.ts +5 -5
  43. package/components/buttons/docs/linkButton.doc.d.ts +5 -5
  44. package/components/buttons/helper.d.ts +2 -2
  45. package/components/buttons/index.d.ts +5 -5
  46. package/components/index.d.ts +9 -9
  47. package/components/inputs/Checkbox.d.ts +9 -9
  48. package/components/inputs/RadioInput.d.ts +7 -7
  49. package/components/inputs/Switch.d.ts +8 -8
  50. package/components/inputs/TextInput.d.ts +13 -13
  51. package/components/inputs/docs/checkbox.doc.d.ts +5 -5
  52. package/components/inputs/docs/radioInput.doc.d.ts +5 -5
  53. package/components/inputs/docs/switch.doc.d.ts +5 -5
  54. package/components/inputs/docs/textInput.doc.d.ts +5 -5
  55. package/components/inputs/index.d.ts +4 -4
  56. package/components/layout/Accordion.d.ts +8 -8
  57. package/components/layout/ControlGroup.d.ts +3 -3
  58. package/components/layout/FlexItems/FlexCell.d.ts +11 -11
  59. package/components/layout/FlexItems/FlexRow.d.ts +13 -13
  60. package/components/layout/FlexItems/FlexSpacer.d.ts +4 -4
  61. package/components/layout/FlexItems/Panel.d.ts +10 -10
  62. package/components/layout/FlexItems/index.d.ts +4 -4
  63. package/components/layout/IconContainer.d.ts +9 -9
  64. package/components/layout/LabeledInput.d.ts +7 -7
  65. package/components/layout/RadioGroup.d.ts +3 -3
  66. package/components/layout/ScrollBars.d.ts +5 -5
  67. package/components/layout/VirtualList.d.ts +7 -7
  68. package/components/layout/index.d.ts +8 -8
  69. package/components/overlays/Dropdown.d.ts +5 -5
  70. package/components/overlays/DropdownContainer.d.ts +6 -6
  71. package/components/overlays/DropdownMenu.d.ts +36 -36
  72. package/components/overlays/Modals.d.ts +23 -23
  73. package/components/overlays/NotificationCard.d.ts +30 -30
  74. package/components/overlays/Tooltip.d.ts +6 -6
  75. package/components/overlays/index.d.ts +6 -6
  76. package/components/pickers/DataPickerBody.d.ts +15 -15
  77. package/components/pickers/DataPickerFooter.d.ts +8 -8
  78. package/components/pickers/DataPickerHeader.d.ts +7 -7
  79. package/components/pickers/DataPickerRow.d.ts +15 -15
  80. package/components/pickers/MobileDropdownWrapper.d.ts +10 -10
  81. package/components/pickers/PickerInput.d.ts +16 -16
  82. package/components/pickers/PickerItem.d.ts +12 -12
  83. package/components/pickers/PickerList.d.ts +17 -17
  84. package/components/pickers/PickerListItem.d.ts +8 -8
  85. package/components/pickers/PickerModal.d.ts +15 -15
  86. package/components/pickers/PickerToggler.d.ts +8 -8
  87. package/components/pickers/docs/common.d.ts +27 -27
  88. package/components/pickers/docs/pickerInput.doc.d.ts +4 -4
  89. package/components/pickers/docs/pickerToggler.doc.d.ts +5 -5
  90. package/components/pickers/index.d.ts +11 -11
  91. package/components/tables/DataTableCell.d.ts +9 -9
  92. package/components/tables/Presets/Preset.d.ts +13 -13
  93. package/components/tables/Presets/Presets.d.ts +8 -8
  94. package/components/tables/Presets/index.d.ts +2 -2
  95. package/components/tables/index.d.ts +3 -3
  96. package/components/tables/types.d.ts +8 -8
  97. package/components/types.d.ts +29 -29
  98. package/components/typography/Text.d.ts +11 -11
  99. package/components/typography/TextPlaceholder.d.ts +7 -7
  100. package/components/typography/docs/textPlaceholder.doc.d.ts +4 -4
  101. package/components/typography/index.d.ts +2 -2
  102. package/components/widgets/Avatar.d.ts +3 -3
  103. package/components/widgets/Badge.d.ts +15 -15
  104. package/components/widgets/Tag.d.ts +8 -8
  105. package/components/widgets/index.d.ts +3 -3
  106. package/docs/common.d.ts +10 -10
  107. package/docs/contexts/DefaultContext.d.ts +6 -6
  108. package/docs/contexts/index.d.ts +1 -1
  109. package/docs/index.d.ts +2 -2
  110. package/helpers/textLayout.d.ts +8 -8
  111. package/i18n.d.ts +50 -50
  112. package/icons/icons.d.ts +3 -3
  113. package/index.d.ts +3 -3
  114. package/index.docs.d.ts +5 -5
  115. package/index.js +1679 -1679
  116. package/index.js.map +1 -1
  117. package/package.json +5 -5
  118. package/readme.md +4 -4
  119. package/styles.css +614 -614
  120. package/styles.css.map +1 -1
@@ -1,14 +1,14 @@
1
- /// <reference types="react" />
2
- import { ButtonProps } from '@epam/uui-components';
3
- import { ControlSize, ButtonMode } from '../types';
4
- import '../../assets/styles/variables/buttons/button.scss';
5
- export declare type ButtonColor = 'accent' | 'primary' | 'secondary' | 'negative';
6
- export declare const allButtonColors: ButtonColor[];
7
- export interface ButtonMods {
8
- size?: ControlSize | '18';
9
- mode?: ButtonMode;
10
- color?: ButtonColor;
11
- }
12
- export declare function applyButtonMods(mods: ButtonMods & ButtonProps): string[];
13
- 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>>;
1
+ /// <reference types="react" />
2
+ import { ButtonProps } from '@epam/uui-components';
3
+ import { ControlSize, ButtonMode } from '../types';
4
+ import '../../assets/styles/variables/buttons/button.scss';
5
+ export declare type ButtonColor = 'accent' | 'primary' | 'secondary' | 'negative';
6
+ export declare const allButtonColors: ButtonColor[];
7
+ export interface ButtonMods {
8
+ size?: ControlSize | '18';
9
+ mode?: ButtonMode;
10
+ color?: ButtonColor;
11
+ }
12
+ export declare function applyButtonMods(mods: ButtonMods & ButtonProps): string[];
13
+ 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>>;
14
14
  //# sourceMappingURL=Button.d.ts.map
@@ -1,12 +1,12 @@
1
- /// <reference types="react" />
2
- import { IconButtonBaseProps } from '@epam/uui-components';
3
- import '../../assets/styles/variables/buttons/iconButton.scss';
4
- export declare type IconColor = 'info' | 'success' | 'warning' | 'error' | 'secondary' | 'default';
5
- export declare const allIconColors: IconColor[];
6
- export interface IconButtonMods {
7
- color?: IconColor;
8
- }
9
- export interface IconButtonProps extends IconButtonBaseProps, IconButtonMods {
10
- }
11
- export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & IconButtonMods & import("react").RefAttributes<any>>;
1
+ /// <reference types="react" />
2
+ import { IconButtonBaseProps } from '@epam/uui-components';
3
+ import '../../assets/styles/variables/buttons/iconButton.scss';
4
+ export declare type IconColor = 'info' | 'success' | 'warning' | 'error' | 'secondary' | 'default';
5
+ export declare const allIconColors: IconColor[];
6
+ export interface IconButtonMods {
7
+ color?: IconColor;
8
+ }
9
+ export interface IconButtonProps extends IconButtonBaseProps, IconButtonMods {
10
+ }
11
+ export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & IconButtonMods & import("react").RefAttributes<any>>;
12
12
  //# sourceMappingURL=IconButton.d.ts.map
@@ -1,9 +1,9 @@
1
- /// <reference types="react" />
2
- import { ButtonProps } from '@epam/uui-components';
3
- import * as types from '../types';
4
- import '../../assets/styles/variables/buttons/linkButton.scss';
5
- export interface LinkButtonMods {
6
- size?: types.ControlSize | '42';
7
- }
8
- 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>>;
1
+ /// <reference types="react" />
2
+ import { ButtonProps } from '@epam/uui-components';
3
+ import * as types from '../types';
4
+ import '../../assets/styles/variables/buttons/linkButton.scss';
5
+ export interface LinkButtonMods {
6
+ size?: types.ControlSize | '42';
7
+ }
8
+ 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>>;
9
9
  //# sourceMappingURL=LinkButton.d.ts.map
@@ -1,9 +1,9 @@
1
- /// <reference types="react" />
2
- import { ButtonProps } from '@epam/uui-components';
3
- import '../../assets/styles/variables/buttons/tabButton.scss';
4
- export interface TabButtonMods {
5
- size?: '36' | '48' | '60';
6
- withNotify?: boolean;
7
- }
8
- 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>>;
1
+ /// <reference types="react" />
2
+ import { ButtonProps } from '@epam/uui-components';
3
+ import '../../assets/styles/variables/buttons/tabButton.scss';
4
+ export interface TabButtonMods {
5
+ size?: '36' | '48' | '60';
6
+ withNotify?: boolean;
7
+ }
8
+ 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>>;
9
9
  //# sourceMappingURL=TabButton.d.ts.map
@@ -1,5 +1,5 @@
1
- /// <reference types="react" />
2
- import { ButtonProps } from '@epam/uui-components';
3
- import { TabButtonMods } from './TabButton';
4
- 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>>;
1
+ /// <reference types="react" />
2
+ import { ButtonProps } from '@epam/uui-components';
3
+ import { TabButtonMods } from './TabButton';
4
+ 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>>;
5
5
  //# sourceMappingURL=VerticalTabButton.d.ts.map
@@ -1,6 +1,6 @@
1
- import { ButtonMods } from '../Button';
2
- import { DocBuilder } from '@epam/uui-docs';
3
- import { ButtonProps } from '@epam/uui-components';
4
- declare const ButtonDoc: DocBuilder<ButtonProps & ButtonMods>;
5
- export = ButtonDoc;
1
+ import { ButtonMods } from '../Button';
2
+ import { DocBuilder } from '@epam/uui-docs';
3
+ import { ButtonProps } from '@epam/uui-components';
4
+ declare const ButtonDoc: DocBuilder<ButtonProps & ButtonMods>;
5
+ export = ButtonDoc;
6
6
  //# sourceMappingURL=button.doc.d.ts.map
@@ -1,6 +1,6 @@
1
- import { LinkButtonMods } from '../LinkButton';
2
- import { DocBuilder } from '@epam/uui-docs';
3
- import { ButtonProps } from '@epam/uui-components';
4
- declare const LinkButtonDoc: DocBuilder<ButtonProps & LinkButtonMods>;
5
- export = LinkButtonDoc;
1
+ import { LinkButtonMods } from '../LinkButton';
2
+ import { DocBuilder } from '@epam/uui-docs';
3
+ import { ButtonProps } from '@epam/uui-components';
4
+ declare const LinkButtonDoc: DocBuilder<ButtonProps & LinkButtonMods>;
5
+ export = LinkButtonDoc;
6
6
  //# sourceMappingURL=linkButton.doc.d.ts.map
@@ -1,3 +1,3 @@
1
- import { ButtonProps } from '@epam/uui-components';
2
- export declare function getIconClass(props: ButtonProps): string[];
1
+ import { ButtonProps } from '@epam/uui-components';
2
+ export declare function getIconClass(props: ButtonProps): string[];
3
3
  //# sourceMappingURL=helper.d.ts.map
@@ -1,6 +1,6 @@
1
- export * from './Button';
2
- export * from './IconButton';
3
- export * from './LinkButton';
4
- export * from './TabButton';
5
- export * from './VerticalTabButton';
1
+ export * from './Button';
2
+ export * from './IconButton';
3
+ export * from './LinkButton';
4
+ export * from './TabButton';
5
+ export * from './VerticalTabButton';
6
6
  //# sourceMappingURL=index.d.ts.map
@@ -1,10 +1,10 @@
1
- export * from './buttons';
2
- export * from './inputs';
3
- export * from './layout';
4
- export * from './overlays';
5
- export * from './pickers';
6
- export * from './typography';
7
- export * from './widgets';
8
- export * from './tables';
9
- export * from './types';
1
+ export * from './buttons';
2
+ export * from './inputs';
3
+ export * from './layout';
4
+ export * from './overlays';
5
+ export * from './pickers';
6
+ export * from './typography';
7
+ export * from './widgets';
8
+ export * from './tables';
9
+ export * from './types';
10
10
  //# sourceMappingURL=index.d.ts.map
@@ -1,10 +1,10 @@
1
- /// <reference types="react" />
2
- import { CheckboxProps } from '@epam/uui-components';
3
- import '../../assets/styles/variables/inputs/checkbox.scss';
4
- export interface CheckboxMods {
5
- size?: '12' | '18';
6
- theme?: 'light' | 'dark';
7
- }
8
- export declare function applyCheckboxMods(mods: CheckboxMods & CheckboxProps): string[];
9
- export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & CheckboxMods & import("react").RefAttributes<any>>;
1
+ /// <reference types="react" />
2
+ import { CheckboxProps } from '@epam/uui-components';
3
+ import '../../assets/styles/variables/inputs/checkbox.scss';
4
+ export interface CheckboxMods {
5
+ size?: '12' | '18';
6
+ theme?: 'light' | 'dark';
7
+ }
8
+ export declare function applyCheckboxMods(mods: CheckboxMods & CheckboxProps): string[];
9
+ export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & CheckboxMods & import("react").RefAttributes<any>>;
10
10
  //# sourceMappingURL=Checkbox.d.ts.map
@@ -1,8 +1,8 @@
1
- /// <reference types="react" />
2
- import { RadioInputProps } from '@epam/uui-components';
3
- import '../../assets/styles/variables/inputs/radioInput.scss';
4
- export interface RadioInputMods {
5
- size?: '12' | '18';
6
- }
7
- export declare const RadioInput: import("react").ForwardRefExoticComponent<RadioInputProps & RadioInputMods & import("react").RefAttributes<any>>;
1
+ /// <reference types="react" />
2
+ import { RadioInputProps } from '@epam/uui-components';
3
+ import '../../assets/styles/variables/inputs/radioInput.scss';
4
+ export interface RadioInputMods {
5
+ size?: '12' | '18';
6
+ }
7
+ export declare const RadioInput: import("react").ForwardRefExoticComponent<RadioInputProps & RadioInputMods & import("react").RefAttributes<any>>;
8
8
  //# sourceMappingURL=RadioInput.d.ts.map
@@ -1,9 +1,9 @@
1
- /// <reference types="react" />
2
- import { SwitchProps } from '@epam/uui-components';
3
- import '../../assets/styles/variables/inputs/switch.scss';
4
- export interface SwitchMods {
5
- size?: '12' | '18' | '24';
6
- }
7
- export declare function applySwitchMods(mods: SwitchMods & SwitchProps): string[];
8
- export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & SwitchMods & import("react").RefAttributes<any>>;
1
+ /// <reference types="react" />
2
+ import { SwitchProps } from '@epam/uui-components';
3
+ import '../../assets/styles/variables/inputs/switch.scss';
4
+ export interface SwitchMods {
5
+ size?: '12' | '18' | '24';
6
+ }
7
+ export declare function applySwitchMods(mods: SwitchMods & SwitchProps): string[];
8
+ export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & SwitchMods & import("react").RefAttributes<any>>;
9
9
  //# sourceMappingURL=Switch.d.ts.map
@@ -1,14 +1,14 @@
1
- import React from 'react';
2
- import { IEditableDebouncerOptions } from '@epam/uui-core';
3
- import { TextInputProps } from '@epam/uui-components';
4
- import { IHasEditMode, ControlSize } from '../types';
5
- import '../../assets/styles/variables/inputs/textInput.scss';
6
- export interface TextInputMods extends IHasEditMode {
7
- size?: ControlSize;
8
- }
9
- export declare function applyTextInputMods(mods: TextInputMods): string[];
10
- export declare const TextInput: React.ForwardRefExoticComponent<Pick<TextInputProps & TextInputMods, "value" | "onValueChange" | "isInvalid" | "validationMessage" | "validationProps" | "isDisabled" | "isReadonly" | "isRequired" | "onClick" | "caption" | "dropdownIcon" | "cx" | "icon" | "iconPosition" | "onIconClick" | "tabIndex" | "rawProps" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "placeholder" | "type" | "id" | "prefix" | "inputMode" | "name" | "onFocus" | "onBlur" | "getValueChangeAnalyticsEvent" | "onCancel" | "onAccept" | "onKeyDown" | "autoFocus" | "autoComplete" | "maxLength" | "suffix" | "acceptIcon" | "cancelIcon" | "inputCx" | "renderInput" | keyof TextInputMods> & React.RefAttributes<any>>;
11
- export declare class SearchInput extends React.Component<TextInputProps & TextInputMods & IEditableDebouncerOptions, {}> {
12
- render(): JSX.Element;
13
- }
1
+ import React from 'react';
2
+ import { IEditableDebouncerOptions } from '@epam/uui-core';
3
+ import { TextInputProps } from '@epam/uui-components';
4
+ import { IHasEditMode, ControlSize } from '../types';
5
+ import '../../assets/styles/variables/inputs/textInput.scss';
6
+ export interface TextInputMods extends IHasEditMode {
7
+ size?: ControlSize;
8
+ }
9
+ export declare function applyTextInputMods(mods: TextInputMods): string[];
10
+ export declare const TextInput: React.ForwardRefExoticComponent<Pick<TextInputProps & TextInputMods, "value" | "onValueChange" | "isInvalid" | "validationMessage" | "validationProps" | "isDisabled" | "isReadonly" | "isRequired" | "onClick" | "caption" | "dropdownIcon" | "cx" | "icon" | "iconPosition" | "onIconClick" | "tabIndex" | "rawProps" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "placeholder" | "type" | "id" | "prefix" | "inputMode" | "name" | "onFocus" | "onBlur" | "getValueChangeAnalyticsEvent" | "onCancel" | "onAccept" | "onKeyDown" | "autoFocus" | "autoComplete" | "maxLength" | "suffix" | "acceptIcon" | "cancelIcon" | "inputCx" | "renderInput" | keyof TextInputMods> & React.RefAttributes<any>>;
11
+ export declare class SearchInput extends React.Component<TextInputProps & TextInputMods & IEditableDebouncerOptions, {}> {
12
+ render(): JSX.Element;
13
+ }
14
14
  //# sourceMappingURL=TextInput.d.ts.map
@@ -1,6 +1,6 @@
1
- import { DocBuilder } from '@epam/uui-docs';
2
- import { CheckboxProps } from '@epam/uui-components';
3
- import { CheckboxMods } from '../Checkbox';
4
- declare const CheckboxDoc: DocBuilder<CheckboxProps & CheckboxMods>;
5
- export = CheckboxDoc;
1
+ import { DocBuilder } from '@epam/uui-docs';
2
+ import { CheckboxProps } from '@epam/uui-components';
3
+ import { CheckboxMods } from '../Checkbox';
4
+ declare const CheckboxDoc: DocBuilder<CheckboxProps & CheckboxMods>;
5
+ export = CheckboxDoc;
6
6
  //# sourceMappingURL=checkbox.doc.d.ts.map
@@ -1,6 +1,6 @@
1
- import { DocBuilder } from '@epam/uui-docs';
2
- import { RadioInputProps } from '@epam/uui-components';
3
- import { RadioInputMods } from '../RadioInput';
4
- declare const RadioInputDoc: DocBuilder<RadioInputProps & RadioInputMods>;
5
- export = RadioInputDoc;
1
+ import { DocBuilder } from '@epam/uui-docs';
2
+ import { RadioInputProps } from '@epam/uui-components';
3
+ import { RadioInputMods } from '../RadioInput';
4
+ declare const RadioInputDoc: DocBuilder<RadioInputProps & RadioInputMods>;
5
+ export = RadioInputDoc;
6
6
  //# sourceMappingURL=radioInput.doc.d.ts.map
@@ -1,6 +1,6 @@
1
- import { DocBuilder } from '@epam/uui-docs';
2
- import { SwitchProps } from '@epam/uui-components';
3
- import { SwitchMods } from '../Switch';
4
- declare const SwitchDoc: DocBuilder<SwitchProps & SwitchMods>;
5
- export = SwitchDoc;
1
+ import { DocBuilder } from '@epam/uui-docs';
2
+ import { SwitchProps } from '@epam/uui-components';
3
+ import { SwitchMods } from '../Switch';
4
+ declare const SwitchDoc: DocBuilder<SwitchProps & SwitchMods>;
5
+ export = SwitchDoc;
6
6
  //# sourceMappingURL=switch.doc.d.ts.map
@@ -1,6 +1,6 @@
1
- import { DocBuilder } from '@epam/uui-docs';
2
- import { TextInputProps } from '@epam/uui-components';
3
- import { TextInputMods } from '../TextInput';
4
- declare const TextInputDoc: DocBuilder<TextInputProps & TextInputMods>;
5
- export = TextInputDoc;
1
+ import { DocBuilder } from '@epam/uui-docs';
2
+ import { TextInputProps } from '@epam/uui-components';
3
+ import { TextInputMods } from '../TextInput';
4
+ declare const TextInputDoc: DocBuilder<TextInputProps & TextInputMods>;
5
+ export = TextInputDoc;
6
6
  //# sourceMappingURL=textInput.doc.d.ts.map
@@ -1,5 +1,5 @@
1
- export * from './Checkbox';
2
- export * from './RadioInput';
3
- export * from './Switch';
4
- export * from './TextInput';
1
+ export * from './Checkbox';
2
+ export * from './RadioInput';
3
+ export * from './Switch';
4
+ export * from './TextInput';
5
5
  //# sourceMappingURL=index.d.ts.map
@@ -1,9 +1,9 @@
1
- /// <reference types="react" />
2
- import { AccordionProps } from '@epam/uui-components';
3
- import '../../assets/styles/variables/layout/accordion.scss';
4
- export interface AccordionMods {
5
- mode?: 'block' | 'inline';
6
- padding?: '0' | '6' | '12' | '18';
7
- }
8
- export declare const Accordion: import("react").ForwardRefExoticComponent<AccordionProps & AccordionMods & import("react").RefAttributes<any>>;
1
+ /// <reference types="react" />
2
+ import { AccordionProps } from '@epam/uui-components';
3
+ import '../../assets/styles/variables/layout/accordion.scss';
4
+ export interface AccordionMods {
5
+ mode?: 'block' | 'inline';
6
+ padding?: '0' | '6' | '12' | '18';
7
+ }
8
+ export declare const Accordion: import("react").ForwardRefExoticComponent<AccordionProps & AccordionMods & import("react").RefAttributes<any>>;
9
9
  //# sourceMappingURL=Accordion.d.ts.map
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
2
- import { ControlGroupProps } from '@epam/uui-components';
3
- export declare const ControlGroup: import("react").ForwardRefExoticComponent<ControlGroupProps & import("react").RefAttributes<any>>;
1
+ /// <reference types="react" />
2
+ import { ControlGroupProps } from '@epam/uui-components';
3
+ export declare const ControlGroup: import("react").ForwardRefExoticComponent<ControlGroupProps & import("react").RefAttributes<any>>;
4
4
  //# sourceMappingURL=ControlGroup.d.ts.map
@@ -1,12 +1,12 @@
1
- import * as React from 'react';
2
- export declare type FlexCellMods = {};
3
- export declare const FlexCell: React.ForwardRefExoticComponent<import("@epam/uui-core").IHasCX & import("@epam/uui-core").IClickable & import("@epam/uui-core").IHasRawProps<React.HTMLAttributes<HTMLDivElement>> & React.Attributes & import("@epam/uui-core").IHasChildren & {
4
- width?: number | "auto" | "100%";
5
- minWidth?: number;
6
- grow?: number;
7
- shrink?: number;
8
- textAlign?: "left" | "right" | "center";
9
- alignSelf?: string;
10
- style?: React.CSSProperties;
11
- } & React.RefAttributes<any>>;
1
+ import * as React from 'react';
2
+ export declare type FlexCellMods = {};
3
+ export declare const FlexCell: React.ForwardRefExoticComponent<import("@epam/uui-core").IHasCX & import("@epam/uui-core").IClickable & import("@epam/uui-core").IHasRawProps<React.HTMLAttributes<HTMLDivElement>> & React.Attributes & import("@epam/uui-core").IHasChildren & {
4
+ width?: number | "auto" | "100%";
5
+ minWidth?: number;
6
+ grow?: number;
7
+ shrink?: number;
8
+ textAlign?: "left" | "right" | "center";
9
+ alignSelf?: string;
10
+ style?: React.CSSProperties;
11
+ } & React.RefAttributes<any>>;
12
12
  //# sourceMappingURL=FlexCell.d.ts.map
@@ -1,14 +1,14 @@
1
- /// <reference types="react" />
2
- import { RowSizeMod } from '../../types';
3
- export interface RowMods extends RowSizeMod {
4
- topShadow?: boolean;
5
- borderBottom?: boolean;
6
- padding?: '6' | '12' | '18' | '24';
7
- vPadding?: '12' | '18' | '24' | '36' | '48';
8
- spacing?: '6' | '12' | '18';
9
- margin?: '12' | '24';
10
- }
11
- export declare const FlexRow: import("react").ForwardRefExoticComponent<import("@epam/uui-core").IHasCX & import("@epam/uui-core").IClickable & import("react").Attributes & import("@epam/uui-core").IHasChildren & import("@epam/uui-core").IHasRawProps<import("react").HTMLAttributes<HTMLDivElement>> & {
12
- alignItems?: "top" | "bottom" | "center" | "stretch";
13
- } & RowMods & import("react").RefAttributes<any>>;
1
+ /// <reference types="react" />
2
+ import { RowSizeMod } from '../../types';
3
+ export interface RowMods extends RowSizeMod {
4
+ topShadow?: boolean;
5
+ borderBottom?: boolean;
6
+ padding?: '6' | '12' | '18' | '24';
7
+ vPadding?: '12' | '18' | '24' | '36' | '48';
8
+ spacing?: '6' | '12' | '18';
9
+ margin?: '12' | '24';
10
+ }
11
+ export declare const FlexRow: import("react").ForwardRefExoticComponent<import("@epam/uui-core").IHasCX & import("@epam/uui-core").IClickable & import("react").Attributes & import("@epam/uui-core").IHasChildren & import("@epam/uui-core").IHasRawProps<import("react").HTMLAttributes<HTMLDivElement>> & {
12
+ alignItems?: "top" | "bottom" | "center" | "stretch";
13
+ } & RowMods & import("react").RefAttributes<any>>;
14
14
  //# sourceMappingURL=FlexRow.d.ts.map
@@ -1,5 +1,5 @@
1
- export declare const FlexSpacer: {
2
- (props: import("@epam/uui-components").FlexSpacerProps): JSX.Element;
3
- displayName: string;
4
- };
1
+ export declare const FlexSpacer: {
2
+ (props: import("@epam/uui-components").FlexSpacerProps): JSX.Element;
3
+ displayName: string;
4
+ };
5
5
  //# sourceMappingURL=FlexSpacer.d.ts.map
@@ -1,11 +1,11 @@
1
- /// <reference types="react" />
2
- import '../../../assets/styles/variables/layout/panel.scss';
3
- export interface PanelMods {
4
- shadow?: boolean;
5
- margin?: '24';
6
- background?: boolean;
7
- }
8
- export declare const Panel: import("react").ForwardRefExoticComponent<import("@epam/uui-core").IHasCX & import("@epam/uui-core").IHasChildren & import("@epam/uui-core").IClickable & import("@epam/uui-core").IHasRawProps<import("react").HTMLAttributes<HTMLDivElement>> & import("@epam/uui-core").IHasForwardedRef<HTMLDivElement> & import("@epam/uui-core").IAnalyticableClick & {
9
- style?: import("react").CSSProperties;
10
- } & PanelMods & import("react").RefAttributes<any>>;
1
+ /// <reference types="react" />
2
+ import '../../../assets/styles/variables/layout/panel.scss';
3
+ export interface PanelMods {
4
+ shadow?: boolean;
5
+ margin?: '24';
6
+ background?: boolean;
7
+ }
8
+ export declare const Panel: import("react").ForwardRefExoticComponent<import("@epam/uui-core").IHasCX & import("@epam/uui-core").IHasChildren & import("@epam/uui-core").IClickable & import("@epam/uui-core").IHasRawProps<import("react").HTMLAttributes<HTMLDivElement>> & import("@epam/uui-core").IHasForwardedRef<HTMLDivElement> & import("@epam/uui-core").IAnalyticableClick & {
9
+ style?: import("react").CSSProperties;
10
+ } & PanelMods & import("react").RefAttributes<any>>;
11
11
  //# sourceMappingURL=Panel.d.ts.map
@@ -1,5 +1,5 @@
1
- export * from './FlexCell';
2
- export * from './FlexRow';
3
- export * from './FlexSpacer';
4
- export * from './Panel';
1
+ export * from './FlexCell';
2
+ export * from './FlexRow';
3
+ export * from './FlexSpacer';
4
+ export * from './Panel';
5
5
  //# sourceMappingURL=index.d.ts.map
@@ -1,10 +1,10 @@
1
- /// <reference types="react" />
2
- import { ControlIconProps } from '@epam/uui-components';
3
- import { IconColor } from '../buttons';
4
- import '../../assets/styles/variables/layout/iconContainer.scss';
5
- export interface IconContainerMods {
6
- color?: IconColor;
7
- }
8
- export declare function applyIconContainerMods(mods: IconContainerMods): string[];
9
- export declare const IconContainer: import("react").ForwardRefExoticComponent<ControlIconProps & IconContainerMods & import("react").RefAttributes<any>>;
1
+ /// <reference types="react" />
2
+ import { ControlIconProps } from '@epam/uui-components';
3
+ import { IconColor } from '../buttons';
4
+ import '../../assets/styles/variables/layout/iconContainer.scss';
5
+ export interface IconContainerMods {
6
+ color?: IconColor;
7
+ }
8
+ export declare function applyIconContainerMods(mods: IconContainerMods): string[];
9
+ export declare const IconContainer: import("react").ForwardRefExoticComponent<ControlIconProps & IconContainerMods & import("react").RefAttributes<any>>;
10
10
  //# sourceMappingURL=IconContainer.d.ts.map
@@ -1,8 +1,8 @@
1
- /// <reference types="react" />
2
- import * as types from '../types';
3
- import { LabeledInputProps } from '@epam/uui-components';
4
- import '../../assets/styles/variables/layout/labeledInput.scss';
5
- export interface LabeledInputMods extends types.SizeMod {
6
- }
7
- export declare const LabeledInput: import("react").ForwardRefExoticComponent<LabeledInputProps & LabeledInputMods & import("react").RefAttributes<any>>;
1
+ /// <reference types="react" />
2
+ import * as types from '../types';
3
+ import { LabeledInputProps } from '@epam/uui-components';
4
+ import '../../assets/styles/variables/layout/labeledInput.scss';
5
+ export interface LabeledInputMods extends types.SizeMod {
6
+ }
7
+ export declare const LabeledInput: import("react").ForwardRefExoticComponent<LabeledInputProps & LabeledInputMods & import("react").RefAttributes<any>>;
8
8
  //# sourceMappingURL=LabeledInput.d.ts.map
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
2
- import { RadioGroupProps } from '@epam/uui-components';
3
- export declare const RadioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps<any> & import("react").RefAttributes<any>>;
1
+ /// <reference types="react" />
2
+ import { RadioGroupProps } from '@epam/uui-components';
3
+ export declare const RadioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps<any> & import("react").RefAttributes<any>>;
4
4
  //# sourceMappingURL=RadioGroup.d.ts.map
@@ -1,6 +1,6 @@
1
- /// <reference types="react" />
2
- import { ScrollbarProps } from '@epam/uui-components';
3
- import './ScrollBars.scss';
4
- import '../../assets/styles/variables/layout/scrollBars.scss';
5
- export declare const ScrollBars: import("react").ForwardRefExoticComponent<ScrollbarProps & import("react").RefAttributes<any>>;
1
+ /// <reference types="react" />
2
+ import { ScrollbarProps } from '@epam/uui-components';
3
+ import './ScrollBars.scss';
4
+ import '../../assets/styles/variables/layout/scrollBars.scss';
5
+ export declare const ScrollBars: import("react").ForwardRefExoticComponent<ScrollbarProps & import("react").RefAttributes<any>>;
6
6
  //# sourceMappingURL=ScrollBars.d.ts.map
@@ -1,8 +1,8 @@
1
- /// <reference types="react" />
2
- import { VirtualListProps } from '@epam/uui-components';
3
- import '../../assets/styles/variables/layout/scrollBars.scss';
4
- import './VirtualList.scss';
5
- export interface VirtualListMods {
6
- }
7
- export declare const VirtualList: import("react").ForwardRefExoticComponent<VirtualListProps<any, any> & VirtualListMods & import("react").RefAttributes<any>>;
1
+ /// <reference types="react" />
2
+ import { VirtualListProps } from '@epam/uui-components';
3
+ import '../../assets/styles/variables/layout/scrollBars.scss';
4
+ import './VirtualList.scss';
5
+ export interface VirtualListMods {
6
+ }
7
+ export declare const VirtualList: import("react").ForwardRefExoticComponent<VirtualListProps<any, any> & VirtualListMods & import("react").RefAttributes<any>>;
8
8
  //# sourceMappingURL=VirtualList.d.ts.map
@@ -1,9 +1,9 @@
1
- export * from './Accordion';
2
- export * from './ControlGroup';
3
- export * from './FlexItems';
4
- export * from './IconContainer';
5
- export * from './LabeledInput';
6
- export * from './RadioGroup';
7
- export * from './ScrollBars';
8
- export * from './VirtualList';
1
+ export * from './Accordion';
2
+ export * from './ControlGroup';
3
+ export * from './FlexItems';
4
+ export * from './IconContainer';
5
+ export * from './LabeledInput';
6
+ export * from './RadioGroup';
7
+ export * from './ScrollBars';
8
+ export * from './VirtualList';
9
9
  //# sourceMappingURL=index.d.ts.map
@@ -1,6 +1,6 @@
1
- import * as React from 'react';
2
- import { DropdownProps } from '@epam/uui-components';
3
- export declare class Dropdown extends React.Component<DropdownProps, any> {
4
- render(): JSX.Element;
5
- }
1
+ import * as React from 'react';
2
+ import { DropdownProps } from '@epam/uui-components';
3
+ export declare class Dropdown extends React.Component<DropdownProps, any> {
4
+ render(): JSX.Element;
5
+ }
6
6
  //# sourceMappingURL=Dropdown.d.ts.map
@@ -1,7 +1,7 @@
1
- /// <reference types="react" />
2
- import { DropdownContainerProps } from '@epam/uui-components';
3
- import '../../assets/styles/variables/overlays/dropdownContainer.scss';
4
- export interface DropdownContainerMods {
5
- }
6
- export declare const DropdownContainer: import("react").ForwardRefExoticComponent<DropdownContainerProps & DropdownContainerMods & import("react").RefAttributes<any>>;
1
+ /// <reference types="react" />
2
+ import { DropdownContainerProps } from '@epam/uui-components';
3
+ import '../../assets/styles/variables/overlays/dropdownContainer.scss';
4
+ export interface DropdownContainerMods {
5
+ }
6
+ export declare const DropdownContainer: import("react").ForwardRefExoticComponent<DropdownContainerProps & DropdownContainerMods & import("react").RefAttributes<any>>;
7
7
  //# sourceMappingURL=DropdownContainer.d.ts.map