carbon-react 111.15.0 → 111.16.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 (25) hide show
  1. package/esm/components/dialog/dialog.style.js +1 -1
  2. package/esm/components/form/form.component.d.ts +4 -2
  3. package/esm/components/form/form.component.js +165 -6
  4. package/esm/components/form/form.style.js +6 -1
  5. package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.component.d.ts +8 -2
  6. package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.component.js +168 -6
  7. package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.style.d.ts +4 -2
  8. package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js +24 -4
  9. package/esm/components/sidebar/sidebar.component.d.ts +2 -0
  10. package/esm/components/sidebar/sidebar.component.js +162 -3
  11. package/esm/style/utils/form-style-utils.d.ts +4 -2
  12. package/esm/style/utils/form-style-utils.js +7 -2
  13. package/lib/components/dialog/dialog.style.js +1 -1
  14. package/lib/components/form/form.component.d.ts +4 -2
  15. package/lib/components/form/form.component.js +165 -6
  16. package/lib/components/form/form.style.js +5 -0
  17. package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.component.d.ts +8 -2
  18. package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.component.js +167 -5
  19. package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.style.d.ts +4 -2
  20. package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js +31 -4
  21. package/lib/components/sidebar/sidebar.component.d.ts +2 -0
  22. package/lib/components/sidebar/sidebar.component.js +161 -2
  23. package/lib/style/utils/form-style-utils.d.ts +4 -2
  24. package/lib/style/utils/form-style-utils.js +7 -2
  25. package/package.json +1 -1
package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.component.js CHANGED
@@ -13,17 +13,179 @@ var _sidebarHeader = _interopRequireDefault(require("./sidebar-header.style"));
13
13
 
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15
 
16
+ 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); }
17
+
16
18
  const SidebarHeader = ({
17
19
  children,
18
- id
19
- }) => /*#__PURE__*/_react.default.createElement(_sidebarHeader.default, {
20
+ id,
21
+ closeIcon,
22
+ ...rest
23
+ }) => /*#__PURE__*/_react.default.createElement(_sidebarHeader.default, _extends({
24
+ hasClose: !!closeIcon,
20
25
  id: id,
21
- "data-component": "sidebar-header"
22
- }, children);
26
+ "data-component": "sidebar-header",
27
+ p: "27px 32px 32px"
28
+ }, rest), children, closeIcon);
23
29
 
24
30
  SidebarHeader.propTypes = {
25
31
  "children": _propTypes.default.node,
26
- "id": _propTypes.default.string.isRequired
32
+ "closeIcon": _propTypes.default.node,
33
+ "id": _propTypes.default.string.isRequired,
34
+ "p": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
35
+ "__@toStringTag": _propTypes.default.string.isRequired,
36
+ "description": _propTypes.default.string,
37
+ "toString": _propTypes.default.func.isRequired,
38
+ "valueOf": _propTypes.default.func.isRequired
39
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
40
+ "__@toStringTag": _propTypes.default.string.isRequired,
41
+ "description": _propTypes.default.string,
42
+ "toString": _propTypes.default.func.isRequired,
43
+ "valueOf": _propTypes.default.func.isRequired
44
+ }), _propTypes.default.string]),
45
+ "padding": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
46
+ "__@toStringTag": _propTypes.default.string.isRequired,
47
+ "description": _propTypes.default.string,
48
+ "toString": _propTypes.default.func.isRequired,
49
+ "valueOf": _propTypes.default.func.isRequired
50
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
51
+ "__@toStringTag": _propTypes.default.string.isRequired,
52
+ "description": _propTypes.default.string,
53
+ "toString": _propTypes.default.func.isRequired,
54
+ "valueOf": _propTypes.default.func.isRequired
55
+ }), _propTypes.default.string]),
56
+ "paddingBottom": _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
+ "paddingLeft": _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
+ "paddingRight": _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
+ "paddingTop": _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
+ "paddingX": _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
+ "paddingY": _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
+ "pb": _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
+ "pl": _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
+ "pr": _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
+ "pt": _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
+ "px": _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
+ "py": _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])
27
188
  };
189
+ SidebarHeader.displayName = "SidebarHeader";
28
190
  var _default = SidebarHeader;
29
191
  exports.default = _default;
package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.style.d.ts CHANGED
@@ -1,2 +1,4 @@
1
- declare const SidebarHeaderStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- export default SidebarHeaderStyle;
1
+ declare const StyledSidebarHeader: import("styled-components").StyledComponent<"div", any, {
2
+ hasClose?: boolean | undefined;
3
+ }, never>;
4
+ export default StyledSidebarHeader;
package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js CHANGED
@@ -5,18 +5,45 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
 
