@heathmont/moon-components - npm Package Compare versions

Comparing version 2.20.0 to 2.21.0

lib/badge/Badge.js

@@ -26,3 +26,3 @@ "use strict";
     lineHeight: 1.25,
-    fontWeight: fontWeight.bold,
+    fontWeight: fontWeight.semibold,
     textTransform: 'uppercase',
@@ -29,0 +29,0 @@ textAlign: 'center',

lib/banner/Banner.js

@@ -12,4 +12,2 @@ "use strict";
 
-var _moonAssets = require("@heathmont/moon-assets");
-
 var _moonUtils = require("@heathmont/moon-utils");
@@ -19,2 +17,10 @@
 
+var _IconBannerInfo = _interopRequireDefault(require("../private/icons/IconBannerInfo"));
+
+var _IconCloseSmall = _interopRequireDefault(require("../private/icons/IconCloseSmall"));
+
+var _IconError = _interopRequireDefault(require("../private/icons/IconError"));
+
+var _IconWarning = _interopRequireDefault(require("../private/icons/IconWarning"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -112,8 +118,8 @@
 
-  return /*#__PURE__*/React.createElement(BannerWrapper, null, status === 'error' && /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(_moonAssets.IconError, {
+  return /*#__PURE__*/React.createElement(BannerWrapper, null, status === 'error' && /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(_IconError["default"], {
     fontSize: "1.5rem"
-  })), status === 'warning' && /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(_moonAssets.IconWarning, {
+  })), status === 'warning' && /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(_IconWarning["default"], {
     fontSize: "1.5rem",
     color: "krillin.100"
-  })), status === 'info' && /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(_moonAssets.IconBannerInfo, {
+  })), status === 'info' && /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(_IconBannerInfo["default"], {
     fontSize: "1.5rem",
@@ -129,3 +135,3 @@ color: "krillin.100"
     }
-  }, /*#__PURE__*/React.createElement(_moonAssets.IconCloseSmall, {
+  }, /*#__PURE__*/React.createElement(_IconCloseSmall["default"], {
     fontSize: "1rem",
@@ -132,0 +138,0 @@ color: "trunks.100"

lib/button/Button.js

@@ -16,4 +16,2 @@ "use strict";
 
-var _moonAssets = require("@heathmont/moon-assets");
-
 var _moonThemes = require("@heathmont/moon-themes");
@@ -23,2 +21,4 @@
 
+var _IconSuccess = _interopRequireDefault(require("../private/icons/IconSuccess"));
+
 var _variants = require("./variants");
@@ -289,3 +289,3 @@
       _css4: (0, _moonUtils.rem)(space["default"])
-    }, /*#__PURE__*/React.createElement(_moonAssets.IconSuccess, null)));
+    }, /*#__PURE__*/React.createElement(_IconSuccess["default"], null)));
   }
@@ -292,0 +292,0 @@

lib/caption/__tests__/caption.test.js

@@ -33,2 +33,8 @@ "use strict";
     });
+    test('renders as an element if "as" prop provided', function () {
+      var text = (0, _reactTestRenderer.create)(renderWithTheme( /*#__PURE__*/React.createElement(_Caption["default"], {
+        as: "p"
+      }, "Caption with Paragraph tag")));
+      expect(text).toMatchSnapshot();
+    });
   });
@@ -35,0 +41,0 @@ test('renders default color', function () {

lib/caption/Caption.js

@@ -17,12 +17,12 @@ "use strict";
   componentId: "sc-1jvwbix-0"
-})({
-  fontSize: (0, _moonUtils.rem)(10),
-  lineHeight: (0, _moonUtils.rem)(16),
-  textTransform: 'uppercase',
-  letterSpacing: (0, _moonUtils.rem)(1)
-}, function (_ref) {
+})(function (_ref) {
   var color = _ref.color,
       theme = _ref.theme;
   return {
-    color: (0, _moonUtils.themed)('color', color)(theme)
+    color: (0, _moonUtils.themed)('color', color)(theme),
+    fontSize: (0, _moonUtils.rem)(10),
+    lineHeight: (0, _moonUtils.rem)(16),
+    fontWeight: theme.fontWeight.semibold,
+    textTransform: 'uppercase',
+    letterSpacing: (0, _moonUtils.rem)(1)
   };
@@ -29,0 +29,0 @@ });

