@superdispatch/ui 0.24.5 → 0.24.7

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.
@@ -811,7 +811,7 @@ var FormControl = /*#__PURE__*/styled__default(core.FormControl).withConfig({
811
811
  var FormHelperText = /*#__PURE__*/styled__default(core.FormHelperText).withConfig({
812
812
  displayName: "CheckboxField__FormHelperText",
813
813
  componentId: "SD__sc-1wxu0g6-1"
814
- })(["color:", ";font-size:12px;line-height:16px;font-weight:400;margin-left:30px;margin-top:0;margin-bottom:4px;&.Mui-error{color:", ";}"], exports.Color.Dark300, exports.Color.Red500);
814
+ })(["color:", ";margin-left:30px;margin-top:0;margin-bottom:4px;&.Mui-error{color:", ";}"], exports.Color.Dark300, exports.Color.Red500);
815
815
  var CheckboxField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
816
816
  var {
817
817
  label,
@@ -1845,7 +1845,7 @@ var FormControl$1 = /*#__PURE__*/styled__default(core.FormControl).withConfig({
1845
1845
  var FormHelperText$2 = /*#__PURE__*/styled__default(core.FormHelperText).withConfig({
1846
1846
  displayName: "RadioField__FormHelperText",
1847
1847
  componentId: "SD__sc-6ey4qt-1"
1848
- })(["color:", ";font-size:12px;line-height:16px;font-weight:400;margin-left:30px;margin-top:0;margin-bottom:4px;&.Mui-error{color:", ";}"], exports.Color.Dark300, exports.Color.Red500);
1848
+ })(["color:", ";margin-left:30px;margin-top:0;margin-bottom:4px;&.Mui-error{color:", ";}"], exports.Color.Dark300, exports.Color.Red500);
1849
1849
  var RadioField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
1850
1850
  var {
1851
1851
  label,
@@ -2028,16 +2028,27 @@ function useMinBreakpoint(minBreakpoint) {
2028
2028
 
2029
2029
  var _excluded$m = ["action", "children", "onClose", "className", "classes", "variant"],
2030
2030
  _excluded2$4 = ["icon", "closeButton", "variantError", "variantSuccess"];
2031
+ var PaddedContent = /*#__PURE__*/styled__default.span.withConfig({
2032
+ displayName: "SnackbarContent__PaddedContent",
2033
+ componentId: "SD__sc-1jca4d5-0"
2034
+ })(["padding:2px 0 0;"]);
2031
2035
  var useStyles$b = /*#__PURE__*/styles.makeStyles(theme => ({
2032
2036
  root: {
2033
2037
  color: exports.Color.White,
2034
- backgroundColor: exports.Color.Dark500
2038
+ backgroundColor: exports.Color.Dark500,
2039
+ alignItems: 'flex-start',
2040
+ padding: '10px 16px',
2041
+ [theme.breakpoints.up('md')]: {
2042
+ width: 'auto',
2043
+ maxWidth: '512px',
2044
+ minWidth: '432px'
2045
+ }
2035
2046
  },
2036
2047
  action: {
2037
2048
  paddingLeft: theme.spacing(1)
2038
2049
  },
2039
2050
  message: {
2040
- alignItems: 'center',
2051
+ alignItems: 'flex-start',
2041
2052
  [theme.breakpoints.down('xs')]: {
2042
2053
  fontSize: theme.spacing(2)
2043
2054
  }
@@ -2097,7 +2108,9 @@ var SnackbarContent = /*#__PURE__*/React.forwardRef((_ref, ref) => {
2097
2108
  message: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
2098
2109
  children: [Icon && /*#__PURE__*/jsxRuntime.jsx(Icon, {
2099
2110
  className: icon
2100
- }), children]
2111
+ }), /*#__PURE__*/jsxRuntime.jsx(PaddedContent, {
2112
+ children: children
2113
+ })]
2101
2114
  }),
2102
2115
  action: !action && !onClose ? null : /*#__PURE__*/jsxRuntime.jsxs(core.Grid, {
2103
2116
  container: true,