carbon-react 109.6.0 → 110.0.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 (68) hide show
  1. package/esm/__internal__/checkable-input/checkable-input-svg-wrapper.style.d.ts +2 -0
  2. package/esm/__internal__/checkable-input/checkable-input.style.d.ts +2 -0
  3. package/esm/__internal__/checkable-input/hidden-checkable-input.style.d.ts +2 -0
  4. package/esm/components/carbon-provider/carbon-provider.component.js +1 -0
  5. package/esm/components/checkbox/checkbox.style.d.ts +3 -0
  6. package/esm/components/dismissible-box/dismissible-box.component.d.ts +17 -0
  7. package/esm/components/dismissible-box/dismissible-box.component.js +2003 -37
  8. package/esm/components/dismissible-box/dismissible-box.style.d.ts +8 -0
  9. package/esm/components/dismissible-box/dismissible-box.style.js +9 -4
  10. package/esm/components/dismissible-box/index.d.ts +2 -1
  11. package/esm/components/fieldset/fieldset.component.d.ts +11 -0
  12. package/esm/components/fieldset/fieldset.component.js +158 -17
  13. package/esm/components/fieldset/fieldset.style.d.ts +8 -0
  14. package/esm/components/fieldset/index.d.ts +2 -1
  15. package/esm/components/global-header/global-header.component.d.ts +13 -0
  16. package/esm/components/global-header/global-header.component.js +1058 -0
  17. package/esm/components/global-header/index.d.ts +2 -0
  18. package/esm/components/global-header/index.js +1 -0
  19. package/esm/components/grid/grid-container/grid-container.component.js +4 -23
  20. package/esm/components/link/link.component.d.ts +0 -2
  21. package/esm/components/link/link.component.js +0 -4
  22. package/esm/components/menu/__internal__/submenu/submenu.component.js +1 -2
  23. package/esm/components/menu/menu.d.ts +2 -2
  24. package/esm/components/navigation-bar/navigation-bar.style.d.ts +10 -0
  25. package/esm/components/pages/pages.component.js +1 -0
  26. package/esm/components/pill/pill.component.js +1 -0
  27. package/esm/components/text-editor/__internal__/editor-link/editor-link.component.js +3 -4
  28. package/esm/global.d.ts +1 -0
  29. package/esm/style/themes/base/base-theme.config.d.ts +1 -0
  30. package/esm/style/themes/base/base-theme.config.js +2 -1
  31. package/esm/style/themes/sage/index.d.ts +1 -0
  32. package/lib/__internal__/checkable-input/checkable-input-svg-wrapper.style.d.ts +2 -0
  33. package/lib/__internal__/checkable-input/checkable-input.style.d.ts +2 -0
  34. package/lib/__internal__/checkable-input/hidden-checkable-input.style.d.ts +2 -0
  35. package/lib/components/carbon-provider/carbon-provider.component.js +1 -0
  36. package/lib/components/checkbox/checkbox.style.d.ts +3 -0
  37. package/lib/components/dismissible-box/dismissible-box.component.d.ts +17 -0
  38. package/lib/components/dismissible-box/dismissible-box.component.js +2005 -41
  39. package/lib/components/dismissible-box/dismissible-box.style.d.ts +8 -0
  40. package/lib/components/dismissible-box/dismissible-box.style.js +9 -6
  41. package/lib/components/dismissible-box/index.d.ts +2 -1
  42. package/lib/components/fieldset/fieldset.component.d.ts +11 -0
  43. package/lib/components/fieldset/fieldset.component.js +158 -19
  44. package/lib/components/fieldset/fieldset.style.d.ts +8 -0
  45. package/lib/components/fieldset/index.d.ts +2 -1
  46. package/lib/components/global-header/global-header.component.d.ts +13 -0
  47. package/lib/components/global-header/global-header.component.js +1078 -0
  48. package/lib/components/global-header/index.d.ts +2 -0
  49. package/lib/components/global-header/index.js +15 -0
  50. package/lib/components/global-header/package.json +6 -0
  51. package/lib/components/grid/grid-container/grid-container.component.js +4 -30
  52. package/lib/components/link/link.component.d.ts +0 -2
  53. package/lib/components/link/link.component.js +0 -4
  54. package/lib/components/menu/__internal__/submenu/submenu.component.js +1 -2
  55. package/lib/components/menu/menu.d.ts +2 -2
  56. package/lib/components/navigation-bar/navigation-bar.style.d.ts +10 -0
  57. package/lib/components/pages/pages.component.js +1 -0
  58. package/lib/components/pill/pill.component.js +1 -0
  59. package/lib/components/text-editor/__internal__/editor-link/editor-link.component.js +3 -4
  60. package/lib/global.d.ts +1 -0
  61. package/lib/style/themes/base/base-theme.config.d.ts +1 -0
  62. package/lib/style/themes/base/base-theme.config.js +2 -1
  63. package/lib/style/themes/sage/index.d.ts +1 -0
  64. package/package.json +1 -1
  65. package/esm/components/dismissible-box/dismissible-box.d.ts +0 -18
  66. package/esm/components/fieldset/fieldset.d.ts +0 -15
  67. package/lib/components/dismissible-box/dismissible-box.d.ts +0 -18
  68. package/lib/components/fieldset/fieldset.d.ts +0 -15
