@epam/uui 5.2.0-rc.3 → 5.3.0-rc.0

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 (69) hide show
  1. package/assets/styles/effects.scss +1 -1
  2. package/assets/styles/typography.scss +25 -29
  3. package/components/buttons/Button.d.ts +4 -3
  4. package/components/buttons/Button.d.ts.map +1 -1
  5. package/components/buttons/TabButton.d.ts +2 -1
  6. package/components/buttons/TabButton.d.ts.map +1 -1
  7. package/components/filters/FilterPickerBody.d.ts.map +1 -1
  8. package/components/inputs/Checkbox.d.ts +4 -4
  9. package/components/inputs/Checkbox.d.ts.map +1 -1
  10. package/components/inputs/Slider.d.ts +6 -0
  11. package/components/inputs/Slider.d.ts.map +1 -0
  12. package/components/inputs/Switch.d.ts +4 -3
  13. package/components/inputs/Switch.d.ts.map +1 -1
  14. package/components/inputs/TextInput.d.ts +3 -1
  15. package/components/inputs/TextInput.d.ts.map +1 -1
  16. package/components/inputs/index.d.ts +1 -0
  17. package/components/inputs/index.d.ts.map +1 -1
  18. package/components/layout/Accordion.d.ts +3 -2
  19. package/components/layout/Accordion.d.ts.map +1 -1
  20. package/components/layout/FlexItems/FlexCell.d.ts +3 -1
  21. package/components/layout/FlexItems/FlexCell.d.ts.map +1 -1
  22. package/components/layout/FlexItems/Panel.d.ts +2 -0
  23. package/components/layout/FlexItems/Panel.d.ts.map +1 -1
  24. package/components/layout/LabeledInput.d.ts +3 -2
  25. package/components/layout/LabeledInput.d.ts.map +1 -1
  26. package/components/layout/VirtualList.d.ts +32 -2
  27. package/components/layout/VirtualList.d.ts.map +1 -1
  28. package/components/navigation/MainMenu/MainMenu.d.ts +3 -2
  29. package/components/navigation/MainMenu/MainMenu.d.ts.map +1 -1
  30. package/components/navigation/MainMenu/MainMenuIcon.d.ts +1 -1
  31. package/components/navigation/MainMenu/MainMenuIcon.d.ts.map +1 -1
  32. package/components/overlays/DropdownContainer.d.ts +3 -3
  33. package/components/overlays/DropdownContainer.d.ts.map +1 -1
  34. package/components/overlays/DropdownMenu.d.ts.map +1 -1
  35. package/components/pickers/DataPickerBody.d.ts +1 -2
  36. package/components/pickers/DataPickerBody.d.ts.map +1 -1
  37. package/components/pickers/PickerInput.d.ts +1 -2
  38. package/components/pickers/PickerInput.d.ts.map +1 -1
  39. package/components/tables/ColumnHeaderDropdown/ColumnHeaderDropdown.d.ts.map +1 -1
  40. package/components/tables/DataRowsContainer/DataRowsContainer.d.ts +1 -1
  41. package/components/tables/DataRowsContainer/DataRowsContainer.d.ts.map +1 -1
  42. package/components/tables/DataTable.d.ts.map +1 -1
  43. package/components/types.d.ts +8 -1
  44. package/components/types.d.ts.map +1 -1
  45. package/components/typography/RichTextView.d.ts +3 -2
  46. package/components/typography/RichTextView.d.ts.map +1 -1
  47. package/components/typography/Text.d.ts.map +1 -1
  48. package/components/widgets/Badge.d.ts +4 -2
  49. package/components/widgets/Badge.d.ts.map +1 -1
  50. package/components/widgets/CountIndicator.d.ts +8 -0
  51. package/components/widgets/CountIndicator.d.ts.map +1 -0
  52. package/components/widgets/StatusIndicator.d.ts +15 -0
  53. package/components/widgets/StatusIndicator.d.ts.map +1 -0
  54. package/components/widgets/Tag.d.ts +2 -1
  55. package/components/widgets/Tag.d.ts.map +1 -1
  56. package/components/widgets/index.d.ts +2 -1
  57. package/components/widgets/index.d.ts.map +1 -1
  58. package/index.d.ts +1 -0
  59. package/index.d.ts.map +1 -1
  60. package/index.esm.js +674 -590
  61. package/index.esm.js.map +1 -1
  62. package/index.js +676 -589
  63. package/index.js.map +1 -1
  64. package/package.json +5 -5
  65. package/stats.html +1 -1
  66. package/styles.css +9243 -4149
  67. package/styles.css.map +1 -1
  68. package/components/widgets/Informer.d.ts +0 -8
  69. package/components/widgets/Informer.d.ts.map +0 -1
@@ -1,14 +1,16 @@
1
+ import React from 'react';
1
2
  import { EpamBadgeSemanticColor } from '../types';
2
3
  import { ButtonProps } from '@epam/uui-components';
3
4
  export type BadgeColor = EpamBadgeSemanticColor;
4
- export type BadgeFill = 'solid' | 'semitransparent' | 'transparent';
5
+ export type BadgeFill = 'solid' | 'outline';
5
6
  export type BadgeSize = '18' | '24' | '30' | '36' | '42' | '48';
6
7
  export interface BadgeMods {
7
8
  color?: BadgeColor;
8
9
  fill?: BadgeFill;
9
10
  size?: BadgeSize;
11
+ indicator?: boolean;
10
12
  }
