carbon-react 106.3.1 → 106.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.
Files changed (75) 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/heading/heading.style.d.ts +2 -2
  13. package/esm/components/hr/hr.component.js +171 -1305
  14. package/esm/components/hr/index.d.ts +1 -0
  15. package/esm/components/inline-inputs/inline-inputs.component.js +35 -90
  16. package/esm/components/link/index.d.ts +1 -0
  17. package/esm/components/link/link.component.js +123 -1228
  18. package/esm/components/menu/scrollable-block/scrollable-block.style.js +1 -1
  19. package/esm/components/navigation-bar/index.d.ts +1 -0
  20. package/esm/components/navigation-bar/navigation-bar.component.js +1018 -10761
  21. package/esm/components/pager/pager.style.d.ts +1 -1
  22. package/esm/components/pod/pod.style.d.ts +1 -1
  23. package/esm/components/radio-button/radio-button-svg.component.js +16 -29
  24. package/esm/components/select/filterable-select/filterable-select.component.js +1 -4
  25. package/esm/components/select/multi-select/multi-select.component.js +1 -4
  26. package/esm/components/select/select-list/select-list.component.js +1 -4
  27. package/esm/components/select/simple-select/simple-select.component.js +1 -4
  28. package/esm/components/select/utils/get-next-index-by-key.d.ts +1 -0
  29. package/esm/components/select/utils/get-next-index-by-key.js +50 -18
  30. package/esm/components/select/utils/is-navigation-key.d.ts +1 -0
  31. package/esm/components/select/utils/is-navigation-key.js +4 -0
  32. package/esm/components/text-editor/__internal__/editor-link/editor-link.style.d.ts +1 -1
  33. package/esm/components/tooltip/tooltip.component.js +85 -254
  34. package/esm/components/vertical-divider/index.d.ts +1 -0
  35. package/esm/components/vertical-divider/vertical-divider.component.d.ts +2 -2
  36. package/esm/components/vertical-divider/vertical-divider.component.js +328 -1406
  37. package/esm/components/vertical-divider/vertical-divider.style.d.ts +3 -3
  38. package/lib/__internal__/input/input-presentation.component.js +16 -0
  39. package/lib/__internal__/input/input.component.js +295 -0
  40. package/lib/__internal__/input-behaviour/input-behaviour.component.js +6 -1
  41. package/lib/__internal__/input-behaviour/input-group-behaviour.component.js +7 -1
  42. package/lib/__internal__/validation-message/validation-message.component.js +6 -0
  43. package/lib/__internal__/validations/validation-icon.component.js +39 -0
  44. package/lib/components/alert/alert.component.js +42 -143
  45. package/lib/components/alert/index.d.ts +1 -0
  46. package/lib/components/badge/badge.component.js +24 -50
  47. package/lib/components/button/button.component.js +768 -3378
  48. package/lib/components/carbon-provider/carbon-provider.component.js +54 -110
  49. package/lib/components/heading/heading.style.d.ts +2 -2
  50. package/lib/components/hr/hr.component.js +175 -676
  51. package/lib/components/hr/index.d.ts +1 -0
  52. package/lib/components/inline-inputs/inline-inputs.component.js +43 -137
  53. package/lib/components/link/index.d.ts +1 -0
  54. package/lib/components/link/link.component.js +142 -746
  55. package/lib/components/menu/scrollable-block/scrollable-block.style.js +1 -1
  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/radio-button/radio-button-svg.component.js +20 -38
  61. package/lib/components/select/filterable-select/filterable-select.component.js +3 -5
  62. package/lib/components/select/multi-select/multi-select.component.js +3 -5
  63. package/lib/components/select/select-list/select-list.component.js +3 -5
  64. package/lib/components/select/simple-select/simple-select.component.js +3 -5
  65. package/lib/components/select/utils/get-next-index-by-key.d.ts +1 -0
  66. package/lib/components/select/utils/get-next-index-by-key.js +52 -18
  67. package/lib/components/select/utils/is-navigation-key.d.ts +1 -0
  68. package/lib/components/select/utils/is-navigation-key.js +11 -0
  69. package/lib/components/text-editor/__internal__/editor-link/editor-link.style.d.ts +1 -1
  70. package/lib/components/tooltip/tooltip.component.js +98 -215
  71. package/lib/components/vertical-divider/index.d.ts +1 -0
  72. package/lib/components/vertical-divider/vertical-divider.component.d.ts +2 -2
  73. package/lib/components/vertical-divider/vertical-divider.component.js +334 -1457
  74. package/lib/components/vertical-divider/vertical-divider.style.d.ts +3 -3
  75. package/package.json +4 -3
@@ -1,141 +1,85 @@
1
1
  "use strict";
2
2
 
3
3
  Object.defineProperty(exports, "__esModule", {
4
- value: true,
4
+ value: true
5
5
  });
