carbon-react 111.15.0 → 111.17.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 (71) hide show
  1. package/esm/components/confirm/confirm.component.d.ts +37 -0
  2. package/esm/components/confirm/confirm.component.js +46 -113
  3. package/esm/components/confirm/confirm.config.d.ts +1 -0
  4. package/esm/components/confirm/confirm.style.d.ts +5 -0
  5. package/esm/components/confirm/confirm.style.js +1 -5
  6. package/esm/components/confirm/index.d.ts +2 -1
  7. package/esm/components/dialog/dialog.style.js +1 -1
  8. package/esm/components/dialog-full-screen/content.style.d.ts +7 -0
  9. package/esm/components/dialog-full-screen/dialog-full-screen.component.d.ts +55 -0
  10. package/esm/components/dialog-full-screen/dialog-full-screen.component.js +45 -80
  11. package/esm/components/dialog-full-screen/dialog-full-screen.style.d.ts +4 -0
  12. package/esm/components/dialog-full-screen/index.d.ts +2 -1
  13. package/esm/components/form/form.component.d.ts +4 -2
  14. package/esm/components/form/form.component.js +165 -6
  15. package/esm/components/form/form.style.js +6 -1
  16. package/esm/components/modal/modal.component.d.ts +2 -1
  17. package/esm/components/modal/modal.component.js +3 -0
  18. package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.component.d.ts +8 -2
  19. package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.component.js +168 -6
  20. package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.style.d.ts +4 -2
  21. package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js +24 -4
  22. package/esm/components/sidebar/sidebar.component.d.ts +2 -0
  23. package/esm/components/sidebar/sidebar.component.js +162 -3
  24. package/esm/components/tile/tile-footer/tile-footer.component.js +3 -5
  25. package/esm/components/tile/tile-footer/tile-footer.d.ts +1 -1
  26. package/esm/components/tile/tile-footer/tile-footer.style.js +15 -1
  27. package/esm/components/tile/tile.component.js +10 -3
  28. package/esm/components/tile/tile.d.ts +15 -0
  29. package/esm/components/tile/tile.style.js +30 -3
  30. package/esm/style/design-tokens/debug-theme.util.d.ts +15 -1
  31. package/esm/style/themes/sage/index.d.ts +15 -1
  32. package/esm/style/utils/form-style-utils.d.ts +4 -2
  33. package/esm/style/utils/form-style-utils.js +7 -2
  34. package/lib/components/confirm/confirm.component.d.ts +37 -0
  35. package/lib/components/confirm/confirm.component.js +47 -114
  36. package/lib/components/confirm/confirm.config.d.ts +1 -0
  37. package/lib/components/confirm/confirm.style.d.ts +5 -0
  38. package/lib/components/confirm/confirm.style.js +1 -6
  39. package/lib/components/confirm/index.d.ts +2 -1
  40. package/lib/components/dialog/dialog.style.js +1 -1
  41. package/lib/components/dialog-full-screen/content.style.d.ts +7 -0
  42. package/lib/components/dialog-full-screen/dialog-full-screen.component.d.ts +55 -0
  43. package/lib/components/dialog-full-screen/dialog-full-screen.component.js +46 -81
  44. package/lib/components/dialog-full-screen/dialog-full-screen.style.d.ts +4 -0
  45. package/lib/components/dialog-full-screen/index.d.ts +2 -1
  46. package/lib/components/form/form.component.d.ts +4 -2
  47. package/lib/components/form/form.component.js +165 -6
  48. package/lib/components/form/form.style.js +5 -0
  49. package/lib/components/modal/modal.component.d.ts +2 -1
  50. package/lib/components/modal/modal.component.js +3 -0
  51. package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.component.d.ts +8 -2
  52. package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.component.js +167 -5
  53. package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.style.d.ts +4 -2
  54. package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js +31 -4
  55. package/lib/components/sidebar/sidebar.component.d.ts +2 -0
  56. package/lib/components/sidebar/sidebar.component.js +161 -2
  57. package/lib/components/tile/tile-footer/tile-footer.component.js +4 -3
  58. package/lib/components/tile/tile-footer/tile-footer.d.ts +1 -1
  59. package/lib/components/tile/tile-footer/tile-footer.style.js +14 -1
  60. package/lib/components/tile/tile.component.js +12 -2
  61. package/lib/components/tile/tile.d.ts +15 -0
  62. package/lib/components/tile/tile.style.js +29 -3
  63. package/lib/style/design-tokens/debug-theme.util.d.ts +15 -1
  64. package/lib/style/themes/sage/index.d.ts +15 -1
  65. package/lib/style/utils/form-style-utils.d.ts +4 -2
  66. package/lib/style/utils/form-style-utils.js +7 -2
  67. package/package.json +3 -3
  68. package/esm/components/confirm/confirm.d.ts +0 -50
  69. package/esm/components/dialog-full-screen/dialog-full-screen.d.ts +0 -52
  70. package/lib/components/confirm/confirm.d.ts +0 -50
  71. package/lib/components/dialog-full-screen/dialog-full-screen.d.ts +0 -52