8
- var _styledComponents = _interopRequireDefault(require("styled-components"));
8
+ var _styledComponents = _interopRequireWildcard(require("styled-components"));
9
+
10
+ var _styledSystem = require("styled-system");
11
+
12
+ var _themes = require("../../../../style/themes");
13
+
14
+ var _iconButton = _interopRequireDefault(require("../../../icon-button/icon-button.style"));
9
15
 
10
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
17
 
12
- const SidebarHeaderStyle = _styledComponents.default.div`
18
+ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
19
+
20
+ 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; }
21
+
22
+ const StyledSidebarHeader = _styledComponents.default.div`
13
23
  background-color: var(--colorsUtilityYang100);
14
24
  box-shadow: inset 0 -1px 0 0 var(--colorsUtilityMajor100);
15
25
  box-sizing: border-box;
16
26
  width: 100%;
17
27
  color: var(--colorsActionMinorYin090);
18
28
  transition: all 0.2s ease;
19
- padding: 27px 32px 32px 32px;
29
+
30
+ ${_styledSystem.padding}
31
+
32
+ ${({
33
+ hasClose
34
+ }) => hasClose && (0, _styledComponents.css)`
35
+ display: flex;
36
+ justify-content: space-between;
37
+
38
+ > ${_iconButton.default}:first-of-type {
39
+ position: absolute;
40
+ z-index: 1;
41
+ right: 25px;
42
+ }
43
+ `}
20
44
  `;
21
- var _default = SidebarHeaderStyle;
45
+ StyledSidebarHeader.defaultProps = {
46
+ theme: _themes.baseTheme
47
+ };
48
+ var _default = StyledSidebarHeader;
22
49
  exports.default = _default;
package/lib/components/sidebar/sidebar.component.d.ts CHANGED
@@ -53,6 +53,8 @@ export interface SidebarProps extends PaddingProps, TagProps, WidthProps {
53
53
  focusableContainers?: CustomRefObject<HTMLElement>[];
54
54
  /** Optional selector to identify the focusable elements, if not provided a default selector is used */
55
55
  focusableSelectors?: string;
56
+ /** Padding to be set on the Sidebar header */
57
+ headerPadding?: PaddingProps;
56
58
  }
57
59
  export declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & React.RefAttributes<HTMLDivElement>>;
58
60
  export default Sidebar;
package/lib/components/sidebar/sidebar.component.js CHANGED
@@ -64,6 +64,7 @@ const Sidebar = /*#__PURE__*/_react.default.forwardRef(({
64
64
  focusableContainers,
65
65
  focusableSelectors,
66
66
  width,
67
+ headerPadding = {},
67
68
  ...rest
68
69
  }, ref) => {
69
70
  const locale = (0, _useLocale.default)();
@@ -112,9 +113,11 @@ const Sidebar = /*#__PURE__*/_react.default.forwardRef(({
112
113
  role: role
113
114
  }, (0, _utils.filterStyledSystemPaddingProps)(rest), {
114
115
  width: width
115
- }), header && /*#__PURE__*/_react.default.createElement(_sidebarHeader.default, {
116
+ }), header && /*#__PURE__*/_react.default.createElement(_sidebarHeader.default, _extends({
117
+ closeIcon: closeIcon()
118
+ }, headerPadding, {
116
119
  id: headerId
117
- }, header), closeIcon(), /*#__PURE__*/_react.default.createElement(_box.default, _extends({
120
+ }), header), !header && closeIcon(), /*#__PURE__*/_react.default.createElement(_box.default, _extends({
118
121
  "data-element": "sidebar-content",
119
122
  pt: "var(--spacing300)",
120
123
  pb: "var(--spacing400)",
@@ -178,6 +181,162 @@ Sidebar.propTypes = {
178
181
  }]).isRequired
179
182
  }),
180
183
  "header": _propTypes.default.node,
184
+ "headerPadding": _propTypes.default.shape({
185
+ "p": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
186
+ "__@toStringTag": _propTypes.default.string.isRequired,
187
+ "description": _propTypes.default.string,
188
+ "toString": _propTypes.default.func.isRequired,
189
+ "valueOf": _propTypes.default.func.isRequired
190
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
191
+ "__@toStringTag": _propTypes.default.string.isRequired,
192
+ "description": _propTypes.default.string,
193
+ "toString": _propTypes.default.func.isRequired,
194
+ "valueOf": _propTypes.default.func.isRequired
195
+ }), _propTypes.default.string]),
196
+ "padding": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
197
+ "__@toStringTag": _propTypes.default.string.isRequired,
198
+ "description": _propTypes.default.string,
199
+ "toString": _propTypes.default.func.isRequired,
200
+ "valueOf": _propTypes.default.func.isRequired
201
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
202
+ "__@toStringTag": _propTypes.default.string.isRequired,
203
+ "description": _propTypes.default.string,
204
+ "toString": _propTypes.default.func.isRequired,
205
+ "valueOf": _propTypes.default.func.isRequired
206
+ }), _propTypes.default.string]),
207
+ "paddingBottom": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
208
+ "__@toStringTag": _propTypes.default.string.isRequired,
209
+ "description": _propTypes.default.string,
210
+ "toString": _propTypes.default.func.isRequired,
211
+ "valueOf": _propTypes.default.func.isRequired
212
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
213
+ "__@toStringTag": _propTypes.default.string.isRequired,
214
+ "description": _propTypes.default.string,
215
+ "toString": _propTypes.default.func.isRequired,
216
+ "valueOf": _propTypes.default.func.isRequired
217
+ }), _propTypes.default.string]),
218
+ "paddingLeft": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
219
+ "__@toStringTag": _propTypes.default.string.isRequired,
220
+ "description": _propTypes.default.string,
221
+ "toString": _propTypes.default.func.isRequired,
222
+ "valueOf": _propTypes.default.func.isRequired
223
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
224
+ "__@toStringTag": _propTypes.default.string.isRequired,
225
+ "description": _propTypes.default.string,
226
+ "toString": _propTypes.default.func.isRequired,
227
+ "valueOf": _propTypes.default.func.isRequired
228
+ }), _propTypes.default.string]),
229
+ "paddingRight": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
230
+ "__@toStringTag": _propTypes.default.string.isRequired,
231
+ "description": _propTypes.default.string,
232
+ "toString": _propTypes.default.func.isRequired,
233
+ "valueOf": _propTypes.default.func.isRequired
234
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
235
+ "__@toStringTag": _propTypes.default.string.isRequired,
236
+ "description": _propTypes.default.string,
237
+ "toString": _propTypes.default.func.isRequired,
238
+ "valueOf": _propTypes.default.func.isRequired
239
+ }), _propTypes.default.string]),
240
+ "paddingTop": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
241
+ "__@toStringTag": _propTypes.default.string.isRequired,
242
+ "description": _propTypes.default.string,
243
+ "toString": _propTypes.default.func.isRequired,
244
+ "valueOf": _propTypes.default.func.isRequired
245
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
246
+ "__@toStringTag": _propTypes.default.string.isRequired,
247
+ "description": _propTypes.default.string,
248
+ "toString": _propTypes.default.func.isRequired,
249
+ "valueOf": _propTypes.default.func.isRequired
250
+ }), _propTypes.default.string]),
251
+ "paddingX": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
252
+ "__@toStringTag": _propTypes.default.string.isRequired,
253
+ "description": _propTypes.default.string,
254
+ "toString": _propTypes.default.func.isRequired,
255
+ "valueOf": _propTypes.default.func.isRequired
256
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
257
+ "__@toStringTag": _propTypes.default.string.isRequired,
258
+ "description": _propTypes.default.string,
259
+ "toString": _propTypes.default.func.isRequired,
260
+ "valueOf": _propTypes.default.func.isRequired
261
+ }), _propTypes.default.string]),
262
+ "paddingY": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
263
+ "__@toStringTag": _propTypes.default.string.isRequired,
264
+ "description": _propTypes.default.string,
265
+ "toString": _propTypes.default.func.isRequired,
266
+ "valueOf": _propTypes.default.func.isRequired
267
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
268
+ "__@toStringTag": _propTypes.default.string.isRequired,
269
+ "description": _propTypes.default.string,
270
+ "toString": _propTypes.default.func.isRequired,
271
+ "valueOf": _propTypes.default.func.isRequired
272
+ }), _propTypes.default.string]),
273
+ "pb": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
274
+ "__@toStringTag": _propTypes.default.string.isRequired,
275
+ "description": _propTypes.default.string,
276
+ "toString": _propTypes.default.func.isRequired,
277
+ "valueOf": _propTypes.default.func.isRequired
278
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
279
+ "__@toStringTag": _propTypes.default.string.isRequired,
280
+ "description": _propTypes.default.string,
281
+ "toString": _propTypes.default.func.isRequired,
282
+ "valueOf": _propTypes.default.func.isRequired
283
+ }), _propTypes.default.string]),
284
+ "pl": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
285
+ "__@toStringTag": _propTypes.default.string.isRequired,
286
+ "description": _propTypes.default.string,
287
+ "toString": _propTypes.default.func.isRequired,
288
+ "valueOf": _propTypes.default.func.isRequired
289
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
290
+ "__@toStringTag": _propTypes.default.string.isRequired,
291
+ "description": _propTypes.default.string,
292
+ "toString": _propTypes.default.func.isRequired,
293
+ "valueOf": _propTypes.default.func.isRequired
294
+ }), _propTypes.default.string]),
295
+ "pr": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
296
+ "__@toStringTag": _propTypes.default.string.isRequired,
297
+ "description": _propTypes.default.string,
298
+ "toString": _propTypes.default.func.isRequired,
299
+ "valueOf": _propTypes.default.func.isRequired
300
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
301
+ "__@toStringTag": _propTypes.default.string.isRequired,
302
+ "description": _propTypes.default.string,
303
+ "toString": _propTypes.default.func.isRequired,
304
+ "valueOf": _propTypes.default.func.isRequired
305
+ }), _propTypes.default.string]),
306
+ "pt": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
307
+ "__@toStringTag": _propTypes.default.string.isRequired,
308
+ "description": _propTypes.default.string,
309
+ "toString": _propTypes.default.func.isRequired,
310
+ "valueOf": _propTypes.default.func.isRequired
311
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
312
+ "__@toStringTag": _propTypes.default.string.isRequired,
313
+ "description": _propTypes.default.string,
314
+ "toString": _propTypes.default.func.isRequired,
315
+ "valueOf": _propTypes.default.func.isRequired
316
+ }), _propTypes.default.string]),
317
+ "px": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
318
+ "__@toStringTag": _propTypes.default.string.isRequired,
319
+ "description": _propTypes.default.string,
320
+ "toString": _propTypes.default.func.isRequired,
321
+ "valueOf": _propTypes.default.func.isRequired
322
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
323
+ "__@toStringTag": _propTypes.default.string.isRequired,
324
+ "description": _propTypes.default.string,
325
+ "toString": _propTypes.default.func.isRequired,
326
+ "valueOf": _propTypes.default.func.isRequired
327
+ }), _propTypes.default.string]),
328
+ "py": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
329
+ "__@toStringTag": _propTypes.default.string.isRequired,
330
+ "description": _propTypes.default.string,
331
+ "toString": _propTypes.default.func.isRequired,
332
+ "valueOf": _propTypes.default.func.isRequired
333
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
334
+ "__@toStringTag": _propTypes.default.string.isRequired,
335
+ "description": _propTypes.default.string,
336
+ "toString": _propTypes.default.func.isRequired,
337
+ "valueOf": _propTypes.default.func.isRequired
338
+ }), _propTypes.default.string])
339
+ }),
181
340
  "onCancel": _propTypes.default.func,
182
341
  "open": _propTypes.default.bool.isRequired,
183
342
  "p": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
package/lib/style/utils/form-style-utils.d.ts CHANGED
@@ -10,9 +10,11 @@ export declare const calculateFormSpacingValues: (props: PaddingProps, isFormCon
10
10
  "margin-left": string;
11
11
  "margin-right": string;
12
12
  } | {
13
+ ":not(.padded)"?: {
14
+ "padding-left": string;
15
+ "padding-right": string;
16
+ } | undefined;
13
17
  "margin-bottom": string;
14
- "padding-left": string | undefined;
15
- "padding-right": string | undefined;
16
18
  "margin-left": string;
17
19
  "margin-right": string;
18
20
  };
package/lib/style/utils/form-style-utils.js CHANGED
@@ -104,8 +104,13 @@ const calculateFormSpacingValues = (props, isFormContent, containerComponent = "
104
104
  "padding-right": spacingRightValue
105
105
  } : {
106
106
  "margin-bottom": setNegativeValue(spacingBottomValue),
107
- "padding-left": isSidebar ? _sidebar.SIDEBAR_LEFT_PADDING : undefined,
108
- "padding-right": isSidebar ? _sidebar.SIDEBAR_RIGHT_PADDING : undefined
107
+ ...(isSidebar && {
108
+ // if footer already has custom padding do not set
109
+ ":not(.padded)": {
110
+ "padding-left": _sidebar.SIDEBAR_LEFT_PADDING,
111
+ "padding-right": _sidebar.SIDEBAR_RIGHT_PADDING
112
+ }
113
+ })
109
114
  })
110
115
  };
111
116
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "carbon-react",
3
- "version": "111.15.0",
3
+ "version": "111.16.0",
4
4
  "description": "A library of reusable React components for easily building user interfaces.",
5
5
  "files": [
6
6
  "lib",