@dropins/tools 0.21.2-alpha2 → 0.21.2-alpha389

package/components/CartItem/CartItemSkeleton.test.jsx

@@ -1,11 +0,0 @@
-/** https://preactjs.com/guide/v10/preact-testing-library/ */
-import { render } from '@adobe/elsie/lib/tests';
-import { CartItemSkeleton } from '@adobe/elsie/components';
-describe('checkout/Components/CartSummary/CartItemSkeleton', () => {
-    test('renders', () => {
-        const { container } = render(<CartItemSkeleton />);
-        expect(!!container).toEqual(true);
-        const elem = container.querySelector('.dropin-cart-item-skeleton');
-        expect(elem).toMatchSnapshot();
-    });
-});

package/components/CartItem/index.d.ts

@@ -1,4 +0,0 @@
-export * from '@adobe/elsie/components/CartItem/CartItem';
-export * from '@adobe/elsie/components/CartItem/CartItemSkeleton';
-export { CartItem as default } from '@adobe/elsie/components/CartItem/CartItem';
-//# sourceMappingURL=index.d.ts.map

package/components/CartItem/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CartItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mDAAmD,CAAC;AAClE,OAAO,EAAE,QAAQ,IAAI,OAAO,EAAE,MAAM,2CAA2C,CAAC"}

package/components/CartItem/index.js

@@ -1,3 +0,0 @@
-export * from '@adobe/elsie/components/CartItem/CartItem';
-export * from '@adobe/elsie/components/CartItem/CartItemSkeleton';
-export { CartItem as default } from '@adobe/elsie/components/CartItem/CartItem';

package/components/CartList/CartList.d.ts

@@ -1,7 +0,0 @@
-import { FunctionComponent } from 'preact';
-import { HTMLAttributes } from 'preact/compat';
-import '@adobe/elsie/components/CartList/CartList.css';
-export interface CartListProps extends HTMLAttributes<HTMLDivElement> {
-}
-export declare const CartList: FunctionComponent<CartListProps>;
-//# sourceMappingURL=CartList.d.ts.map

package/components/CartList/CartList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CartList.d.ts","sourceRoot":"","sources":["../../../src/components/CartList/CartList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAY,MAAM,eAAe,CAAC;AAGzD,OAAO,+CAA+C,CAAC;AAEvD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAExE,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,aAAa,CAsBrD,CAAC"}

package/components/CartList/CartList.jsx

@@ -1,14 +0,0 @@
-import { Children } from 'preact/compat';
-import { classes } from '@adobe/elsie/lib';
-import '@adobe/elsie/components/CartList/CartList.css';
-export const CartList = ({ className, children, ...props }) => {
-    return (<div {...props} className={classes(['dropin-cart-list', className])}>
-      <div className="dropin-cart-list__wrapper" aria-live="assertive" aria-relevant="all">
-        {Children.map(children, (child, key) => {
-            return (<div key={key} className="dropin-cart-list__item">
-              {child}
-            </div>);
-        })}
-      </div>
-    </div>);
-};

package/components/CartList/CartList.stories.d.ts

@@ -1,17 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/preact';
-import { CartListProps } from '@adobe/elsie/components';
-/**
- * Use CartList to display a list of product items in Cart.
- */
-declare const meta: Meta<CartListProps>;
-export default meta;
-type Story = StoryObj<CartListProps>;
-/**
- * ```tsx
- * <CartList>
- *  <CartItem .../>
- * </CartList>
- * ```
- */
-export declare const CartList: Story;
-//# sourceMappingURL=CartList.stories.d.ts.map

package/components/CartList/CartList.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CartList.stories.d.ts","sourceRoot":"","sources":["../../../src/components/CartList/CartList.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAEL,aAAa,EAId,MAAM,yBAAyB,CAAC;AAEjC;;GAEG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,aAAa,CA0B7B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;AAErC;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC"}

package/components/CartList/CartList.stories.jsx