lib/carousel/Carousel.js

@@ -14,3 +14,3 @@ "use strict";
 
-var _moonAssets = require("@heathmont/moon-assets");
+var _IconChevronLeft = _interopRequireDefault(require("../private/icons/IconChevronLeft"));
 
@@ -109,3 +109,3 @@ var _Reel = _interopRequireDefault(require("../reel/Reel"));
 
-  return disabled ? null : /*#__PURE__*/React.createElement(_control.CarouselControl, rest, /*#__PURE__*/React.createElement(_control.CarouselControlCaption, null, scrollLeftCaption), /*#__PURE__*/React.createElement(_moonAssets.IconChevronLeft, null));
+  return disabled ? null : /*#__PURE__*/React.createElement(_control.CarouselControl, rest, /*#__PURE__*/React.createElement(_control.CarouselControlCaption, null, scrollLeftCaption), /*#__PURE__*/React.createElement(_IconChevronLeft["default"], null));
 };
@@ -120,3 +120,3 @@
 
-  return disabled ? null : /*#__PURE__*/React.createElement(_control.CarouselControl, rest, /*#__PURE__*/React.createElement(_control.CarouselControlCaption, null, scrollRightCaption), /*#__PURE__*/React.createElement(_moonAssets.IconChevronLeft, null));
+  return disabled ? null : /*#__PURE__*/React.createElement(_control.CarouselControl, rest, /*#__PURE__*/React.createElement(_control.CarouselControlCaption, null, scrollRightCaption), /*#__PURE__*/React.createElement(_IconChevronLeft["default"], null));
 };
@@ -123,0 +123,0 @@

lib/dialog/Dialog.js

@@ -12,3 +12,3 @@ "use strict";
 
-var _moonAssets = require("@heathmont/moon-assets");
+var _IconClose = _interopRequireDefault(require("../private/icons/IconClose"));
 
@@ -19,2 +19,4 @@ var _toggle = require("./private/toggle");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
@@ -41,3 +43,3 @@
     onClick: onDismiss && onDismiss
-  }, /*#__PURE__*/React.createElement(_moonAssets.IconClose, null), /*#__PURE__*/React.createElement(_toggle.DialogToggleText, null, "Close dialog")), /*#__PURE__*/React.createElement(_layout.DialogMain, null, children))));
+  }, /*#__PURE__*/React.createElement(_IconClose["default"], null), /*#__PURE__*/React.createElement(_toggle.DialogToggleText, null, "Close dialog")), /*#__PURE__*/React.createElement(_layout.DialogMain, null, children))));
 };
@@ -44,0 +46,0 @@

lib/es/badge/Badge.js

@@ -15,3 +15,3 @@ import styled from 'styled-components';
     lineHeight: 1.25,
-    fontWeight: fontWeight.bold,
+    fontWeight: fontWeight.semibold,
     textTransform: 'uppercase',
@@ -18,0 +18,0 @@ textAlign: 'center',

lib/es/banner/Banner.js

@@ -14,5 +14,8 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 import * as React from 'react';
-import { IconError, IconCloseSmall, IconWarning, IconBannerInfo } from '@heathmont/moon-assets';
 import { rem } from '@heathmont/moon-utils';
 import styled from 'styled-components';
+import IconBannerInfo from '../private/icons/IconBannerInfo';
+import IconCloseSmall from '../private/icons/IconCloseSmall';
+import IconError from '../private/icons/IconError';
+import IconWarning from '../private/icons/IconWarning';
 var BannerWrapper = styled.div.withConfig({
@@ -19,0 +22,0 @@ displayName: "Banner__BannerWrapper",

lib/es/button/Button.js

@@ -23,5 +23,5 @@ import _styled6 from "styled-components";
 import { disabled, rem } from '@heathmont/moon-utils';
-import { IconSuccess } from '@heathmont/moon-assets';
 import { useTheme } from '@heathmont/moon-themes';
 import Loader from '../loader/Loader';
+import IconSuccess from '../private/icons/IconSuccess';
 import { buttonVariant } from './variants';
@@ -28,0 +28,0 @@ import { buttonSize } from './size';

lib/es/caption/__tests__/caption.test.js

@@ -19,2 +19,8 @@ import * as React from 'react';
     });
