@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.esm.js CHANGED
@@ -524,7 +524,7 @@ var Gradient = function Gradient(_ref3) {
524
524
  width: width || DIMENSIONS.width,
525
525
  minHeight: height || DIMENSIONS.height
526
526
  }, {
527
- mt: horizontal ? [0, '1px', '1px', 0] : 0,
527
+ mt: horizontal ? ['1px', '1px', '1px', 0] : 0,
528
528
  border: function border(_ref4) {
529
529
  var colors = _ref4.colors;
530
530
  return "solid 1px " + colors.hinted;
@@ -540,6 +540,7 @@ var Label = function Label(_ref5) {
540
540
  horizontal = _ref5.horizontal;
541
541
  return /*#__PURE__*/React.createElement(Box, {
542
542
  sx: !horizontal && {
543
+ width: ['13px', '17px', '17px', '19px'],
543
544
  alignSelf: 'flex-end'
544
545
  }
545
546
  }, /*#__PURE__*/React.createElement(Box, {
@@ -712,7 +713,7 @@ var Colorbar = function Colorbar(_ref6) {
712
713
  ref: climRef[0],
713
714
  tabIndex: 0,
714
715
  sx: _extends({}, styles.clim(setClim), {
715
- ml: label ? horizontal ? bottom ? '0px' : '10px' : '2px' : 0,
716
+ ml: label ? horizontal ? bottom ? '0px' : '10px' : ['2px', '1px', '1px', '2px'] : 0,
716
717
  mr: horizontal ? ['2px', '1px', '1px', '2px'] : 0,
717
718
  mb: horizontal ? 0 : ['-2px', '-2px', '-2px', '-3px'],
718
719
  borderBottom: setClim ? climMinDragging ? function (_ref7) {
@@ -737,7 +738,7 @@ var Colorbar = function Colorbar(_ref6) {
737
738
  ref: climRef[1],
738
739
  tabIndex: 0,
739
740
  sx: _extends({}, styles.clim(setClim), {
740
- ml: horizontal ? ['2px', '1px', '1px', '2px'] : '2px',
741
+ ml: horizontal ? ['2px', '1px', '1px', '2px'] : ['2px', '1px', '1px', '2px'],
741
742
  mt: horizontal ? 0 : ['-2px', '-3px', '-3px', '-3px'],
742
743
  borderBottom: setClim ? climMaxDragging ? function (_ref9) {
743
744
  var colors = _ref9.colors;
@@ -2072,6 +2073,7 @@ var Layout = function Layout(_ref) {
2072
2073
  menuItems.push( /*#__PURE__*/React.createElement(Settings, _extends({
2073
2074
  key: "settings",
2074
2075
  sx: {
2076
+ mr: ['2px'],
2075
2077
  display: ['inherit', 'inherit', 'none', 'none']
2076
2078
  }
2077
2079
  }, settings)));