@@ -1,54 +0,0 @@
-import { CartList as component, CartItem, Image, Price, } from '@adobe/elsie/components';
-/**
- * Use CartList to display a list of product items in Cart.
- */
-const meta = {
-    title: 'Components/CartList',
-    component,
-    parameters: {
-        layout: 'padded', // centered | fullscreen
-    },
-    argTypes: {
-        children: {
-            control: {
-                type: 'select',
-                labels: {
-                    Products5: '5 Products',
-                    Products3: '3 Products',
-                    Products1: '1 Product',
-                },
-            },
-            description: 'Items in the list.',
-            options: ['Products5', 'Products3', 'Products1'],
-            mapping: {
-                Products5: renderItems(5),
-                Products3: renderItems(3),
-                Products1: renderItems(1),
-            },
-            table: { defaultValue: { summary: 'null' } },
-        },
-    },
-};
-export default meta;
-/**
- * ```tsx
- * <CartList>
- *  <CartItem .../>
- * </CartList>
- * ```
- */
-export const CartList = {
-    args: {
-        children: 'Products5',
-    },
-};
-function renderItems(count) {
-    return Array.from({ length: count }, (_, i) => i + 1).map((key) => (<CartItem key={key} image={<Image src="https://picsum.photos/132/184" width="132" height="184" alt="Some alternative text" loading="lazy"/>} title={<div>Product Name</div>} description={<div>
-          Secondary product information such as brand name, description, etc.
-        </div>} sku={<div>SKU: 59YK7</div>} quantity={1} price={<span>
-          <Price amount={53.99} style={{ fontWeight: 'inherit', color: 'inherit' }}/>
-        </span>} total={<span>
-          <Price amount={59.98} variant="strikethrough"/>{' '}
-          <Price amount={55.95} sale/>
-        </span>} configurations={{ Color: 'Blue', Size: 'L' }} onRemove={() => { }} onQuantity={() => { }} taxIncluded={true}/>));
-}

package/components/CartList/CartList.test.d.ts

@@ -1,3 +0,0 @@
-/** https://preactjs.com/guide/v10/preact-testing-library/ */
-export {};
-//# sourceMappingURL=CartList.test.d.ts.map

package/components/CartList/CartList.test.d.ts.map

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

package/components/CartList/CartList.test.jsx

@@ -1,12 +0,0 @@
-/** https://preactjs.com/guide/v10/preact-testing-library/ */
-import { render } from '@adobe/elsie/lib/tests';
-import { CartList } from '@adobe/elsie/components/CartList';
-describe('Base/Components/CartList', () => {
-    test('renders', () => {
-        const { container } = render(<CartList>
-        <div>One</div>
-        <div>Two</div>
-      </CartList>);
-        expect(container.innerHTML).toMatchInlineSnapshot(`"<div class=\\"dropin-design\\"><div class=\\"dropin-cart-list\\"><div aria-live=\\"assertive\\" aria-relevant=\\"all\\" class=\\"dropin-cart-list__wrapper\\"><div class=\\"dropin-cart-list__item\\"><div>One</div></div><div class=\\"dropin-cart-list__item\\"><div>Two</div></div></div></div></div>"`);
-    });
-});

package/components/CartList/index.d.ts

@@ -1,3 +0,0 @@
-export * from '@adobe/elsie/components/CartList/CartList';
-export { CartList as default } from '@adobe/elsie/components/CartList/CartList';
-//# sourceMappingURL=index.d.ts.map

package/components/CartList/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CartList/index.ts"],"names":[],"mappings":"AAAA,cAAc,2CAA2C,CAAC;AAC1D,OAAO,EAAE,QAAQ,IAAI,OAAO,EAAE,MAAM,2CAA2C,CAAC"}

package/components/CartList/index.js

@@ -1,2 +0,0 @@
-export * from '@adobe/elsie/components/CartList/CartList';
-export { CartList as default } from '@adobe/elsie/components/CartList/CartList';

package/components/Checkbox/Checkbox.d.ts

@@ -1,13 +0,0 @@
-import { FunctionComponent } from 'preact';
-import { HTMLAttributes } from 'preact/compat';
-import '@adobe/elsie/components/Checkbox/Checkbox.css';
-export interface CheckboxProps extends Omit<HTMLAttributes<HTMLInputElement>, 'size'> {
-    name: string;
-    size?: 'medium' | 'large';
-    disabled?: boolean;
-    error?: boolean;
-    label?: string;
-    description?: string;
-}
-export declare const Checkbox: FunctionComponent<CheckboxProps>;
-//# sourceMappingURL=Checkbox.d.ts.map

package/components/Checkbox/Checkbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAC3C,OAAO,EAAe,cAAc,EAAoB,MAAM,eAAe,CAAC;AAI9E,OAAO,+CAA+C,CAAC;AAEvD,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACtD,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,aAAa,CA+FrD,CAAC"}

package/components/Checkbox/Checkbox.jsx

