@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.
@@ -528,7 +528,7 @@ const Gradient = ({
528
528
  width: width || DIMENSIONS.width,
529
529
  minHeight: height || DIMENSIONS.height
530
530
  }, {
531
- mt: horizontal ? [0, '1px', '1px', 0] : 0,
531
+ mt: horizontal ? ['1px', '1px', '1px', 0] : 0,
532
532
  border: ({
533
533
  colors
534
534
  }) => `solid 1px ${colors.hinted}`,
@@ -543,6 +543,7 @@ const Label = ({
543
543
  horizontal
544
544
  }) => /*#__PURE__*/React.createElement(Box, {
545
545
  sx: !horizontal && {
546
+ width: ['13px', '17px', '17px', '19px'],
546
547
  alignSelf: 'flex-end'
547
548
  }
548
549
  }, /*#__PURE__*/React.createElement(Box, {
@@ -687,7 +688,7 @@ const Colorbar = (_ref) => {
687
688
  ref: climRef[0],
688
689
  tabIndex: 0,
689
690
  sx: _extends({}, styles.clim(setClim), {
690
- ml: label ? horizontal ? bottom ? '0px' : '10px' : '2px' : 0,
691
+ ml: label ? horizontal ? bottom ? '0px' : '10px' : ['2px', '1px', '1px', '2px'] : 0,
691
692
  mr: horizontal ? ['2px', '1px', '1px', '2px'] : 0,
692
693
  mb: horizontal ? 0 : ['-2px', '-2px', '-2px', '-3px'],
693
694
  borderBottom: setClim ? climMinDragging ? ({
@@ -708,7 +709,7 @@ const Colorbar = (_ref) => {
708
709
  ref: climRef[1],
709
710
  tabIndex: 0,
710
711
  sx: _extends({}, styles.clim(setClim), {
711
- ml: horizontal ? ['2px', '1px', '1px', '2px'] : '2px',
712
+ ml: horizontal ? ['2px', '1px', '1px', '2px'] : ['2px', '1px', '1px', '2px'],
712
713
  mt: horizontal ? 0 : ['-2px', '-3px', '-3px', '-3px'],
713
714
  borderBottom: setClim ? climMaxDragging ? ({
714
715
  colors
@@ -2025,6 +2026,7 @@ const Layout = ({
2025
2026
  menuItems.push( /*#__PURE__*/React.createElement(Settings, _extends({
2026
2027
  key: "settings",
2027
2028
  sx: {
2029
+ mr: ['2px'],
2028
2030
  display: ['inherit', 'inherit', 'none', 'none']
2029
2031
  }
2030
2032
  }, settings)));