6
-
7
6
  exports.default = exports.CarbonProvider = exports.NewValidationContext = void 0;
8
7
 
9
8
  var _react = _interopRequireWildcard(require("react"));
9
+
10
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
11
 
12
12
  var _styledComponents = require("styled-components");
13
13
 
14
14
  var _mint = _interopRequireDefault(require("../../style/themes/mint"));
15
15
 
16
- var _carbonScopedTokensProvider = _interopRequireDefault(
17
- require("../../style/design-tokens/carbon-scoped-tokens-provider")
18
- );
16
+ var _carbonScopedTokensProvider = _interopRequireDefault(require("../../style/design-tokens/carbon-scoped-tokens-provider"));
19
17
 
20
- function _interopRequireDefault(obj) {
21
- return obj && obj.__esModule ? obj : { default: obj };
22
- }
18
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
19
 
24
- function _getRequireWildcardCache() {
25
- if (typeof WeakMap !== "function") return null;
26
- var cache = new WeakMap();
27
- _getRequireWildcardCache = function () {
28
- return cache;
29
- };
30
- return cache;
31
- }
20
+ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
32
21
 
33
- function _interopRequireWildcard(obj) {
34
- if (obj && obj.__esModule) {
35
- return obj;
36
- }
37
- if (obj === null || (typeof obj !== "object" && typeof obj !== "function")) {
38
- return { default: obj };
39
- }
40
- var cache = _getRequireWildcardCache();
41
- if (cache && cache.has(obj)) {
42
- return cache.get(obj);
43
- }
44
- var newObj = {};
45
- var hasPropertyDescriptor =
46
- Object.defineProperty && Object.getOwnPropertyDescriptor;
47
- for (var key in obj) {
48
- if (Object.prototype.hasOwnProperty.call(obj, key)) {
49
- var desc = hasPropertyDescriptor
50
- ? Object.getOwnPropertyDescriptor(obj, key)
51
- : null;
52
- if (desc && (desc.get || desc.set)) {
53
- Object.defineProperty(newObj, key, desc);
54
- } else {
55
- newObj[key] = obj[key];
56
- }
57
- }
58
- }
59
- newObj.default = obj;
60
- if (cache) {
61
- cache.set(obj, newObj);
62
- }
63
- return newObj;
64
- }
22
+ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
65
23
 
66
- const NewValidationContext = /*#__PURE__*/ (0, _react.createContext)({});
24
+ const NewValidationContext = /*#__PURE__*/(0, _react.createContext)({});
67
25
  exports.NewValidationContext = NewValidationContext;
68
26
 
69
27
  const CarbonProvider = ({
70
28
  children,
71
29
  theme = _mint.default,
72
- validationRedesignOptIn = false,
73
- }) =>
74
- /*#__PURE__*/ _react.default.createElement(
75
- _styledComponents.ThemeProvider,
76
- {
77
- theme: theme,
78
- },
79
- /*#__PURE__*/ _react.default.createElement(
80
- _carbonScopedTokensProvider.default,
81
- null,
82
- /*#__PURE__*/ _react.default.createElement(
83
- NewValidationContext.Provider,
84
- {
85
- value: {
86
- validationRedesignOptIn,
87
- },
88
- },
89
- children
90
- )
91
- )
92
- );
30
+ validationRedesignOptIn = false
31
+ }) => /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
32
+ theme: theme
33
+ }, /*#__PURE__*/_react.default.createElement(_carbonScopedTokensProvider.default, null, /*#__PURE__*/_react.default.createElement(NewValidationContext.Provider, {
34
+ value: {
35
+ validationRedesignOptIn
36
+ }
37
+ }, children)));
93
38
 