@@ -1,51 +0,0 @@
-import { useRef, useState } from 'preact/compat';
-import { classes } from '@adobe/elsie/lib';
-import { Check } from '@adobe/elsie/icons';
-import { Icon } from '@adobe/elsie/components/Icon';
-import '@adobe/elsie/components/Checkbox/Checkbox.css';
-export const Checkbox = ({ name, value, size = 'medium', disabled = false, error = false, label = '', description = '', className, checked, ...props }) => {
-    const [isChecked, setIsChecked] = useState(checked === undefined ? false : checked);
-    const ref = useRef(null);
-    const handleCheckboxChange = (e) => {
-        props.onChange?.(e);
-        setIsChecked(e.currentTarget.checked);
-    };
-    const handleOnKeyDown = (e) => {
-        if (e.key === ' ') {
-            e.preventDefault();
-            ref?.current?.click();
-        }
-    };
-    return (<label className={classes([
-            'dropin-checkbox',
-            ['dropin-checkbox--disabled', disabled],
-        ])}>
-      <input ref={ref} name={name} value={value} type="checkbox" disabled={disabled} className={classes([
-            'dropin-checkbox__checkbox',
-            ['dropin-checkbox__checkbox--error', error],
-            className,
-        ])} {...props} onChange={handleCheckboxChange} checked={isChecked}/>
-      <span aria-checked={isChecked ? 'true' : 'false'} aria-labelledby={`${name}-label`} aria-describedby={`${name}-description`} className={classes([
-            'dropin-checkbox__box',
-            ['dropin-checkbox__box--error', error],
-            ['dropin-checkbox__box--disabled', disabled],
-        ])} role="checkbox" tabIndex={disabled ? -1 : 0} onKeyDown={handleOnKeyDown}>
-        <Icon className={classes(['dropin-checkbox__checkmark'])} source={Check} size="16" stroke="3"/>
-      </span>
-      <div id={`${name}-label`} className={classes([
-            'dropin-checkbox__label',
-            `dropin-checkbox__label--${size}`,
-            ['dropin-checkbox__label--disabled', disabled],
-        ])}>
-        {label}
-      </div>
-      <div />
-      <div id={`${name}-description`} role={'note'} className={classes([
-            'dropin-checkbox__description',
-            `dropin-checkbox__description--${size}`,
-            ['dropin-checkbox__description--disabled', disabled],
-        ])}>
-        {description}
-      </div>
-    </label>);
-};

package/components/Checkbox/Checkbox.stories.d.ts

@@ -1,22 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/preact';
-import { CheckboxProps } from '@adobe/elsie/components/Checkbox';
-/**
- * Use Checkboxes to let users pick multiple options from a list or mark a single item as selected.
- */
-declare const meta: Meta<CheckboxProps>;
-export default meta;
-type Story = StoryObj<CheckboxProps>;
-/**
- * Import the Checkbox component
- *
- * ```ts
- * import { Checkbox } from '@adobe/elsie/components/Checkbox';
- * ```
- */
-export declare const Primary: Story;
-export declare const CheckboxEnabledAndActive: Story;
-export declare const CheckboxEnabledAndNotActiveWithError: Story;
-export declare const CheckboxEnabledAndActiveWithError: Story;
-export declare const CheckboxDisabled: Story;
-export declare const CheckboxDisabledAndActive: Story;
-//# sourceMappingURL=Checkbox.stories.d.ts.map

package/components/Checkbox/Checkbox.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAY,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAI3E;;GAEG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,aAAa,CA4D7B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;AAErC;;;;;;GAMG;AAEH,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAmBtC,CAAC;AAEF,eAAO,MAAM,oCAAoC,EAAE,KAQlD,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,KAS/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAe9B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAgBvC,CAAC"}

package/components/Checkbox/Checkbox.stories.jsx

