@welcome-ui/clear-button - npm Package Compare versions

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

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+## [3.8.4](https://github.com/WTTJ/welcome-ui/compare/v3.8.3...v3.8.4) (2021-09-15)
+
+
+### Bug Fixes
+
+* size of ClearButton component ([#923](https://github.com/WTTJ/welcome-ui/issues/923)) ([603690a](https://github.com/WTTJ/welcome-ui/commit/603690aebfbb057452bc1a108dd73ac08e059ee5))
+
+
+
+
+
 ## [3.4.3](https://github.com/WTTJ/welcome-ui/compare/v3.4.2...v3.4.3) (2021-04-28)
@@ -8,0 +19,0 @@

dist/clear-button.cjs.js

@@ -5,4 +5,7 @@ 'use strict';
 
-var tslib = require('tslib');
+var _extends = require('@babel/runtime/helpers/extends');
+var _objectWithoutPropertiesLoose = require('@babel/runtime/helpers/objectWithoutPropertiesLoose');
 var React = require('react');
+var icons_cross = require('@welcome-ui/icons.cross');
+var _taggedTemplateLiteralLoose = require('@babel/runtime/helpers/taggedTemplateLiteralLoose');
 var styled = require('@xstyled/styled-components');
@@ -12,18 +15,32 @@ var system = require('@xstyled/system');
 var system$1 = require('@welcome-ui/system');
-var icons_cross = require('@welcome-ui/icons.cross');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+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 fade = styled.keyframes(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"], ["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"])));
-var fadeRule = styled.css(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), fade);
-var ClearButton$1 = styled__default['default'](button.Button)(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["\n  width: 20;\n  height: 20;\n  pointer-events: auto;\n  animation: ", ";\n  animation-name: ", ";\n  ", ";\n"], ["\n  width: 20;\n  height: 20;\n  pointer-events: auto;\n  animation: ", ";\n  animation-name: ", ";\n  ", ";\n"])), system.th('transitions.medium'), fadeRule, system$1.system);
-var Icon = styled__default['default'](icons_cross.CrossIcon)(templateObject_4 || (templateObject_4 = tslib.__makeTemplateObject(["\n  width: 8;\n  height: 8;\n"], ["\n  width: 8;\n  height: 8;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+var _templateObject, _templateObject2, _templateObject3;
+var fade = /*#__PURE__*/styled.keyframes(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteralLoose__default['default'](["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"])));
+var fadeRule = /*#__PURE__*/styled.css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteralLoose__default['default'](["\n  ", "\n"])), fade);
+var ClearButton$1 = /*#__PURE__*/styled__default['default'](button.Button)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteralLoose__default['default'](["\n  pointer-events: auto;\n  animation: ", ";\n  animation-name: ", ";\n  ", ";\n"])), /*#__PURE__*/system.th('transitions.medium'), fadeRule, system$1.system);
 
-var ClearButton = function (props) { return (React__default['default'].createElement(ClearButton$1, tslib.__assign({ shape: "circle", title: "Clear", variant: "tertiary" }, props),
-    React__default['default'].createElement(Icon, null))); };
-// Nested exports
+var _excluded = ["size"];
+var ClearButton = function ClearButton(_ref) {
+  var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'xs' : _ref$size,
+      rest = _objectWithoutPropertiesLoose__default['default'](_ref, _excluded);
+
+  return /*#__PURE__*/React__default['default'].createElement(ClearButton$1, _extends__default['default']({
+    shape: "circle",
+    size: size,
+    title: "Clear",
+    variant: "tertiary"
+  }, rest), /*#__PURE__*/React__default['default'].createElement(icons_cross.CrossIcon, {
+    size: size
+  }));
+}; // Nested exports
+
 var StyledClearButton = ClearButton$1;
@@ -30,0 +47,0 @@

dist/clear-button.es.js

@@ -1,20 +0,34 @@
-import { __makeTemplateObject, __assign } from 'tslib';
+import _extends from '@babel/runtime/helpers/esm/extends';
+import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';
 import React from 'react';
