@bookjane2/bookjane-design-library 9.0.0 → 9.0.2

package/lib/components/BKJCheckbox/BKJCheckbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BKJCheckbox.d.ts","sourceRoot":"","sources":["../../../src/components/BKJCheckbox/BKJCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAmC,MAAM,OAAO,CAAC;AAQ5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAsD7C,CAAC"}
+{"version":3,"file":"BKJCheckbox.d.ts","sourceRoot":"","sources":["../../../src/components/BKJCheckbox/BKJCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA2C,MAAM,OAAO,CAAC;AASpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CA2D7C,CAAC"}

package/lib/components/BKJCheckbox/BKJCheckbox.js

@@ -1,10 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useEffect, useState } from 'react';
+import { forwardRef, useEffect, useRef, useState } from 'react';
+import { v4 as uuidv4 } from 'uuid';
 import { isBKJChangeEventType } from '../../common.types.js';
 import { BKJCheckboxDisplay, BKJCheckboxInput, BKJCheckboxLabel, BKJCheckboxWrapper, } from './BKJCheckbox.styled.js';
 import { BKJCheck } from './src/BKJCheck.js';
 export const BKJCheckbox = forwardRef((props, ref) => {
     const { value, variant = 'GreenSolid', label, disabled, className, name, onChange, readOnly, ...rest } = props;
+    const idRef = useRef(`bkj-checkbox-${uuidv4()}`);
     const [checked, setChecked] = useState(!!value);
     const handleChange = (event) => {
         if (!Array.isArray(event) && isBKJChangeEventType(event)) {
@@ -20,6 +22,6 @@ export const BKJCheckbox = forwardRef((props, ref) => {
         if (typeof value !== 'undefined')
             setChecked(value);
     }, [value]);
-    return (_jsxs(BKJCheckboxWrapper, { className: className, children: [_jsx(BKJCheckboxInput, { ...rest, type: "checkbox", id: `checkbox-${name}-label`, "aria-labelledby": `checkbox-${name}-label`, disabled: disabled, checked: checked, onChange: readOnly ? () => null : handleChange, ref: ref, name: name, readOnly: readOnly }), _jsx(BKJCheckboxDisplay, { value: checked, disabled: disabled, variant: variant, children: _jsx(BKJCheck, { variant: variant, checked: checked, disabled: disabled }) }), _jsx(BKJCheckboxLabel, { label: label, htmlFor: `checkbox-${name}-label`, children: label })] }));
+    return (_jsxs(BKJCheckboxWrapper, { className: className, children: [_jsx(BKJCheckboxInput, { ...rest, type: "checkbox", id: idRef.current, disabled: disabled, checked: checked, onChange: readOnly ? () => null : handleChange, ref: ref, name: name, readOnly: readOnly }), _jsx(BKJCheckboxDisplay, { "aria-hidden": "true", value: checked, disabled: disabled, variant: variant, children: _jsx(BKJCheck, { variant: variant, checked: checked, disabled: disabled }) }), _jsx(BKJCheckboxLabel, { label: label, htmlFor: idRef.current, children: label })] }));
 });
 //# sourceMappingURL=BKJCheckbox.js.map

package/lib/components/BKJCheckbox/BKJCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"BKJCheckbox.js","sourceRoot":"","sources":["../../../src/components/BKJCheckbox/BKJCheckbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAsB,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,MAAM,CAAC,MAAM,WAAW,GAA0B,UAAU,CAC1D,CAAC,KAAK,EAAE,GAAG,EAAe,EAAE;IAC1B,MAAM,EACJ,KAAK,EACL,OAAO,GAAG,YAAY,EACtB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,CAAC,CAAC,KAAK,CAAC,CAAC;IAEzD,MAAM,YAAY,GAAuB,CAAC,KAAK,EAAE,EAAE;QACjD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,oBAAoB,CAAC,KAAK,CAAC,EAAE,CAAC;YACzD,IAAI,QAAQ;gBACV,QAAQ,CAAC;oBACP,GAAG,KAAK;oBACR,MAAM,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;iBAC7E,CAAC,CAAC;YACL,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACrC,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,KAAK,KAAK,WAAW;YAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IACtD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,MAAC,kBAAkB,IAAC,SAAS,EAAE,SAAS,aACtC,KAAC,gBAAgB,OACX,IAAI,EACR,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,YAAY,IAAI,QAAQ,qBACX,YAAY,IAAI,QAAQ,EACzC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,EAC9C,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,GAClB,EACF,KAAC,kBAAkB,IAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,YACtE,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACjD,EACrB,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,IAAI,QAAQ,YAC9D,KAAK,GACW,IACA,CACtB,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"BKJCheckbox.js","sourceRoot":"","sources":["../../../src/components/BKJCheckbox/BKJCheckbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,EAAsB,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,MAAM,CAAC,MAAM,WAAW,GAA0B,UAAU,CAC1D,CAAC,KAAK,EAAE,GAAG,EAAe,EAAE;IAC1B,MAAM,EACJ,KAAK,EACL,OAAO,GAAG,YAAY,EACtB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,MAAM,CAAS,gBAAgB,MAAM,EAAE,EAAE,CAAC,CAAC;IACzD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,CAAC,CAAC,KAAK,CAAC,CAAC;IAEzD,MAAM,YAAY,GAAuB,CAAC,KAAK,EAAE,EAAE;QACjD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,oBAAoB,CAAC,KAAK,CAAC,EAAE,CAAC;YACzD,IAAI,QAAQ;gBACV,QAAQ,CAAC;oBACP,GAAG,KAAK;oBACR,MAAM,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;iBAC7E,CAAC,CAAC;YACL,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACrC,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,KAAK,KAAK,WAAW;YAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IACtD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,MAAC,kBAAkB,IAAC,SAAS,EAAE,SAAS,aACtC,KAAC,gBAAgB,OACX,IAAI,EACR,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,KAAK,CAAC,OAAO,EACjB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,EAC9C,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,GAClB,EACF,KAAC,kBAAkB,mBACL,MAAM,EAClB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,YAEhB,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACjD,EACrB,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,YACnD,KAAK,GACW,IACA,CACtB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/BKJCheckbox/BKJCheckbox.stories.d.ts

@@ -47,4 +47,5 @@ declare const _default: {
 export default _default;
 export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IBKJCheckboxProps>;
 export declare const Disabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IBKJCheckboxProps>;
+export declare const Checked: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IBKJCheckboxProps>;
 //# sourceMappingURL=BKJCheckbox.stories.d.ts.map

package/lib/components/BKJCheckbox/BKJCheckbox.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BKJCheckbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJCheckbox/BKJCheckbox.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAExD,wBAsCE;AAMF,eAAO,MAAM,OAAO,6GAAoB,CAAC;AAIzC,eAAO,MAAM,QAAQ,6GAAoB,CAAC"}
+{"version":3,"file":"BKJCheckbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJCheckbox/BKJCheckbox.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAExD,wBAsCE;AAIF,eAAO,MAAM,OAAO,6GAAoB,CAAC;AAUzC,eAAO,MAAM,QAAQ,6GAAoB,CAAC;AAU1C,eAAO,MAAM,OAAO,6GAAoB,CAAC"}

package/lib/components/BKJCheckbox/BKJCheckbox.stories.js

@@ -39,12 +39,29 @@ export default {
         },
     },
 };
-const Template = ({ ...props }) => (_jsx(BKJCheckbox, { ...props, disabled: true, value: true }));
+const Template = (args) => _jsx(BKJCheckbox, { ...args });
 export const Default = Template.bind({});
-Default.args = {};
+Default.args = {
+    variant: 'GreenSolid',
+    label: 'Accept terms',
+    value: false,
+    disabled: false,
+    name: 'default',
+};
 export const Disabled = Template.bind({});
 Disabled.args = {
+    variant: 'GreenSolid',
+    label: 'Accept terms',
+    value: false,
     disabled: true,
+    name: 'disabled',
+};
+export const Checked = Template.bind({});
+Checked.args = {
     variant: 'GreenSolid',
+    label: 'Accept terms',
+    value: true,
+    disabled: false,
+    name: 'checked',
 };
 //# sourceMappingURL=BKJCheckbox.stories.js.map

package/lib/components/BKJCheckbox/BKJCheckbox.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"BKJCheckbox.stories.js","sourceRoot":"","sources":["../../../src/components/BKJCheckbox/BKJCheckbox.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,eAAe;IACb,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;YACD,MAAM,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC;SACzC;QACD,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,MAAM;SAChB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,SAAS;SAChB;QACD,KAAK,EAAE;YACL,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,SAAS;SAChB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;SACzB;QACD,SAAS,EAAE;YACT,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;SACzB;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;SACzB;QACD,GAAG,EAAE;YACH,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAA+B,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAC7D,KAAC,WAAW,OAAK,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,GAAI,CACxD,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,OAAO,CAAC,IAAI,GAAG,EAAE,CAAC;AAElB,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE1C,QAAQ,CAAC,IAAI,GAAG;IACd,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,YAAY;CACtB,CAAC"}
+{"version":3,"file":"BKJCheckbox.stories.js","sourceRoot":"","sources":["../../../src/components/BKJCheckbox/BKJCheckbox.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,eAAe;IACb,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;YACD,MAAM,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC;SACzC;QACD,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,MAAM;SAChB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,SAAS;SAChB;QACD,KAAK,EAAE;YACL,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,SAAS;SAChB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;SACzB;QACD,SAAS,EAAE;YACT,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;SACzB;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;SACzB;QACD,GAAG,EAAE;YACH,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAA+B,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,WAAW,OAAK,IAAI,GAAI,CAAC;AAEjF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,OAAO,CAAC,IAAI,GAAG;IACb,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,cAAc;IACrB,KAAK,EAAE,KAAK;IACZ,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,SAAS;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE1C,QAAQ,CAAC,IAAI,GAAG;IACd,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,cAAc;IACrB,KAAK,EAAE,KAAK;IACZ,QAAQ,EAAE,IAAI;IACd,IAAI,EAAE,UAAU;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,OAAO,CAAC,IAAI,GAAG;IACb,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,cAAc;IACrB,KAAK,EAAE,IAAI;IACX,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,SAAS;CAChB,CAAC"}

package/lib/components/BKJCheckbox/BKJCheckbox.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BKJCheckbox.test.d.ts.map

package/lib/components/BKJCheckbox/BKJCheckbox.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJCheckbox.test.d.ts","sourceRoot":"","sources":["../../../src/components/BKJCheckbox/BKJCheckbox.test.tsx"],"names":[],"mappings":""}

package/lib/components/BKJCheckbox/BKJCheckbox.test.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+jest.mock('uuid', () => {
+    let counter = 0;
+    return {
+        v4: jest.fn(() => {
+            counter += 1;
+            const hex = counter.toString(16).padStart(12, '0');
+            return `00000000-0000-0000-0000-${hex}`;
+        }),
+    };
+});
+import { fireEvent, screen } from '@testing-library/react';
+import { renderAndCheckA11y, renderWithTheme } from '../../test-utils/index.js';
+import { BKJCheckbox } from './BKJCheckbox.js';
+describe('BKJCheckbox', () => {
+    describe('Keyboard', () => {
+        it('native input is focusable when not disabled', () => {
+            renderWithTheme(_jsx(BKJCheckbox, { variant: "GreenSolid", label: "Accept terms", name: "terms" }));
+            const input = screen.getByRole('checkbox');
+            input.focus();
+            expect(input).toHaveFocus();
+            expect(input.tabIndex).toBeGreaterThanOrEqual(0);
+        });
+        it('toggles checked state and fires onChange when activated', () => {
+            const onChange = jest.fn();
+            renderWithTheme(_jsx(BKJCheckbox, { variant: "GreenSolid", label: "Accept terms", name: "terms", onChange: onChange }));
+            const input = screen.getByRole('checkbox');
+            fireEvent.click(input);
+            expect(onChange).toHaveBeenCalledTimes(1);
+            expect(input).toBeChecked();
+        });
+        it('disabled input cannot receive focus', () => {
+            renderWithTheme(_jsx(BKJCheckbox, { variant: "GreenSolid", label: "Accept terms", name: "terms", disabled: true }));
+            const input = screen.getByRole('checkbox');
+            expect(input).toBeDisabled();
+            input.focus();
+            expect(input).not.toHaveFocus();
+        });
+    });
+    describe('Accessibility', () => {
+        it('has no accessibility violations on labelled default', async () => {
+            const { axeResults } = await renderAndCheckA11y(_jsx(BKJCheckbox, { variant: "GreenSolid", label: "Accept terms", name: "terms" }));
+            expect(axeResults).toHaveNoViolations();
+        });
+        it('generates a unique id for each instance', () => {
+            renderWithTheme(_jsxs(_Fragment, { children: [_jsx(BKJCheckbox, { variant: "GreenSolid", label: "One", name: "shared" }), _jsx(BKJCheckbox, { variant: "GreenSolid", label: "Two", name: "shared" })] }));
+            const checkboxes = screen.getAllByRole('checkbox');
+            expect(checkboxes).toHaveLength(2);
+            const ids = checkboxes.map((cb) => cb.id);
+            ids.forEach((id) => expect(id).toMatch(/^bkj-checkbox-[0-9a-f-]{36}$/));
+            expect(ids[0]).not.toBe(ids[1]);
+        });
+    });
+});
+//# sourceMappingURL=BKJCheckbox.test.js.map

package/lib/components/BKJCheckbox/BKJCheckbox.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BKJCheckbox.test.js","sourceRoot":"","sources":["../../../src/components/BKJCheckbox/BKJCheckbox.test.tsx"],"names":[],"mappings":";AAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE;IACrB,IAAI,OAAO,GAAG,CAAC,CAAC;IAChB,OAAO;QACL,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE;YACf,OAAO,IAAI,CAAC,CAAC;YACb,MAAM,GAAG,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;YACnD,OAAO,2BAA2B,GAAG,EAAE,CAAC;QAC1C,CAAC,CAAC;KACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;QACxB,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;YACrD,eAAe,CACb,KAAC,WAAW,IAAC,OAAO,EAAC,YAAY,EAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,OAAO,GAAG,CACvE,CAAC;YACF,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,UAAU,CAAqB,CAAC;YAC/D,KAAK,CAAC,KAAK,EAAE,CAAC;YACd,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;YAC5B,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC;QACnD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,yDAAyD,EAAE,GAAG,EAAE;YACjE,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;YAC3B,eAAe,CACb,KAAC,WAAW,IACV,OAAO,EAAC,YAAY,EACpB,KAAK,EAAC,cAAc,EACpB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;YACF,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;YAC3C,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACvB,MAAM,CAAC,QAAQ,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;YAC1C,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;QAC9B,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;YAC7C,eAAe,CACb,KAAC,WAAW,IACV,OAAO,EAAC,YAAY,EACpB,KAAK,EAAC,cAAc,EACpB,IAAI,EAAC,OAAO,EACZ,QAAQ,SACR,CACH,CAAC;YACF,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,UAAU,CAAqB,CAAC;YAC/D,MAAM,CAAC,KAAK,CAAC,CAAC,YAAY,EAAE,CAAC;YAC7B,KAAK,CAAC,KAAK,EAAE,CAAC;YACd,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAClC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;QAC7B,EAAE,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;YACnE,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,kBAAkB,CAC7C,KAAC,WAAW,IAAC,OAAO,EAAC,YAAY,EAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,OAAO,GAAG,CACvE,CAAC;YACF,MAAM,CAAC,UAAU,CAAC,CAAC,kBAAkB,EAAE,CAAC;QAC1C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;YACjD,eAAe,CACb,8BACE,KAAC,WAAW,IAAC,OAAO,EAAC,YAAY,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,QAAQ,GAAG,EAC9D,KAAC,WAAW,IAAC,OAAO,EAAC,YAAY,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,QAAQ,GAAG,IAC7D,CACJ,CAAC;YACF,MAAM,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;YACnD,MAAM,CAAC,UAAU,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;YACnC,MAAM,GAAG,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YAC1C,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,8BAA8B,CAAC,CAAC,CAAC;YACxE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QAClC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bookjane2/bookjane-design-library",
-  "version": "9.0.0",
+  "version": "9.0.2",
   "main": "./lib/index.js",
   "typings": "./lib/index.d.ts",
   "engines": {