@@ -1,157 +0,0 @@
-import { Checkbox } from '@adobe/elsie/components/Checkbox';
-import { within, userEvent } from '@storybook/testing-library';
-import { expect } from '@storybook/jest';
-/**
- * Use Checkboxes to let users pick multiple options from a list or mark a single item as selected.
- */
-const meta = {
-    title: 'Components/Checkbox',
-    component: Checkbox,
-    argTypes: {
-        name: {
-            description: 'Field name (used for mapping the value in a form)',
-            type: {
-                required: false,
-                name: 'string',
-            },
-        },
-        value: {
-            description: 'Field value',
-            type: 'string',
-        },
-        label: {
-            description: 'Label to be shown beside of the checkbox',
-            type: 'string',
-            summary: 'Option',
-        },
-        description: {
-            description: 'Additional secondary description if needed',
-            type: 'string',
-            summary: 'Optional description text goes here',
-        },
-        size: {
-            description: 'Available sizes for the checkbox label and description texts',
-            type: 'string',
-            options: ['medium', 'large'],
-            defaultValue: {
-                summary: 'medium',
-            },
-            control: {
-                type: 'radio',
-                default: 'medium',
-            },
-        },
-        disabled: {
-            description: 'Whether or not the checkbox is disabled',
-            type: 'boolean',
-            defaultValue: {
-                summary: false,
-            },
-        },
-        checked: {
-            description: 'Whether or not the checkbox is active',
-            type: 'boolean',
-            defaultValue: {
-                summary: false,
-            },
-        },
-        error: {
-            description: 'Whether or not the checkbox is on error status',
-            type: 'boolean',
-            defaultValue: {
-                summary: false,
-            },
-        },
-    },
-};
-export default meta;
-/**
- * Import the Checkbox component
- *
- * ```ts
- * import { Checkbox } from '@adobe/elsie/components/Checkbox';
- * ```
- */
-export const Primary = {
-    name: 'Enabled and not Active',
-    args: {
-        name: 'checkboxField',
-        label: 'Option',
-        description: 'Optional description text goes here',
-    },
-    play: async ({ canvasElement }) => {
-        const canvas = within(canvasElement);
-        const checkboxField = document.querySelector('input[name="checkboxField"]');
-        await expect(await checkboxField).not.toBeChecked();
-        await userEvent.click(canvas.getByText('Option'));
-        await expect(await checkboxField).toBeChecked();
-        await userEvent.click(checkboxField);
-        await expect(await checkboxField).not.toBeChecked();
-    },
-};
-export const CheckboxEnabledAndActive = {
-    name: 'Enabled and Active',
-    args: {
-        name: 'checkboxField',
-        label: 'Option',
-        description: 'Optional description text goes here',
-        checked: true,
-    },
-    play: async ({ canvasElement }) => {
-        const canvas = within(canvasElement);
-        const checkboxField = document.querySelector('input[name="checkboxField"]');
-        await expect(await checkboxField).toBeChecked();
-        await userEvent.click(canvas.getByText('Option'));
-        await expect(await checkboxField).not.toBeChecked();
-        await userEvent.click(checkboxField);
-        await expect(await checkboxField).toBeChecked();
-    },
-};
-export const CheckboxEnabledAndNotActiveWithError = {
-    name: 'Enabled and not Active with Error',
-    args: {
-        name: 'checkboxField',
-        label: 'Option',
-        description: 'Optional description text goes here',
-        error: true,
-    },
-};
-export const CheckboxEnabledAndActiveWithError = {
-    name: 'Enabled and Active with Error',
-    args: {
-        name: 'checkboxField',
-        label: 'Option',
-        description: 'Optional description text goes here',
-        checked: true,
-        error: true,
-    },
-};
-export const CheckboxDisabled = {
-    name: 'Disabled',
-    args: {
-        name: 'checkboxField',
-        label: 'Option',
-        description: 'Optional description text goes here',
-        disabled: true,
-    },
-    play: async () => {
-        const checkboxField = document.querySelector('input[name="checkboxField"]');
-        await expect(await checkboxField).not.toBeChecked();
-        await expect(await checkboxField).toBeDisabled();
-    },
-};
-export const CheckboxDisabledAndActive = {
-    name: 'Disabled and Active',
-    args: {
-        name: 'checkboxField',
-        label: 'Option',
-        description: 'Optional description text goes here',
-        disabled: true,
-        checked: true,
-    },
-    play: async () => {
-        const checkboxField = document.querySelector('input[name="checkboxField"]');
-        await expect(await checkboxField).toBeChecked();
-        await expect(await checkboxField).toBeDisabled();
-    },
-};

package/components/Checkbox/Checkbox.test.d.ts

@@ -1,3 +0,0 @@
-/** https://preactjs.com/guide/v10/preact-testing-library/ */
-export {};
-//# sourceMappingURL=Checkbox.test.d.ts.map

package/components/Checkbox/Checkbox.test.d.ts.map

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

package/components/Checkbox/Checkbox.test.jsx

