@welcome-ui/checkbox - npm Package Compare versions

Comparing version 5.13.0 to 5.13.3-alpha.1

dist/index.doc.json

@@ -691,2 +691,21 @@ {
       },
+      "theme": {
+        "defaultValue": null,
+        "description": "",
+        "name": "theme",
+        "parent": {
+          "fileName": "Checkbox/src/index.tsx",
+          "name": "CheckboxOptions"
+        },
+        "declarations": [
+          {
+            "fileName": "Checkbox/src/index.tsx",
+            "name": "CheckboxOptions"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Theme"
+        }
+      },
       "size": {
@@ -693,0 +712,0 @@ "defaultValue": null,

dist/index.js

@@ -36,15 +36,18 @@ var __create = Object.create;
 var import_react = __toESM(require("react"));
-var import_system2 = require("@welcome-ui/system");
+var import_system = require("@welcome-ui/system");
 
 // src/styles.ts
-var import_styled_components = __toESM(require("@xstyled/styled-components"));
+var import_xstyled_styled_components = __toESM(require("@wttj/xstyled-styled-components"));
 var Ariakit = __toESM(require("@ariakit/react"));
-var import_system = require("@welcome-ui/system");
 var import_utils = require("@welcome-ui/utils");
-var Checkbox2 = (0, import_styled_components.default)(Ariakit.Checkbox).withConfig({
-  shouldForwardProp: import_system.shouldForwardProp
-})(
-  ({ indeterminate, order = "-1", size, theme, variant }) => import_styled_components.css`
+var Checkbox2 = (0, import_xstyled_styled_components.default)(Ariakit.Checkbox)(
+  ({
+    $indeterminate,
+    order = "-1",
+    size,
+    theme,
+    variant
+  }) => import_xstyled_styled_components.css`
     ${(0, import_utils.defaultFieldStyles)({ size, variant })};
-    ${(0, import_styled_components.th)("checkboxes.default")}
+    ${(0, import_xstyled_styled_components.th)("checkboxes.default")}
     position: relative;
@@ -56,7 +59,7 @@ padding: 0;
     overflow: hidden;
-    ${import_styled_components.system};
+    ${import_xstyled_styled_components.system};
 
     &[aria-checked='true'] {
       &:not([disabled]) {
-        ${(0, import_styled_components.th)("checkboxes.checked")};
+        ${(0, import_xstyled_styled_components.th)("checkboxes.checked")};
       }
@@ -79,5 +82,5 @@
 
-    ${indeterminate && import_styled_components.css`
+    ${$indeterminate && import_xstyled_styled_components.css`
       &:not([disabled]) {
-        ${(0, import_styled_components.th)("checkboxes.checked")};
+        ${(0, import_xstyled_styled_components.th)("checkboxes.checked")};
       }
@@ -97,3 +100,3 @@
     &[disabled] {
-      ${(0, import_styled_components.th)("checkboxes.disabled")}
+      ${(0, import_xstyled_styled_components.th)("checkboxes.disabled")}
 
@@ -108,3 +111,3 @@ &::after {
 // src/index.tsx
-var Checkbox3 = (0, import_system2.forwardRef)(
+var Checkbox3 = (0, import_system.forwardRef)(
   ({
@@ -128,2 +131,3 @@ checked = false,
       {
+        $indeterminate: indeterminate,
         checked,
@@ -133,3 +137,2 @@ "data-testid": dataTestId,
         id: name,
-        indeterminate,
         name,
@@ -136,0 +139,0 @@ onChange: handleChange,

dist/types/index.d.ts

 import React from 'react';
 import { CreateWuiProps } from '@welcome-ui/system';
 import { DefaultFieldStylesProps } from '@welcome-ui/utils';
+import { Theme } from '@wttj/xstyled-styled-components';
 export interface CheckboxOptions extends DefaultFieldStylesProps {
@@ -11,4 +12,5 @@ checked?: boolean;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    theme?: Theme;
 }
 export type CheckboxProps = CreateWuiProps<'input', CheckboxOptions>;
 export declare const Checkbox: import("@welcome-ui/system").CreateWuiComponent<"input", CheckboxProps>;

dist/types/styles.d.ts

@@ -1,5 +0,1 @@
-/// <reference types="react" />
-import * as Ariakit from '@ariakit/react';
-export declare const Checkbox: import("styled-components").StyledComponent<(props: Ariakit.CheckboxProps<"input">) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, import("@xstyled/system").Theme, Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof import("@welcome-ui/system").WuiProps>, keyof import("./index").CheckboxOptions> & import("./index").CheckboxOptions & Omit<import("@welcome-ui/system").WuiProps & import("@welcome-ui/system").WuiTestProps & {
-    as?: import("@welcome-ui/system").As<any>;
-}, keyof import("./index").CheckboxOptions>, never>;
+export declare const Checkbox: any;

package.json

 {
   "name": "@welcome-ui/checkbox",
-  "version": "5.13.0",
+  "version": "5.13.3-alpha.1",
   "description": "Customizable design system with react • styled-components • styled-system and ariakit.",
@@ -50,11 +50,11 @@ "main": "dist/index.js",
     "@ariakit/react": "0.4.3",
-    "@welcome-ui/system": "^5.12.0",
-    "@welcome-ui/utils": "^5.12.0"
+    "@welcome-ui/system": "^5.13.3-alpha.1",
+    "@welcome-ui/utils": "^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": "e373e5153d078270749d036fe3681ded5b1f8742",
+  "gitHead": "706dc3b57025e553d802074c572676f2dcc89421",
   "sideEffects": false,
@@ -61,0 +61,0 @@ "component": "Checkbox",

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

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

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

Improved metrics

Lines of code

1128

increased by1.9%

Worsened metrics

Total package byte prevSize

32098

decreased by-0.64%

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.7(transitive)

• + Addedpostcss@8.4.38(transitive)

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

• + Addedstyled-components@6.1.13(transitive)

• + Addedstylis@4.3.2(transitive)

• + Addedtslib@2.6.2(transitive)

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

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