carbon-react 110.2.3 → 110.4.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__/radio-button-mapper/index.d.ts +2 -0
- package/esm/__internal__/radio-button-mapper/index.js +1 -0
- package/esm/__internal__/radio-button-mapper/radio-button-mapper.d.ts +21 -0
- package/esm/__internal__/sticky-footer/index.d.ts +1 -0
- package/esm/__internal__/sticky-footer/sticky-footer.component.d.ts +15 -0
- package/esm/__internal__/sticky-footer/sticky-footer.style.d.ts +2 -0
- package/esm/__internal__/utils/helpers/tags/index.d.ts +1 -0
- package/esm/__spec_helper__/mock-resize-observer.d.ts +1 -1
- package/esm/__spec_helper__/mock-resize-observer.js +2 -2
- package/esm/components/button-toggle/button-toggle.component.d.ts +3 -3
- package/esm/components/button-toggle/button-toggle.component.js +21 -20
- package/esm/components/button-toggle/button-toggle.style.d.ts +1 -1
- package/esm/components/button-toggle-group/button-toggle-group.component.d.ts +45 -0
- package/esm/components/button-toggle-group/button-toggle-group.component.js +187 -92
- package/esm/components/button-toggle-group/button-toggle-group.style.d.ts +4 -0
- package/esm/components/button-toggle-group/button-toggle-group.style.js +2 -2
- package/esm/components/button-toggle-group/index.d.ts +2 -1
- package/esm/components/definition-list/dd.component.d.ts +4 -1
- package/esm/components/definition-list/dd.component.js +1 -0
- package/esm/components/definition-list/dl.component.d.ts +4 -1
- package/esm/components/definition-list/dl.component.js +1 -0
- package/esm/components/definition-list/dt.component.d.ts +4 -1
- package/esm/components/definition-list/dt.component.js +1 -0
- package/esm/components/drawer/drawer.component.d.ts +37 -0
- package/esm/components/drawer/drawer.component.js +43 -54
- package/esm/components/drawer/drawer.style.d.ts +27 -0
- package/esm/components/drawer/drawer.style.js +2 -2
- package/esm/components/drawer/index.d.ts +2 -1
- package/esm/components/drawer/index.js +1 -2
- package/esm/components/menu/__internal__/submenu/submenu.component.js +22 -4
- package/esm/components/menu/menu-item/menu-item.component.js +6 -1
- package/esm/components/menu/menu-item/menu-item.d.ts +4 -0
- package/esm/components/menu/menu-item/menu-item.style.js +158 -149
- package/esm/components/menu/scrollable-block/scrollable-block.component.js +21 -5
- package/esm/components/menu/scrollable-block/scrollable-block.d.ts +6 -0
- package/esm/components/menu/scrollable-block/scrollable-block.style.js +1 -1
- package/esm/components/tabs/__internal__/tabs-header/tabs-header.style.d.ts +6 -0
- package/esm/components/tabs/tab/tab.style.d.ts +2 -0
- package/esm/components/tabs/tabs.style.d.ts +2 -0
- package/lib/__internal__/radio-button-mapper/index.d.ts +2 -0
- package/lib/{components/button-toggle-group/documentation → __internal__/radio-button-mapper}/index.js +2 -2
- package/lib/__internal__/radio-button-mapper/package.json +6 -0
- package/lib/__internal__/radio-button-mapper/radio-button-mapper.d.ts +21 -0
- package/lib/__internal__/sticky-footer/index.d.ts +1 -0
- package/lib/__internal__/sticky-footer/sticky-footer.component.d.ts +15 -0
- package/lib/__internal__/sticky-footer/sticky-footer.style.d.ts +2 -0
- package/lib/__internal__/utils/helpers/tags/index.d.ts +1 -0
- package/lib/__spec_helper__/mock-resize-observer.d.ts +1 -1
- package/lib/__spec_helper__/mock-resize-observer.js +2 -2
- package/lib/components/button-toggle/button-toggle.component.d.ts +3 -3
- package/lib/components/button-toggle/button-toggle.component.js +22 -20
- package/lib/components/button-toggle/button-toggle.style.d.ts +1 -1
- package/lib/components/button-toggle-group/button-toggle-group.component.d.ts +45 -0
- package/lib/components/button-toggle-group/button-toggle-group.component.js +190 -93
- package/lib/components/button-toggle-group/button-toggle-group.style.d.ts +4 -0
- package/lib/components/button-toggle-group/button-toggle-group.style.js +2 -2
- package/lib/components/button-toggle-group/index.d.ts +2 -1
- package/lib/components/definition-list/dd.component.d.ts +4 -1
- package/lib/components/definition-list/dd.component.js +1 -0
- package/lib/components/definition-list/dl.component.d.ts +4 -1
- package/lib/components/definition-list/dl.component.js +1 -0
- package/lib/components/definition-list/dt.component.d.ts +4 -1
- package/lib/components/definition-list/dt.component.js +1 -0
- package/lib/components/drawer/drawer.component.d.ts +37 -0
- package/lib/components/drawer/drawer.component.js +43 -55
- package/lib/components/drawer/drawer.style.d.ts +27 -0
- package/lib/components/drawer/drawer.style.js +3 -3
- package/lib/components/drawer/index.d.ts +2 -1
- package/lib/components/menu/__internal__/submenu/submenu.component.js +23 -4
- package/lib/components/menu/menu-item/menu-item.component.js +6 -1
- package/lib/components/menu/menu-item/menu-item.d.ts +4 -0
- package/lib/components/menu/menu-item/menu-item.style.js +158 -149
- package/lib/components/menu/scrollable-block/scrollable-block.component.js +22 -5
- package/lib/components/menu/scrollable-block/scrollable-block.d.ts +6 -0
- package/lib/components/menu/scrollable-block/scrollable-block.style.js +1 -1
- package/lib/components/tabs/__internal__/tabs-header/tabs-header.style.d.ts +6 -0
- package/lib/components/tabs/tab/tab.style.d.ts +2 -0
- package/lib/components/tabs/tabs.style.d.ts +2 -0
- package/package.json +1 -1
- package/esm/components/button-toggle-group/__definition__.js +0 -38
- package/esm/components/button-toggle-group/button-toggle-group.d.ts +0 -58
- package/esm/components/button-toggle-group/documentation/index.js +0 -1
- package/esm/components/drawer/drawer.d.ts +0 -44
- package/lib/components/button-toggle-group/__definition__.js +0 -50
- package/lib/components/button-toggle-group/button-toggle-group.d.ts +0 -58
- package/lib/components/button-toggle-group/documentation/package.json +0 -6
- package/lib/components/drawer/drawer.d.ts +0 -44
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { MarginProps } from "styled-system";
|
|
3
|
-
|
|
4
|
-
import { ButtonToggleProps } from "../button-toggle";
|
|
5
|
-
import { ValidationProps } from "../../__internal__/validations";
|
|
6
|
-
|
|
7
|
-
type ButtonToggle =
|
|
8
|
-
| React.ReactElement<ButtonToggleProps>
|
|
9
|
-
| boolean
|
|
10
|
-
| null
|
|
11
|
-
| undefined;
|
|
12
|
-
|
|
13
|
-
export interface ButtonToggleGroupProps extends ValidationProps, MarginProps {
|
|
14
|
-
/** Identifier used for testing purposes, applied to the root element of the component. */
|
|
15
|
-
"data-component"?: string;
|
|
16
|
-
/** Identifier used for testing purposes, applied to the root element of the component. */
|
|
17
|
-
"data-element"?: string;
|
|
18
|
-
/** Identifier used for testing purposes, applied to the root element of the component. */
|
|
19
|
-
"data-role"?: string;
|
|
20
|
-
/** Unique id for the root element of the component */
|
|
21
|
-
id: string;
|
|
22
|
-
/** Specifies the name prop to be applied to each button in the group */
|
|
23
|
-
name: string;
|
|
24
|
-
/** Togglable buttons to be rendered. Only accepts children of type ButtonToggle */
|
|
25
|
-
children?: ButtonToggle | ButtonToggle[];
|
|
26
|
-
/** When true, validation icon will be placed on label instead of being placed on the input */
|
|
27
|
-
validationOnLabel?: boolean;
|
|
28
|
-
/** Text for the label. */
|
|
29
|
-
label?: string;
|
|
30
|
-
/** Text for the labels help tooltip. */
|
|
31
|
-
labelHelp?: React.ReactNode;
|
|
32
|
-
/** Spacing between label and a field for inline label, given number will be multiplied by base spacing unit (8) */
|
|
33
|
-
labelSpacing?: 1 | 2;
|
|
34
|
-
/** The percentage width of the ButtonToggleGroup. */
|
|
35
|
-
inputWidth?: number;
|
|
36
|
-
/** The text for the field help. */
|
|
37
|
-
fieldHelp?: string;
|
|
38
|
-
/** Sets the field help to inline. */
|
|
39
|
-
fieldHelpInline?: boolean;
|
|
40
|
-
/** Sets the label to be inline. */
|
|
41
|
-
labelInline?: boolean;
|
|
42
|
-
/** The percentage width of the label. */
|
|
43
|
-
labelWidth?: number;
|
|
44
|
-
/** The alignment for the text in the label. */
|
|
45
|
-
labelAlign?: string;
|
|
46
|
-
/** Callback triggered by blur event on the input. */
|
|
47
|
-
onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
|
|
48
|
-
/** Callback triggered by change event on the input. */
|
|
49
|
-
onChange?: (ev: React.ChangeEvent<HTMLInputElement>) => void;
|
|
50
|
-
/** The value of the Button Toggle Group */
|
|
51
|
-
value?: string;
|
|
52
|
-
/** Aria label for rendered help component */
|
|
53
|
-
helpAriaLabel?: string;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
declare function ButtonToggleGroup(props: ButtonToggleGroupProps): JSX.Element;
|
|
57
|
-
|
|
58
|
-
export default ButtonToggleGroup;
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
|
|
3
|
-
export interface DrawerSidebarContextProps {
|
|
4
|
-
isInSidebar: boolean;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
export interface DrawerPropTypes {
|
|
8
|
-
/** Duration of a animation */
|
|
9
|
-
animationDuration?: string;
|
|
10
|
-
/** Sets color of sidebar's background */
|
|
11
|
-
backgroundColor?: string;
|
|
12
|
-
children: React.ReactNode;
|
|
13
|
-
/** Set the default state of expansion of the Drawer if component is meant to be used as uncontrolled */
|
|
14
|
-
defaultExpanded?: boolean;
|
|
15
|
-
/** Sets the expansion state of the Drawer if component is meant to be used as controlled */
|
|
16
|
-
expanded?: boolean;
|
|
17
|
-
/* The (% or px) width of the expanded sidebar */
|
|
18
|
-
expandedWidth?: string;
|
|
19
|
-
/** Sets custom height to Drawer component */
|
|
20
|
-
height?: string;
|
|
21
|
-
/** Callback fired when expansion state changes */
|
|
22
|
-
onChange?: (
|
|
23
|
-
e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,
|
|
24
|
-
isExpanded: boolean
|
|
25
|
-
) => void;
|
|
26
|
-
/* Sidebar object either html or react component */
|
|
27
|
-
sidebar?: React.ReactNode;
|
|
28
|
-
/** Enables expand/collapse button that controls drawer */
|
|
29
|
-
showControls?: boolean;
|
|
30
|
-
/** Sets title heading of sidebar's content */
|
|
31
|
-
title?: string;
|
|
32
|
-
/** Content to display inside of a footer */
|
|
33
|
-
footer?: React.ReactNode;
|
|
34
|
-
/** Makes the header of the drawer sticky. Title prop must also be set. */
|
|
35
|
-
stickyHeader?: boolean;
|
|
36
|
-
/** Makes the footer of the drawer sticky. Footer prop must also be set. */
|
|
37
|
-
stickyFooter?: boolean;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
declare const DrawerSidebarContext: React.Context<DrawerSidebarContextProps>;
|
|
41
|
-
declare function Drawer(props: DrawerPropTypes): JSX.Element;
|
|
42
|
-
|
|
43
|
-
export { DrawerSidebarContext };
|
|
44
|
-
export default Drawer;
|