11
13
  export type BadgeProps = ButtonProps & BadgeMods;
12
14
  export declare function applyBadgeMods(mods: BadgeMods): string[];
13
- export declare const Badge: (props: ButtonProps & BadgeMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
15
+ export declare const Badge: (props: ButtonProps & BadgeMods & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
14
16
  //# sourceMappingURL=Badge.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../components/widgets/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,EAAU,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAc3D,MAAM,MAAM,UAAU,GAAG,sBAAsB,CAAC;AAChD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,iBAAiB,GAAG,aAAa,CAAC;AACpE,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhE,MAAM,WAAW,SAAS;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,SAAS,CAAC;AAEjD,wBAAgB,cAAc,CAAC,IAAI,EAAE,SAAS,YAQ7C;AAED,eAAO,MAAM,KAAK,iKAIf,CAAC"}
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../components/widgets/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,EAAU,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAe3D,MAAM,MAAM,UAAU,GAAG,sBAAsB,CAAC;AAChD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAC5C,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhE,MAAM,WAAW,SAAS;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,SAAS,CAAC;AAEjD,wBAAgB,cAAc,CAAC,IAAI,EAAE,SAAS,YAS7C;AAWD,eAAO,MAAM,KAAK,mIAuBhB,CAAC"}
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { IHasCaption, IHasCX } from '@epam/uui-core';
3
+ export interface CountIndicatorProps extends IHasCaption, IHasCX {
4
+ size?: '24' | '18' | '12';
5
+ color: 'neutral' | 'white' | 'info' | 'success' | 'warning' | 'critical' | null;
6
+ }
7
+ export declare const CountIndicator: React.ForwardRefExoticComponent<CountIndicatorProps & React.RefAttributes<HTMLDivElement>>;
8
+ //# sourceMappingURL=CountIndicator.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CountIndicator.d.ts","sourceRoot":"","sources":["../../../components/widgets/CountIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAGrD,MAAM,WAAW,mBAAoB,SAAQ,WAAW,EAAE,MAAM;IAC5D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,IAAI,CAAC;CACnF;AAED,eAAO,MAAM,cAAc,4FAezB,CAAC"}
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import { IHasCX } from '@epam/uui-core';
3
+ export type StatusIndicatorColors = 'neutral' | 'info' | 'success' | 'warning' | 'critical';
4
+ export interface StatusIndicatorProps extends IHasCX {
5
+ /** Component size. If omitted, 24 size will be used. */
6
+ size?: '24' | '18' | '12';
7
+ /** Component color. */
8
+ color?: StatusIndicatorColors;
9
+ /** Fill mode, solid is used by default */
10
+ fill?: 'solid' | 'outline';
11
+ /** Component caption. */
12
+ caption: string;
13
+ }
14
+ export declare const StatusIndicator: React.ForwardRefExoticComponent<StatusIndicatorProps & React.RefAttributes<HTMLDivElement>>;
15
+ //# sourceMappingURL=StatusIndicator.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StatusIndicator.d.ts","sourceRoot":"","sources":["../../../components/widgets/StatusIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAGxC,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAE5F,MAAM,WAAW,oBAAqB,SAAQ,MAAM;IAChD,wDAAwD;IACxD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,uBAAuB;IACvB,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B,0CAA0C;IAC1C,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,yBAAyB;IACzB,OAAO,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,eAAe,6FAiB1B,CAAC"}
@@ -1,3 +1,4 @@
1
+ import React from 'react';
1
2
  import { ButtonProps } from '@epam/uui-components';
2
3
  export type TagSize = '18' | '24' | '30' | '36' | '42' | '48';
3
4
  export interface TagMods {
@@ -5,5 +6,5 @@ export interface TagMods {
5
6
  }
6
7
  export declare function applyTagMods(mods: TagMods): string[];
7
8
  export type TagProps = ButtonProps & TagMods;
8
- export declare const Tag: (props: ButtonProps & TagMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
9
+ export declare const Tag: (props: ButtonProps & TagMods & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
9
10
  //# sourceMappingURL=Tag.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../components/widgets/Tag.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAe3D,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9D,MAAM,WAAW,OAAO;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,OAAO,YAEzC;AAED,MAAM,MAAM,QAAQ,GAAG,WAAW,GAAG,OAAO,CAAC;AAE7C,eAAO,MAAM,GAAG,+JAGb,CAAC"}
1
+ {"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../components/widgets/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAgB3D,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAW9D,MAAM,WAAW,OAAO;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,OAAO,YAOzC;AAED,MAAM,MAAM,QAAQ,GAAG,WAAW,GAAG,OAAO,CAAC;AAE7C,eAAO,MAAM,GAAG,iIAUb,CAAC"}
@@ -7,5 +7,6 @@ export * from './Paginator';
7
7
  export * from './IndeterminateBar';
8
8
  export * from './IndicatorBar';
9
9
  export * from './ProgressBar';
10
- export * from './Informer';
10
+ export * from './CountIndicator';
11
+ export * from './StatusIndicator';
11
12
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/widgets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/widgets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC"}
package/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import './assets/styles/typography.scss';
1
2
  export * from './components';
2
3
  export * from './i18n';
3
4
  export * from './helpers';
package/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.tsx"],"names":[],"mappings":"AAAA,OAAO,iCAAiC,CAAC;AAEzC,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC"}