@superdispatch/ui 0.24.5 → 0.24.6

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.
@@ -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,