-import styled, { keyframes, css } from '@xstyled/styled-components';
+import { CrossIcon } from '@welcome-ui/icons.cross';
+import _taggedTemplateLiteralLoose from '@babel/runtime/helpers/esm/taggedTemplateLiteralLoose';
+import styled, { css, keyframes } from '@xstyled/styled-components';
 import { th } from '@xstyled/system';
 import { Button } from '@welcome-ui/button';
 import { system } from '@welcome-ui/system';
-import { CrossIcon } from '@welcome-ui/icons.cross';
 
-var fade = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"], ["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"])));
-var fadeRule = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), fade);
-var ClearButton$1 = styled(Button)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 20;\n  height: 20;\n  pointer-events: auto;\n  animation: ", ";\n  animation-name: ", ";\n  ", ";\n"], ["\n  width: 20;\n  height: 20;\n  pointer-events: auto;\n  animation: ", ";\n  animation-name: ", ";\n  ", ";\n"])), th('transitions.medium'), fadeRule, system);
-var Icon = styled(CrossIcon)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: 8;\n  height: 8;\n"], ["\n  width: 8;\n  height: 8;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+var _templateObject, _templateObject2, _templateObject3;
+var fade = /*#__PURE__*/keyframes(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"])));
+var fadeRule = /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n"])), fade);
+var ClearButton$1 = /*#__PURE__*/styled(Button)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  pointer-events: auto;\n  animation: ", ";\n  animation-name: ", ";\n  ", ";\n"])), /*#__PURE__*/th('transitions.medium'), fadeRule, system);
 
-var ClearButton = function (props) { return (React.createElement(ClearButton$1, __assign({ shape: "circle", title: "Clear", variant: "tertiary" }, props),
-    React.createElement(Icon, null))); };
-// Nested exports
+var _excluded = ["size"];
+var ClearButton = function ClearButton(_ref) {
+  var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'xs' : _ref$size,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(ClearButton$1, _extends({
+    shape: "circle",
+    size: size,
+    title: "Clear",
+    variant: "tertiary"
+  }, rest), /*#__PURE__*/React.createElement(CrossIcon, {
+    size: size
+  }));
+}; // Nested exports
+
 var StyledClearButton = ClearButton$1;
 
 export { ClearButton, StyledClearButton };

package.json

 {
   "name": "@welcome-ui/clear-button",
-  "version": "4.0.0-alpha.4",
+  "version": "4.0.0-alpha.6",
   "description": "Customizable design system with react • styled-components • styled-system and reakit.",
   "main": "dist/clear-button.cjs.js",
   "module": "dist/clear-button.es.js",
-  "types": "dist/index.d.ts",
+  "types": "dist/types/index.d.ts",
   "scripts": {
     "build": "rollup -c",
     "watch": "rollup -c -w",
-    "test": "jest"
+    "test": "jest",
+    "types": "rimraf dist/types && tsc --emitDeclarationOnly --declaration --declarationDir dist/types"
   },
@@ -39,4 +40,4 @@ "publishConfig": {
   "dependencies": {
-    "@welcome-ui/button": "^4.0.0-alpha.3",
-    "@welcome-ui/icons.cross": "^4.0.0-alpha.4"
+    "@welcome-ui/button": "^4.0.0-alpha.6",
+    "@welcome-ui/icons.cross": "^4.0.0-alpha.6"
   },
@@ -47,3 +48,2 @@ "peerDependencies": {
     "@xstyled/system": "^3.0.1",
-    "prop-types": "^15.7.2",
     "react": "^16.10.2 || ^17.0.1",
@@ -53,3 +53,3 @@ "react-dom": "^16.10.2 || ^17.0.1",
   },
-  "gitHead": "e85c27a68a8399447743a20c4e370e406e404ea0",
+  "gitHead": "4d69453a12f8c0e305743be2da6900b32043bb69",
   "sideEffects": false,
@@ -56,0 +56,0 @@ "component": "ClearButton",

New 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

Total package byte prevSize

28212

increased by76.2%

Dependency count

8

decreased by-11.11%

Worsened metrics

Number of package files

8

decreased by-20%

Lines of code

126

decreased by-16%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• Updated@welcome-ui/button@^4.0.0-alpha.6

• Updated@welcome-ui/icons.cross@^4.0.0-alpha.6