@welcome-ui/icon - npm Package Compare versions

Comparing version 5.12.0 to 5.13.3-alpha.1

dist/index.js

@@ -40,4 +40,4 @@ var __create = Object.create;
 // src/styles.ts
-var import_styled_components = __toESM(require("@xstyled/styled-components"));
-var iconSvgStrokedStyles = import_styled_components.css`
+var import_xstyled_styled_components = __toESM(require("@wttj/xstyled-styled-components"));
+var iconSvgStrokedStyles = import_xstyled_styled_components.css`
   g,
@@ -49,3 +49,3 @@ path {
 `;
-var iconSvgFilledStyles = import_styled_components.css`
+var iconSvgFilledStyles = import_xstyled_styled_components.css`
   g,
@@ -56,9 +56,8 @@ path {
 `;
-var Icon = (0, import_styled_components.default)("svg")(({ isFlag, size = "md", stroked, theme }) => {
+var Icon = import_xstyled_styled_components.default.svgBox(({ isFlag, size = "md", stroked, theme }) => {
   const formattedSize = theme.icons[size] || size;
-  return import_styled_components.css`
+  return import_xstyled_styled_components.css`
     ${!isFlag && (stroked ? iconSvgStrokedStyles : iconSvgFilledStyles)};
     width: ${formattedSize};
     height: ${formattedSize};
-    ${import_styled_components.system};
   `;
@@ -65,0 +64,0 @@ });

dist/types/index.d.ts

@@ -22,6 +22,3 @@ import React from 'react';
 export declare const Icon: import("@welcome-ui/system").CreateWuiComponent<"svg", IconProps>;
-export declare const StyledIcon: import("styled-components").StyledComponent<"svg", import("@xstyled/system").Theme, Pick<IconOptions, "size"> & Pick<IconContent, "isFlag" | "stroked"> & import("@welcome-ui/system").WuiProps & Partial<{
-    alt: string;
-    title: string;
-}>, never>;
+export declare const StyledIcon: any;
 export {};

dist/types/styles.d.ts

@@ -1,14 +0,1 @@
-import { Theme } from '@xstyled/styled-components';
-import { WuiProps } from '@welcome-ui/system';
-import { IconOptions } from './index';
-export declare const Icon: import("styled-components").StyledComponent<"svg", Theme, Pick<IconOptions, "size"> & Pick<{
-    width?: number;
-    height?: number;
-    block?: string;
-    stroked?: boolean;
-    isFlag?: boolean;
-    viewBox?: string;
-}, "isFlag" | "stroked"> & WuiProps & Partial<{
-    alt: string;
-    title: string;
-}>, never>;
+export declare const Icon: any;

package.json

 {
   "name": "@welcome-ui/icon",
-  "version": "5.12.0",
+  "version": "5.13.3-alpha.1",
   "description": "Customizable design system with react • styled-components • styled-system and ariakit.",
@@ -49,10 +49,10 @@ "main": "dist/index.js",
   "dependencies": {
-    "@welcome-ui/system": "^5.12.0"
+    "@welcome-ui/system": "^5.13.3-alpha.1"
   },
   "peerDependencies": {
-    "@xstyled/styled-components": "^3.7.3",
+    "@wttj/xstyled-styled-components": "^4.0.0",
     "react": "^18.0.0",
-    "styled-components": "^5.3.9"
+    "styled-components": "^6.1.8"
   },
-  "gitHead": "57746ae1c5dd3cef664ce2eecec2ab3465242c0b",
+  "gitHead": "706dc3b57025e553d802074c572676f2dcc89421",
   "sideEffects": false,
@@ -59,0 +59,0 @@ "component": "Icon",

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

11190

decreased by-5.84%

Lines of code

280

decreased by-6.04%

Number of low quality alerts

1

increased byInfinity%

Dependency changes

• + Added@emotion/is-prop-valid@1.2.2(transitive)

• + Added@emotion/memoize@0.8.1(transitive)

• + Added@emotion/unitless@0.8.1(transitive)

• + Added@types/stylis@4.2.5(transitive)

• + Addednanoid@3.3.8(transitive)

• + Addedpostcss@8.4.49(transitive)

• + Addedsource-map-js@1.2.1(transitive)

• + Addedstyled-components@6.1.15(transitive)

• + Addedstylis@4.3.2(transitive)

• + Addedtslib@2.6.2(transitive)

• Updated@welcome-ui/system@^5.13.3-alpha.1