@@ -0,0 +1,8 @@
1
+ export interface StyledDismissibleBoxProps {
2
+ /** Flag to control whether the thicker left border highlight should be rendered */
3
+ hasBorderLeftHighlight?: boolean;
4
+ /** Set the base color variant */
5
+ variant?: "light" | "dark";
6
+ }
7
+ declare const StyledDismissibleBox: import("styled-components").StyledComponent<"div", any, import("../box").BoxProps & StyledDismissibleBoxProps, never>;
8
+ export { StyledDismissibleBox };
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = void 0;
6
+ exports.StyledDismissibleBox = void 0;
7
7
 
8
8
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
9
9
 
@@ -17,13 +17,17 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return
17
17
 
18
18
  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; }
19
19
 
20
- var _default = (0, _styledComponents.default)(_box.default)`
20
+ const StyledDismissibleBox = (0, _styledComponents.default)(_box.default)`
21
21
  ${({
22
- hasBorderLeftHighlight
22
+ hasBorderLeftHighlight = true,
23
+ variant = "light"
23
24
  }) => (0, _styledComponents.css)`
24
- word-break: break-word;
25
+ background-color: ${variant === "light" ? "#FFFFFF" : "var(--colorsUtilityMajor050)"};
25
26
 
26
27
  border: 1px solid var(--colorsUtilityMajor100);
28
+ display: flex;
29
+ justify-content: space-between;
30
+ word-break: break-word;
27
31
 
28
32
  ${hasBorderLeftHighlight && `
29
33
  border-left: none;
@@ -35,5 +39,4 @@ var _default = (0, _styledComponents.default)(_box.default)`
35
39
  }
36
40
  `}
