@epam/uui 5.4.0 → 5.4.1
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.
- package/assets/styles/typography.scss +1 -1
- package/components/buttons/Button.d.ts +6 -3
- package/components/buttons/Button.d.ts.map +1 -1
- package/components/buttons/IconButton.d.ts +6 -3
- package/components/buttons/IconButton.d.ts.map +1 -1
- package/components/buttons/LinkButton.d.ts +11 -2
- package/components/buttons/LinkButton.d.ts.map +1 -1
- package/components/buttons/TabButton.d.ts +4 -1
- package/components/buttons/TabButton.d.ts.map +1 -1
- package/components/buttons/VerticalTabButton.d.ts +1 -1
- package/components/buttons/VerticalTabButton.d.ts.map +1 -1
- package/components/datePickers/DatePicker.d.ts +3 -9
- package/components/datePickers/DatePicker.d.ts.map +1 -1
- package/components/datePickers/DatePickerHeader.d.ts +4 -0
- package/components/datePickers/DatePickerHeader.d.ts.map +1 -1
- package/components/datePickers/RangeDatePicker.d.ts +3 -7
- package/components/datePickers/RangeDatePicker.d.ts.map +1 -1
- package/components/inputs/MultiSwitch.d.ts +5 -2
- package/components/inputs/MultiSwitch.d.ts.map +1 -1
- package/components/inputs/RadioInput.d.ts +3 -0
- package/components/inputs/RadioInput.d.ts.map +1 -1
- package/components/inputs/Slider.d.ts +2 -0
- package/components/inputs/Slider.d.ts.map +1 -1
- package/components/inputs/Switch.d.ts +3 -0
- package/components/inputs/Switch.d.ts.map +1 -1
- package/components/inputs/TextArea.d.ts +1 -0
- package/components/inputs/TextArea.d.ts.map +1 -1
- package/components/inputs/TextInput.d.ts +4 -1
- package/components/inputs/TextInput.d.ts.map +1 -1
- package/components/inputs/TimePicker.d.ts +9 -6
- package/components/inputs/TimePicker.d.ts.map +1 -1
- package/components/layout/Accordion.d.ts +1 -0
- package/components/layout/Accordion.d.ts.map +1 -1
- package/components/layout/Blocker.d.ts.map +1 -1
- package/components/layout/FlexItems/FlexRow.d.ts +4 -4
- package/components/layout/FlexItems/FlexRow.d.ts.map +1 -1
- package/components/layout/FlexItems/Panel.d.ts +1 -1
- package/components/layout/FlexItems/Panel.d.ts.map +1 -1
- package/components/navigation/Anchor.d.ts +1 -1
- package/components/navigation/Anchor.d.ts.map +1 -1
- package/components/navigation/MainMenu/Burger/BurgerButton.d.ts +1 -1
- package/components/navigation/MainMenu/Burger/BurgerButton.d.ts.map +1 -1
- package/components/navigation/MainMenu/MainMenuButton.d.ts +1 -1
- package/components/navigation/MainMenu/MainMenuButton.d.ts.map +1 -1
- package/components/navigation/MainMenu/MainMenuIcon.d.ts +43 -3
- package/components/navigation/MainMenu/MainMenuIcon.d.ts.map +1 -1
- package/components/navigation/MainMenu/MainMenuSearch.d.ts +1 -1
- package/components/overlays/Alert.d.ts +5 -3
- package/components/overlays/Alert.d.ts.map +1 -1
- package/components/overlays/Dropdown.d.ts +1 -2
- package/components/overlays/Dropdown.d.ts.map +1 -1
- package/components/overlays/DropdownMenu.d.ts +1 -1
- package/components/overlays/NotificationCard.d.ts +1 -2
- package/components/overlays/NotificationCard.d.ts.map +1 -1
- package/components/overlays/Tooltip.d.ts +4 -1
- package/components/overlays/Tooltip.d.ts.map +1 -1
- package/components/pickers/PickerInput.d.ts +2 -2
- package/components/pickers/PickerInput.d.ts.map +1 -1
- package/components/pickers/PickerList.d.ts.map +1 -1
- package/components/types.d.ts +0 -24
- package/components/types.d.ts.map +1 -1
- package/components/typography/RichTextView.d.ts +3 -0
- package/components/typography/RichTextView.d.ts.map +1 -1
- package/components/typography/Text.d.ts +6 -5
- package/components/typography/Text.d.ts.map +1 -1
- package/components/widgets/Badge.d.ts +9 -5
- package/components/widgets/Badge.d.ts.map +1 -1
- package/components/widgets/CountIndicator.d.ts +3 -0
- package/components/widgets/CountIndicator.d.ts.map +1 -1
- package/components/widgets/StatusIndicator.d.ts +12 -3
- package/components/widgets/StatusIndicator.d.ts.map +1 -1
- package/components/widgets/Tag.d.ts +14 -5
- package/components/widgets/Tag.d.ts.map +1 -1
- package/index.esm.js +582 -644
- package/index.esm.js.map +1 -1
- package/index.js +581 -654
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/stats.html +1 -1
- package/styles.css +2584 -2547
- package/styles.css.map +1 -1
|
@@ -19,7 +19,7 @@ export declare enum IDropdownControlKeys {
|
|
|
19
19
|
DOWN_ARROW = "ArrowDown"
|
|
20
20
|
}
|
|
21
21
|
export declare const DropdownMenuBody: (props: DropdownMenuContainerProps & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
22
|
-
export declare const DropdownMenuButton: React.ForwardRefExoticComponent<Pick<IDropdownMenuItemProps, "isDisabled" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "caption" | "onClick" | "link" | "cx" | "
|
|
22
|
+
export declare const DropdownMenuButton: React.ForwardRefExoticComponent<Pick<IDropdownMenuItemProps, "isDisabled" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "caption" | "onClick" | "link" | "cx" | "icon" | "iconPosition" | "onIconClick" | "clickAnalyticsEvent" | "isActive" | "target" | "href" | "isSelected" | "isLinkActive" | "indent"> & React.RefAttributes<any>>;
|
|
23
23
|
export declare function DropdownMenuSplitter(props: IHasCX): JSX.Element;
|
|
24
24
|
interface IDropdownMenuHeader extends IHasCX, IHasCaption {
|
|
25
25
|
}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { INotification, Icon, IHasChildren, IHasCX, UuiContexts, IHasRawProps } from '@epam/uui-core';
|
|
3
|
-
import { SemanticColor } from '../types';
|
|
4
3
|
interface NotificationAction extends IHasRawProps<React.ButtonHTMLAttributes<HTMLButtonElement>> {
|
|
5
4
|
name: string;
|
|
6
5
|
action: () => void;
|
|
@@ -10,7 +9,7 @@ export interface DefaultNotificationProps extends INotification, IHasChildren, I
|
|
|
10
9
|
}
|
|
11
10
|
export interface NotificationCardProps extends DefaultNotificationProps {
|
|
12
11
|
icon?: Icon;
|
|
13
|
-
color?:
|
|
12
|
+
color?: 'info' | 'success' | 'warning' | 'error';
|
|
14
13
|
}
|
|
15
14
|
export declare const NotificationCard: React.ForwardRefExoticComponent<NotificationCardProps & React.RefAttributes<HTMLDivElement>>;
|
|
16
15
|
export declare const WarningNotification: React.ForwardRefExoticComponent<DefaultNotificationProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationCard.d.ts","sourceRoot":"","sources":["../../../components/overlays/NotificationCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAc,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"NotificationCard.d.ts","sourceRoot":"","sources":["../../../components/overlays/NotificationCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAc,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAUlH,UAAU,kBAAmB,SAAQ,YAAY,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAC5F,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,wBAAyB,SAAQ,aAAa,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACrI,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAClC;AAED,MAAM,WAAW,qBAAsB,SAAQ,wBAAwB;IACnE,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;CACpD;AAED,eAAO,MAAM,gBAAgB,8FAwC3B,CAAC;AAEH,eAAO,MAAM,mBAAmB,iGAE9B,CAAC;AAEH,eAAO,MAAM,mBAAmB,iGAE9B,CAAC;AAEH,eAAO,MAAM,gBAAgB,iGAE3B,CAAC;AAEH,eAAO,MAAM,iBAAiB,iGAE5B,CAAC;AAEH,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;IACtD,OAAc,WAAW,mEAAc;IAChC,OAAO,EAAE,WAAW,CAAC;IAC5B,MAAM;CAOT"}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { TooltipProps as UuiTooltipProps } from '@epam/uui-components';
|
|
2
2
|
export interface TooltipMods {
|
|
3
|
-
/**
|
|
3
|
+
/**
|
|
4
|
+
* Tooltip color
|
|
5
|
+
* @default 'inverted'
|
|
6
|
+
*/
|
|
4
7
|
color?: 'neutral' | 'inverted' | 'critical';
|
|
5
8
|
}
|
|
6
9
|
export type TooltipProps = UuiTooltipProps & TooltipMods;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../components/overlays/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyB,YAAY,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG9F,MAAM,WAAW,WAAW;IACxB
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../components/overlays/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyB,YAAY,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG9F,MAAM,WAAW,WAAW;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;CAC/C;AAED,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG,WAAW,CAAC;AASzD,eAAO,MAAM,OAAO,uKAAoE,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { PickerInputBaseProps } from '@epam/uui-components';
|
|
3
3
|
import { IHasEditMode, SizeMod } from '../types';
|
|
4
4
|
export type PickerInputProps = SizeMod & IHasEditMode & {};
|
|
5
5
|
export type CompletePickerInputProps<TItem, TId> = PickerInputProps & PickerInputBaseProps<TItem, TId>;
|
|
6
|
-
export declare
|
|
6
|
+
export declare const PickerInput: <TItem, TId>(props: CompletePickerInputProps<TItem, TId>, ref: React.ForwardedRef<HTMLElement>) => JSX.Element;
|
|
7
7
|
//# sourceMappingURL=PickerInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PickerInput.d.ts","sourceRoot":"","sources":["../../../components/pickers/PickerInput.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"PickerInput.d.ts","sourceRoot":"","sources":["../../../components/pickers/PickerInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAuB,oBAAoB,EAAsC,MAAM,sBAAsB,CAAC;AAErH,OAAO,EAAY,YAAY,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAa3D,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,YAAY,GAAG,EAAE,CAAC;AAC3D,MAAM,MAAM,wBAAwB,CAAC,KAAK,EAAE,GAAG,IAAI,gBAAgB,GAAG,oBAAoB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AAqKvG,eAAO,MAAM,WAAW,iEAEf,MAAM,YAAY,CAAC,WAAW,CAAC,KACnC,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PickerList.d.ts","sourceRoot":"","sources":["../../../components/pickers/PickerList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACtG,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAiB,MAAM,sBAAsB,CAAC;AAC9F,OAAO,EAAE,YAAY,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"PickerList.d.ts","sourceRoot":"","sources":["../../../components/pickers/PickerList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACtG,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAiB,MAAM,sBAAsB,CAAC;AAC9F,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAMjD,MAAM,MAAM,eAAe,CAAC,KAAK,EAAE,GAAG,IAAI,OAAO,GACjD,eAAe,GACf,kBAAkB,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG;IAC7B,kBAAkB,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,WAAW,GAAG,YAAY,EAAE,SAAS,EAAE,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IAC5H,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACtC,GAAG,mBAAmB,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,YAAY,CAAC;AAEnD,wBAAgB,UAAU,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,eAAe,CAAC,KAAK,EAAE,GAAG,CAAC,eAkExE"}
|
package/components/types.d.ts
CHANGED
|
@@ -1,28 +1,4 @@
|
|
|
1
|
-
export type ButtonFill = 'solid' | 'outline' | 'ghost' | 'none';
|
|
2
|
-
export declare const allButtonFills: ButtonFill[];
|
|
3
|
-
export type FillStyle = ButtonFill;
|
|
4
|
-
export declare const allFillStyles: FillStyle[];
|
|
5
1
|
export type ControlSize = 'none' | '24' | '30' | '36' | '42' | '48';
|
|
6
|
-
export declare const allSizes: ControlSize[];
|
|
7
|
-
export type RowSize = null | '24' | '30' | '36' | '42' | '48';
|
|
8
|
-
export declare const allRowSizes: RowSize[];
|
|
9
|
-
export type SemanticColor = 'info' | 'success' | 'warning' | 'error';
|
|
10
|
-
export declare const allSemanticColors: SemanticColor[];
|
|
11
|
-
export type EpamBadgeSemanticColor = 'info' | 'success' | 'warning' | 'critical' | 'neutral';
|
|
12
|
-
export declare const allEpamBadgeSemanticColors: EpamBadgeSemanticColor[];
|
|
13
|
-
export type TextSize = 'none' | '18' | '24' | '30' | '36' | '48';
|
|
14
|
-
export declare const allTextSizes: TextSize[];
|
|
15
|
-
export type FontStyle = 'normal' | 'italic';
|
|
16
|
-
export declare const allFontStyles: FontStyle[];
|
|
17
|
-
export type FontWeight = '200' | '300' | '400' | '600' | '700' | '900';
|
|
18
|
-
export declare const allFontWeights: FontWeight[];
|
|
19
|
-
export interface ColorMod {
|
|
20
|
-
/** Component color */
|
|
21
|
-
color?: SemanticColor;
|
|
22
|
-
}
|
|
23
|
-
export interface RowSizeMod {
|
|
24
|
-
size?: RowSize;
|
|
25
|
-
}
|
|
26
2
|
export interface SizeMod {
|
|
27
3
|
size?: ControlSize;
|
|
28
4
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpE,MAAM,WAAW,OAAO;IACpB,IAAI,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,iGAAiG;AACjG,MAAM,WAAW,YAAY;IACzB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;CACrC;AAED,oBAAY,QAAQ;IAChB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,MAAM,WAAW;CACpB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextView.d.ts","sourceRoot":"","sources":["../../../components/typography/RichTextView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAGtD,MAAM,WAAW,gBAAgB;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,MAAM,iBAAiB,GAAG,aAAa,CAAC,iBAAiB,GAAG,gBAAgB,CAAC;AAEnF,eAAO,MAAM,YAAY,4LAGxB,CAAC"}
|
|
1
|
+
{"version":3,"file":"RichTextView.d.ts","sourceRoot":"","sources":["../../../components/typography/RichTextView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAGtD,MAAM,WAAW,gBAAgB;IAC7B;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,MAAM,iBAAiB,GAAG,aAAa,CAAC,iBAAiB,GAAG,gBAAgB,CAAC;AAEnF,eAAO,MAAM,YAAY,4LAGxB,CAAC"}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import * as types from '../types';
|
|
2
1
|
import { TextSettings } from '../../helpers';
|
|
3
2
|
import { TextProps as UuiTextProps } from '@epam/uui-components';
|
|
4
3
|
export type TextColor = 'info' | 'warning' | 'error' | 'success' | 'brand' | 'primary' | 'secondary' | 'disabled' | 'white';
|
|
5
|
-
export
|
|
4
|
+
export type TextSize = 'none' | '18' | '24' | '30' | '36' | '42' | '48';
|
|
5
|
+
export type TextFontStyle = 'normal' | 'italic';
|
|
6
|
+
export type TextFontWeight = '200' | '300' | '400' | '600' | '700' | '900';
|
|
6
7
|
export interface TextMods extends TextSettings {
|
|
7
8
|
color?: TextColor;
|
|
8
|
-
fontWeight?:
|
|
9
|
-
fontStyle?:
|
|
10
|
-
size?:
|
|
9
|
+
fontWeight?: TextFontWeight;
|
|
10
|
+
fontStyle?: TextFontStyle;
|
|
11
|
+
size?: TextSize;
|
|
11
12
|
}
|
|
12
13
|
export type TextProps = UuiTextProps & TextMods;
|
|
13
14
|
export declare const Text: (props: import("@epam/uui-core").IHasCX & import("@epam/uui-core").IHasChildren & import("@epam/uui-core").IClickable & import("@epam/uui-core").IAnalyticableClick & import("@epam/uui-core").IHasRawProps<import("react").HTMLAttributes<HTMLDivElement>> & import("@epam/uui-core").IHasForwardedRef<HTMLDivElement> & TextMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../components/typography/Text.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../components/typography/Text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAmB,SAAS,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGlF,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AAC5H,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACxE,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAChD,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAE3E,MAAM,WAAW,QAAS,SAAQ,YAAY;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,IAAI,CAAC,EAAE,QAAQ,CAAC;CACnB;AAED,MAAM,MAAM,SAAS,GAAG,YAAY,GAAG,QAAQ,CAAC;AAsBhD,eAAO,MAAM,IAAI,ocAA2D,CAAC"}
|
|
@@ -1,16 +1,20 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { EpamBadgeSemanticColor } from '../types';
|
|
3
2
|
import { ButtonProps } from '@epam/uui-components';
|
|
4
|
-
export type BadgeColor = EpamBadgeSemanticColor;
|
|
5
3
|
export type BadgeFill = 'solid' | 'outline';
|
|
6
4
|
export type BadgeSize = '18' | '24' | '30' | '36' | '42' | '48';
|
|
5
|
+
export type BadgeColor = 'info' | 'success' | 'warning' | 'critical' | 'neutral';
|
|
7
6
|
export interface BadgeMods {
|
|
8
7
|
color?: BadgeColor;
|
|
8
|
+
/** @default 'solid' */
|
|
9
9
|
fill?: BadgeFill;
|
|
10
|
+
/** @default '36' */
|
|
10
11
|
size?: BadgeSize;
|
|
11
12
|
indicator?: boolean;
|
|
12
13
|
}
|
|
13
|
-
export type
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
export type BadgeCoreProps = ButtonProps & {
|
|
15
|
+
size?: BadgeSize;
|
|
16
|
+
};
|
|
17
|
+
export type BadgeProps = BadgeCoreProps & BadgeMods;
|
|
18
|
+
export declare function applyBadgeMods(mods: BadgeProps): string[];
|
|
19
|
+
export declare const Badge: (props: (BadgeProps & BadgeMods) & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
16
20
|
//# sourceMappingURL=Badge.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../components/widgets/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../components/widgets/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAgB3D,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;AAChE,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;AAEjF,MAAM,WAAW,SAAS;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,uBAAuB;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oBAAoB;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG;IACvC,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,SAAS,CAAC;AAEpD,wBAAgB,cAAc,CAAC,IAAI,EAAE,UAAU,YAS9C;AAWD,eAAO,MAAM,KAAK,oIAuBhB,CAAC"}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { IHasCaption, IHasCX } from '@epam/uui-core';
|
|
3
3
|
export interface CountIndicatorProps extends IHasCaption, IHasCX {
|
|
4
|
+
/**
|
|
5
|
+
* @default '24'
|
|
6
|
+
*/
|
|
4
7
|
size?: '24' | '18' | '12';
|
|
5
8
|
color: 'neutral' | 'white' | 'info' | 'success' | 'warning' | 'critical' | null;
|
|
6
9
|
}
|
|
@@ -1 +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"}
|
|
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;;OAEG;IACH,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"}
|
|
@@ -2,11 +2,20 @@ import React from 'react';
|
|
|
2
2
|
import { IHasCX } from '@epam/uui-core';
|
|
3
3
|
export type StatusIndicatorColors = 'neutral' | 'info' | 'success' | 'warning' | 'critical';
|
|
4
4
|
export interface StatusIndicatorProps extends IHasCX {
|
|
5
|
-
/**
|
|
5
|
+
/**
|
|
6
|
+
* Component size. If omitted, 24 size will be used.
|
|
7
|
+
* @default '24'
|
|
8
|
+
*/
|
|
6
9
|
size?: '24' | '18' | '12';
|
|
7
|
-
/**
|
|
10
|
+
/**
|
|
11
|
+
* Component color.
|
|
12
|
+
* @default 'neutral'
|
|
13
|
+
*/
|
|
8
14
|
color?: StatusIndicatorColors;
|
|
9
|
-
/**
|
|
15
|
+
/**
|
|
16
|
+
* Fill mode, solid is used by default
|
|
17
|
+
* @default 'solid'
|
|
18
|
+
*/
|
|
10
19
|
fill?: 'solid' | 'outline';
|
|
11
20
|
/** Component caption. */
|
|
12
21
|
caption: string;
|
|
@@ -1 +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
|
|
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;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,yBAAyB;IACzB,OAAO,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,eAAe,6FAiB1B,CAAC"}
|
|
@@ -1,10 +1,19 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ButtonProps } from '@epam/uui-components';
|
|
3
3
|
export type TagSize = '18' | '24' | '30' | '36' | '42' | '48';
|
|
4
|
-
export
|
|
4
|
+
export type TagFill = 'solid' | 'outline';
|
|
5
|
+
export type TagColor = 'info' | 'success' | 'warning' | 'critical' | 'neutral';
|
|
6
|
+
export type TagMods = {
|
|
7
|
+
/** @default 'neutral' */
|
|
8
|
+
color?: TagColor;
|
|
9
|
+
};
|
|
10
|
+
export type TagCoreProps = ButtonProps & {
|
|
11
|
+
/** @default '36' */
|
|
5
12
|
size?: TagSize;
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
export
|
|
13
|
+
/** @default 'solid' */
|
|
14
|
+
fill?: TagFill;
|
|
15
|
+
};
|
|
16
|
+
export type TagProps = TagCoreProps & TagMods;
|
|
17
|
+
export declare function applyTagMods(props: TagProps): string[];
|
|
18
|
+
export declare const Tag: (props: (TagCoreProps & TagMods) & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
10
19
|
//# sourceMappingURL=Tag.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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;AAC9D,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;AAC1C,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;AAW/E,MAAM,MAAM,OAAO,GAAG;IAClB,yBAAyB;IACzB,KAAK,CAAC,EAAE,QAAQ,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG;IACrC,oBAAoB;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uBAAuB;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,YAAY,GAAG,OAAO,CAAC;AAE9C,wBAAgB,YAAY,CAAC,KAAK,EAAE,QAAQ,YAQ3C;AAED,eAAO,MAAM,GAAG,oIAUb,CAAC"}
|