+    test('renders as an element if "as" prop provided', function () {
+      var text = create(renderWithTheme( /*#__PURE__*/React.createElement(Caption, {
+        as: "p"
+      }, "Caption with Paragraph tag")));
+      expect(text).toMatchSnapshot();
+    });
   });
@@ -21,0 +27,0 @@ test('renders default color', function () {

lib/es/caption/Caption.js

@@ -6,12 +6,12 @@ import styled from 'styled-components';
   componentId: "sc-1jvwbix-0"
-})({
-  fontSize: rem(10),
-  lineHeight: rem(16),
-  textTransform: 'uppercase',
-  letterSpacing: rem(1)
-}, function (_ref) {
+})(function (_ref) {
   var color = _ref.color,
       theme = _ref.theme;
   return {
-    color: themed('color', color)(theme)
+    color: themed('color', color)(theme),
+    fontSize: rem(10),
+    lineHeight: rem(16),
+    fontWeight: theme.fontWeight.semibold,
+    textTransform: 'uppercase',
+    letterSpacing: rem(1)
   };
@@ -18,0 +18,0 @@ });

lib/es/carousel/Carousel.js

@@ -9,3 +9,3 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 import styled from 'styled-components';
-import { IconChevronLeft } from '@heathmont/moon-assets';
+import IconChevronLeft from '../private/icons/IconChevronLeft';
 import Reel from '../reel/Reel';
@@ -12,0 +12,0 @@ import { withHorizontalScroll } from '../withHorizontalScroll/withHorizontalScroll';

lib/es/dialog/Dialog.js

 import * as React from 'react';
-import { IconClose } from '@heathmont/moon-assets';
+import IconClose from '../private/icons/IconClose';
 import { DialogToggle, DialogToggleText } from './private/toggle';
@@ -4,0 +4,0 @@ import { DialogContainer, DialogContent, DialogMain, DialogOverlay } from './private/layout';

lib/es/fileInput/FileInput.js

@@ -13,5 +13,5 @@ import _styled from "styled-components";
 import { inlineSvg, rem } from '@heathmont/moon-utils';
-import { IconUpload } from '@heathmont/moon-assets';
 import { Input } from '../private/input/input';
 import { inputColors } from '../private/input/settings';
