carbon-react 111.4.1 → 111.5.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 (59) hide show
  1. package/esm/components/box/box.component.js +1 -0
  2. package/esm/components/card/card-column/card-column.component.d.ts +11 -0
  3. package/esm/components/card/card-column/card-column.component.js +7 -13
  4. package/esm/components/card/card-column/card-column.style.d.ts +7 -0
  5. package/esm/components/card/card-column/card-column.style.js +0 -7
  6. package/esm/components/card/card-column/index.d.ts +2 -1
  7. package/esm/components/card/card-footer/card-footer.component.d.ts +11 -0
  8. package/esm/components/card/card-footer/card-footer.component.js +320 -10
  9. package/esm/components/card/card-footer/card-footer.style.d.ts +10 -0
  10. package/esm/components/card/card-footer/card-footer.style.js +0 -10
  11. package/esm/components/card/card-footer/index.d.ts +2 -1
  12. package/esm/components/card/card-row/card-row.component.d.ts +11 -0
  13. package/esm/components/card/card-row/card-row.component.js +161 -17
  14. package/esm/components/card/card-row/card-row.style.d.ts +11 -0
  15. package/esm/components/card/card-row/card-row.style.js +16 -8
  16. package/esm/components/card/card-row/index.d.ts +2 -1
  17. package/esm/components/card/card.component.d.ts +31 -0
  18. package/esm/components/card/card.component.js +208 -69
  19. package/esm/components/card/card.config.d.ts +4 -0
  20. package/esm/components/card/card.config.js +2 -3
  21. package/esm/components/card/card.style.d.ts +10 -0
  22. package/esm/components/card/card.style.js +0 -11
  23. package/esm/components/card/index.d.ts +5 -1
  24. package/esm/components/multi-action-button/multi-action-button.style.js +2 -1
  25. package/lib/components/box/box.component.js +1 -0
  26. package/lib/components/card/card-column/card-column.component.d.ts +11 -0
  27. package/lib/components/card/card-column/card-column.component.js +7 -13
  28. package/lib/components/card/card-column/card-column.style.d.ts +7 -0
  29. package/lib/components/card/card-column/card-column.style.js +0 -8
  30. package/lib/components/card/card-column/index.d.ts +2 -1
  31. package/lib/components/card/card-footer/card-footer.component.d.ts +11 -0
  32. package/lib/components/card/card-footer/card-footer.component.js +320 -10
  33. package/lib/components/card/card-footer/card-footer.style.d.ts +10 -0
  34. package/lib/components/card/card-footer/card-footer.style.js +0 -13
  35. package/lib/components/card/card-footer/index.d.ts +2 -1
  36. package/lib/components/card/card-row/card-row.component.d.ts +11 -0
  37. package/lib/components/card/card-row/card-row.component.js +162 -20
  38. package/lib/components/card/card-row/card-row.style.d.ts +11 -0
  39. package/lib/components/card/card-row/card-row.style.js +18 -7
  40. package/lib/components/card/card-row/index.d.ts +2 -1
  41. package/lib/components/card/card.component.d.ts +31 -0
  42. package/lib/components/card/card.component.js +213 -71
  43. package/lib/components/card/card.config.d.ts +4 -0
  44. package/lib/components/card/card.config.js +4 -5
  45. package/lib/components/card/card.style.d.ts +10 -0
  46. package/lib/components/card/card.style.js +0 -13
  47. package/lib/components/card/index.d.ts +5 -1
  48. package/lib/components/multi-action-button/multi-action-button.style.js +2 -1
  49. package/package.json +1 -1
  50. package/esm/components/card/card-column/card-column.d.ts +0 -11
  51. package/esm/components/card/card-footer/card-footer.d.ts +0 -16
  52. package/esm/components/card/card-row/card-row.d.ts +0 -16
  53. package/esm/components/card/card-types.d.ts +0 -1
  54. package/esm/components/card/card.d.ts +0 -22
  55. package/lib/components/card/card-column/card-column.d.ts +0 -11
  56. package/lib/components/card/card-footer/card-footer.d.ts +0 -16
  57. package/lib/components/card/card-row/card-row.d.ts +0 -16
  58. package/lib/components/card/card-types.d.ts +0 -1
  59. package/lib/components/card/card.d.ts +0 -22
