@nextui-org/checkbox - npm Package Compare versions

Comparing version 0.0.0-dev-v2-20230412124525 to 0.0.0-dev-v2-20230413014154

dist/checkbox-group.js

@@ -47,3 +47,3 @@ "use strict";
     ref,
-    styles,
+    classNames,
     children,
@@ -84,3 +84,3 @@ label,
   const slots = (0, import_react.useMemo)(() => (0, import_theme.checkboxGroup)(), []);
-  const baseStyles = (0, import_shared_utils2.clsx)(styles == null ? void 0 : styles.base, className);
+  const baseStyles = (0, import_shared_utils2.clsx)(classNames == null ? void 0 : classNames.base, className);
   const getGroupProps = () => {
@@ -95,3 +95,3 @@ return {
     return {
-      className: slots.label({ class: styles == null ? void 0 : styles.label }),
+      className: slots.label({ class: classNames == null ? void 0 : classNames.label }),
       ...labelProps
@@ -102,3 +102,3 @@ };
     return {
-      className: slots.wrapper({ class: styles == null ? void 0 : styles.wrapper }),
+      className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }),
       role: "presentation",
@@ -122,3 +122,10 @@ "data-orientation": orientation
 var CheckboxGroup = (0, import_system.forwardRef)((props, ref) => {
-  const { children, context, label, getGroupProps, getLabelProps, getWrapperProps } = useCheckboxGroup({ ref, ...props });
+  const {
+    children,
+    context,
+    label,
+    getGroupProps,
+    getLabelProps,
+    getWrapperProps
+  } = useCheckboxGroup({ ref, ...props });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ...getGroupProps(), children: [
@@ -125,0 +132,0 @@ label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { ...getLabelProps(), children: label }),

dist/checkbox.js

@@ -74,3 +74,3 @@ "use strict";
     defaultSelected,
-    styles,
+    classNames,
     onChange,
@@ -163,3 +163,3 @@ className,
   );
-  const baseStyles = (0, import_shared_utils2.clsx)(styles == null ? void 0 : styles.base, className);
+  const baseStyles = (0, import_shared_utils2.clsx)(classNames == null ? void 0 : classNames.base, className);
   const getBaseProps = () => {
@@ -186,3 +186,3 @@ return {
       "aria-hidden": true,
-      className: (0, import_shared_utils2.clsx)(slots.wrapper({ class: styles == null ? void 0 : styles.wrapper }))
+      className: (0, import_shared_utils2.clsx)(slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }))
     };
@@ -203,5 +203,5 @@ };
       "data-invalid": (0, import_shared_utils2.dataAttr)(isInvalid),
-      className: slots.label({ class: styles == null ? void 0 : styles.label })
+      className: slots.label({ class: classNames == null ? void 0 : classNames.label })
     }),
-    [slots, styles == null ? void 0 : styles.label, isDisabled, isSelected, isInvalid]
+    [slots, classNames == null ? void 0 : classNames.label, isDisabled, isSelected, isInvalid]
   );
@@ -214,5 +214,5 @@ const getIconProps = (0, import_react.useCallback)(
       disableAnimation: !!disableAnimation,
-      className: slots.icon({ class: styles == null ? void 0 : styles.icon })
+      className: slots.icon({ class: classNames == null ? void 0 : classNames.icon })
     }),
-    [slots, styles == null ? void 0 : styles.icon, isSelected, isIndeterminate, disableAnimation]
+    [slots, classNames == null ? void 0 : classNames.icon, isSelected, isIndeterminate, disableAnimation]
   );
@@ -219,0 +219,0 @@ return {

dist/index.js

@@ -82,3 +82,3 @@ "use strict";
     defaultSelected,
-    styles,
+    classNames,
     onChange,
@@ -171,3 +171,3 @@ className,
   );
-  const baseStyles = (0, import_shared_utils2.clsx)(styles == null ? void 0 : styles.base, className);
+  const baseStyles = (0, import_shared_utils2.clsx)(classNames == null ? void 0 : classNames.base, className);
   const getBaseProps = () => {
@@ -194,3 +194,3 @@ return {
       "aria-hidden": true,
-      className: (0, import_shared_utils2.clsx)(slots.wrapper({ class: styles == null ? void 0 : styles.wrapper }))
+      className: (0, import_shared_utils2.clsx)(slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }))
     };
@@ -211,5 +211,5 @@ };
       "data-invalid": (0, import_shared_utils2.dataAttr)(isInvalid),
-      className: slots.label({ class: styles == null ? void 0 : styles.label })
+      className: slots.label({ class: classNames == null ? void 0 : classNames.label })
     }),
-    [slots, styles == null ? void 0 : styles.label, isDisabled, isSelected, isInvalid]
+    [slots, classNames == null ? void 0 : classNames.label, isDisabled, isSelected, isInvalid]
   );