@@ -1,136 +0,0 @@
-/** https://preactjs.com/guide/v10/preact-testing-library/ */
-import { fireEvent, render } from '@adobe/elsie/lib/tests';
-import { Checkbox } from '@adobe/elsie/components/Checkbox';
-import { getFormValues } from '@adobe/elsie/lib';
-describe('Selection controls/Checkbox', () => {
-    const DEFAULT_PROPS = {
-        name: 'testCheckbox',
-        value: 'testValue',
-        label: 'Option',
-        description: 'Optional description text goes here',
-    };
-    test('renders', () => {
-        const { container } = render(<Checkbox name="testCheckbox"/>);
-        // Test that the component container is rendered
-        const elem = container.querySelector('.dropin-checkbox');
-        expect(elem).toBeTruthy();
-    });
-    test('Renders the correct shape for default props', () => {
-        const { container } = render(<Checkbox {...DEFAULT_PROPS}/>);
-        // Test that the component with default properties matches with the snapshot
-        const elem = container.querySelector('.dropin-checkbox');
-        expect(elem).toMatchSnapshot();
-    });
-    test('Renders the checkbox by default is enabled, not active and size medium', () => {
-        const { container } = render(<Checkbox {...DEFAULT_PROPS}/>);
-        // Test that the element checkbox is not disabled
-        const elem = container.querySelector('.dropin-checkbox');
-        expect(elem.classList.contains('dropin-checkbox--disabled')).toEqual(false);
-        // Test that the input checkbox is not checked
-        const elemUnchecked = container.querySelector('.dropin-checkbox__checkbox');
-        expect(elemUnchecked?.checked).toEqual(false);
-        // Test that the label size is medium
-        const elemTextMedium = container.querySelector('.dropin-checkbox__label');
-        expect(elemTextMedium.classList.contains('dropin-checkbox__label--medium')).toEqual(true);
-        // Test that the description size is medium
-        const elemDescriptionMedium = container.querySelector('.dropin-checkbox__description');
-        expect(elemDescriptionMedium.classList.contains('dropin-checkbox__description--medium')).toEqual(true);
-    });
-    test('Renders the correct text sizes', () => {
-        const { container, rerender } = render(<Checkbox {...DEFAULT_PROPS} size="medium"/>);
-        // Test that the label size is medium
-        const elemTextMedium = container.querySelector('.dropin-checkbox__label');
-        expect(elemTextMedium.classList.contains('dropin-checkbox__label--medium')).toEqual(true);
-        // Test that the description size is medium
-        const elemDescriptionMedium = container.querySelector('.dropin-checkbox__description');
-        expect(elemDescriptionMedium.classList.contains('dropin-checkbox__description--medium')).toEqual(true);
-        rerender(<Checkbox {...DEFAULT_PROPS} size="large"/>);
-        // Test that the label size is large
-        const elemTextLarge = container.querySelector('.dropin-checkbox__label');
-        expect(elemTextLarge.classList.contains('dropin-checkbox__label--large')).toEqual(true);
-        // Test that the description size is large
-        const elemDescriptionLarge = container.querySelector('.dropin-checkbox__description');
-        expect(elemDescriptionLarge.classList.contains('dropin-checkbox__description--large')).toEqual(true);
-    });
-    test('Renders the checkbox is disabled', () => {
-        const { container } = render(<Checkbox {...DEFAULT_PROPS} disabled={true}/>);
-        // Test that the element checkbox is disabled
-        const elem = container.querySelector('.dropin-checkbox');
-        expect(elem.classList.contains('dropin-checkbox--disabled')).toEqual(true);
-    });
-    test('Renders the checkbox is active or not', () => {
-        const { container, rerender } = render(<Checkbox {...DEFAULT_PROPS} checked={true}/>);
-        // Test that the input checkbox is checked
-        const elemChecked = container.querySelector('.dropin-checkbox__checkbox');
-        expect(elemChecked?.checked).toEqual(true);
-        rerender(<Checkbox {...DEFAULT_PROPS} checked={false}/>);
-        // Test that the input checkbox is not checked
-        const elemUnchecked = container.querySelector('.dropin-checkbox__checkbox');
-        expect(elemUnchecked?.checked).toEqual(false);
-    });
-    test('Renders the checkbox is on error', () => {
-        const { container } = render(<Checkbox {...DEFAULT_PROPS} error={true}/>);
-        // Test that the input checkbox has the error status
-        const elemCheckbox = container.querySelector('.dropin-checkbox__checkbox');
-        expect(elemCheckbox.classList.contains('dropin-checkbox__checkbox--error')).toEqual(true);
-        // Test that the element checkbox is shown with error status look and feel
-        const elemBox = container.querySelector('.dropin-checkbox__box');
-        expect(elemBox.classList.contains('dropin-checkbox__box--error')).toEqual(true);
-    });
-    test('Handles onKeyDown event', () => {
-        const { container } = render(<Checkbox {...DEFAULT_PROPS} checked={false}/>);
-        const elemBox = container.querySelector('.dropin-checkbox__box');
-        const elemChecked = container.querySelector('.dropin-checkbox__checkbox');
-        const eventKeyDownForSpaceKey = new KeyboardEvent('keydown', { key: ' ' });
-        // Test that the input checkbox is checked once it's clicked the space bar
-        // over the not active checkbox component
-        elemBox.dispatchEvent(eventKeyDownForSpaceKey);
-        expect(elemChecked?.checked).toEqual(true);
-        // Test that the input checkbox is unchecked once it's clicked again the
-        // space bar over the active checkbox component
-        elemBox.dispatchEvent(eventKeyDownForSpaceKey);
-        expect(elemChecked?.checked).toEqual(false);
-        const eventKeyDownForOtherKey = new KeyboardEvent('keydown', {
-            key: 'Return',
-        });
-        // Test that the input checkbox is still unchecked if it's clicked another key
-        // different than the space bar over the not active checkbox component; so it's
-        // status shouldn't have changed
-        elemBox.dispatchEvent(eventKeyDownForOtherKey);
-        expect(elemChecked?.checked).toEqual(false);
-    });
-    test('Calls onChange handler when changed', () => {
-        const onChangeMock = jest.fn();
-        const { container } = render(<Checkbox {...DEFAULT_PROPS} onChange={onChangeMock}/>);
-        const elem = container.querySelector('.dropin-checkbox__checkbox');
-        expect(onChangeMock).not.toHaveBeenCalled();
-        fireEvent.click(elem);
-        expect(onChangeMock).toHaveBeenCalled();
-    });
-    describe('When used inside a form', () => {
-        test('Sends the correct value on submit', () => {
-            const handleSubmit = jest.fn((e) => {
-                e.preventDefault();
-            });
-            const { container } = render(<form data-testid="testForm" onSubmit={handleSubmit}>
-          <Checkbox {...DEFAULT_PROPS}/>
-          <button type="submit">Submit</button>
-        </form>);
-            // Gets the checkbox element field
-            const field = container.querySelector('.dropin-checkbox');
-            // Clicks the checkbox
-            fireEvent.click(field);
-            // Gets the form button
-            const submitButton = container.querySelector('button[type="submit"]');
-            // Clicks the button
-            fireEvent.click(submitButton);
-            expect(handleSubmit).toHaveBeenCalled();
-            const values = getFormValues(handleSubmit.mock.calls[0][0].target);
-            expect(values).toMatchInlineSnapshot(`
-        Object {
-          "testCheckbox": "testValue",
-        }
-      `);
-        });
-    });
-});

