carbon-react 106.2.2 → 106.3.2

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 (73) hide show
  1. package/esm/__internal__/input/input-presentation.component.js +13 -0
  2. package/esm/__internal__/input/input.component.js +294 -0
  3. package/esm/__internal__/input-behaviour/input-behaviour.component.js +4 -0
  4. package/esm/__internal__/input-behaviour/input-group-behaviour.component.js +5 -0
  5. package/esm/__internal__/validation-message/validation-message.component.js +5 -0
  6. package/esm/__internal__/validations/validation-icon.component.js +41 -1
  7. package/esm/components/alert/alert.component.js +38 -252
  8. package/esm/components/alert/index.d.ts +1 -0
  9. package/esm/components/badge/badge.component.js +20 -60
  10. package/esm/components/button/button.component.js +760 -3310
  11. package/esm/components/carbon-provider/carbon-provider.component.js +48 -106
  12. package/esm/components/date/__internal__/utils.js +1 -1
  13. package/esm/components/date/date.component.js +3 -1
  14. package/esm/components/heading/heading.style.d.ts +2 -2
  15. package/esm/components/hr/hr.component.js +171 -1305
  16. package/esm/components/hr/index.d.ts +1 -0
  17. package/esm/components/inline-inputs/inline-inputs.component.js +35 -90
  18. package/esm/components/link/index.d.ts +1 -0
  19. package/esm/components/link/link.component.js +123 -1228
  20. package/esm/components/navigation-bar/index.d.ts +1 -0
  21. package/esm/components/navigation-bar/navigation-bar.component.js +1018 -10761
  22. package/esm/components/pager/pager.style.d.ts +1 -1
  23. package/esm/components/pod/pod.style.d.ts +1 -1
  24. package/esm/components/progress-tracker/progress-tracker.component.d.ts +4 -1
  25. package/esm/components/progress-tracker/progress-tracker.component.js +25 -2
  26. package/esm/components/progress-tracker/progress-tracker.config.d.ts +0 -1
  27. package/esm/components/progress-tracker/progress-tracker.config.js +1 -1
  28. package/esm/components/progress-tracker/progress-tracker.d.ts +5 -3
  29. package/esm/components/progress-tracker/progress-tracker.style.js +9 -7
  30. package/esm/components/radio-button/radio-button-svg.component.js +16 -29
  31. package/esm/components/text-editor/__internal__/editor-link/editor-link.style.d.ts +1 -1
  32. package/esm/components/tooltip/tooltip.component.js +85 -254
  33. package/esm/components/vertical-divider/index.d.ts +1 -0
  34. package/esm/components/vertical-divider/vertical-divider.component.d.ts +2 -2
  35. package/esm/components/vertical-divider/vertical-divider.component.js +328 -1406
  36. package/esm/components/vertical-divider/vertical-divider.style.d.ts +3 -3
  37. package/lib/__internal__/input/input-presentation.component.js +16 -0
  38. package/lib/__internal__/input/input.component.js +295 -0
  39. package/lib/__internal__/input-behaviour/input-behaviour.component.js +6 -1
  40. package/lib/__internal__/input-behaviour/input-group-behaviour.component.js +7 -1
  41. package/lib/__internal__/validation-message/validation-message.component.js +6 -0
  42. package/lib/__internal__/validations/validation-icon.component.js +39 -0
  43. package/lib/components/alert/alert.component.js +42 -143
  44. package/lib/components/alert/index.d.ts +1 -0
  45. package/lib/components/badge/badge.component.js +24 -50
  46. package/lib/components/button/button.component.js +768 -3378
  47. package/lib/components/carbon-provider/carbon-provider.component.js +54 -110
  48. package/lib/components/date/__internal__/utils.js +1 -1
  49. package/lib/components/date/date.component.js +3 -1
  50. package/lib/components/heading/heading.style.d.ts +2 -2
  51. package/lib/components/hr/hr.component.js +175 -676
  52. package/lib/components/hr/index.d.ts +1 -0
  53. package/lib/components/inline-inputs/inline-inputs.component.js +43 -137
  54. package/lib/components/link/index.d.ts +1 -0
  55. package/lib/components/link/link.component.js +142 -746
  56. package/lib/components/navigation-bar/index.d.ts +1 -0
  57. package/lib/components/navigation-bar/navigation-bar.component.js +1022 -5426
  58. package/lib/components/pager/pager.style.d.ts +1 -1
  59. package/lib/components/pod/pod.style.d.ts +1 -1
  60. package/lib/components/progress-tracker/progress-tracker.component.d.ts +4 -1
  61. package/lib/components/progress-tracker/progress-tracker.component.js +30 -2
  62. package/lib/components/progress-tracker/progress-tracker.config.d.ts +0 -1
  63. package/lib/components/progress-tracker/progress-tracker.config.js +3 -3
  64. package/lib/components/progress-tracker/progress-tracker.d.ts +5 -3
  65. package/lib/components/progress-tracker/progress-tracker.style.js +8 -6
  66. package/lib/components/radio-button/radio-button-svg.component.js +20 -38
  67. package/lib/components/text-editor/__internal__/editor-link/editor-link.style.d.ts +1 -1
  68. package/lib/components/tooltip/tooltip.component.js +98 -215
  69. package/lib/components/vertical-divider/index.d.ts +1 -0
  70. package/lib/components/vertical-divider/vertical-divider.component.d.ts +2 -2
  71. package/lib/components/vertical-divider/vertical-divider.component.js +334 -1457
  72. package/lib/components/vertical-divider/vertical-divider.style.d.ts +3 -3
  73. package/package.json +4 -3