37
41
  `;
38
-
39
- exports.default = _default;
42
+ exports.StyledDismissibleBox = StyledDismissibleBox;
@@ -1 +1,2 @@
1
- export { default } from "./dismissible-box";
1
+ export type { DismissibleBoxProps } from "./dismissible-box.component";
2
+ export { default } from "./dismissible-box.component";
@@ -0,0 +1,11 @@
1
+ import React from "react";
2
+ import { MarginProps } from "styled-system";
3
+ import { StyledFieldsetProps } from "./fieldset.style";
4
+ export interface FieldsetProps extends StyledFieldsetProps, MarginProps {
5
+ /** Child elements */
6
+ children?: React.ReactNode;
7
+ /** The text for the fieldsets legend element. */
8
+ legend?: string;
9
+ }
10
+ declare const Fieldset: ({ children, inline, legend, ...rest }: FieldsetProps) => JSX.Element;
11
+ export default Fieldset;
@@ -9,8 +9,6 @@ var _react = _interopRequireDefault(require("react"));
9
9
 
10
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
11
 
12
- var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
13
-
14
12
  var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
15
13
 
16
14
  var _utils = require("../../style/utils");
@@ -23,11 +21,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
23
21
 
24
22
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
25
23
 
26
- const marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
27
-
28
24
  const Fieldset = ({
29
25
  children,
30
- inline,
26
+ inline = false,
31
27
  legend,
32
28
  ...rest
33
29
  }) => {
@@ -54,20 +50,163 @@ const Fieldset = ({
54
50
  };
55
51
 
56
52
  Fieldset.propTypes = {
57
- /** Filtered styled system margin props */
58
- ...marginPropTypes,
59
-
60
- /** Child elements */
61
- children: _propTypes.default.node,
62
-
63
- /** The text for the fieldsets legend element. */
64
- legend: _propTypes.default.string,
65
-
66
- /** When true, legend is placed in line with the children */
67
- inline: _propTypes.default.bool
68
- };
69
- Fieldset.defaultProps = {
70
- inline: false
53
+ "children": _propTypes.default.node,
54
+ "inline": _propTypes.default.bool,
55
+ "legend": _propTypes.default.string,
56
+ "m": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
57
+ "__@toStringTag": _propTypes.default.string.isRequired,
58
+ "description": _propTypes.default.string,
59
+ "toString": _propTypes.default.func.isRequired,
60
+ "valueOf": _propTypes.default.func.isRequired
61
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
62
+ "__@toStringTag": _propTypes.default.string.isRequired,
63
+ "description": _propTypes.default.string,
64
+ "toString": _propTypes.default.func.isRequired,
65
+ "valueOf": _propTypes.default.func.isRequired
66
+ }), _propTypes.default.string]),
67
+ "margin": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
68
+ "__@toStringTag": _propTypes.default.string.isRequired,
69
+ "description": _propTypes.default.string,
70
+ "toString": _propTypes.default.func.isRequired,
71
+ "valueOf": _propTypes.default.func.isRequired
72
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
73
+ "__@toStringTag": _propTypes.default.string.isRequired,
74
+ "description": _propTypes.default.string,
75
+ "toString": _propTypes.default.func.isRequired,
76
+ "valueOf": _propTypes.default.func.isRequired
77
+ }), _propTypes.default.string]),
78
+ "marginBottom": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
79
+ "__@toStringTag": _propTypes.default.string.isRequired,
80
+ "description": _propTypes.default.string,
81
+ "toString": _propTypes.default.func.isRequired,
82
+ "valueOf": _propTypes.default.func.isRequired
83
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
84
+ "__@toStringTag": _propTypes.default.string.isRequired,
85
+ "description": _propTypes.default.string,
86
+ "toString": _propTypes.default.func.isRequired,
87
+ "valueOf": _propTypes.default.func.isRequired
88
+ }), _propTypes.default.string]),
89
+ "marginLeft": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
90
+ "__@toStringTag": _propTypes.default.string.isRequired,
91
+ "description": _propTypes.default.string,
92
+ "toString": _propTypes.default.func.isRequired,
93
+ "valueOf": _propTypes.default.func.isRequired
94
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
95
+ "__@toStringTag": _propTypes.default.string.isRequired,
96
+ "description": _propTypes.default.string,
97
+ "toString": _propTypes.default.func.isRequired,
98
+ "valueOf": _propTypes.default.func.isRequired
99
+ }), _propTypes.default.string]),
100
+ "marginRight": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
101
+ "__@toStringTag": _propTypes.default.string.isRequired,
102
+ "description": _propTypes.default.string,
103
+ "toString": _propTypes.default.func.isRequired,
104
+ "valueOf": _propTypes.default.func.isRequired
105
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
106
+ "__@toStringTag": _propTypes.default.string.isRequired,
107
+ "description": _propTypes.default.string,
108
+ "toString": _propTypes.default.func.isRequired,
109
+ "valueOf": _propTypes.default.func.isRequired
110
+ }), _propTypes.default.string]),
111
+ "marginTop": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
112
+ "__@toStringTag": _propTypes.default.string.isRequired,
113
+ "description": _propTypes.default.string,
114
+ "toString": _propTypes.default.func.isRequired,
115
+ "valueOf": _propTypes.default.func.isRequired
116
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
117
+ "__@toStringTag": _propTypes.default.string.isRequired,
118
+ "description": _propTypes.default.string,
119
+ "toString": _propTypes.default.func.isRequired,
120
+ "valueOf": _propTypes.default.func.isRequired
121
+ }), _propTypes.default.string]),
122
+ "marginX": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
123
+ "__@toStringTag": _propTypes.default.string.isRequired,
124
+ "description": _propTypes.default.string,
125
+ "toString": _propTypes.default.func.isRequired,
126
+ "valueOf": _propTypes.default.func.isRequired
127
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
128
+ "__@toStringTag": _propTypes.default.string.isRequired,
129
+ "description": _propTypes.default.string,
130
+ "toString": _propTypes.default.func.isRequired,
131
+ "valueOf": _propTypes.default.func.isRequired
132
+ }), _propTypes.default.string]),
133
+ "marginY": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
134
+ "__@toStringTag": _propTypes.default.string.isRequired,
135
+ "description": _propTypes.default.string,
136
+ "toString": _propTypes.default.func.isRequired,
137
+ "valueOf": _propTypes.default.func.isRequired
138
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
139
+ "__@toStringTag": _propTypes.default.string.isRequired,
140
+ "description": _propTypes.default.string,
141
+ "toString": _propTypes.default.func.isRequired,
142
+ "valueOf": _propTypes.default.func.isRequired
143
+ }), _propTypes.default.string]),
144
+ "mb": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
145
+ "__@toStringTag": _propTypes.default.string.isRequired,
146
+ "description": _propTypes.default.string,
147
+ "toString": _propTypes.default.func.isRequired,
148
+ "valueOf": _propTypes.default.func.isRequired
149
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
150
+ "__@toStringTag": _propTypes.default.string.isRequired,
151
+ "description": _propTypes.default.string,
152
+ "toString": _propTypes.default.func.isRequired,
153
+ "valueOf": _propTypes.default.func.isRequired
154
+ }), _propTypes.default.string]),
155
+ "ml": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
156
+ "__@toStringTag": _propTypes.default.string.isRequired,
157
+ "description": _propTypes.default.string,
158
+ "toString": _propTypes.default.func.isRequired,
159
+ "valueOf": _propTypes.default.func.isRequired
160
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
161
+ "__@toStringTag": _propTypes.default.string.isRequired,
162
+ "description": _propTypes.default.string,
163
+ "toString": _propTypes.default.func.isRequired,
164
+ "valueOf": _propTypes.default.func.isRequired
165
+ }), _propTypes.default.string]),
166
+ "mr": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
167
+ "__@toStringTag": _propTypes.default.string.isRequired,
168
+ "description": _propTypes.default.string,
169
+ "toString": _propTypes.default.func.isRequired,
170
+ "valueOf": _propTypes.default.func.isRequired
171
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
172
+ "__@toStringTag": _propTypes.default.string.isRequired,
173
+ "description": _propTypes.default.string,
174
+ "toString": _propTypes.default.func.isRequired,
175
+ "valueOf": _propTypes.default.func.isRequired
176
+ }), _propTypes.default.string]),
177
+ "mt": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
178
+ "__@toStringTag": _propTypes.default.string.isRequired,
179
+ "description": _propTypes.default.string,
180
+ "toString": _propTypes.default.func.isRequired,
181
+ "valueOf": _propTypes.default.func.isRequired
182
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
183
+ "__@toStringTag": _propTypes.default.string.isRequired,
184
+ "description": _propTypes.default.string,
185
+ "toString": _propTypes.default.func.isRequired,
186
+ "valueOf": _propTypes.default.func.isRequired
187
+ }), _propTypes.default.string]),
188
+ "mx": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
189
+ "__@toStringTag": _propTypes.default.string.isRequired,
190
+ "description": _propTypes.default.string,
191
+ "toString": _propTypes.default.func.isRequired,
192
+ "valueOf": _propTypes.default.func.isRequired
193
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
194
+ "__@toStringTag": _propTypes.default.string.isRequired,
195
+ "description": _propTypes.default.string,
196
+ "toString": _propTypes.default.func.isRequired,
197
+ "valueOf": _propTypes.default.func.isRequired
198
+ }), _propTypes.default.string]),
199
+ "my": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
200
+ "__@toStringTag": _propTypes.default.string.isRequired,
201
+ "description": _propTypes.default.string,
202
+ "toString": _propTypes.default.func.isRequired,
203
+ "valueOf": _propTypes.default.func.isRequired
204
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
205
+ "__@toStringTag": _propTypes.default.string.isRequired,
206
+ "description": _propTypes.default.string,
207
+ "toString": _propTypes.default.func.isRequired,
208
+ "valueOf": _propTypes.default.func.isRequired
209
+ }), _propTypes.default.string])
71
210
  };
72
211
  var _default = Fieldset;
73
212
  exports.default = _default;
@@ -0,0 +1,8 @@
1
+ export interface StyledFieldsetProps {
2
+ /** When true, legend is placed in line with the children */
3
+ inline?: boolean;
4
+ }
5
+ declare const FieldsetStyle: import("styled-components").StyledComponent<"fieldset", any, {}, never>;
6
+ declare const LegendContainerStyle: import("styled-components").StyledComponent<"div", any, StyledFieldsetProps, never>;
7
+ declare const FieldsetContentStyle: import("styled-components").StyledComponent<"div", any, StyledFieldsetProps, never>;
8
+ export { FieldsetStyle, LegendContainerStyle, FieldsetContentStyle };
@@ -1 +1,2 @@
1
- export { default } from "./fieldset";
1
+ export { default } from "./fieldset.component";
2
+ export type { FieldsetProps } from "./fieldset.component";
@@ -0,0 +1,13 @@
1
+ import React from "react";
2
+ import { PaddingProps, FlexboxProps } from "styled-system";
3
+ export interface GlobalHeaderProps extends PaddingProps, FlexboxProps {
4
+ /** Child elements */
5
+ children?: React.ReactNode;
6
+ /** Logo to render */
7
+ logo?: React.ReactNode;
8
+ }
9
+ declare const GlobalHeader: {
10
+ ({ children, logo, ...rest }: GlobalHeaderProps): JSX.Element;
11
+ displayName: string;
12
+ };
13
+ export default GlobalHeader;