package/components/Checkbox/index.d.ts

@@ -1,2 +0,0 @@
-export * from '@adobe/elsie/components/Checkbox/Checkbox';
-//# sourceMappingURL=index.d.ts.map

package/components/Checkbox/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,2CAA2C,CAAC"}

package/components/Checkbox/index.js

@@ -1 +0,0 @@
-export * from '@adobe/elsie/components/Checkbox/Checkbox';

package/components/ColorSwatch/ColorSwatch.d.ts

@@ -1,20 +0,0 @@
-import { FunctionComponent } from 'preact';
-import { HTMLAttributes } from 'preact/compat';
-import '@adobe/elsie/components/ColorSwatch/ColorSwatch.css';
-export interface ColorSwatchProps extends Omit<HTMLAttributes<HTMLInputElement>, 'label' | 'size'> {
-    name?: string;
-    label?: string;
-    groupAriaLabel?: string;
-    id?: string;
-    size?: 'medium' | 'large';
-    color?: string;
-    value?: string;
-    disabled?: boolean;
-    selected?: boolean;
-    outOfStock?: boolean;
-    multi?: boolean;
-    onValue?: (value: any) => void;
-    onUpdateError?: (error: Error) => void;
-}
-export declare const ColorSwatch: FunctionComponent<ColorSwatchProps>;
-//# sourceMappingURL=ColorSwatch.d.ts.map

package/components/ColorSwatch/ColorSwatch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorSwatch.d.ts","sourceRoot":"","sources":["../../../src/components/ColorSwatch/ColorSwatch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAe,MAAM,eAAe,CAAC;AAE5D,OAAO,qDAAqD,CAAC;AAG7D,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CA8F3D,CAAC"}