@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.
@@ -2203,7 +2203,16 @@ var Caption = /*#__PURE__*/styled__default.div.withConfig({
2203
2203
  displayName: "RadioFieldCard__Caption",
2204
2204
  componentId: "SD__sc-5etge2-4"
2205
2205
  })(["padding-left:30px;"]);
2206
- var RadioFieldCard = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
2206
+ var IconWrapper = /*#__PURE__*/styled__default.div.withConfig({
2207
+ displayName: "RadioFieldCard__IconWrapper",
2208
+ componentId: "SD__sc-5etge2-5"
2209
+ })(["display:flex;", "{padding-left:30px;}"], _ref2 => {
2210
+ var {
2211
+ theme
2212
+ } = _ref2;
2213
+ return theme.breakpoints.down('xs');
2214
+ });
2215
+ var RadioFieldCard = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
2207
2216
  var {
2208
2217
  name,
2209
2218
  value,
@@ -2213,8 +2222,8 @@ var RadioFieldCard = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
2213
2222
  icon,
2214
2223
  checked,
2215
2224
  onChange
2216
- } = _ref2,
2217
- props = _objectWithoutProperties(_ref2, _excluded$m);
2225
+ } = _ref3,
2226
+ props = _objectWithoutProperties(_ref3, _excluded$m);
2218
2227
  return /*#__PURE__*/jsxRuntime.jsx(Card, {
2219
2228
  disabled: disabled,
2220
2229
  children: /*#__PURE__*/jsxRuntime.jsx(ClickableCard, _objectSpread(_objectSpread({
@@ -2224,6 +2233,7 @@ var RadioFieldCard = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
2224
2233
  children: /*#__PURE__*/jsxRuntime.jsx(Content, {
2225
2234
  active: checked,
2226
2235
  children: /*#__PURE__*/jsxRuntime.jsxs(Columns, {
2236
+ collapseBelow: "tablet",
2227
2237
  space: "small",
2228
2238
  children: [/*#__PURE__*/jsxRuntime.jsxs(Column, {
2229
2239
  children: [/*#__PURE__*/jsxRuntime.jsx(FormControlLabel, {
@@ -2246,7 +2256,9 @@ var RadioFieldCard = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
2246
2256
  })]
2247
2257
  }), /*#__PURE__*/jsxRuntime.jsx(Column, {
2248
2258
  width: "content",
2249
- children: icon
2259
+ children: /*#__PURE__*/jsxRuntime.jsx(IconWrapper, {
2260
+ children: icon
2261
+ })
2250
2262
  })]
2251
2263
  })
2252
2264
  })