@superdispatch/ui 0.50.1 → 0.50.3

package/dist-src/chip/ChipOverrides.js

@@ -1,6 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import { SvgIcon } from '@material-ui/core';
-import { ColorDynamic } from "../theme/Color.js";
+import { Color, ColorDynamic } from "../theme/Color.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function overrideChip(theme) {
   var sm = theme.breakpoints.up('sm');
@@ -59,6 +59,16 @@ export function overrideChip(theme) {
         boxShadow: "0 0 0 2px ".concat(ColorDynamic.Silver400)
       }
     },
+    colorPrimary: {
+      '& $deleteIcon svg': {
+        color: Color.White
+      }
+    },
+    colorSecondary: {
+      '& $deleteIcon svg': {
+        color: Color.White
+      }
+    },
     deleteIcon: {
       width: undefined,
       height: undefined,

package/dist-src/radio/RadioFieldCard.js

@@ -33,7 +33,16 @@ var Caption = /*#__PURE__*/styled.div.withConfig({
   displayName: "RadioFieldCard__Caption",
   componentId: "SD__sc-5etge2-4"
 })(["padding-left:30px;"]);
-export var RadioFieldCard = /*#__PURE__*/forwardRef((_ref2, ref) => {
+var IconWrapper = /*#__PURE__*/styled.div.withConfig({
+  displayName: "RadioFieldCard__IconWrapper",
+  componentId: "SD__sc-5etge2-5"
+})(["display:flex;", "{padding-left:30px;}"], _ref2 => {
+  var {
+    theme
+  } = _ref2;
+  return theme.breakpoints.down('xs');
+});
+export var RadioFieldCard = /*#__PURE__*/forwardRef((_ref3, ref) => {
   var {
       name,
       value,
@@ -43,8 +52,8 @@ export var RadioFieldCard = /*#__PURE__*/forwardRef((_ref2, ref) => {
       icon,
       checked,
       onChange
-    } = _ref2,
-    props = _objectWithoutProperties(_ref2, _excluded);
+    } = _ref3,
+    props = _objectWithoutProperties(_ref3, _excluded);
   return /*#__PURE__*/_jsx(Card, {
     disabled: disabled,
     children: /*#__PURE__*/_jsx(ClickableCard, _objectSpread(_objectSpread({
@@ -54,6 +63,7 @@ export var RadioFieldCard = /*#__PURE__*/forwardRef((_ref2, ref) => {
       children: /*#__PURE__*/_jsx(Content, {
         active: checked,
         children: /*#__PURE__*/_jsxs(Columns, {
+          collapseBelow: "tablet",
           space: "small",
           children: [/*#__PURE__*/_jsxs(Column, {
             children: [/*#__PURE__*/_jsx(FormControlLabel, {
@@ -76,7 +86,9 @@ export var RadioFieldCard = /*#__PURE__*/forwardRef((_ref2, ref) => {
             })]
           }), /*#__PURE__*/_jsx(Column, {
             width: "content",
-            children: icon
+            children: /*#__PURE__*/_jsx(IconWrapper, {
+              children: icon
+            })
           })]
         })
       })

package/dist-types/index.d.ts

@@ -325,7 +325,7 @@ interface RadioCardItemProps {
     label: string;
     name?: string;
     caption?: string;
-    icon?: React.ReactNode;
+    icon?: ReactNode;
 }
 interface RadioCardProps extends Omit<ButtonBaseProps, 'name' | 'value'>, RadioCardItemProps {
     disabled?: boolean;

package/dist-web/index.js

@@ -2201,7 +2201,16 @@ var Caption = /*#__PURE__*/styled.div.withConfig({
   displayName: "RadioFieldCard__Caption",
   componentId: "SD__sc-5etge2-4"
 })(["padding-left:30px;"]);
-var RadioFieldCard = /*#__PURE__*/forwardRef((_ref2, ref) => {
+var IconWrapper = /*#__PURE__*/styled.div.withConfig({
+  displayName: "RadioFieldCard__IconWrapper",
+  componentId: "SD__sc-5etge2-5"
+})(["display:flex;", "{padding-left:30px;}"], _ref2 => {
+  var {
+    theme
+  } = _ref2;
+  return theme.breakpoints.down('xs');
+});
+var RadioFieldCard = /*#__PURE__*/forwardRef((_ref3, ref) => {
   var {
       name,
       value,
@@ -2211,8 +2220,8 @@ var RadioFieldCard = /*#__PURE__*/forwardRef((_ref2, ref) => {
       icon,
       checked,
       onChange
-    } = _ref2,
-    props = _objectWithoutProperties(_ref2, _excluded$m);
+    } = _ref3,
+    props = _objectWithoutProperties(_ref3, _excluded$m);
   return /*#__PURE__*/jsx(Card, {
     disabled: disabled,
     children: /*#__PURE__*/jsx(ClickableCard, _objectSpread(_objectSpread({
@@ -2222,6 +2231,7 @@ var RadioFieldCard = /*#__PURE__*/forwardRef((_ref2, ref) => {
       children: /*#__PURE__*/jsx(Content, {
         active: checked,
         children: /*#__PURE__*/jsxs(Columns, {
+          collapseBelow: "tablet",
           space: "small",
           children: [/*#__PURE__*/jsxs(Column, {
             children: [/*#__PURE__*/jsx(FormControlLabel, {
@@ -2244,7 +2254,9 @@ var RadioFieldCard = /*#__PURE__*/forwardRef((_ref2, ref) => {
             })]
           }), /*#__PURE__*/jsx(Column, {
             width: "content",
-            children: icon
+            children: /*#__PURE__*/jsx(IconWrapper, {
+              children: icon
+            })
           })]
         })
       })
@@ -3187,6 +3199,16 @@ function overrideChip(theme) {
         boxShadow: "0 0 0 2px ".concat(ColorDynamic.Silver400)
       }
     },
+    colorPrimary: {
+      '& $deleteIcon svg': {
+        color: Color.White
+      }
+    },
+    colorSecondary: {
+      '& $deleteIcon svg': {
+        color: Color.White
+      }
+    },
     deleteIcon: {
       width: undefined,
       height: undefined,