@@ -73,4 +73,5 @@ const Box = styled.div`
73
73
  Box.defaultProps = {
74
74
  theme: BaseTheme
75
75
  };
76
+ Box.displayName = "Box";
76
77
  export default Box;
@@ -0,0 +1,11 @@
1
+ import React from "react";
2
+ import { StyledCardColumnProps } from "./card-column.style";
3
+ export interface CardColumnProps extends Partial<StyledCardColumnProps> {
4
+ /** Child elements */
5
+ children: React.ReactNode;
6
+ }
7
+ declare const CardColumn: {
8
+ ({ align, children }: CardColumnProps): JSX.Element;
9
+ displayName: string;
10
+ };
11
+ export default CardColumn;
@@ -1,24 +1,18 @@
1
- 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); }
2
-
3
1
  import React from "react";
4
2
  import PropTypes from "prop-types";
5
3
  import StyledCardColumn from "./card-column.style";
6
4
 
7
5
  const CardColumn = ({
8
- align,
9
- children,
10
- ...props
11
- }) => /*#__PURE__*/React.createElement(StyledCardColumn, _extends({
6
+ align = "center",
7
+ children
8
+ }) => /*#__PURE__*/React.createElement(StyledCardColumn, {
12
9
  align: align,
13
10
  "data-element": "card-column"
14
- }, props), children);
11
+ }, children);
15
12
 
16
13
  CardColumn.propTypes = {
17
- /** text alignment of the card section text */
18
- align: PropTypes.oneOf(["center", "left", "right"]),
19
- children: PropTypes.node.isRequired
20
- };
21
- CardColumn.defaultProps = {
22
- align: "center"
14
+ "align": PropTypes.oneOf(["center", "left", "right"]),
15
+ "children": PropTypes.node
23
16
  };
17
+ CardColumn.displayName = "CardColumn";
24
18
  export default CardColumn;
@@ -0,0 +1,7 @@
1
+ import { CardAlign } from "../card.config";
2
+ export interface StyledCardColumnProps {
3
+ /** Text alignment of the card section text */
4
+ align: CardAlign;
5
+ }
6
+ declare const StyledCardColumn: import("styled-components").StyledComponent<"div", any, StyledCardColumnProps, never>;
7
+ export default StyledCardColumn;
@@ -1,15 +1,8 @@
1
1
  import styled from "styled-components";
2
- import PropTypes from "prop-types";
3
2
  const StyledCardColumn = styled.div`
4
3
  flex-grow: 1;
5
4
  text-align: ${({
6
5
  align
7
6
  }) => align};