@@ -1,50 +0,0 @@
1
- import { IconType } from "components/icon/icon-type";
2
- import * as React from "react";
3
- import { DialogProps } from "../dialog";
4
-
5
- export interface ConfirmProps extends DialogProps {
6
- /** Color variants for new business themes: "primary" | "secondary" | "tertiary" | "dashed" | "darkBackground" */
7
- cancelButtonType?:
8
- | "primary"
9
- | "secondary"
10
- | "tertiary"
11
- | "dashed"
12
- | "darkBackground";
13
- /** Color variants for new business themes: "primary" | "secondary" | "tertiary" | "dashed" | "darkBackground" */
14
- confirmButtonType?:
15
- | "primary"
16
- | "secondary"
17
- | "tertiary"
18
- | "dashed"
19
- | "darkBackground";
20
- /** Customise the cancel button label */
21
- cancelLabel?: string;
22
- /** Customise the confirm button label */
23
- confirmLabel?: string;
24
- /** Apply destructive style to the cancel button */
25
- cancelButtonDestructive?: boolean;
26
- /** Apply destructive style to the confirm button */
27
- confirmButtonDestructive?: boolean;
28
- /** Defines a cancel button Icon position related to the children: "before" | "after" */
29
- cancelButtonIconPosition?: "before" | "after";
30
- /** Defines an Icon type within the cancel button (see Icon for options) */
31
- cancelButtonIconType?: IconType;
32
- /** Defines a cancel button Icon position related to the children: "before" | "after" */
33
- confirmButtonIconPosition?: "before" | "after";
34
- /** Defines an Icon type within the confirm button (see Icon for options) */
35
- confirmButtonIconType?: IconType;
36
- /** Makes cancel button disabled */
37
- disableCancel?: boolean;
38
- /** Makes confirm button disabled */
39
- disableConfirm?: boolean;
40
- /** Defines an Icon type within the button (see Icon for options) */
41
- iconType?: "error" | "warning";
42
- /** Adds isLoading state into confirm button */
43
- isLoadingConfirm?: boolean;
44
- /** A custom event handler when a confirmation takes place */
45
- onConfirm: (ev: React.MouseEvent<HTMLButtonElement>) => void;
46
- }
47
-
48
- declare class Confirm extends React.Component<ConfirmProps> {}
49
-
50
- export default Confirm;
@@ -1,52 +0,0 @@
1
- import * as React from "react";
2
- import { ModalProps } from "../modal";
3
-
4
- export interface DialogFullScreenProps extends ModalProps {
5
- /** Prop to specify the aria-describedby property of the DialogFullscreen component */
6
- "aria-describedby"?: string;
7
- /**
8
- * Prop to specify the aria-label of the DialogFullscreen component.
9
- * To be used only when the title prop is not defined, and the component is not labelled by any internal element.
10
- */
11
- "aria-label"?: string;
12
- /**
13
- * Prop to specify the aria-labelledby property of the DialogFullscreen component
14
- * To be used when the title prop is a custom React Node,
15
- * or the component is labelled by an internal element other than the title.
16
- */
17
- "aria-labelledby"?: string;
18
- /** Child elements */
19
- children?: React.ReactNode;
20
- /** Reference to the scrollable content element */
21
- contentRef?:
22
- | React.MutableRefObject<HTMLElement>
23
- | (() => React.MutableRefObject<HTMLElement>);
24
- /** Disables auto focus functionality on child elements */
25
- disableAutoFocus?: boolean;
26
- /** remove padding from content */
27
- disableContentPadding?: boolean;
28
- /** Optional reference to an element meant to be focused on open */
29
- focusFirstElement?: React.MutableRefObject<HTMLElement>;
30
- /** Container for components to be displayed in the header */
31
- headerChildren?: React.ReactNode;
32
- /** Adds Help tooltip to Header */
33
- help?: string;
34
- /** For legacy styling when used with Pages component. Do not use this unless using Pages within a DialogFullScreen */
35
- pagesStyling?: boolean;
36
- /** Determines if the close icon is shown */
37
- showCloseIcon?: boolean;
38
- /** Subtitle displayed at top of dialog */
39
- subtitle?: string;
40
- /** Title displayed at top of dialog */
41
- title?: React.ReactNode;
42
- /** The ARIA role to be applied to the DialogFullscreen container */
43
- role?: string;
44
- /** an optional array of refs to containers whose content should also be reachable by tabbing from the dialog */
45
- focusableContainers?: React.MutableRefObject<HTMLElement | null>[];
46
- /** Optional selector to identify the focusable elements, if not provided a default selector is used */
47
- focusableSelectors?: string;
48
- }
49
-
50
- declare function DialogFullScreen(props: DialogFullScreenProps): JSX.Element;
51
-
52
- export default DialogFullScreen;