39
+ exports.CarbonProvider = CarbonProvider;
94
40
  CarbonProvider.propTypes = {
95
- children: _propTypes.default.node,
96
- theme: _propTypes.default.shape({
97
- colors: _propTypes.default.shape({
98
- destructive: _propTypes.default.shape({
99
- hover: _propTypes.default.string.isRequired,
41
+ "children": _propTypes.default.node,
42
+ "theme": _propTypes.default.shape({
43
+ "colors": _propTypes.default.shape({
44
+ "destructive": _propTypes.default.shape({
45
+ "hover": _propTypes.default.string.isRequired
100
46
  }),
101
- error: _propTypes.default.string,
102
- focus: _propTypes.default.string,
103
- info: _propTypes.default.string,
104
- loadingBarBackground: _propTypes.default.string,
105
- placeholder: _propTypes.default.string,
106
- primary: _propTypes.default.string,
107
- secondary: _propTypes.default.string,
108
- tertiary: _propTypes.default.string,
109
- warning: _propTypes.default.string,
110
- warningText: _propTypes.default.string,
111
- white: _propTypes.default.oneOf(["#FFFFFF"]),
47
+ "error": _propTypes.default.string,
48
+ "focus": _propTypes.default.string,
49
+ "info": _propTypes.default.string,
50
+ "loadingBarBackground": _propTypes.default.string,
51
+ "placeholder": _propTypes.default.string,
52
+ "primary": _propTypes.default.string,
53
+ "secondary": _propTypes.default.string,
54
+ "tertiary": _propTypes.default.string,
55
+ "warning": _propTypes.default.string,
56
+ "warningText": _propTypes.default.string,
57
+ "white": _propTypes.default.oneOf(["#FFFFFF"])
112
58
  }),
113
- compatibility: _propTypes.default.object,
114
- disabled: _propTypes.default.shape({
115
- background: _propTypes.default.string.isRequired,
59
+ "compatibility": _propTypes.default.object,
60
+ "disabled": _propTypes.default.shape({
61
+ "background": _propTypes.default.string.isRequired
116
62
  }),
117
- name: _propTypes.default.string,
118
- palette: _propTypes.default.shape({
119
- blackOpacity: _propTypes.default.func.isRequired,
120
- whiteOpacity: _propTypes.default.func.isRequired,
121
- }),
122
- space: _propTypes.default.arrayOf(_propTypes.default.string),
123
- spacing: _propTypes.default.number,
124
- zIndex: _propTypes.default.shape({
125
- aboveAll: _propTypes.default.number.isRequired,
126
- fullScreenModal: _propTypes.default.number.isRequired,
127
- header: _propTypes.default.number.isRequired,
128
- modal: _propTypes.default.number.isRequired,
129
- nav: _propTypes.default.number.isRequired,
130
- notification: _propTypes.default.number.isRequired,
131
- overlay: _propTypes.default.number.isRequired,
132
- popover: _propTypes.default.number.isRequired,
133
- smallOverlay: _propTypes.default.number.isRequired,
63
+ "name": _propTypes.default.string,
64
+ "palette": _propTypes.default.shape({
65
+ "blackOpacity": _propTypes.default.func.isRequired,
66
+ "whiteOpacity": _propTypes.default.func.isRequired
134
67
  }),
68
+ "space": _propTypes.default.arrayOf(_propTypes.default.string),
69
+ "spacing": _propTypes.default.number,
70
+ "zIndex": _propTypes.default.shape({
71
+ "aboveAll": _propTypes.default.number.isRequired,
72
+ "fullScreenModal": _propTypes.default.number.isRequired,
73
+ "header": _propTypes.default.number.isRequired,
74
+ "modal": _propTypes.default.number.isRequired,
75
+ "nav": _propTypes.default.number.isRequired,
76
+ "notification": _propTypes.default.number.isRequired,
77
+ "overlay": _propTypes.default.number.isRequired,
78
+ "popover": _propTypes.default.number.isRequired,
79
+ "smallOverlay": _propTypes.default.number.isRequired
80
+ })
135
81
  }),
136
- validationRedesignOptIn: _propTypes.default.bool,
82
+ "validationRedesignOptIn": _propTypes.default.bool
137
83
  };
138
-
139
- exports.CarbonProvider = CarbonProvider;
140
84
  var _default = CarbonProvider;
141
- exports.default = _default;
85
+ exports.default = _default;
@@ -5,9 +5,9 @@ export const StyledHeader: import("styled-components").StyledComponent<"div", an
5
5
  export const StyledSeparator: import("styled-components").StyledComponent<"hr", any, {}, never>;
6
6
  export const StyledHeaderHelp: import("styled-components").StyledComponent<typeof Help, any, {}, never>;
7
7
  export const StyledHeadingTitle: import("styled-components").StyledComponent<typeof Typography, any, {}, never>;
8
- export const StyledDivider: import("styled-components").StyledComponent<({ adaptiveMxBreakpoint, ml, mr, ...rest }: import("../hr/hr.component").HrProps) => JSX.Element, any, {}, never>;
8
+ export const StyledDivider: import("styled-components").StyledComponent<({ adaptiveMxBreakpoint, ml, mr, ...rest }: import("../hr").HrProps) => JSX.Element, any, {}, never>;
9
9
  export const StyledHeaderContent: import("styled-components").StyledComponent<"div", any, {}, never>;
10
- export const StyledHeadingBackButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../link/link.component").LinkProps & import("react").RefAttributes<HTMLLinkElement | HTMLButtonElement>>, any, {}, never>;
10
+ export const StyledHeadingBackButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../link").LinkProps & import("react").RefAttributes<HTMLLinkElement | HTMLButtonElement>>, any, {}, never>;
11
11
  export const StyledHeadingPills: import("styled-components").StyledComponent<"span", any, {}, never>;
12
12
  import Icon from "../icon";
13
13
  import Help from "../help";