@@ -222,5 +222,5 @@ const getIconProps = (0, import_react.useCallback)(
       disableAnimation: !!disableAnimation,
-      className: slots.icon({ class: styles == null ? void 0 : styles.icon })
+      className: slots.icon({ class: classNames == null ? void 0 : classNames.icon })
     }),
-    [slots, styles == null ? void 0 : styles.icon, isSelected, isIndeterminate, disableAnimation]
+    [slots, classNames == null ? void 0 : classNames.icon, isSelected, isIndeterminate, disableAnimation]
   );
@@ -318,3 +318,3 @@ return {
     ref,
-    styles,
+    classNames,
     children,
@@ -355,3 +355,3 @@ label,
   const slots = (0, import_react4.useMemo)(() => (0, import_theme2.checkboxGroup)(), []);
-  const baseStyles = (0, import_shared_utils3.clsx)(styles == null ? void 0 : styles.base, className);
+  const baseStyles = (0, import_shared_utils3.clsx)(classNames == null ? void 0 : classNames.base, className);
   const getGroupProps = () => {
@@ -366,3 +366,3 @@ return {
     return {
-      className: slots.label({ class: styles == null ? void 0 : styles.label }),
+      className: slots.label({ class: classNames == null ? void 0 : classNames.label }),
       ...labelProps
@@ -373,3 +373,3 @@ };
     return {
-      className: slots.wrapper({ class: styles == null ? void 0 : styles.wrapper }),
+      className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }),
       role: "presentation",
@@ -393,3 +393,10 @@ "data-orientation": orientation
 var CheckboxGroup = (0, import_system2.forwardRef)((props, ref) => {
-  const { children, context, label, getGroupProps, getLabelProps, getWrapperProps } = useCheckboxGroup({ ref, ...props });
+  const {
+    children,
+    context,
+    label,
+    getGroupProps,
+    getLabelProps,
+    getWrapperProps
+  } = useCheckboxGroup({ ref, ...props });
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { ...getGroupProps(), children: [
@@ -396,0 +403,0 @@ label && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("label", { ...getLabelProps(), children: label }),

dist/use-checkbox-group.d.ts

@@ -23,3 +23,3 @@ import * as react from 'react';
     /**
-     * Classname or List of classes to change the styles of the element.
+     * Classname or List of classes to change the classNames of the element.
      * if `className` is passed, it will be added to the base slot.
@@ -29,3 +29,3 @@ *
      * ```ts
-     * <CheckboxGroup styles={{
+     * <CheckboxGroup classNames={{
      *    base:"base-classes",
@@ -39,3 +39,3 @@ *    label: "label-classes",
      */
-    styles?: SlotsToClasses<CheckboxGroupSlots>;
+    classNames?: SlotsToClasses<CheckboxGroupSlots>;
 }
@@ -42,0 +42,0 @@ type UseCheckboxGroupProps = Props & Pick<CheckboxProps, "color" | "size" | "radius" | "lineThrough" | "isDisabled" | "disableAnimation">;

dist/use-checkbox-group.js

@@ -37,3 +37,3 @@ "use strict";
     ref,
-    styles,
+    classNames,
     children,
@@ -74,3 +74,3 @@ label,
   const slots = (0, import_react.useMemo)(() => (0, import_theme.checkboxGroup)(), []);
-  const baseStyles = (0, import_shared_utils.clsx)(styles == null ? void 0 : styles.base, className);
+  const baseStyles = (0, import_shared_utils.clsx)(classNames == null ? void 0 : classNames.base, className);
   const getGroupProps = () => {
@@ -85,3 +85,3 @@ return {
     return {
-      className: slots.label({ class: styles == null ? void 0 : styles.label }),
+      className: slots.label({ class: classNames == null ? void 0 : classNames.label }),
       ...labelProps
@@ -92,3 +92,3 @@ };
     return {
-      className: slots.wrapper({ class: styles == null ? void 0 : styles.wrapper }),
+      className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }),
       role: "presentation",
@@ -95,0 +95,0 @@ "data-orientation": orientation

dist/use-checkbox.d.ts

@@ -37,3 +37,3 @@ import * as _nextui_org_system from '@nextui-org/system';
     /**
-     * Classname or List of classes to change the styles of the element.
+     * Classname or List of classes to change the classNames of the element.
      * if `className` is passed, it will be added to the base slot.
@@ -43,3 +43,3 @@ *
      * ```ts
-     * <Checkbox styles={{
+     * <Checkbox classNames={{
      *    base:"base-classes",
@@ -52,3 +52,3 @@ *    wrapper: "wrapper-classes",
      */
-    styles?: SlotsToClasses<CheckboxSlots>;
+    classNames?: SlotsToClasses<CheckboxSlots>;
 }
@@ -55,0 +55,0 @@ type UseCheckboxProps = Omit<Props, "defaultChecked"> & Omit<AriaCheckboxProps, keyof CheckboxVariantProps | "onChange"> & Omit<CheckboxVariantProps, "isFocusVisible">;

dist/use-checkbox.js

@@ -69,3 +69,3 @@ "use strict";
     defaultSelected,
-    styles,
+    classNames,
     onChange,
@@ -158,3 +158,3 @@ className,
   );
-  const baseStyles = (0, import_shared_utils2.clsx)(styles == null ? void 0 : styles.base, className);
+  const baseStyles = (0, import_shared_utils2.clsx)(classNames == null ? void 0 : classNames.base, className);
   const getBaseProps = () => {
@@ -181,3 +181,3 @@ return {
       "aria-hidden": true,
-      className: (0, import_shared_utils2.clsx)(slots.wrapper({ class: styles == null ? void 0 : styles.wrapper }))
+      className: (0, import_shared_utils2.clsx)(slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }))
     };
@@ -198,5 +198,5 @@ };
       "data-invalid": (0, import_shared_utils2.dataAttr)(isInvalid),
-      className: slots.label({ class: styles == null ? void 0 : styles.label })
+      className: slots.label({ class: classNames == null ? void 0 : classNames.label })
     }),