+import IconUpload from '../private/icons/IconUpload';
 /**
@@ -18,0 +18,0 @@ * Types & Settings

lib/es/header/Header.js

@@ -38,3 +38,3 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
     lineHeight: rem(25),
-    fontWeight: fontWeight.bold
+    fontWeight: fontWeight.semibold
   }, mq(breakpoint.small), {
@@ -41,0 +41,0 @@ fontSize: rem(32),

lib/es/header/HeaderBack.js

@@ -14,4 +14,4 @@ import _styled from "styled-components";
 import { rem } from '@heathmont/moon-utils';
-import { IconArrowLeft } from '@heathmont/moon-assets';
 import styled from 'styled-components';
+import IconArrowLeft from '../private/icons/IconArrowLeft';
 /**
@@ -18,0 +18,0 @@ * Types

lib/es/heading/Heading.js

@@ -11,3 +11,3 @@ import styled from 'styled-components';
     alpha: {
-      fontWeight: fontWeight.bold,
+      fontWeight: fontWeight.semibold,
       fontSize: rem(40),
@@ -17,3 +17,3 @@ lineHeight: rem(48)
     bravo: {
-      fontWeight: fontWeight.bold,
+      fontWeight: fontWeight.semibold,
       fontSize: rem(32),
@@ -20,0 +20,0 @@ lineHeight: rem(40)

lib/es/select/private/element.js

@@ -6,5 +6,5 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 import { inlineSvg, mq, rem } from '@heathmont/moon-utils';
-import { IconChevronDown } from '@heathmont/moon-assets';
 import { Input } from '../../private/input/input';
 import { inputColors, inputSpacingX, inputLineHeight, inputBorderWidth } from '../../private/input/settings';
+import IconChevronDown from '../../private/icons/IconChevronDown';
 var selectIconSize = 10; // px
@@ -11,0 +11,0 @@

lib/es/snackbar/Snackbar.js

@@ -6,3 +6,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 import styled from 'styled-components';
-import { IconError, IconWarning, IconBannerInfo, IconSnackbarSuccess } from '@heathmont/moon-assets';
+import IconError from '../private/icons/IconError';
+import IconWarning from '../private/icons/IconWarning';
+import IconBannerInfo from '../private/icons/IconBannerInfo';
+import IconSnackbarSuccess from '../private/icons/IconSnackbarSuccess';
 var SnackbarWrapper = styled.div.withConfig({
@@ -9,0 +12,0 @@ displayName: "Snackbar__SnackbarWrapper",

lib/es/switch/Switch.js

@@ -17,3 +17,4 @@ import _styled from "styled-components";
 import { hideVisually } from 'polished';
-import { IconMoon, IconSun } from '@heathmont/moon-assets';
+import IconMoon from '../private/icons/IconMoon';
+import IconSun from '../private/icons/IconSun';
 import Inline from '../inline/Inline';
@@ -20,0 +21,0 @@ var switchWidthProperty = '--switch-width';

lib/es/text/__tests__/text.test.js

@@ -120,3 +120,3 @@ import * as React from 'react';
       });
-      test('renders with bold font weight', function () {
+      test('renders with semibold font weight', function () {
         var text = create(renderWithTheme( /*#__PURE__*/React.createElement(Text, {
@@ -123,0 +123,0 @@ isBold: true

lib/es/tooltip/Tooltip.js

@@ -15,3 +15,3 @@ import _styled2 from "styled-components";
 import { rem } from '@heathmont/moon-utils';
-import { IconClose } from '@heathmont/moon-assets';
+import IconClose from '../private/icons/IconClose';
 import Toggle from '../toggle/Toggle';
@@ -18,0 +18,0 @@ import { slideUpFade } from './animation';

lib/fileInput/FileInput.js

@@ -18,4 +18,2 @@ "use strict";
 
-var _moonAssets = require("@heathmont/moon-assets");
-
 var _input = require("../private/input/input");
@@ -25,2 +23,4 @@
 
+var _IconUpload = _interopRequireDefault(require("../private/icons/IconUpload"));
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
@@ -74,3 +74,3 @@
     cursor: 'pointer',
-    backgroundImage: (0, _moonUtils.inlineSvg)( /*#__PURE__*/React.createElement(_moonAssets.IconUpload, {
+    backgroundImage: (0, _moonUtils.inlineSvg)( /*#__PURE__*/React.createElement(_IconUpload["default"], {
       color: (0, _settings.inputColors)('label')(theme)
@@ -77,0 +77,0 @@ })),

lib/header/Header.js

@@ -49,3 +49,3 @@ "use strict";
     lineHeight: (0, _moonUtils.rem)(25),
-    fontWeight: fontWeight.bold
+    fontWeight: fontWeight.semibold
   }, (0, _moonUtils.mq)(breakpoint.small), {
@@ -52,0 +52,0 @@ fontSize: (0, _moonUtils.rem)(32),

lib/header/HeaderBack.js

@@ -18,3 +18,3 @@ "use strict";
 
-var _moonAssets = require("@heathmont/moon-assets");
+var _IconArrowLeft = _interopRequireDefault(require("../private/icons/IconArrowLeft"));
 
@@ -51,3 +51,3 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
     appearance: 'none'
-  }, "> ".concat(_moonAssets.IconArrowLeft), {
+  }, "> ".concat(_IconArrowLeft["default"]), {
     color: color.piccolo[100],
@@ -77,3 +77,3 @@ fontSize: (0, _moonUtils.rem)(space.medium)
     as: element
-  }, props), /*#__PURE__*/React.createElement(_moonAssets.IconArrowLeft, null), /*#__PURE__*/React.createElement(_StyledSpan, {
+  }, props), /*#__PURE__*/React.createElement(_IconArrowLeft["default"], null), /*#__PURE__*/React.createElement(_StyledSpan, {
     _css: (0, _hideVisually["default"])()
@@ -80,0 +80,0 @@ }, children));

lib/heading/Heading.js

@@ -22,3 +22,3 @@ "use strict";
     alpha: {
-      fontWeight: fontWeight.bold,
+      fontWeight: fontWeight.semibold,
       fontSize: (0, _moonUtils.rem)(40),
@@ -28,3 +28,3 @@ lineHeight: (0, _moonUtils.rem)(48)
     bravo: {
-      fontWeight: fontWeight.bold,
+      fontWeight: fontWeight.semibold,
       fontSize: (0, _moonUtils.rem)(32),
@@ -31,0 +31,0 @@ lineHeight: (0, _moonUtils.rem)(40)

lib/select/private/element.js

@@ -16,4 +16,2 @@ "use strict";
 
-var _moonAssets = require("@heathmont/moon-assets");
-
 var _input = require("../../private/input/input");
@@ -23,2 +21,4 @@
 
+var _IconChevronDown = _interopRequireDefault(require("../../private/icons/IconChevronDown"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -49,3 +49,3 @@
     color: (0, _settings.inputColors)('label')(theme),
-    backgroundImage: (0, _moonUtils.inlineSvg)( /*#__PURE__*/React.createElement(_moonAssets.IconChevronDown, {
+    backgroundImage: (0, _moonUtils.inlineSvg)( /*#__PURE__*/React.createElement(_IconChevronDown["default"], {
       color: (0, _settings.inputColors)('icon')(theme)
@@ -52,0 +52,0 @@ })),

lib/snackbar/Snackbar.js

@@ -16,4 +16,10 @@ "use strict";
 
-var _moonAssets = require("@heathmont/moon-assets");
+var _IconError = _interopRequireDefault(require("../private/icons/IconError"));
 
+var _IconWarning = _interopRequireDefault(require("../private/icons/IconWarning"));
+
+var _IconBannerInfo = _interopRequireDefault(require("../private/icons/IconBannerInfo"));
+
+var _IconSnackbarSuccess = _interopRequireDefault(require("../private/icons/IconSnackbarSuccess"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -101,11 +107,11 @@
     position: position
-  }, status === 'error' && /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(_moonAssets.IconError, {
+  }, status === 'error' && /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(_IconError["default"], {
     fontSize: "1.5rem"
-  })), status === 'warning' && /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(_moonAssets.IconWarning, {
+  })), status === 'warning' && /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(_IconWarning["default"], {
     fontSize: "1.5rem",
     color: "krillin.100"
-  })), status === 'info' && /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(_moonAssets.IconBannerInfo, {
+  })), status === 'info' && /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(_IconBannerInfo["default"], {
     fontSize: "1.5rem",
     color: "krillin.100"
-  })), status === 'success' && /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(_moonAssets.IconSnackbarSuccess, {
+  })), status === 'success' && /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(_IconSnackbarSuccess["default"], {
     fontSize: "1.5rem",
@@ -112,0 +118,0 @@ color: "krillin.100"

lib/switch/Switch.js

@@ -18,4 +18,6 @@ "use strict";
 
-var _moonAssets = require("@heathmont/moon-assets");
+var _IconMoon = _interopRequireDefault(require("../private/icons/IconMoon"));
 
+var _IconSun = _interopRequireDefault(require("../private/icons/IconSun"));
+
 var _Inline = _interopRequireDefault(require("../inline/Inline"));
@@ -81,3 +83,3 @@
     backgroundColor: colorScheme ? color.gohan[100] : color.goku[80],
-    backgroundImage: colorScheme ? "".concat((0, _moonUtils.inlineSvg)( /*#__PURE__*/React.createElement(_moonAssets.IconMoon, null)), ", ").concat((0, _moonUtils.inlineSvg)( /*#__PURE__*/React.createElement(_moonAssets.IconSun, null))) : undefined,
+    backgroundImage: colorScheme ? "".concat((0, _moonUtils.inlineSvg)( /*#__PURE__*/React.createElement(_IconMoon["default"], null)), ", ").concat((0, _moonUtils.inlineSvg)( /*#__PURE__*/React.createElement(_IconSun["default"], null))) : undefined,
     backgroundPosition: "left ".concat((0, _moonUtils.rem)(space.small), " center, right ").concat((0, _moonUtils.rem)(space.small), " center"),
@@ -84,0 +86,0 @@ backgroundRepeat: 'no-repeat',

lib/text/__tests__/text.test.js

@@ -134,3 +134,3 @@ "use strict";
       });
-      test('renders with bold font weight', function () {
+      test('renders with semibold font weight', function () {
         var text = (0, _reactTestRenderer.create)(renderWithTheme( /*#__PURE__*/React.createElement(_Text["default"], {
@@ -137,0 +137,0 @@ isBold: true

lib/tooltip/Tooltip.js

@@ -16,3 +16,3 @@ "use strict";
 
-var _moonAssets = require("@heathmont/moon-assets");
+var _IconClose = _interopRequireDefault(require("../private/icons/IconClose"));
 
@@ -68,3 +68,3 @@ var _Toggle = _interopRequireDefault(require("../toggle/Toggle"));
       zIndex = _ref2$theme.zIndex;
-  return [(_ref3 = {}, _defineProperty(_ref3, tooltipSpace, (0, _moonUtils.rem)(space.small)), _defineProperty(_ref3, align, 0), _defineProperty(_ref3, "border", border), _defineProperty(_ref3, "boxShadow", boxShadow), _defineProperty(_ref3, "zIndex", zIndex.toggle), _defineProperty(_ref3, "position", 'absolute'), _defineProperty(_ref3, "maxWidth", '100%'), _defineProperty(_ref3, "padding", "var(".concat(tooltipSpace, ")")), _defineProperty(_ref3, "marginTop", "var(".concat(tooltipSpace, ")")), _defineProperty(_ref3, "backgroundColor", !error ? color.goku[100] : color.chiChi[100]), _defineProperty(_ref3, "borderColor", color.beerus[100]), _defineProperty(_ref3, "borderRadius", (0, _moonUtils.rem)(radius.small)), _defineProperty(_ref3, "color", !error ? color.bulma[100] : color.goten[100]), _defineProperty(_ref3, "willChange", 'transform'), _defineProperty(_ref3, "".concat(_moonAssets.IconClose), {
+  return [(_ref3 = {}, _defineProperty(_ref3, tooltipSpace, (0, _moonUtils.rem)(space.small)), _defineProperty(_ref3, align, 0), _defineProperty(_ref3, "border", border), _defineProperty(_ref3, "boxShadow", boxShadow), _defineProperty(_ref3, "zIndex", zIndex.toggle), _defineProperty(_ref3, "position", 'absolute'), _defineProperty(_ref3, "maxWidth", '100%'), _defineProperty(_ref3, "padding", "var(".concat(tooltipSpace, ")")), _defineProperty(_ref3, "marginTop", "var(".concat(tooltipSpace, ")")), _defineProperty(_ref3, "backgroundColor", !error ? color.goku[100] : color.chiChi[100]), _defineProperty(_ref3, "borderColor", color.beerus[100]), _defineProperty(_ref3, "borderRadius", (0, _moonUtils.rem)(radius.small)), _defineProperty(_ref3, "color", !error ? color.bulma[100] : color.goten[100]), _defineProperty(_ref3, "willChange", 'transform'), _defineProperty(_ref3, "".concat(_IconClose["default"]), {
     color: color.trunks[100]
@@ -129,3 +129,3 @@ }), _ref3), tooltipAnimation, active && {
     topRight: false
-  }, /*#__PURE__*/React.createElement(_moonAssets.IconClose, {
+  }, /*#__PURE__*/React.createElement(_IconClose["default"], {
     onClick: onClose,
@@ -132,0 +132,0 @@ fontSize: "inherit"

package.json

 {
   "name": "@heathmont/moon-components",
   "sideEffects": false,
-  "version": "2.20.0",
+  "version": "2.21.0",
   "files": [
@@ -18,5 +18,5 @@ "lib"
   "dependencies": {
-    "@heathmont/moon-assets": "^2.20.0",
-    "@heathmont/moon-themes": "^2.20.0",
-    "@heathmont/moon-utils": "^2.20.0",
+    "@heathmont/moon-assets": "^2.21.0",
+    "@heathmont/moon-themes": "^2.21.0",
+    "@heathmont/moon-utils": "^2.21.0",
     "@reach/dialog": "0.3.0",
@@ -35,3 +35,3 @@ "polished": "3.4.1",
   },
-  "gitHead": "90cd2ff571a1db6905d7a24962c9e2d3654711fa"
+  "gitHead": "6445dd8e78fcf837626bae1050e189a1fe6560cf"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1613807

increased by10.75%

Number of package files

599

increased by14.97%

Lines of code

16079

increased by10.02%

Worsened metrics

Number of low supply chain risk alerts

3

increased by200%

Dependency changes

• Updated@heathmont/moon-assets@^2.21.0

• Updated@heathmont/moon-themes@^2.21.0

• Updated@heathmont/moon-utils@^2.21.0