@superdispatch/ui 0.27.0 → 0.28.0

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.
@@ -75,30 +75,40 @@ export var DrawerTitle = /*#__PURE__*/forwardRef((_ref, appBarRef) => {
75
75
  className: styles.toolbar,
76
76
  children: /*#__PURE__*/_jsxs(Grid, {
77
77
  container: true,
78
- alignItems: "center",
79
- children: [!!startAction && /*#__PURE__*/_jsx(Grid, {
78
+ direction: "column",
79
+ children: [/*#__PURE__*/_jsx(Grid, {
80
80
  item: true,
81
- className: styles.startAction,
82
- children: startAction
83
- }), /*#__PURE__*/_jsxs(Grid, {
81
+ children: /*#__PURE__*/_jsxs(Grid, {
82
+ container: true,
83
+ alignItems: "center",
84
+ children: [!!startAction && /*#__PURE__*/_jsx(Grid, {
85
+ item: true,
86
+ className: styles.startAction,
87
+ children: startAction
88
+ }), /*#__PURE__*/_jsx(Grid, {
89
+ item: true,
90
+ xs: true,
91
+ zeroMinWidth: true,
92
+ children: /*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({
93
+ variant: "h3",
94
+ noWrap: true
95
+ }, titleTypographyProps), {}, {
96
+ children: title
97
+ }))
98
+ }), !!endAction && /*#__PURE__*/_jsx(Grid, {
99
+ item: true,
100
+ className: styles.endAction,
101
+ children: endAction
102
+ })]
103
+ })
104
+ }), /*#__PURE__*/_jsx(Grid, {
84
105
  item: true,
85
- xs: true,
86
- zeroMinWidth: true,
87
- children: [/*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({
88
- variant: "h3",
89
- noWrap: true
90
- }, titleTypographyProps), {}, {
91
- children: title
92
- })), !!subtitle && /*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({
106
+ children: !!subtitle && /*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({
93
107
  variant: "body2",
94
108
  noWrap: true
95
109
  }, subtitleTypographyProps), {}, {
96
110
  children: subtitle
97
- }))]
98
- }), !!endAction && /*#__PURE__*/_jsx(Grid, {
99
- item: true,
100
- className: styles.endAction,
101
- children: endAction
111
+ }))
102
112
  })]
103
113
  })
104
114
  })
package/dist-web/index.js CHANGED
@@ -1461,30 +1461,40 @@ var DrawerTitle = /*#__PURE__*/forwardRef((_ref, appBarRef) => {
1461
1461
  className: styles.toolbar,
1462
1462
  children: /*#__PURE__*/jsxs(Grid, {
1463
1463
  container: true,
1464
- alignItems: "center",
1465
- children: [!!startAction && /*#__PURE__*/jsx(Grid, {
1464
+ direction: "column",
1465
+ children: [/*#__PURE__*/jsx(Grid, {
1466
1466
  item: true,
1467
- className: styles.startAction,
1468
- children: startAction
1469
- }), /*#__PURE__*/jsxs(Grid, {
1467
+ children: /*#__PURE__*/jsxs(Grid, {
1468
+ container: true,
1469
+ alignItems: "center",
1470
+ children: [!!startAction && /*#__PURE__*/jsx(Grid, {
1471
+ item: true,
1472
+ className: styles.startAction,
1473
+ children: startAction
1474
+ }), /*#__PURE__*/jsx(Grid, {
1475
+ item: true,
1476
+ xs: true,
1477
+ zeroMinWidth: true,
1478
+ children: /*#__PURE__*/jsx(Typography, _objectSpread(_objectSpread({
1479
+ variant: "h3",
1480
+ noWrap: true
1481
+ }, titleTypographyProps), {}, {
1482
+ children: title
1483
+ }))
1484
+ }), !!endAction && /*#__PURE__*/jsx(Grid, {
1485
+ item: true,
1486
+ className: styles.endAction,
1487
+ children: endAction
1488
+ })]
1489
+ })
1490
+ }), /*#__PURE__*/jsx(Grid, {
1470
1491
  item: true,
1471
- xs: true,
1472
- zeroMinWidth: true,
1473
- children: [/*#__PURE__*/jsx(Typography, _objectSpread(_objectSpread({
1474
- variant: "h3",
1475
- noWrap: true
1476
- }, titleTypographyProps), {}, {
1477
- children: title
1478
- })), !!subtitle && /*#__PURE__*/jsx(Typography, _objectSpread(_objectSpread({
1492
+ children: !!subtitle && /*#__PURE__*/jsx(Typography, _objectSpread(_objectSpread({
1479
1493
  variant: "body2",
1480
1494
  noWrap: true
1481
1495
  }, subtitleTypographyProps), {}, {
1482
1496
  children: subtitle
1483
- }))]
1484
- }), !!endAction && /*#__PURE__*/jsx(Grid, {
1485
- item: true,
1486
- className: styles.endAction,
1487
- children: endAction
1497
+ }))
1488
1498
  })]
1489
1499
  })
1490
1500
  })