carbon-react 109.1.1 → 109.2.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.
- package/esm/__internal__/label/label.component.d.ts +1 -1
- package/esm/__internal__/label/label.component.js +2 -2
- package/esm/components/checkbox/checkbox-group.component.js +0 -5
- package/esm/components/checkbox/checkbox-group.d.ts +0 -2
- package/esm/components/checkbox/checkbox.component.js +1 -3
- package/esm/components/flat-table/sort/sort.component.js +2 -1
- package/esm/components/flat-table/sort/sort.style.js +0 -1
- package/esm/components/help/help.component.d.ts +43 -0
- package/esm/components/help/help.component.js +194 -84
- package/esm/components/help/help.config.d.ts +1 -0
- package/esm/components/help/help.style.d.ts +4 -1
- package/esm/components/help/index.d.ts +2 -1
- package/esm/components/pill/index.d.ts +2 -1
- package/esm/components/pill/pill.component.d.ts +22 -0
- package/esm/components/pill/pill.component.js +219 -42
- package/esm/components/pill/pill.style.config.d.ts +18 -0
- package/esm/components/pill/pill.style.d.ts +22 -0
- package/esm/components/pill/pill.style.js +23 -22
- package/esm/components/popover-container/popover-container.component.js +26 -5
- package/esm/components/popover-container/popover-container.style.d.ts +0 -2
- package/esm/components/popover-container/popover-container.style.js +0 -8
- package/esm/components/select/multi-select/multi-select.component.js +7 -2
- package/esm/components/select/multi-select/multi-select.d.ts +2 -0
- package/esm/components/select/multi-select/multi-select.style.js +1 -0
- package/lib/__internal__/label/label.component.d.ts +1 -1
- package/lib/__internal__/label/label.component.js +2 -2
- package/lib/components/checkbox/checkbox-group.component.js +0 -5
- package/lib/components/checkbox/checkbox-group.d.ts +0 -2
- package/lib/components/checkbox/checkbox.component.js +1 -3
- package/lib/components/flat-table/sort/sort.component.js +2 -1
- package/lib/components/flat-table/sort/sort.style.js +0 -1
- package/lib/components/help/help.component.d.ts +43 -0
- package/lib/components/help/help.component.js +194 -87
- package/lib/components/help/help.config.d.ts +1 -0
- package/lib/components/help/help.style.d.ts +4 -1
- package/lib/components/help/index.d.ts +2 -1
- package/lib/components/pill/index.d.ts +2 -1
- package/lib/components/pill/pill.component.d.ts +22 -0
- package/lib/components/pill/pill.component.js +220 -46
- package/lib/components/pill/pill.style.config.d.ts +18 -0
- package/lib/components/pill/pill.style.d.ts +22 -0
- package/lib/components/pill/pill.style.js +23 -23
- package/lib/components/popover-container/popover-container.component.js +27 -5
- package/lib/components/popover-container/popover-container.style.d.ts +0 -2
- package/lib/components/popover-container/popover-container.style.js +0 -8
- package/lib/components/select/multi-select/multi-select.component.js +7 -2
- package/lib/components/select/multi-select/multi-select.d.ts +2 -0
- package/lib/components/select/multi-select/multi-select.style.js +1 -0
- package/package.json +4 -4
- package/esm/components/help/help.d.ts +0 -41
- package/esm/components/pill/pill.d.ts +0 -24
- package/lib/components/help/help.d.ts +0 -41
- package/lib/components/pill/pill.d.ts +0 -24
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { IconType } from "components/icon/icon-type";
|
|
3
|
-
import { MarginProps } from "styled-system";
|
|
4
|
-
|
|
5
|
-
export interface HelpProps extends MarginProps {
|
|
6
|
-
/** Overrides the default 'as' attribute of the Help component */
|
|
7
|
-
as?: string;
|
|
8
|
-
/** The message to be displayed within the tooltip */
|
|
9
|
-
children?: React.ReactNode;
|
|
10
|
-
/** [Legacy] A custom class name for the component. */
|
|
11
|
-
className?: string;
|
|
12
|
-
/** The unique id of the component (used with aria-describedby for accessibility) */
|
|
13
|
-
helpId?: string;
|
|
14
|
-
/** A path for the anchor */
|
|
15
|
-
href?: string;
|
|
16
|
-
/** A boolean received from IconWrapper */
|
|
17
|
-
isFocused?: boolean;
|
|
18
|
-
/** Overrides the default tabindex of the component */
|
|
19
|
-
tabIndex?: number | string;
|
|
20
|
-
/** Override background color of the Tooltip, provide any color from palette or any valid css color value. */
|
|
21
|
-
tooltipBgColor?: string;
|
|
22
|
-
/** Override font color of the Tooltip, provide any color from palette or any valid css color value. */
|
|
23
|
-
tooltipFontColor?: string;
|
|
24
|
-
/** Overrides the default flip behaviour of the Tooltip,
|
|
25
|
-
* must be an array containing some or all of ["top", "bottom", "left", "right"]
|
|
26
|
-
* (see https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements)
|
|
27
|
-
*/
|
|
28
|
-
tooltipFlipOverrides?: ["top" | "bottom" | "left" | "right"];
|
|
29
|
-
/** Position of tooltip relative to target */
|
|
30
|
-
tooltipPosition?: "top" | "bottom" | "left" | "right";
|
|
31
|
-
/** Id passed to the tooltip container, used for accessibility purposes */
|
|
32
|
-
tooltipId?: string;
|
|
33
|
-
/** Help Icon type */
|
|
34
|
-
type?: IconType;
|
|
35
|
-
/** Aria label */
|
|
36
|
-
ariaLabel?: string;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
declare function Help(props: HelpProps): JSX.Element;
|
|
40
|
-
|
|
41
|
-
export default Help;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { MarginProps } from "styled-system";
|
|
3
|
-
|
|
4
|
-
export interface PillProps extends MarginProps {
|
|
5
|
-
/** Override color variant, provide any color from palette or any valid css color value. */
|
|
6
|
-
borderColor?: string;
|
|
7
|
-
/** Change the color of a status pill. */
|
|
8
|
-
colorVariant?: "neutral" | "negative" | "positive" | "warning";
|
|
9
|
-
/** The content to display inside of the pill. */
|
|
10
|
-
children: string;
|
|
11
|
-
/** Fills the pill background with colour. When fill is false only the border is coloured. */
|
|
12
|
-
fill?: boolean;
|
|
13
|
-
/** Callback function for when the pill is clicked. */
|
|
14
|
-
onClick?: React.MouseEventHandler<HTMLSpanElement>;
|
|
15
|
-
/** Callback function for when the remove icon is clicked. */
|
|
16
|
-
onDelete?: React.MouseEventHandler<HTMLButtonElement>;
|
|
17
|
-
/** Sets the type of pill in use. */
|
|
18
|
-
pillRole?: "tag" | "status";
|
|
19
|
-
size?: "S" | "M" | "L" | "XL";
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
declare function Pill(props: PillProps): JSX.Element;
|
|
23
|
-
|
|
24
|
-
export default Pill;
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { IconType } from "components/icon/icon-type";
|
|
3
|
-
import { MarginProps } from "styled-system";
|
|
4
|
-
|
|
5
|
-
export interface HelpProps extends MarginProps {
|
|
6
|
-
/** Overrides the default 'as' attribute of the Help component */
|
|
7
|
-
as?: string;
|
|
8
|
-
/** The message to be displayed within the tooltip */
|
|
9
|
-
children?: React.ReactNode;
|
|
10
|
-
/** [Legacy] A custom class name for the component. */
|
|
11
|
-
className?: string;
|
|
12
|
-
/** The unique id of the component (used with aria-describedby for accessibility) */
|
|
13
|
-
helpId?: string;
|
|
14
|
-
/** A path for the anchor */
|
|
15
|
-
href?: string;
|
|
16
|
-
/** A boolean received from IconWrapper */
|
|
17
|
-
isFocused?: boolean;
|
|
18
|
-
/** Overrides the default tabindex of the component */
|
|
19
|
-
tabIndex?: number | string;
|
|
20
|
-
/** Override background color of the Tooltip, provide any color from palette or any valid css color value. */
|
|
21
|
-
tooltipBgColor?: string;
|
|
22
|
-
/** Override font color of the Tooltip, provide any color from palette or any valid css color value. */
|
|
23
|
-
tooltipFontColor?: string;
|
|
24
|
-
/** Overrides the default flip behaviour of the Tooltip,
|
|
25
|
-
* must be an array containing some or all of ["top", "bottom", "left", "right"]
|
|
26
|
-
* (see https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements)
|
|
27
|
-
*/
|
|
28
|
-
tooltipFlipOverrides?: ["top" | "bottom" | "left" | "right"];
|
|
29
|
-
/** Position of tooltip relative to target */
|
|
30
|
-
tooltipPosition?: "top" | "bottom" | "left" | "right";
|
|
31
|
-
/** Id passed to the tooltip container, used for accessibility purposes */
|
|
32
|
-
tooltipId?: string;
|
|
33
|
-
/** Help Icon type */
|
|
34
|
-
type?: IconType;
|
|
35
|
-
/** Aria label */
|
|
36
|
-
ariaLabel?: string;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
declare function Help(props: HelpProps): JSX.Element;
|
|
40
|
-
|
|
41
|
-
export default Help;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { MarginProps } from "styled-system";
|
|
3
|
-
|
|
4
|
-
export interface PillProps extends MarginProps {
|
|
5
|
-
/** Override color variant, provide any color from palette or any valid css color value. */
|
|
6
|
-
borderColor?: string;
|
|
7
|
-
/** Change the color of a status pill. */
|
|
8
|
-
colorVariant?: "neutral" | "negative" | "positive" | "warning";
|
|
9
|
-
/** The content to display inside of the pill. */
|
|
10
|
-
children: string;
|
|
11
|
-
/** Fills the pill background with colour. When fill is false only the border is coloured. */
|
|
12
|
-
fill?: boolean;
|
|
13
|
-
/** Callback function for when the pill is clicked. */
|
|
14
|
-
onClick?: React.MouseEventHandler<HTMLSpanElement>;
|
|
15
|
-
/** Callback function for when the remove icon is clicked. */
|
|
16
|
-
onDelete?: React.MouseEventHandler<HTMLButtonElement>;
|
|
17
|
-
/** Sets the type of pill in use. */
|
|
18
|
-
pillRole?: "tag" | "status";
|
|
19
|
-
size?: "S" | "M" | "L" | "XL";
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
declare function Pill(props: PillProps): JSX.Element;
|
|
23
|
-
|
|
24
|
-
export default Pill;
|