@chakra-ui/icon - npm Package Compare versions

Comparing version 0.0.0-dev-20221108124603 to 0.0.0-dev-20221115102409

dist/index.cjs.js

@@ -71,2 +71,3 @@ "use strict";
   const _className = (0, import_shared_utils.cx)("chakra-icon", className);
+  const customStyles = (0, import_system.useStyleConfig)("Icon", props);
   const styles = {
@@ -79,3 +80,4 @@ w: "1em",
     color,
-    ...__css
+    ...__css,
+    ...customStyles
   };
@@ -82,0 +84,0 @@ const shared = {

dist/index.d.ts

 import * as _chakra_ui_system from '@chakra-ui/system';
 import { ChakraProps } from '@chakra-ui/system';
 
+declare type Orientation = "vertical" | "horizontal";
 interface IconProps extends Omit<React.SVGAttributes<SVGElement>, keyof ChakraProps>, ChakraProps {
+    orientation?: Orientation;
 }
@@ -6,0 +8,0 @@ /**

dist/index.esm.js

@@ -7,3 +7,4 @@ // ../../../react-shim.js
   chakra,
-  forwardRef
+  forwardRef,
+  useStyleConfig
 } from "@chakra-ui/system";
@@ -44,2 +45,3 @@ import { cx } from "@chakra-ui/shared-utils";
   const _className = cx("chakra-icon", className);
+  const customStyles = useStyleConfig("Icon", props);
   const styles = {
@@ -52,3 +54,4 @@ w: "1em",
     color,
-    ...__css
+    ...__css,
+    ...customStyles
   };
@@ -55,0 +58,0 @@ const shared = {

package.json

 {
   "name": "@chakra-ui/icon",
-  "version": "0.0.0-dev-20221108124603",
+  "version": "0.0.0-dev-20221115102409",
   "description": "A base React component for icons",
@@ -32,6 +32,6 @@ "keywords": [
   "dependencies": {
-    "@chakra-ui/shared-utils": "0.0.0-dev-20221108124603"
+    "@chakra-ui/shared-utils": "2.0.3"
   },
   "devDependencies": {
-    "@chakra-ui/system": "0.0.0-dev-20221108124603",
+    "@chakra-ui/system": "2.3.3",
     "react-icons": "^4.2.0",
@@ -42,3 +42,3 @@ "react": "^18.0.0",
   "peerDependencies": {
-    "@chakra-ui/system": "0.0.0-dev-20221108124603",
+    "@chakra-ui/system": ">=2.0.0",
     "react": ">=18"
@@ -45,0 +45,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

10678

increased by2.07%

Lines of code

273

increased by2.63%

Dependency changes

• + Added@chakra-ui/anatomy@2.2.2(transitive)

• + Added@chakra-ui/color-mode@2.2.0(transitive)

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

• + Added@chakra-ui/react-use-safe-layout-effect@2.1.0(transitive)

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

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

• + Added@chakra-ui/styled-system@2.9.2(transitive)

• + Added@chakra-ui/system@2.6.2(transitive)

• + Added@chakra-ui/theme@3.3.1(transitive)

• + Added@chakra-ui/theme-tools@2.1.2(transitive)

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

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

• + Added@types/lodash.mergewith@4.6.7(transitive)

• + Addedcolor2k@2.0.3(transitive)

• + Addedframesync@6.1.2(transitive)

• + Addedreact-fast-compare@3.2.2(transitive)

• + Addedtslib@2.4.0(transitive)

• - Removed@chakra-ui/anatomy@0.0.0-dev-20221108124603(transitive)

• - Removed@chakra-ui/color-mode@0.0.0-dev-20221108124603(transitive)

• - Removed@chakra-ui/react-use-safe-layout-effect@0.0.0-dev-20221108124603(transitive)

• - Removed@chakra-ui/react-utils@0.0.0-dev-20221108124603(transitive)

• - Removed@chakra-ui/shared-utils@0.0.0-dev-20221108124603(transitive)

• - Removed@chakra-ui/styled-system@0.0.0-dev-20221108124603(transitive)

• - Removed@chakra-ui/system@0.0.0-dev-20221108124603(transitive)

• - Removed@chakra-ui/theme@0.0.0-dev-20221108124603(transitive)

• - Removed@chakra-ui/theme-tools@0.0.0-dev-20221108124603(transitive)

• - Removed@chakra-ui/theme-utils@0.0.0-dev-20221108124603(transitive)

• - Removed@chakra-ui/utils@0.0.0-dev-20221108124603(transitive)

• - Removed@ctrl/tinycolor@3.6.1(transitive)

• - Removed@types/lodash.mergewith@4.6.6(transitive)

• - Removedframesync@5.3.0(transitive)

• - Removedreact-fast-compare@3.2.0(transitive)

• - Removedtslib@2.8.1(transitive)

• Updated@chakra-ui/shared-utils@2.0.3