New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@welcome-ui/clear-button
Advanced tools
@welcome-ui/clear-button - npm Package Compare versions
Comparing version 4.0.0-alpha.0 to 4.0.0-alpha.3
@@ -5,9 +5,5 @@ 'use strict'; | ||
| function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; } | ||
| var _extends = _interopDefault(require('@babel/runtime/helpers/extends')); | ||
| var React = _interopDefault(require('react')); | ||
| var _taggedTemplateLiteralLoose = _interopDefault(require('@babel/runtime/helpers/taggedTemplateLiteralLoose')); | ||
| var tslib = require('tslib'); | ||
| var React = require('react'); | ||
| var styled = require('@xstyled/styled-components'); | ||
| var styled__default = _interopDefault(styled); | ||
| var system = require('@xstyled/system'); | ||
@@ -18,19 +14,19 @@ var button = require('@welcome-ui/button'); | ||
| var _templateObject, _templateObject2, _templateObject3, _templateObject4; | ||
| var fade = /*#__PURE__*/styled.keyframes(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"]))); | ||
| var fadeRule = /*#__PURE__*/styled.css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), fade); | ||
| var ClearButton = /*#__PURE__*/styled__default(button.Button)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20;\n height: 20;\n pointer-events: auto;\n animation: ", ";\n animation-name: ", ";\n ", ";\n"])), /*#__PURE__*/system.th('transitions.medium'), fadeRule, system$1.system); | ||
| var Icon = /*#__PURE__*/styled__default(icons_cross.CrossIcon)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 8;\n height: 8;\n"]))); | ||
| function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; } | ||
| var ClearButton$1 = function ClearButton$1(props) { | ||
| return /*#__PURE__*/React.createElement(ClearButton, _extends({ | ||
| shape: "circle", | ||
| title: "Clear", | ||
| variant: "tertiary" | ||
| }, props), /*#__PURE__*/React.createElement(Icon, null)); | ||
| }; | ||
| var React__default = /*#__PURE__*/_interopDefaultLegacy(React); | ||
| 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 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 StyledClearButton = ClearButton; | ||
| var StyledClearButton = ClearButton$1; | ||
| exports.ClearButton = ClearButton$1; | ||
| exports.ClearButton = ClearButton; | ||
| exports.StyledClearButton = StyledClearButton; |
@@ -1,5 +0,4 @@ | ||
| import _extends from '@babel/runtime/helpers/esm/extends'; | ||
| import { __makeTemplateObject, __assign } from 'tslib'; | ||
| import React from 'react'; | ||
| import _taggedTemplateLiteralLoose from '@babel/runtime/helpers/esm/taggedTemplateLiteralLoose'; | ||
| import styled, { css, keyframes } from '@xstyled/styled-components'; | ||
| import styled, { keyframes, css } from '@xstyled/styled-components'; | ||
| import { th } from '@xstyled/system'; | ||
@@ -10,18 +9,13 @@ import { Button } from '@welcome-ui/button'; | ||
| var _templateObject, _templateObject2, _templateObject3, _templateObject4; | ||
| 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 = /*#__PURE__*/styled(Button)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20;\n height: 20;\n pointer-events: auto;\n animation: ", ";\n animation-name: ", ";\n ", ";\n"])), /*#__PURE__*/th('transitions.medium'), fadeRule, system); | ||
| var Icon = /*#__PURE__*/styled(CrossIcon)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 8;\n height: 8;\n"]))); | ||
| 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 ClearButton$1 = function ClearButton$1(props) { | ||
| return /*#__PURE__*/React.createElement(ClearButton, _extends({ | ||
| shape: "circle", | ||
| title: "Clear", | ||
| variant: "tertiary" | ||
| }, props), /*#__PURE__*/React.createElement(Icon, null)); | ||
| }; | ||
| var ClearButton = function (props) { return (React.createElement(ClearButton$1, __assign({ shape: "circle", title: "Clear", variant: "tertiary" }, props), | ||
| React.createElement(Icon, null))); }; | ||
| // Nested exports | ||
| var StyledClearButton = ClearButton; | ||
| var StyledClearButton = ClearButton$1; | ||
| export { ClearButton$1 as ClearButton, StyledClearButton }; | ||
| export { ClearButton, StyledClearButton }; |
| { | ||
| "name": "@welcome-ui/clear-button", | ||
| "version": "4.0.0-alpha.0", | ||
| "version": "4.0.0-alpha.3", | ||
| "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", | ||
| "scripts": { | ||
@@ -38,15 +39,15 @@ "build": "rollup -c", | ||
| "dependencies": { | ||
| "@welcome-ui/button": "^4.0.0-alpha.0", | ||
| "@welcome-ui/icons.cross": "^3.4.0" | ||
| "@welcome-ui/button": "^4.0.0-alpha.3", | ||
| "@welcome-ui/icons.cross": "^4.0.0-alpha.3" | ||
| }, | ||
| "peerDependencies": { | ||
| "@welcome-ui/system": "^1.5.2", | ||
| "@xstyled/styled-components": "^2.2.3", | ||
| "@xstyled/system": "^2.2.3", | ||
| "@xstyled/styled-components": "^3.0.1", | ||
| "@xstyled/system": "^3.0.1", | ||
| "prop-types": "^15.7.2", | ||
| "react": "^16.10.2 || ^17.0.1", | ||
| "react-dom": "^16.10.2 || ^17.0.1", | ||
| "styled-components": "^5.2.1" | ||
| "styled-components": "^5.3.0" | ||
| }, | ||
| "gitHead": "9646c391e73c1756cc96586276dbd18a50a4fa73", | ||
| "gitHead": "8a43bec6cd0bdf01ccb67a689cfbed01fb891965", | ||
| "sideEffects": false, | ||
@@ -53,0 +54,0 @@ "component": "ClearButton", |
No alert changes
Improved metrics
- Total package byte prevSize
- increased by7.07%
16011
- Number of package files
- increased by25%
10
Worsened metrics
- Lines of code
- decreased by-0.66%
150
Dependency changes
+ Added@welcome-ui/icon@4.2.0(transitive)
+ Added@welcome-ui/icons.cross@4.2.0(transitive)
- Removed@welcome-ui/icon@3.0.0(transitive)
- Removed@welcome-ui/icons.cross@3.4.0(transitive)
- Removed@welcome-ui/system@3.0.0(transitive)
- Removed@xstyled/core@2.5.0(transitive)
- Removed@xstyled/styled-components@2.5.0(transitive)
- Removed@xstyled/system@2.5.0(transitive)
- Removed@xstyled/util@2.2.3(transitive)