8
7
  `;
9
- StyledCardColumn.propTypes = {
10
- align: PropTypes.oneOf(["center", "left", "right"])
11
- };
12
- StyledCardColumn.defaultProps = {
13
- align: "center"
14
- };
15
8
  export default StyledCardColumn;
@@ -1 +1,2 @@
1
- export { default } from "./card-column";
1
+ export { default } from "./card-column.component";
2
+ export type { CardColumnProps } from "./card-column.component";
@@ -0,0 +1,11 @@
1
+ import React from "react";
2
+ import { StyledCardFooterProps } from "./card-footer.style";
3
+ export interface CardFooterProps extends Partial<StyledCardFooterProps> {
4
+ /** Child nodes */
5
+ children: React.ReactNode;
6
+ }
7
+ declare const CardFooter: {
8
+ ({ spacing, children, variant, ...rest }: CardFooterProps): JSX.Element;
9
+ displayName: string;
10
+ };
11
+ export default CardFooter;
@@ -2,25 +2,335 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
2
2
 
3
3
  import React from "react";
4
4
  import PropTypes from "prop-types";
5
- import styledSystemPropTypes from "@styled-system/prop-types";
5
+ import { filterStyledSystemMarginProps, filterStyledSystemPaddingProps } from "../../../style/utils";
6
6
  import StyledCardFooter from "./card-footer.style";
7
7
 
8
8
  const CardFooter = ({
9
- spacing,
9
+ spacing = "medium",
10
10
  children,
11
- ...props
11
+ variant = "default",
12
+ ...rest
12
13
  }) => {
13
14
  return /*#__PURE__*/React.createElement(StyledCardFooter, _extends({
14
15
  key: "card-footer",
15
16
  "data-element": "card-footer",
16
- spacing: spacing
17
- }, props), children);
17
+ spacing: spacing,
18
+ variant: variant
19
+ }, filterStyledSystemMarginProps(rest), filterStyledSystemPaddingProps(rest)), children);
18
20
  };
19
21
 
20
- CardFooter.propTypes = { ...styledSystemPropTypes.space,
21
- children: PropTypes.node.isRequired,
22
-
23
- /** Predefined size of CardFooter for applying padding (small | medium | large). For more granular control these can be over-ridden by Spacing props from styled-system (see table below). */
24
- spacing: PropTypes.oneOf(["small", "medium", "large"])
22
+ CardFooter.propTypes = {
23
+ "children": PropTypes.node,
24
+ "m": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
25
+ "__@toStringTag": PropTypes.string.isRequired,
26
+ "description": PropTypes.string,
27
+ "toString": PropTypes.func.isRequired,
28
+ "valueOf": PropTypes.func.isRequired
29
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
30
+ "__@toStringTag": PropTypes.string.isRequired,
31
+ "description": PropTypes.string,
32
+ "toString": PropTypes.func.isRequired,
33
+ "valueOf": PropTypes.func.isRequired
34
+ }), PropTypes.string]),
35
+ "margin": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
36
+ "__@toStringTag": PropTypes.string.isRequired,
37
+ "description": PropTypes.string,
38
+ "toString": PropTypes.func.isRequired,
39
+ "valueOf": PropTypes.func.isRequired
40
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
41
+ "__@toStringTag": PropTypes.string.isRequired,
42
+ "description": PropTypes.string,
43
+ "toString": PropTypes.func.isRequired,
44
+ "valueOf": PropTypes.func.isRequired
45
+ }), PropTypes.string]),
46
+ "marginBottom": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
47
+ "__@toStringTag": PropTypes.string.isRequired,
48
+ "description": PropTypes.string,
49
+ "toString": PropTypes.func.isRequired,
50
+ "valueOf": PropTypes.func.isRequired
51
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
52
+ "__@toStringTag": PropTypes.string.isRequired,
53
+ "description": PropTypes.string,
54
+ "toString": PropTypes.func.isRequired,
55
+ "valueOf": PropTypes.func.isRequired
56
+ }), PropTypes.string]),
57
+ "marginLeft": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
58
+ "__@toStringTag": PropTypes.string.isRequired,
59
+ "description": PropTypes.string,
60
+ "toString": PropTypes.func.isRequired,
61
+ "valueOf": PropTypes.func.isRequired
62
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
63
+ "__@toStringTag": PropTypes.string.isRequired,
64
+ "description": PropTypes.string,
65
+ "toString": PropTypes.func.isRequired,
66
+ "valueOf": PropTypes.func.isRequired
67
+ }), PropTypes.string]),
68
+ "marginRight": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
69
+ "__@toStringTag": PropTypes.string.isRequired,
70
+ "description": PropTypes.string,
71
+ "toString": PropTypes.func.isRequired,
72
+ "valueOf": PropTypes.func.isRequired
73
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
74
+ "__@toStringTag": PropTypes.string.isRequired,
75
+ "description": PropTypes.string,
76
+ "toString": PropTypes.func.isRequired,
77
+ "valueOf": PropTypes.func.isRequired
78
+ }), PropTypes.string]),
79
+ "marginTop": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
80
+ "__@toStringTag": PropTypes.string.isRequired,
81
+ "description": PropTypes.string,
82
+ "toString": PropTypes.func.isRequired,
83
+ "valueOf": PropTypes.func.isRequired
84
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
85
+ "__@toStringTag": PropTypes.string.isRequired,
86
+ "description": PropTypes.string,
87
+ "toString": PropTypes.func.isRequired,
88
+ "valueOf": PropTypes.func.isRequired
89
+ }), PropTypes.string]),
90
+ "marginX": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
91
+ "__@toStringTag": PropTypes.string.isRequired,
92
+ "description": PropTypes.string,
93
+ "toString": PropTypes.func.isRequired,
94
+ "valueOf": PropTypes.func.isRequired
95
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
96
+ "__@toStringTag": PropTypes.string.isRequired,
97
+ "description": PropTypes.string,
98
+ "toString": PropTypes.func.isRequired,
99
+ "valueOf": PropTypes.func.isRequired
100
+ }), PropTypes.string]),
101
+ "marginY": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
102
+ "__@toStringTag": PropTypes.string.isRequired,
103
+ "description": PropTypes.string,
104
+ "toString": PropTypes.func.isRequired,
105
+ "valueOf": PropTypes.func.isRequired
106
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
107
+ "__@toStringTag": PropTypes.string.isRequired,
108
+ "description": PropTypes.string,
109
+ "toString": PropTypes.func.isRequired,
110
+ "valueOf": PropTypes.func.isRequired
111
+ }), PropTypes.string]),
112
+ "mb": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
113
+ "__@toStringTag": PropTypes.string.isRequired,
114
+ "description": PropTypes.string,
115
+ "toString": PropTypes.func.isRequired,
116
+ "valueOf": PropTypes.func.isRequired
117
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
118
+ "__@toStringTag": PropTypes.string.isRequired,
119
+ "description": PropTypes.string,
120
+ "toString": PropTypes.func.isRequired,
121
+ "valueOf": PropTypes.func.isRequired
122
+ }), PropTypes.string]),
123
+ "ml": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
124
+ "__@toStringTag": PropTypes.string.isRequired,
125
+ "description": PropTypes.string,
126
+ "toString": PropTypes.func.isRequired,
127
+ "valueOf": PropTypes.func.isRequired
128
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
129
+ "__@toStringTag": PropTypes.string.isRequired,
130
+ "description": PropTypes.string,
131
+ "toString": PropTypes.func.isRequired,
132
+ "valueOf": PropTypes.func.isRequired
133
+ }), PropTypes.string]),
134
+ "mr": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
135
+ "__@toStringTag": PropTypes.string.isRequired,
136
+ "description": PropTypes.string,
137
+ "toString": PropTypes.func.isRequired,
138
+ "valueOf": PropTypes.func.isRequired
139
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
140
+ "__@toStringTag": PropTypes.string.isRequired,
141
+ "description": PropTypes.string,
142
+ "toString": PropTypes.func.isRequired,
143
+ "valueOf": PropTypes.func.isRequired
144
+ }), PropTypes.string]),
145
+ "mt": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
146
+ "__@toStringTag": PropTypes.string.isRequired,
147
+ "description": PropTypes.string,
148
+ "toString": PropTypes.func.isRequired,
149
+ "valueOf": PropTypes.func.isRequired
150
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
151
+ "__@toStringTag": PropTypes.string.isRequired,
152
+ "description": PropTypes.string,
153
+ "toString": PropTypes.func.isRequired,
154
+ "valueOf": PropTypes.func.isRequired
155
+ }), PropTypes.string]),
156
+ "mx": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
157
+ "__@toStringTag": PropTypes.string.isRequired,
158
+ "description": PropTypes.string,
159
+ "toString": PropTypes.func.isRequired,
160
+ "valueOf": PropTypes.func.isRequired
161
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
162
+ "__@toStringTag": PropTypes.string.isRequired,
163
+ "description": PropTypes.string,
164
+ "toString": PropTypes.func.isRequired,
165
+ "valueOf": PropTypes.func.isRequired
166
+ }), PropTypes.string]),
167
+ "my": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
168
+ "__@toStringTag": PropTypes.string.isRequired,
169
+ "description": PropTypes.string,
170
+ "toString": PropTypes.func.isRequired,
171
+ "valueOf": PropTypes.func.isRequired
172
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
173
+ "__@toStringTag": PropTypes.string.isRequired,
174
+ "description": PropTypes.string,
175
+ "toString": PropTypes.func.isRequired,
176
+ "valueOf": PropTypes.func.isRequired
177
+ }), PropTypes.string]),
178
+ "p": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
179
+ "__@toStringTag": PropTypes.string.isRequired,
180
+ "description": PropTypes.string,
181
+ "toString": PropTypes.func.isRequired,
182
+ "valueOf": PropTypes.func.isRequired
183
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
184
+ "__@toStringTag": PropTypes.string.isRequired,
185
+ "description": PropTypes.string,
186
+ "toString": PropTypes.func.isRequired,
187
+ "valueOf": PropTypes.func.isRequired
188
+ }), PropTypes.string]),
189
+ "padding": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
190
+ "__@toStringTag": PropTypes.string.isRequired,
191
+ "description": PropTypes.string,
192
+ "toString": PropTypes.func.isRequired,
193
+ "valueOf": PropTypes.func.isRequired
194
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
195
+ "__@toStringTag": PropTypes.string.isRequired,
196
+ "description": PropTypes.string,
197
+ "toString": PropTypes.func.isRequired,
198
+ "valueOf": PropTypes.func.isRequired
199
+ }), PropTypes.string]),
200
+ "paddingBottom": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
201
+ "__@toStringTag": PropTypes.string.isRequired,
202
+ "description": PropTypes.string,
203
+ "toString": PropTypes.func.isRequired,
204
+ "valueOf": PropTypes.func.isRequired
205
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
206
+ "__@toStringTag": PropTypes.string.isRequired,
207
+ "description": PropTypes.string,
208
+ "toString": PropTypes.func.isRequired,
209
+ "valueOf": PropTypes.func.isRequired
210
+ }), PropTypes.string]),
211
+ "paddingLeft": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
212
+ "__@toStringTag": PropTypes.string.isRequired,
213
+ "description": PropTypes.string,
214
+ "toString": PropTypes.func.isRequired,
215
+ "valueOf": PropTypes.func.isRequired
216
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
217
+ "__@toStringTag": PropTypes.string.isRequired,
218
+ "description": PropTypes.string,
219
+ "toString": PropTypes.func.isRequired,
220
+ "valueOf": PropTypes.func.isRequired
221
+ }), PropTypes.string]),
222
+ "paddingRight": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
223
+ "__@toStringTag": PropTypes.string.isRequired,
224
+ "description": PropTypes.string,
225
+ "toString": PropTypes.func.isRequired,
226
+ "valueOf": PropTypes.func.isRequired
227
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
228
+ "__@toStringTag": PropTypes.string.isRequired,
229
+ "description": PropTypes.string,
230
+ "toString": PropTypes.func.isRequired,
231
+ "valueOf": PropTypes.func.isRequired
232
+ }), PropTypes.string]),
233
+ "paddingTop": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
234
+ "__@toStringTag": PropTypes.string.isRequired,
235
+ "description": PropTypes.string,
236
+ "toString": PropTypes.func.isRequired,
237
+ "valueOf": PropTypes.func.isRequired
238
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
239
+ "__@toStringTag": PropTypes.string.isRequired,
240
+ "description": PropTypes.string,
241
+ "toString": PropTypes.func.isRequired,
242
+ "valueOf": PropTypes.func.isRequired
243
+ }), PropTypes.string]),
244
+ "paddingX": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
245
+ "__@toStringTag": PropTypes.string.isRequired,
246
+ "description": PropTypes.string,
247
+ "toString": PropTypes.func.isRequired,
248
+ "valueOf": PropTypes.func.isRequired
249
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
250
+ "__@toStringTag": PropTypes.string.isRequired,
251
+ "description": PropTypes.string,
252
+ "toString": PropTypes.func.isRequired,
253
+ "valueOf": PropTypes.func.isRequired
254
+ }), PropTypes.string]),
255
+ "paddingY": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
256
+ "__@toStringTag": PropTypes.string.isRequired,
257
+ "description": PropTypes.string,
258
+ "toString": PropTypes.func.isRequired,
259
+ "valueOf": PropTypes.func.isRequired
260
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
261
+ "__@toStringTag": PropTypes.string.isRequired,
262
+ "description": PropTypes.string,
263
+ "toString": PropTypes.func.isRequired,
264
+ "valueOf": PropTypes.func.isRequired
265
+ }), PropTypes.string]),
266
+ "pb": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
267
+ "__@toStringTag": PropTypes.string.isRequired,
268
+ "description": PropTypes.string,
269
+ "toString": PropTypes.func.isRequired,
270
+ "valueOf": PropTypes.func.isRequired
271
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
272
+ "__@toStringTag": PropTypes.string.isRequired,
273
+ "description": PropTypes.string,
274
+ "toString": PropTypes.func.isRequired,
275
+ "valueOf": PropTypes.func.isRequired
276
+ }), PropTypes.string]),
277
+ "pl": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
278
+ "__@toStringTag": PropTypes.string.isRequired,
279
+ "description": PropTypes.string,
280
+ "toString": PropTypes.func.isRequired,
281
+ "valueOf": PropTypes.func.isRequired
282
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
283
+ "__@toStringTag": PropTypes.string.isRequired,
284
+ "description": PropTypes.string,
285
+ "toString": PropTypes.func.isRequired,
286
+ "valueOf": PropTypes.func.isRequired
287
+ }), PropTypes.string]),
288
+ "pr": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
289
+ "__@toStringTag": PropTypes.string.isRequired,
290
+ "description": PropTypes.string,
291
+ "toString": PropTypes.func.isRequired,
292
+ "valueOf": PropTypes.func.isRequired
293
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
294
+ "__@toStringTag": PropTypes.string.isRequired,
295
+ "description": PropTypes.string,
296
+ "toString": PropTypes.func.isRequired,
297
+ "valueOf": PropTypes.func.isRequired
298
+ }), PropTypes.string]),
299
+ "pt": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
300
+ "__@toStringTag": PropTypes.string.isRequired,
301
+ "description": PropTypes.string,
302
+ "toString": PropTypes.func.isRequired,
303
+ "valueOf": PropTypes.func.isRequired
304
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
305
+ "__@toStringTag": PropTypes.string.isRequired,
306
+ "description": PropTypes.string,
307
+ "toString": PropTypes.func.isRequired,
308
+ "valueOf": PropTypes.func.isRequired
309
+ }), PropTypes.string]),
310
+ "px": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
311
+ "__@toStringTag": PropTypes.string.isRequired,
312
+ "description": PropTypes.string,
313
+ "toString": PropTypes.func.isRequired,
314
+ "valueOf": PropTypes.func.isRequired
315
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
316
+ "__@toStringTag": PropTypes.string.isRequired,
317
+ "description": PropTypes.string,
318
+ "toString": PropTypes.func.isRequired,
319
+ "valueOf": PropTypes.func.isRequired
320
+ }), PropTypes.string]),
321
+ "py": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
322
+ "__@toStringTag": PropTypes.string.isRequired,
323
+ "description": PropTypes.string,
324
+ "toString": PropTypes.func.isRequired,
325
+ "valueOf": PropTypes.func.isRequired
326
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
327
+ "__@toStringTag": PropTypes.string.isRequired,
328
+ "description": PropTypes.string,
329
+ "toString": PropTypes.func.isRequired,
330
+ "valueOf": PropTypes.func.isRequired
331
+ }), PropTypes.string]),
332
+ "spacing": PropTypes.oneOf(["large", "medium", "small"]),
333
+ "variant": PropTypes.oneOf(["default", "transparent"])
25
334
  };
335
+ CardFooter.displayName = "CardFooter";
26
336
  export default CardFooter;
@@ -0,0 +1,10 @@
1
+ import { SpaceProps } from "styled-system";
2
+ import { CardSpacing } from "../card.config";
3
+ export interface StyledCardFooterProps extends SpaceProps {
4
+ /** Predefined size of CardFooter for applying padding. For more granular control, this prop can be over-ridden by the spacing props from styled-system */
5
+ spacing: CardSpacing;
6
+ /** Specify styling variant to render */
7
+ variant: "default" | "transparent";
8
+ }
9
+ declare const StyledCardFooter: import("styled-components").StyledComponent<"div", any, StyledCardFooterProps, never>;
10
+ export default StyledCardFooter;
@@ -1,9 +1,6 @@
1
1
  import styled, { css } from "styled-components";
2
- import PropTypes from "prop-types";
3
2
  import { space } from "styled-system";
4
- import BaseTheme from "../../../style/themes/base";
5
3
  import StyledCardColumn from "../card-column/card-column.style";
6
- import { CARD_SIZES } from "../card.config";
7
4
  const marginSizes = {
8
5
  small: "0 -24px",
9
6
  medium: "0 -32px",
@@ -36,11 +33,4 @@ const StyledCardFooter = styled.div`
36
33
  }
37
34
  `}
38
35
  `;
39
- StyledCardFooter.propTypes = {
40
- spacing: PropTypes.oneOf(CARD_SIZES)
41
- };
42
- StyledCardFooter.defaultProps = {
43
- spacing: "medium",
44
- theme: BaseTheme
45
- };
46
36
  export default StyledCardFooter;
@@ -1 +1,2 @@
1
- export { default } from "./card-footer";
1
+ export { default } from "./card-footer.component";
2
+ export type { CardFooterProps } from "./card-footer.component";
@@ -0,0 +1,11 @@
1
+ import React from "react";
2
+ import { StyledCardRowProps } from "./card-row.style";
3
+ export interface CardRowProps extends Partial<StyledCardRowProps> {
4
+ /** Child nodes */
5
+ children: React.ReactNode;
6
+ }
7
+ declare const CardRow: {
8
+ ({ children, spacing, ...rest }: CardRowProps): JSX.Element;
9
+ displayName: string;
10
+ };
11
+ export default CardRow;