@@ -1 +1,2 @@
1
1
  export { default } from "./hr.component";
2
+ export type { HrProps } from "./hr.component";
@@ -1,31 +1,20 @@
1
1
  import React, { useRef } from "react";
2
2
  import PropTypes from "prop-types";
3
3
  import Label from "../../__internal__/label";
4
- import StyledInlineInputs, {
5
- StyledContentContainer,
6
- StyledInlineInput,
7
- } from "./inline-inputs.style";
4
+ import StyledInlineInputs, { StyledContentContainer, StyledInlineInput } from "./inline-inputs.style";
8
5
  import createGuid from "../../__internal__/utils/helpers/guid";
9
- export const InlineInputsContext = /*#__PURE__*/ React.createContext({});
6
+ export const InlineInputsContext = /*#__PURE__*/React.createContext({});
10
7
 
11
8
  const columnWrapper = (children, gutter, labelId) => {
12
- return React.Children.map(children, (input) => {
13
- return /*#__PURE__*/ React.createElement(
14
- InlineInputsContext.Provider,
15
- {
16
- value: {
17
- ariaLabelledBy: labelId,
18
- },
19
- },
20
- /*#__PURE__*/ React.createElement(
21
- StyledInlineInput,
22
- {
23
- gutter: gutter,
24
- "data-element": "inline-input",
25
- },
26
- input
27
- )
28
- );
9
+ return React.Children.map(children, input => {
10
+ return /*#__PURE__*/React.createElement(InlineInputsContext.Provider, {
11
+ value: {
12
+ ariaLabelledBy: labelId
13
+ }
14
+ }, /*#__PURE__*/React.createElement(StyledInlineInput, {
15
+ gutter: gutter,
16
+ "data-element": "inline-input"
17
+ }, input));
29
18
  });
30
19
  };
31
20
 
@@ -36,83 +25,39 @@ const InlineInputs = ({
36
25
  className = "",
37
26
  gutter = "none",
38
27
  inputWidth,
39
- labelWidth,
28
+ labelWidth
40
29
  }) => {
41
30
  const labelId = useRef(createGuid());
42
31
 
43
32
  function renderLabel() {
44
33
  if (!label) return null;
45
- return /*#__PURE__*/ React.createElement(
46
- Label,
47
- {
48
- labelId: labelId.current,
49
- inline: true,
50
- htmlFor: htmlFor,
51
- },
52
- label
53
- );
34
+ return /*#__PURE__*/React.createElement(Label, {
35
+ labelId: labelId.current,
36
+ inline: true,
37
+ htmlFor: htmlFor
38
+ }, label);
54
39
  }
55
40
 
56
- return /*#__PURE__*/ React.createElement(
57
- StyledInlineInputs,
58
- {
59
- gutter: gutter,
60
- "data-component": "inline-inputs",
61
- className: className,
62
- labelWidth: labelWidth,
63
- },
64
- renderLabel(),
65
- /*#__PURE__*/ React.createElement(
66
- StyledContentContainer,
67
- {
68
- gutter: gutter,
69
- "data-element": "inline-inputs-container",
70
- inputWidth: inputWidth,
71
- },
72
- columnWrapper(children, gutter, label ? labelId.current : undefined)
73
- )
74
- );
41
+ return /*#__PURE__*/React.createElement(StyledInlineInputs, {
42
+ gutter: gutter,
43
+ "data-component": "inline-inputs",
44
+ className: className,
45
+ labelWidth: labelWidth
46
+ }, renderLabel(), /*#__PURE__*/React.createElement(StyledContentContainer, {
47
+ gutter: gutter,
48
+ "data-element": "inline-inputs-container",
49
+ inputWidth: inputWidth
50
+ }, columnWrapper(children, gutter, label ? labelId.current : undefined)));
75
51
  };
76
52
 
77
53
  InlineInputs.propTypes = {
78
- /**
79
- * Children elements
80
- */
81
- children: PropTypes.node,
82
- /**
83
- * [Legacy prop] A custom class name for the component.
84
- */
85
- className: PropTypes.string,
86
- /**
87
- * Gutter prop gets passed down to Row component if false gutter value is "none"
88
- */
89
- gutter: PropTypes.oneOf([
90
- "extra-large",
91
- "extra-small",
92
- "large",
93
- "medium-large",
94
- "medium-small",
95
- "medium",
96
- "none",
97
- "small",
98
- ]),
99
- /**
100
- * The id of the corresponding input control for the label
101
- */
102
- htmlFor: PropTypes.string,
103
- /**
104
- * Width of the inline inputs container in percentage
105
- */
106
- inputWidth: PropTypes.number,
107
- /**
108
- * Defines the label text for the heading.
109
- */
110
- label: PropTypes.string,
111
- /**
112
- * Width of a label in percentage
113
- */
114
- labelWidth: PropTypes.number,
54
+ "children": PropTypes.node,
55
+ "className": PropTypes.string,
56
+ "gutter": PropTypes.oneOf(["extra-large", "extra-small", "large", "medium-large", "medium-small", "medium", "none", "small"]),
57
+ "htmlFor": PropTypes.string,
58
+ "inputWidth": PropTypes.number,
59
+ "label": PropTypes.string,
60
+ "labelWidth": PropTypes.number
115
61
  };
116
-
117
62
  InlineInputs.displayName = "InlineInputs";
118
- export default InlineInputs;
63
+ export default InlineInputs;
@@ -1 +1,2 @@
1
1
  export { default } from "./link.component";
2
+ export type { LinkProps } from "./link.component";