@welcome-ui/icon - npm Package Compare versions

Comparing version 4.0.0-alpha.3 to 4.0.0-alpha.4

dist/icon.cjs.js

@@ -5,6 +5,4 @@ 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
-var _objectWithoutPropertiesLoose = require('@babel/runtime/helpers/objectWithoutPropertiesLoose');
+var tslib = require('tslib');
 var React = require('react');
-var _taggedTemplateLiteralLoose = require('@babel/runtime/helpers/taggedTemplateLiteralLoose');
 var styled = require('@xstyled/styled-components');
@@ -15,48 +13,20 @@ var system = require('@welcome-ui/system');
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _objectWithoutPropertiesLoose__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutPropertiesLoose);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var _taggedTemplateLiteralLoose__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteralLoose);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var _templateObject, _templateObject2, _templateObject3;
-var iconSvgStrokedStyles = /*#__PURE__*/styled.css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteralLoose__default['default'](["\n  g,\n  path {\n    stroke: inherit;\n    fill: none;\n  }\n"])));
-var iconSvgFilledStyles = /*#__PURE__*/styled.css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteralLoose__default['default'](["\n  g,\n  path {\n    stroke: none;\n  }\n"])));
-var Icon$1 = /*#__PURE__*/styled__default['default'].svg(function (_ref) {
-  var isFlag = _ref.isFlag,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'md' : _ref$size,
-      stroked = _ref.stroked,
-      theme = _ref.theme;
-  var formattedSize = theme.icons[size] || size;
-  return styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose__default['default'](["\n    ", ";\n    width: ", ";\n    height: ", ";\n    ", ";\n  "])), !isFlag && (stroked ? iconSvgStrokedStyles : iconSvgFilledStyles), formattedSize, formattedSize, system.system);
+var iconSvgStrokedStyles = styled.css(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n  g,\n  path {\n    stroke: inherit;\n    fill: none;\n  }\n"], ["\n  g,\n  path {\n    stroke: inherit;\n    fill: none;\n  }\n"])));
+var iconSvgFilledStyles = styled.css(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n  g,\n  path {\n    stroke: none;\n  }\n"], ["\n  g,\n  path {\n    stroke: none;\n  }\n"])));
+var Icon$1 = styled__default['default']('svg')(function (_a) {
+    var isFlag = _a.isFlag, _b = _a.size, size = _b === void 0 ? 'md' : _b, stroked = _a.stroked, theme = _a.theme;
+    var formattedSize = theme.icons[size] || size;
+    return styled.css(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["\n    ", ";\n    width: ", ";\n    height: ", ";\n    ", ";\n  "], ["\n    ", ";\n    width: ", ";\n    height: ", ";\n    ", ";\n  "])), !isFlag && (stroked ? iconSvgStrokedStyles : iconSvgFilledStyles), formattedSize, formattedSize, system.system);
 });
+var templateObject_1, templateObject_2, templateObject_3;
 
-var _excluded = ["content", "dataTestId", "size", "title"];
-var Icon = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var content = _ref.content,
-      dataTestId = _ref.dataTestId,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'md' : _ref$size,
-      title = _ref.title,
-      props = _objectWithoutPropertiesLoose__default['default'](_ref, _excluded);
-
-  if (!content) {
-    return null;
-  }
-
-  return /*#__PURE__*/React__default['default'].createElement(Icon$1, _extends__default['default']({
-    alt: title,
-    dangerouslySetInnerHTML: {
-      __html: content.block
-    },
-    "data-testid": dataTestId && "icon-" + dataTestId,
-    isFlag: content.isFlag,
-    ref: ref,
-    role: "img",
-    size: size,
-    stroked: content.stroked,
-    title: title,
-    viewBox: content.viewBox || '0 0 100 100'
-  }, props));
+var Icon = React.forwardRef(function (_a, ref) {
+    var content = _a.content, dataTestId = _a.dataTestId, _b = _a.size, size = _b === void 0 ? 'md' : _b, title = _a.title, props = tslib.__rest(_a, ["content", "dataTestId", "size", "title"]);
+    if (!content) {
+        return null;
+    }
+    return (React__default['default'].createElement(Icon$1, tslib.__assign({ alt: title, dangerouslySetInnerHTML: { __html: content.block }, "data-testid": dataTestId && "icon-" + dataTestId, isFlag: content.isFlag, ref: ref, role: "img", size: size, stroked: content.stroked, title: title, viewBox: content.viewBox || '0 0 100 100' }, props)));
 });
@@ -63,0 +33,0 @@ Icon.displayName = 'Icon';

