@carbonplan/components 11.0.0 → 11.0.4

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.
package/dst/index.js CHANGED
@@ -530,7 +530,7 @@ var Gradient = function Gradient(_ref3) {
530
530
  width: width || DIMENSIONS.width,
531
531
  minHeight: height || DIMENSIONS.height
532
532
  }, {
533
- mt: horizontal ? [0, '1px', '1px', 0] : 0,
533
+ mt: horizontal ? ['1px', '1px', '1px', 0] : 0,
534
534
  border: function border(_ref4) {
535
535
  var colors = _ref4.colors;
536
536
  return "solid 1px " + colors.hinted;
@@ -546,6 +546,7 @@ var Label = function Label(_ref5) {
546
546
  horizontal = _ref5.horizontal;
547
547
  return /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
548
548
  sx: !horizontal && {
549
+ width: ['13px', '17px', '17px', '19px'],
549
550
  alignSelf: 'flex-end'
550
551
  }
551
552
  }, /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
@@ -718,7 +719,7 @@ var Colorbar = function Colorbar(_ref6) {
718
719
  ref: climRef[0],
719
720
  tabIndex: 0,
720
721
  sx: _extends({}, styles.clim(setClim), {
721
- ml: label ? horizontal ? bottom ? '0px' : '10px' : '2px' : 0,
722
+ ml: label ? horizontal ? bottom ? '0px' : '10px' : ['2px', '1px', '1px', '2px'] : 0,
722
723
  mr: horizontal ? ['2px', '1px', '1px', '2px'] : 0,
723
724
  mb: horizontal ? 0 : ['-2px', '-2px', '-2px', '-3px'],
724
725
  borderBottom: setClim ? climMinDragging ? function (_ref7) {
@@ -743,7 +744,7 @@ var Colorbar = function Colorbar(_ref6) {
743
744
  ref: climRef[1],
744
745
  tabIndex: 0,
745
746
  sx: _extends({}, styles.clim(setClim), {
746
- ml: horizontal ? ['2px', '1px', '1px', '2px'] : '2px',
747
+ ml: horizontal ? ['2px', '1px', '1px', '2px'] : ['2px', '1px', '1px', '2px'],
747
748
  mt: horizontal ? 0 : ['-2px', '-3px', '-3px', '-3px'],
748
749
  borderBottom: setClim ? climMaxDragging ? function (_ref9) {
749
750
  var colors = _ref9.colors;
@@ -2078,6 +2079,7 @@ var Layout = function Layout(_ref) {
2078
2079
  menuItems.push( /*#__PURE__*/React__default['default'].createElement(Settings, _extends({
2079
2080
  key: "settings",
2080
2081
  sx: {
2082
+ mr: ['2px'],
2081
2083
  display: ['inherit', 'inherit', 'none', 'none']
2082
2084
  }
2083
2085
  }, settings)));