@chakra-ui/close-button - npm Package Compare versions

Comparing version 1.2.0 to 1.2.1

CHANGELOG.md

 # Change Log
 
+## 1.2.1
+
+### Patch Changes
+
+- [#5075](https://github.com/chakra-ui/chakra-ui/pull/5075)
+  [`b28142946`](https://github.com/chakra-ui/chakra-ui/commit/b281429462a099b7fd7f9352e837cd28d1a2da0e)
+  Thanks [@cschroeter](https://github.com/cschroeter)! - Update babel config to
+  transpile soruces for older browsers. This fixes issues with CRA and
+  Storybook.
+- Updated dependencies
+  [[`b28142946`](https://github.com/chakra-ui/chakra-ui/commit/b281429462a099b7fd7f9352e837cd28d1a2da0e)]:
+  - @chakra-ui/icon@1.2.1
+  - @chakra-ui/utils@1.9.1
+
 ## 1.2.0
@@ -4,0 +18,0 @@

dist/chakra-ui-close-button.cjs.dev.js

@@ -30,2 +30,17 @@ 'use strict';
 
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
 function _extends() {
@@ -49,10 +64,14 @@ _extends = Object.assign || function (target) {
 
-const CloseIcon = props => /*#__PURE__*/React__namespace.createElement(icon.Icon, _extends({
-  focusable: "false",
-  "aria-hidden": true
-}, props), /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "currentColor",
-  d: "M.439,21.44a1.5,1.5,0,0,0,2.122,2.121L11.823,14.3a.25.25,0,0,1,.354,0l9.262,9.263a1.5,1.5,0,1,0,2.122-2.121L14.3,12.177a.25.25,0,0,1,0-.354l9.263-9.262A1.5,1.5,0,0,0,21.439.44L12.177,9.7a.25.25,0,0,1-.354,0L2.561.44A1.5,1.5,0,0,0,.439,2.561L9.7,11.823a.25.25,0,0,1,0,.354Z"
-}));
+var _excluded = ["children", "isDisabled", "__css"];
 
+var CloseIcon = function CloseIcon(props) {
+  return /*#__PURE__*/React__namespace.createElement(icon.Icon, _extends({
+    focusable: "false",
+    "aria-hidden": true
+  }, props), /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "currentColor",
+    d: "M.439,21.44a1.5,1.5,0,0,0,2.122,2.121L11.823,14.3a.25.25,0,0,1,.354,0l9.262,9.263a1.5,1.5,0,1,0,2.122-2.121L14.3,12.177a.25.25,0,0,1,0-.354l9.263-9.262A1.5,1.5,0,0,0,21.439.44L12.177,9.7a.25.25,0,0,1-.354,0L2.561.44A1.5,1.5,0,0,0,.439,2.561L9.7,11.823a.25.25,0,0,1,0,.354Z"
+  }));
+};
+
 /**
@@ -64,11 +83,12 @@ * A button with a close icon.
  */
-const CloseButton = /*#__PURE__*/system.forwardRef((props, ref) => {
-  const styles = system.useStyleConfig("CloseButton", props);
-  const {
-    children,
-    isDisabled,
-    __css,
-    ...rest
-  } = system.omitThemingProps(props);
-  const baseStyle = {
+var CloseButton = /*#__PURE__*/system.forwardRef(function (props, ref) {
+  var styles = system.useStyleConfig("CloseButton", props);
+
+  var _omitThemingProps = system.omitThemingProps(props),
+      children = _omitThemingProps.children,
+      isDisabled = _omitThemingProps.isDisabled,
+      __css = _omitThemingProps.__css,
+      rest = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);
+
+  var baseStyle = {
     outline: 0,
@@ -85,6 +105,3 @@ display: "flex",
     disabled: isDisabled,
-    __css: { ...baseStyle,
-      ...styles,
-      ...__css
-    }
+    __css: _extends({}, baseStyle, styles, __css)
   }, rest), children || /*#__PURE__*/React__namespace.createElement(CloseIcon, {
@@ -91,0 +108,0 @@ width: "1em",

dist/chakra-ui-close-button.cjs.prod.js

@@ -30,2 +30,17 @@ 'use strict';
 
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
 function _extends() {
@@ -49,10 +64,14 @@ _extends = Object.assign || function (target) {
 
-const CloseIcon = props => /*#__PURE__*/React__namespace.createElement(icon.Icon, _extends({
-  focusable: "false",
-  "aria-hidden": true
-}, props), /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "currentColor",
-  d: "M.439,21.44a1.5,1.5,0,0,0,2.122,2.121L11.823,14.3a.25.25,0,0,1,.354,0l9.262,9.263a1.5,1.5,0,1,0,2.122-2.121L14.3,12.177a.25.25,0,0,1,0-.354l9.263-9.262A1.5,1.5,0,0,0,21.439.44L12.177,9.7a.25.25,0,0,1-.354,0L2.561.44A1.5,1.5,0,0,0,.439,2.561L9.7,11.823a.25.25,0,0,1,0,.354Z"
-}));
+var _excluded = ["children", "isDisabled", "__css"];
 
+var CloseIcon = function CloseIcon(props) {
+  return /*#__PURE__*/React__namespace.createElement(icon.Icon, _extends({
+    focusable: "false",
+    "aria-hidden": true
+  }, props), /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "currentColor",
+    d: "M.439,21.44a1.5,1.5,0,0,0,2.122,2.121L11.823,14.3a.25.25,0,0,1,.354,0l9.262,9.263a1.5,1.5,0,1,0,2.122-2.121L14.3,12.177a.25.25,0,0,1,0-.354l9.263-9.262A1.5,1.5,0,0,0,21.439.44L12.177,9.7a.25.25,0,0,1-.354,0L2.561.44A1.5,1.5,0,0,0,.439,2.561L9.7,11.823a.25.25,0,0,1,0,.354Z"
+  }));
+};
+
 /**
@@ -64,11 +83,12 @@ * A button with a close icon.
  */
-const CloseButton = /*#__PURE__*/system.forwardRef((props, ref) => {
-  const styles = system.useStyleConfig("CloseButton", props);
-  const {
-    children,
-    isDisabled,
-    __css,
-    ...rest
-  } = system.omitThemingProps(props);
-  const baseStyle = {
+var CloseButton = /*#__PURE__*/system.forwardRef(function (props, ref) {
+  var styles = system.useStyleConfig("CloseButton", props);
+
+  var _omitThemingProps = system.omitThemingProps(props),
+      children = _omitThemingProps.children,
+      isDisabled = _omitThemingProps.isDisabled,
+      __css = _omitThemingProps.__css,
+      rest = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);
+
+  var baseStyle = {
     outline: 0,
@@ -85,6 +105,3 @@ display: "flex",
     disabled: isDisabled,
-    __css: { ...baseStyle,
-      ...styles,
-      ...__css
-    }
+    __css: _extends({}, baseStyle, styles, __css)
   }, rest), children || /*#__PURE__*/React__namespace.createElement(CloseIcon, {
@@ -91,0 +108,0 @@ width: "1em",

dist/chakra-ui-close-button.esm.js

@@ -6,2 +6,17 @@ import { Icon } from '@chakra-ui/icon';
 
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
 function _extends() {
@@ -25,10 +40,14 @@ _extends = Object.assign || function (target) {
 
-const CloseIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  focusable: "false",
-  "aria-hidden": true
-}, props), /*#__PURE__*/React.createElement("path", {
-  fill: "currentColor",
-  d: "M.439,21.44a1.5,1.5,0,0,0,2.122,2.121L11.823,14.3a.25.25,0,0,1,.354,0l9.262,9.263a1.5,1.5,0,1,0,2.122-2.121L14.3,12.177a.25.25,0,0,1,0-.354l9.263-9.262A1.5,1.5,0,0,0,21.439.44L12.177,9.7a.25.25,0,0,1-.354,0L2.561.44A1.5,1.5,0,0,0,.439,2.561L9.7,11.823a.25.25,0,0,1,0,.354Z"
-}));
+var _excluded = ["children", "isDisabled", "__css"];
 
+var CloseIcon = function CloseIcon(props) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    focusable: "false",
+    "aria-hidden": true
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M.439,21.44a1.5,1.5,0,0,0,2.122,2.121L11.823,14.3a.25.25,0,0,1,.354,0l9.262,9.263a1.5,1.5,0,1,0,2.122-2.121L14.3,12.177a.25.25,0,0,1,0-.354l9.263-9.262A1.5,1.5,0,0,0,21.439.44L12.177,9.7a.25.25,0,0,1-.354,0L2.561.44A1.5,1.5,0,0,0,.439,2.561L9.7,11.823a.25.25,0,0,1,0,.354Z"
+  }));
+};
+
 /**
@@ -40,11 +59,12 @@ * A button with a close icon.
  */
-const CloseButton = /*#__PURE__*/forwardRef((props, ref) => {
-  const styles = useStyleConfig("CloseButton", props);
-  const {
-    children,
-    isDisabled,
-    __css,
-    ...rest
-  } = omitThemingProps(props);
-  const baseStyle = {
+var CloseButton = /*#__PURE__*/forwardRef(function (props, ref) {
+  var styles = useStyleConfig("CloseButton", props);
+
+  var _omitThemingProps = omitThemingProps(props),
+      children = _omitThemingProps.children,
+      isDisabled = _omitThemingProps.isDisabled,
+      __css = _omitThemingProps.__css,
+      rest = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);
+
+  var baseStyle = {
     outline: 0,
@@ -61,6 +81,3 @@ display: "flex",
     disabled: isDisabled,
-    __css: { ...baseStyle,
-      ...styles,
-      ...__css
-    }
+    __css: _extends({}, baseStyle, styles, __css)
   }, rest), children || /*#__PURE__*/React.createElement(CloseIcon, {
@@ -67,0 +84,0 @@ width: "1em",

dist/declarations/src/close-button.d.ts

@@ -15,1 +15,2 @@ import { ThemingProps, HTMLChakraProps } from "@chakra-ui/system";
 export declare const CloseButton: import("@chakra-ui/system").ComponentWithAs<"button", CloseButtonProps>;
+//# sourceMappingURL=close-button.d.ts.map

dist/declarations/src/index.d.ts

 export * from "./close-button";
+//# sourceMappingURL=index.d.ts.map

package.json

 {
   "name": "@chakra-ui/close-button",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "A React and Chakra UI close button component.",
@@ -20,3 +20,4 @@ "keywords": [
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
@@ -35,7 +36,7 @@ "publishConfig": {
   "dependencies": {
-    "@chakra-ui/icon": "1.2.0",
-    "@chakra-ui/utils": "1.9.0"
+    "@chakra-ui/icon": "1.2.1",
+    "@chakra-ui/utils": "1.9.1"
   },
   "devDependencies": {
-    "@chakra-ui/system": "1.8.0",
+    "@chakra-ui/system": "1.8.1",
     "react": "^17.0.1"
@@ -42,0 +43,0 @@ },

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

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

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

27400

increased by21.06%

Number of package files

14

increased by40%

Lines of code

358

increased by39.3%

Number of medium supply chain risk alerts

0

decreased by-100%

Dependency changes

• + Added@chakra-ui/icon@1.2.1(transitive)

• + Added@chakra-ui/utils@1.9.1(transitive)

• - Removed@chakra-ui/icon@1.2.0(transitive)

• - Removed@chakra-ui/utils@1.9.0(transitive)

• Updated@chakra-ui/icon@1.2.1

• Updated@chakra-ui/utils@1.9.1