dist/icon.es.js

@@ -1,48 +0,21 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';
+import { __makeTemplateObject, __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
-import _taggedTemplateLiteralLoose from '@babel/runtime/helpers/esm/taggedTemplateLiteralLoose';
 import styled, { css } from '@xstyled/styled-components';
 import { system } from '@welcome-ui/system';
 
-var _templateObject, _templateObject2, _templateObject3;
-var iconSvgStrokedStyles = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  g,\n  path {\n    stroke: inherit;\n    fill: none;\n  }\n"])));
-var iconSvgFilledStyles = /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  g,\n  path {\n    stroke: none;\n  }\n"])));
-var Icon$1 = /*#__PURE__*/styled.svg(function (_ref) {
-  var isFlag = _ref.isFlag,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'md' : _ref$size,
-      stroked = _ref.stroked,
-      theme = _ref.theme;
-  var formattedSize = theme.icons[size] || size;
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n    ", ";\n    width: ", ";\n    height: ", ";\n    ", ";\n  "])), !isFlag && (stroked ? iconSvgStrokedStyles : iconSvgFilledStyles), formattedSize, formattedSize, system);
+var iconSvgStrokedStyles = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  g,\n  path {\n    stroke: inherit;\n    fill: none;\n  }\n"], ["\n  g,\n  path {\n    stroke: inherit;\n    fill: none;\n  }\n"])));
+var iconSvgFilledStyles = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  g,\n  path {\n    stroke: none;\n  }\n"], ["\n  g,\n  path {\n    stroke: none;\n  }\n"])));
+var Icon$1 = styled('svg')(function (_a) {
+    var isFlag = _a.isFlag, _b = _a.size, size = _b === void 0 ? 'md' : _b, stroked = _a.stroked, theme = _a.theme;
+    var formattedSize = theme.icons[size] || size;
+    return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    ", ";\n    width: ", ";\n    height: ", ";\n    ", ";\n  "], ["\n    ", ";\n    width: ", ";\n    height: ", ";\n    ", ";\n  "])), !isFlag && (stroked ? iconSvgStrokedStyles : iconSvgFilledStyles), formattedSize, formattedSize, system);
 });
+var templateObject_1, templateObject_2, templateObject_3;
 
-var _excluded = ["content", "dataTestId", "size", "title"];
-var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var content = _ref.content,
-      dataTestId = _ref.dataTestId,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'md' : _ref$size,
-      title = _ref.title,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  if (!content) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement(Icon$1, _extends({
-    alt: title,
-    dangerouslySetInnerHTML: {
-      __html: content.block
-    },
-    "data-testid": dataTestId && "icon-" + dataTestId,
-    isFlag: content.isFlag,
-    ref: ref,
-    role: "img",
-    size: size,
-    stroked: content.stroked,
-    title: title,
-    viewBox: content.viewBox || '0 0 100 100'
-  }, props));
+var Icon = forwardRef(function (_a, ref) {
+    var content = _a.content, dataTestId = _a.dataTestId, _b = _a.size, size = _b === void 0 ? 'md' : _b, title = _a.title, props = __rest(_a, ["content", "dataTestId", "size", "title"]);
+    if (!content) {
+        return null;
+    }
+    return (React.createElement(Icon$1, __assign({ alt: title, dangerouslySetInnerHTML: { __html: content.block }, "data-testid": dataTestId && "icon-" + dataTestId, isFlag: content.isFlag, ref: ref, role: "img", size: size, stroked: content.stroked, title: title, viewBox: content.viewBox || '0 0 100 100' }, props)));
 });
@@ -49,0 +22,0 @@ Icon.displayName = 'Icon';

package.json

 {
   "name": "@welcome-ui/icon",
-  "version": "4.0.0-alpha.3",
+  "version": "4.0.0-alpha.4",
   "description": "Customizable design system with react • styled-components • styled-system and reakit.",
   "main": "dist/icon.cjs.js",
   "module": "dist/icon.es.js",
+  "types": "dist/index.d.ts",
   "scripts": {
@@ -47,3 +48,3 @@ "build": "rollup -c",
   },
-  "gitHead": "8a43bec6cd0bdf01ccb67a689cfbed01fb891965",
+  "gitHead": "e85c27a68a8399447743a20c4e370e406e404ea0",
   "sideEffects": false,
@@ -50,0 +51,0 @@ "component": "Icon",

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Number of package files

10

increased by25%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

298055

decreased by-0.04%

Lines of code

2331

decreased by-1.19%

No dependency changes