@infonomic/uikit 2.1.1 → 2.3.0

package/dist/components/input/checkbox.d.ts

@@ -9,6 +9,7 @@ export interface Props extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     intent?: Intent;
     reverse?: boolean;
     checked?: boolean;
+    className?: string;
     checkBoxClasses?: string;
     containerClasses?: string;
     componentClasses?: string;
@@ -18,7 +19,7 @@ export interface Props extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     errorText?: string;
     onCheckedChange?: (checked: boolean | 'indeterminate') => void;
 }
-export declare const Checkbox: ({ ref, id, name, label, variant, size, intent, reverse, checkBoxClasses, containerClasses, componentClasses, labelClasses, error, helpText, errorText, ...rest }: Props & {
+export declare const Checkbox: ({ ref, id, name, label, variant, size, intent, reverse, className, checkBoxClasses, containerClasses, componentClasses, labelClasses, error, helpText, errorText, ...rest }: Props & {
     ref?: React.RefObject<HTMLButtonElement>;
 }) => React.JSX.Element;
 //# sourceMappingURL=checkbox.d.ts.map

package/dist/components/input/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/input/checkbox.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAKjE,MAAM,WAAW,KAAM,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,eAAe,KAAK,IAAI,CAAA;CAC/D;AAED,eAAO,MAAM,QAAQ,GAAqB,kKAiBvC,KAAK,GAAG;IACT,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAA;CACzC,KAAG,KAAK,CAAC,GAAG,CAAC,OA4Cb,CAAA"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/input/checkbox.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAKjE,MAAM,WAAW,KAAM,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,eAAe,KAAK,IAAI,CAAA;CAC/D;AAED,eAAO,MAAM,QAAQ,GAAqB,6KAkBvC,KAAK,GAAG;IACT,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAA;CACzC,KAAG,KAAK,CAAC,GAAG,CAAC,OA6Cb,CAAA"}

package/dist/components/input/checkbox.js

@@ -6,7 +6,7 @@ import { Checkbox as external_radix_ui_Checkbox, Label } from "radix-ui";
 import checkbox_module from "./checkbox.module.js";
 import { ErrorText } from "./error-text.js";
 import { HelpText } from "./help-text.js";
-const checkbox_Checkbox = function({ ref, id, name, label, variant = 'outlined', size = 'md', intent = 'primary', reverse = false, checkBoxClasses, containerClasses, componentClasses, labelClasses, error = false, helpText = '', errorText = '', ...rest }) {
+const checkbox_Checkbox = function({ ref, id, name, label, variant = 'outlined', size = 'md', intent = 'primary', reverse = false, className, checkBoxClasses, containerClasses, componentClasses, labelClasses, error = false, helpText = '', errorText = '', ...rest }) {
     return /*#__PURE__*/ jsxs("div", {
         className: classnames('checkbox-container', containerClasses),
         children: [
@@ -19,7 +19,7 @@ const checkbox_Checkbox = function({ ref, id, name, label, variant = 'outlined',
                         ref: ref,
                         id: id,
                         name: name,
-                        className: classnames('checkbox', variant, size, intent, checkbox_module.checkbox, checkbox_module[variant], checkbox_module[size], checkbox_module[intent], checkBoxClasses),
+                        className: classnames('checkbox', variant, size, intent, checkbox_module.checkbox, checkbox_module[variant], checkbox_module[size], checkbox_module[intent], checkBoxClasses, className),
                         ...rest,
                         children: /*#__PURE__*/ jsx(external_radix_ui_Checkbox.Indicator, {
                             forceMount: true,

package/package.json

@@ -2,7 +2,7 @@
   "name": "@infonomic/uikit",
   "private": false,
   "license": "MIT",
-  "version": "2.1.1",
+  "version": "2.3.0",
   "type": "module",
   "description": "Infonomic UI kit is a collection of reusable UI components and utilities for React and Astro.",
   "keywords": [

package/src/components/input/checkbox.tsx

@@ -19,6 +19,7 @@ export interface Props extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   intent?: Intent
   reverse?: boolean
   checked?: boolean
+  className?: string,
   checkBoxClasses?: string
   containerClasses?: string
   componentClasses?: string
@@ -38,6 +39,7 @@ export const Checkbox = function Checkbox({
   size = 'md',
   intent = 'primary',
   reverse = false,
+  className,
   checkBoxClasses,
   containerClasses,
   componentClasses,
@@ -69,7 +71,8 @@ export const Checkbox = function Checkbox({
             styles[variant],
             styles[size],
             styles[intent],
-            checkBoxClasses
+            checkBoxClasses,
+            className
           )}
           {...rest}
         >