-    [slots, styles == null ? void 0 : styles.label, isDisabled, isSelected, isInvalid]
+    [slots, classNames == null ? void 0 : classNames.label, isDisabled, isSelected, isInvalid]
   );
@@ -209,5 +209,5 @@ const getIconProps = (0, import_react.useCallback)(
       disableAnimation: !!disableAnimation,
-      className: slots.icon({ class: styles == null ? void 0 : styles.icon })
+      className: slots.icon({ class: classNames == null ? void 0 : classNames.icon })
     }),
-    [slots, styles == null ? void 0 : styles.icon, isSelected, isIndeterminate, disableAnimation]
+    [slots, classNames == null ? void 0 : classNames.icon, isSelected, isIndeterminate, disableAnimation]
   );
@@ -214,0 +214,0 @@ return {

package.json

 {
   "name": "@nextui-org/checkbox",
-  "version": "0.0.0-dev-v2-20230412124525",
+  "version": "0.0.0-dev-v2-20230413014154",
   "description": "Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.",
@@ -38,6 +38,6 @@ "keywords": [
     "@react-aria/utils": "^3.16.0",
-    "@nextui-org/system": "0.0.0-dev-v2-20230412021924",
-    "@nextui-org/shared-utils": "0.0.0-dev-v2-20230412021924",
-    "@nextui-org/theme": "0.0.0-dev-v2-20230412124525",
-    "@nextui-org/dom-utils": "0.0.0-dev-v2-20230412021924"
+    "@nextui-org/shared-utils": "0.0.0-dev-v2-20230413014154",
+    "@nextui-org/theme": "0.0.0-dev-v2-20230413014154",
+    "@nextui-org/system": "0.0.0-dev-v2-20230413014154",
+    "@nextui-org/dom-utils": "0.0.0-dev-v2-20230413014154"
   },
@@ -49,6 +49,6 @@ "devDependencies": {
     "react": "^18.0.0",
-    "@nextui-org/shared-icons": "0.0.0-dev-v2-20230412021924",
-    "@nextui-org/chip": "0.0.0-dev-v2-20230412124525",
-    "@nextui-org/user": "0.0.0-dev-v2-20230412124525",
-    "@nextui-org/link": "0.0.0-dev-v2-20230412124525"
+    "@nextui-org/chip": "0.0.0-dev-v2-20230413014154",
+    "@nextui-org/shared-icons": "0.0.0-dev-v2-20230413014154",
+    "@nextui-org/user": "0.0.0-dev-v2-20230413014154",
+    "@nextui-org/link": "0.0.0-dev-v2-20230413014154"
   },
@@ -55,0 +55,0 @@ "clean-package": "../../../clean-package.config.json",

No alert changes

Improved metrics

Total package byte prevSize

70089

increased by0.61%

Lines of code

1889

increased by1.12%

Dependency changes

• + Added@nextui-org/dom-utils@0.0.0-dev-v2-20230413014154(transitive)

• + Added@nextui-org/shared-utils@0.0.0-dev-v2-20230413014154(transitive)

• + Added@nextui-org/system@0.0.0-dev-v2-20230413014154(transitive)

• + Added@nextui-org/theme@0.0.0-dev-v2-20230413014154(transitive)

• - Removed@nextui-org/dom-utils@0.0.0-dev-v2-20230412021924(transitive)

• - Removed@nextui-org/shared-utils@0.0.0-dev-v2-20230412021924(transitive)

• - Removed@nextui-org/system@0.0.0-dev-v2-20230412021924(transitive)

• - Removed@nextui-org/theme@0.0.0-dev-v2-20230412124525(transitive)

• Updated@nextui-org/dom-utils@0.0.0-dev-v2-20230413014154

• Updated@nextui-org/shared-utils@0.0.0-dev-v2-20230413014154

• Updated@nextui-org/system@0.0.0-dev-v2-20230413014154

• Updated@nextui-org/theme@0.0.0-dev-v2-20230413014154