@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.
Files changed (8) hide show
  1. package/dist-node/index.js +18 -5
  2. package/dist-node/index.js.map +1 -1
  3. package/dist-src/checkbox/CheckboxField.js +1 -1
  4. package/dist-src/radio/RadioField.js +1 -1
  5. package/dist-src/snackbar/SnackbarContent.js +17 -3
  6. package/dist-web/index.js +18 -5
  7. package/dist-web/index.js.map +1 -1
  8. package/package.json +1 -1
package/dist-src/checkbox/CheckboxField.js CHANGED
@@ -14,7 +14,7 @@ var FormControl = /*#__PURE__*/styled(FormControlMui).withConfig({
14
14
  var FormHelperText = /*#__PURE__*/styled(FormHelperTextMui).withConfig({
15
15
  displayName: "CheckboxField__FormHelperText",
16
16
  componentId: "SD__sc-1wxu0g6-1"
17
- })(["color:", ";font-size:12px;line-height:16px;font-weight:400;margin-left:30px;margin-top:0;margin-bottom:4px;&.Mui-error{color:", ";}"], Color.Dark300, Color.Red500);
17
+ })(["color:", ";margin-left:30px;margin-top:0;margin-bottom:4px;&.Mui-error{color:", ";}"], Color.Dark300, Color.Red500);
18
18
  export var CheckboxField = /*#__PURE__*/forwardRef((_ref, ref) => {
19
19
  var {
20
20
  label,
package/dist-src/radio/RadioField.js CHANGED
@@ -14,7 +14,7 @@ var FormControl = /*#__PURE__*/styled(FormControlMui).withConfig({
14
14
  var FormHelperText = /*#__PURE__*/styled(FormHelperTextMui).withConfig({
15
15
  displayName: "RadioField__FormHelperText",
16
16
  componentId: "SD__sc-6ey4qt-1"
17
- })(["color:", ";font-size:12px;line-height:16px;font-weight:400;margin-left:30px;margin-top:0;margin-bottom:4px;&.Mui-error{color:", ";}"], Color.Dark300, Color.Red500);
17
+ })(["color:", ";margin-left:30px;margin-top:0;margin-bottom:4px;&.Mui-error{color:", ";}"], Color.Dark300, Color.Red500);
18
18
  export var RadioField = /*#__PURE__*/forwardRef((_ref, ref) => {
19
19
  var {
20
20
  label,
package/dist-src/snackbar/SnackbarContent.js CHANGED
@@ -7,20 +7,32 @@ import { CheckCircle, Close, Error } from '@material-ui/icons';
7
7
  import { makeStyles } from '@material-ui/styles';
8
8
  import clsx from 'clsx';
9
9
  import { forwardRef } from 'react';
10
+ import styled from 'styled-components';
10
11
  import { Color } from "../theme/Color.js";
11
12
  import { jsx as _jsx } from "react/jsx-runtime";
12
13
  import { Fragment as _Fragment } from "react/jsx-runtime";
13
14
  import { jsxs as _jsxs } from "react/jsx-runtime";
15
+ var PaddedContent = /*#__PURE__*/styled.span.withConfig({
16
+ displayName: "SnackbarContent__PaddedContent",
17
+ componentId: "SD__sc-1jca4d5-0"
18
+ })(["padding:2px 0 0;"]);
14
19
  var useStyles = /*#__PURE__*/makeStyles(theme => ({
15
20
  root: {
16
21
  color: Color.White,
17
- backgroundColor: Color.Dark500
22
+ backgroundColor: Color.Dark500,
23
+ alignItems: 'flex-start',
24
+ padding: '10px 16px',
25
+ [theme.breakpoints.up('md')]: {
26
+ width: 'auto',
27
+ maxWidth: '512px',
28
+ minWidth: '432px'
29
+ }
18
30
  },
19
31
  action: {
20
32
  paddingLeft: theme.spacing(1)
21
33
  },
22
34
  message: {
23
- alignItems: 'center',
35
+ alignItems: 'flex-start',
24
36
  [theme.breakpoints.down('xs')]: {
25
37
  fontSize: theme.spacing(2)
26
38
  }
@@ -80,7 +92,9 @@ export var SnackbarContent = /*#__PURE__*/forwardRef((_ref, ref) => {
80
92
  message: /*#__PURE__*/_jsxs(_Fragment, {
81
93
  children: [Icon && /*#__PURE__*/_jsx(Icon, {
82
94
  className: icon
83
- }), children]
95
+ }), /*#__PURE__*/_jsx(PaddedContent, {
96
+ children: children
97
+ })]
84
98
  }),
85
99
  action: !action && !onClose ? null : /*#__PURE__*/_jsxs(Grid, {
86
100
  container: true,
package/dist-web/index.js CHANGED
@@ -806,7 +806,7 @@ var FormControl = /*#__PURE__*/styled(FormControl$2).withConfig({
806
806
  var FormHelperText = /*#__PURE__*/styled(FormHelperText$4).withConfig({
807
807
  displayName: "CheckboxField__FormHelperText",
808
808
  componentId: "SD__sc-1wxu0g6-1"
809
- })(["color:", ";font-size:12px;line-height:16px;font-weight:400;margin-left:30px;margin-top:0;margin-bottom:4px;&.Mui-error{color:", ";}"], Color.Dark300, Color.Red500);
809
+ })(["color:", ";margin-left:30px;margin-top:0;margin-bottom:4px;&.Mui-error{color:", ";}"], Color.Dark300, Color.Red500);
810
810
  var CheckboxField = /*#__PURE__*/forwardRef((_ref, ref) => {
811
811
  var {
812
812
  label,
@@ -1840,7 +1840,7 @@ var FormControl$1 = /*#__PURE__*/styled(FormControl$2).withConfig({
1840
1840
  var FormHelperText$2 = /*#__PURE__*/styled(FormHelperText$4).withConfig({
1841
1841
  displayName: "RadioField__FormHelperText",
1842
1842
  componentId: "SD__sc-6ey4qt-1"
1843
- })(["color:", ";font-size:12px;line-height:16px;font-weight:400;margin-left:30px;margin-top:0;margin-bottom:4px;&.Mui-error{color:", ";}"], Color.Dark300, Color.Red500);
1843
+ })(["color:", ";margin-left:30px;margin-top:0;margin-bottom:4px;&.Mui-error{color:", ";}"], Color.Dark300, Color.Red500);
1844
1844
  var RadioField = /*#__PURE__*/forwardRef((_ref, ref) => {
1845
1845
  var {
1846
1846
  label,
@@ -2023,16 +2023,27 @@ function useMinBreakpoint(minBreakpoint) {
2023
2023
 
2024
2024
  var _excluded$m = ["action", "children", "onClose", "className", "classes", "variant"],
2025
2025
  _excluded2$4 = ["icon", "closeButton", "variantError", "variantSuccess"];
2026
+ var PaddedContent = /*#__PURE__*/styled.span.withConfig({
2027
+ displayName: "SnackbarContent__PaddedContent",
2028
+ componentId: "SD__sc-1jca4d5-0"
2029
+ })(["padding:2px 0 0;"]);
2026
2030
  var useStyles$b = /*#__PURE__*/makeStyles(theme => ({
2027
2031
  root: {
2028
2032
  color: Color.White,
2029
- backgroundColor: Color.Dark500
2033
+ backgroundColor: Color.Dark500,
2034
+ alignItems: 'flex-start',
2035
+ padding: '10px 16px',
2036
+ [theme.breakpoints.up('md')]: {
2037
+ width: 'auto',
2038
+ maxWidth: '512px',
2039
+ minWidth: '432px'
2040
+ }
2030
2041
  },
2031
2042
  action: {
2032
2043
  paddingLeft: theme.spacing(1)
2033
2044
  },
2034
2045
  message: {
2035
- alignItems: 'center',
2046
+ alignItems: 'flex-start',
2036
2047
  [theme.breakpoints.down('xs')]: {
2037
2048
  fontSize: theme.spacing(2)
2038
2049
  }
@@ -2092,7 +2103,9 @@ var SnackbarContent = /*#__PURE__*/forwardRef((_ref, ref) => {
2092
2103
  message: /*#__PURE__*/jsxs(Fragment, {
2093
2104
  children: [Icon && /*#__PURE__*/jsx(Icon, {
2094
2105
  className: icon
2095
- }), children]
2106
+ }), /*#__PURE__*/jsx(PaddedContent, {
2107
+ children: children
2108
+ })]
2096
2109
  }),
2097
2110
  action: !action && !onClose ? null : /*#__PURE__*/jsxs(Grid, {
2098
2111
  container: true,