@superdispatch/ui 0.50.2 → 0.50.3
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.
- package/dist-node/index.js +16 -4
- package/dist-node/index.js.map +1 -1
- package/dist-src/radio/RadioFieldCard.js +16 -4
- package/dist-types/index.d.ts +1 -1
- package/dist-web/index.js +16 -4
- package/dist-web/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -33,7 +33,16 @@ var Caption = /*#__PURE__*/styled.div.withConfig({
|
|
|
33
33
|
displayName: "RadioFieldCard__Caption",
|
|
34
34
|
componentId: "SD__sc-5etge2-4"
|
|
35
35
|
})(["padding-left:30px;"]);
|
|
36
|
-
|
|
36
|
+
var IconWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
37
|
+
displayName: "RadioFieldCard__IconWrapper",
|
|
38
|
+
componentId: "SD__sc-5etge2-5"
|
|
39
|
+
})(["display:flex;", "{padding-left:30px;}"], _ref2 => {
|
|
40
|
+
var {
|
|
41
|
+
theme
|
|
42
|
+
} = _ref2;
|
|
43
|
+
return theme.breakpoints.down('xs');
|
|
44
|
+
});
|
|
45
|
+
export var RadioFieldCard = /*#__PURE__*/forwardRef((_ref3, ref) => {
|
|
37
46
|
var {
|
|
38
47
|
name,
|
|
39
48
|
value,
|
|
@@ -43,8 +52,8 @@ export var RadioFieldCard = /*#__PURE__*/forwardRef((_ref2, ref) => {
|
|
|
43
52
|
icon,
|
|
44
53
|
checked,
|
|
45
54
|
onChange
|
|
46
|
-
} =
|
|
47
|
-
props = _objectWithoutProperties(
|
|
55
|
+
} = _ref3,
|
|
56
|
+
props = _objectWithoutProperties(_ref3, _excluded);
|
|
48
57
|
return /*#__PURE__*/_jsx(Card, {
|
|
49
58
|
disabled: disabled,
|
|
50
59
|
children: /*#__PURE__*/_jsx(ClickableCard, _objectSpread(_objectSpread({
|
|
@@ -54,6 +63,7 @@ export var RadioFieldCard = /*#__PURE__*/forwardRef((_ref2, ref) => {
|
|
|
54
63
|
children: /*#__PURE__*/_jsx(Content, {
|
|
55
64
|
active: checked,
|
|
56
65
|
children: /*#__PURE__*/_jsxs(Columns, {
|
|
66
|
+
collapseBelow: "tablet",
|
|
57
67
|
space: "small",
|
|
58
68
|
children: [/*#__PURE__*/_jsxs(Column, {
|
|
59
69
|
children: [/*#__PURE__*/_jsx(FormControlLabel, {
|
|
@@ -76,7 +86,9 @@ export var RadioFieldCard = /*#__PURE__*/forwardRef((_ref2, ref) => {
|
|
|
76
86
|
})]
|
|
77
87
|
}), /*#__PURE__*/_jsx(Column, {
|
|
78
88
|
width: "content",
|
|
79
|
-
children:
|
|
89
|
+
children: /*#__PURE__*/_jsx(IconWrapper, {
|
|
90
|
+
children: icon
|
|
91
|
+
})
|
|
80
92
|
})]
|
|
81
93
|
})
|
|
82
94
|
})
|
package/dist-types/index.d.ts
CHANGED
|
@@ -325,7 +325,7 @@ interface RadioCardItemProps {
|
|
|
325
325
|
label: string;
|
|
326
326
|
name?: string;
|
|
327
327
|
caption?: string;
|
|
328
|
-
icon?:
|
|
328
|
+
icon?: ReactNode;
|
|
329
329
|
}
|
|
330
330
|
interface RadioCardProps extends Omit<ButtonBaseProps, 'name' | 'value'>, RadioCardItemProps {
|
|
331
331
|
disabled?: boolean;
|
package/dist-web/index.js
CHANGED
|
@@ -2201,7 +2201,16 @@ var Caption = /*#__PURE__*/styled.div.withConfig({
|
|
|
2201
2201
|
displayName: "RadioFieldCard__Caption",
|
|
2202
2202
|
componentId: "SD__sc-5etge2-4"
|
|
2203
2203
|
})(["padding-left:30px;"]);
|
|
2204
|
-
var
|
|
2204
|
+
var IconWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
2205
|
+
displayName: "RadioFieldCard__IconWrapper",
|
|
2206
|
+
componentId: "SD__sc-5etge2-5"
|
|
2207
|
+
})(["display:flex;", "{padding-left:30px;}"], _ref2 => {
|
|
2208
|
+
var {
|
|
2209
|
+
theme
|
|
2210
|
+
} = _ref2;
|
|
2211
|
+
return theme.breakpoints.down('xs');
|
|
2212
|
+
});
|
|
2213
|
+
var RadioFieldCard = /*#__PURE__*/forwardRef((_ref3, ref) => {
|
|
2205
2214
|
var {
|
|
2206
2215
|
name,
|
|
2207
2216
|
value,
|
|
@@ -2211,8 +2220,8 @@ var RadioFieldCard = /*#__PURE__*/forwardRef((_ref2, ref) => {
|
|
|
2211
2220
|
icon,
|
|
2212
2221
|
checked,
|
|
2213
2222
|
onChange
|
|
2214
|
-
} =
|
|
2215
|
-
props = _objectWithoutProperties(
|
|
2223
|
+
} = _ref3,
|
|
2224
|
+
props = _objectWithoutProperties(_ref3, _excluded$m);
|
|
2216
2225
|
return /*#__PURE__*/jsx(Card, {
|
|
2217
2226
|
disabled: disabled,
|
|
2218
2227
|
children: /*#__PURE__*/jsx(ClickableCard, _objectSpread(_objectSpread({
|
|
@@ -2222,6 +2231,7 @@ var RadioFieldCard = /*#__PURE__*/forwardRef((_ref2, ref) => {
|
|
|
2222
2231
|
children: /*#__PURE__*/jsx(Content, {
|
|
2223
2232
|
active: checked,
|
|
2224
2233
|
children: /*#__PURE__*/jsxs(Columns, {
|
|
2234
|
+
collapseBelow: "tablet",
|
|
2225
2235
|
space: "small",
|
|
2226
2236
|
children: [/*#__PURE__*/jsxs(Column, {
|
|
2227
2237
|
children: [/*#__PURE__*/jsx(FormControlLabel, {
|
|
@@ -2244,7 +2254,9 @@ var RadioFieldCard = /*#__PURE__*/forwardRef((_ref2, ref) => {
|
|
|
2244
2254
|
})]
|
|
2245
2255
|
}), /*#__PURE__*/jsx(Column, {
|
|
2246
2256
|
width: "content",
|
|
2247
|
-
children:
|
|
2257
|
+
children: /*#__PURE__*/jsx(IconWrapper, {
|
|
2258
|
+
children: icon
|
|
2259
|
+
})
|
|
2248
2260
|
})]
|
|
2249
2261
|
})
|
|
2250
2262
|
})
|