@arbor-education/design-system.components 0.25.9 → 1.0.1

package/dist/components/emptyState/EmptyState.stories.js

@@ -0,0 +1,332 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Controls, Heading as DocHeading, Markdown, Primary as DocPrimary, Stories, Subtitle, Title, } from '@storybook/addon-docs/blocks';
+import { Button } from '../button/Button.js';
+import { Icon } from '../icon/Icon.js';
+import { Widget } from '../widget/Widget.js';
+import { EmptyState } from './EmptyState.js';
+const DESCRIPTION_INTRO = [
+    '`EmptyState` is a centred layout for zero-data views. It supports an optional illustration,',
+    'a heading, supporting text, and a consumer-composed `actions` slot for one or more buttons.',
+    'Use it inside panels, cards, and [`Widget`](?path=/docs/components-widget--docs) bodies when there is nothing to show yet.',
+].join(' ');
+const USAGE_GUIDANCE = [
+    '### When to use',
+    '',
+    '- A list, table, or widget has no items yet and you need to explain why and what to do next',
+    '- A filtered view returns zero results and you want to suggest clearing filters or creating content',
+    '- A dashboard region is intentionally blank until the user completes a setup step',
+    '',
+    '---',
+    '',
+    '### When NOT to use',
+    '',
+    '| Situation | Use instead |',
+    '|---|---|',
+    '| Transient success or error feedback | [`Banner`](?path=/docs/components-banner--docs) or [`Toast`](?path=/docs/components-toast--docs) |',
+    '| Inline hint on an unfilled form field | The relevant input\'s helper or placeholder pattern |',
+    '| Loading while data is still fetching | [`Widget`](?path=/docs/components-widget--docs) with `isLoading` or a local spinner |',
+    '| A full-page first-run marketing layout | Page-level content, not this component |',
+].join('\n');
+const DEVELOPER_NOTES = [
+    '### Critical usage patterns',
+    '',
+    '**Pass buttons via `actions`.** Supply one or more [`Button`](?path=/docs/components-button--docs) elements',
+    'in the `actions` slot — for example `variant="primary"`, `variant="secondary"`, or `variant="tertiary"`.',
+    'The component does not wrap or assign variants for you.',
+    '',
+    '**Illustrations are decorative.** When using [`Icon`](?path=/docs/components-icon--docs) or `<img>`, omit',
+    '`screenReaderText` on icons and use `alt=""` on images. The heading and subheading carry the meaning.',
+    '',
+    '**Set `live` when content swaps dynamically.** Use `live={true}` when the empty state is injected after',
+    'an async fetch completes so assistive technology can announce the update politely.',
+    '',
+    '**`subHeading` accepts rich content.** Pass `ReactNode` to embed inline links using a plain `<a href>`',
+    'with the `ds-link` class from the design system stylesheet. Use your router link component with the same',
+    'class when integrating client-side navigation.',
+    '',
+    '**Choose `padding` for the container.** Default is `md`. Use `none` inside tight shells where the parent',
+    'already provides spacing; use `lg` for standalone page-level empty regions.',
+    '',
+    '---',
+    '',
+    '### Accessibility',
+    '',
+    '- Renders as `<section role="region">` with `aria-labelledby` pointing at the heading',
+    '- The illustration wrapper is `aria-hidden="true"` when present',
+    '- `aria-live="polite"` is applied only when `live={true}`',
+    '- Verify `headingLevel` fits the surrounding page outline — default is `4` (suited to nested use inside [`Widget`](?path=/docs/components-widget--docs), whose header renders as `h3`)',
+    '- For standalone page-level empty regions, pass `headingLevel={2}` or `headingLevel={3}` to match the surrounding outline',
+    '',
+    '---',
+    '',
+    '### TypeScript types',
+    '',
+    '```ts',
+    "import { EmptyState } from '@arbor-education/design-system.components';",
+    '',
+    'function AttendanceEmpty(props: EmptyState.Props) {',
+    '  return <EmptyState {...props} />;',
+    '}',
+    '```',
+].join('\n');
+const RELATED_COMPONENTS = [
+    '## Related components',
+    '',
+    '[Button](?path=/docs/components-button--docs) · [Icon](?path=/docs/components-icon--docs) · [Widget](?path=/docs/components-widget--docs) · [Card](?path=/docs/components-card--docs)',
+].join('\n');
+const PROPS_INTRO = 'The preview below is wired to the **Controls** panel — tweak heading, subheading, orientation, and live region props in real time.';
+function EmptyStateDocsPage() {
+    return (_jsxs(_Fragment, { children: [_jsx(Title, {}), _jsx(Subtitle, {}), _jsx(Markdown, { children: DESCRIPTION_INTRO }), _jsx(DocHeading, { children: "Interactive example" }), _jsx(Markdown, { children: PROPS_INTRO }), _jsx(DocPrimary, {}), _jsx(Controls, {}), _jsx(DocHeading, { children: "Usage guidance" }), _jsx(Markdown, { children: USAGE_GUIDANCE }), _jsx(DocHeading, { children: "Developer notes" }), _jsx(Markdown, { children: DEVELOPER_NOTES }), _jsx(DocHeading, { children: "Examples" }), _jsx(Stories, { title: "" }), _jsx(Markdown, { children: RELATED_COMPONENTS })] }));
+}
+const meta = {
+    title: 'Components/EmptyState',
+    component: EmptyState,
+    parameters: {
+        layout: 'padded',
+        docs: {
+            page: EmptyStateDocsPage,
+        },
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        heading: {
+            control: 'text',
+            description: 'Primary heading text.',
+            table: { type: { summary: 'ReactNode' } },
+        },
+        subHeading: {
+            control: 'text',
+            description: 'Supporting description below the heading. Accepts ReactNode for inline links.',
+            table: { type: { summary: 'ReactNode' } },
+        },
+        padding: {
+            control: 'select',
+            options: ['none', 'xs', 'sm', 'md', 'lg'],
+            description: 'Container padding. `xs`/`sm`/`md`/`lg` map to design-system spacing tokens.',
+            table: {
+                type: { summary: "'none' | 'xs' | 'sm' | 'md' | 'lg'" },
+                defaultValue: { summary: 'md' },
+            },
+        },
+        orientation: {
+            control: 'radio',
+            options: ['horizontal', 'vertical'],
+            description: 'Flex direction for the `actions` container.',
+            table: {
+                type: { summary: "'horizontal' | 'vertical'" },
+                defaultValue: { summary: 'horizontal' },
+            },
+        },
+        live: {
+            control: 'boolean',
+            description: 'Sets `aria-live="polite"` on the region when content updates dynamically.',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' },
+            },
+        },
+        headingLevel: {
+            control: { type: 'select' },
+            options: [1, 2, 3, 4],
+            description: 'HTML heading level for the primary heading.',
+            table: {
+                type: { summary: '1 | 2 | 3 | 4' },
+                defaultValue: { summary: '4' },
+            },
+        },
+        illustration: { control: false },
+        actions: { control: false },
+        className: { control: false },
+    },
+};
+export default meta;
+const withDescription = (story, description) => ({
+    ...story,
+    parameters: {
+        ...story.parameters,
+        docs: {
+            ...story.parameters?.docs,
+            description: { story: description },
+        },
+    },
+});
+const TwoActionsTemplate = () => (_jsx(EmptyState, { heading: "Get Started with Feature Name", subHeading: "Every report starts with the first chapter. Add yours below.", orientation: "horizontal", actions: (_jsxs(_Fragment, { children: [_jsx(Button, { type: "button", children: "Button text" }), _jsx(Button, { type: "button", variant: "secondary", children: "Button text" })] })) }));
+const TertiaryActionTemplate = () => (_jsx(EmptyState, { heading: "This chapter is looking a little empty", subHeading: "Start by adding the content and data blocks you want to see here.", orientation: "vertical", actions: (_jsx(Button, { type: "button", variant: "text-link", iconLeftName: "plus", children: "Add" })) }));
+const WithIllustrationTemplate = () => (_jsx(EmptyState, { illustration: _jsx(Icon, { name: "circle-help", size: 24, color: "var(--color-grey-400)" }), heading: "All done!", subHeading: (_jsxs(_Fragment, { children: ["Your to-do list is empty right now. Find out how the to-do list works", ' ', _jsx("a", { className: "ds-link", href: "/help/todo", children: "here" }), "."] })) }));
+const WithInlineLinkInSubHeadingTemplate = () => (_jsx(EmptyState, { heading: "No alerts yet", subHeading: (_jsxs(_Fragment, { children: ["There are no alerts for you right now. Find out how alerts work", ' ', _jsx("a", { className: "ds-link", href: "/help/alerts", children: "here" }), ' ', "or read the", ' ', _jsx("a", { className: "ds-link", href: "/help/alerts-guide", children: "alerts guide" }), "."] })) }));
+const PaddingVariantsTemplate = () => (_jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '24px' }, children: ['none', 'xs', 'sm', 'md', 'lg'].map(size => (_jsx("div", { style: { border: '1px dashed var(--color-grey-200)' }, children: _jsx(EmptyState, { padding: size, heading: `Padding: ${size}`, subHeading: "Container padding around the empty state content." }) }, size))) }));
+const InsideWidgetTemplate = () => (_jsxs(Widget, { isEmpty: true, emptyState: (_jsx(EmptyState, { padding: "md", illustration: _jsx(Icon, { name: "circle-help", size: 24, color: "var(--color-grey-400)" }), heading: "All clear!", subHeading: "There are no alerts for you right now." })), children: [_jsx(Widget.Header, { children: "Alerts (0)" }), _jsx(Widget.Body, {})] }));
+export const Default = {
+    args: {
+        heading: 'No reports yet',
+        subHeading: 'Upload your first report to get started.',
+        orientation: 'horizontal',
+        live: false,
+        headingLevel: 4,
+        padding: 'md',
+    },
+    render: (args) => (_jsx(EmptyState, { ...args, actions: (_jsx(Button, { type: "button", variant: "primary", children: "Upload report" })) })),
+};
+export const WithoutIllustrationTwoActions = withDescription({
+    render: TwoActionsTemplate,
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { Button, EmptyState } from '@arbor-education/design-system.components';
+
+function EmptyStateTwoActionsExample() {
+  return (
+    <EmptyState
+      heading="Get Started with Feature Name"
+      subHeading="Every report starts with the first chapter. Add yours below."
+      orientation="horizontal"
+      actions={
+        <>
+          <Button type="button">Button text</Button>
+          <Button type="button" variant="secondary">Button text</Button>
+        </>
+      }
+    />
+  );
+}
+export default EmptyStateTwoActionsExample;
+`.trim(),
+            },
+        },
+    },
+}, 'Primary and secondary actions side by side. Use `orientation="horizontal"` when actions sit on one row.');
+export const WithoutIllustrationTertiaryAction = withDescription({
+    render: TertiaryActionTemplate,
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { Button, EmptyState } from '@arbor-education/design-system.components';
+
+function EmptyStateTertiaryActionExample() {
+  return (
+    <EmptyState
+      heading="This chapter is looking a little empty"
+      subHeading="Start by adding the content and data blocks you want to see here."
+      orientation="vertical"
+      actions={
+        <Button type="button" variant="text-link" iconLeftName="plus">
+          Add
+        </Button>
+      }
+    />
+  );
+}
+export default EmptyStateTertiaryActionExample;
+`.trim(),
+            },
+        },
+    },
+}, 'A single tertiary action below the copy. Use `orientation="vertical"` when actions stack beneath the text.');
+export const WithIllustrationNoActions = withDescription({
+    render: WithIllustrationTemplate,
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { EmptyState, Icon } from '@arbor-education/design-system.components';
+
+function EmptyStateWithIllustrationExample() {
+  return (
+    <EmptyState
+      illustration={<Icon name="circle-help" size={24} color="var(--color-grey-400)" />}
+      heading="All done!"
+      subHeading={
+        <>
+          Your to-do list is empty right now. Find out how the to-do list works{' '}
+          <a className="ds-link" href="/help/todo">here</a>
+          .
+        </>
+      }
+    />
+  );
+}
+export default EmptyStateWithIllustrationExample;
+`.trim(),
+            },
+        },
+    },
+}, 'Illustration with heading and subheading only. The subheading embeds an inline link styled with `ds-link` for supplementary help.');
+export const WithInlineLinkInSubHeading = withDescription({
+    render: WithInlineLinkInSubHeadingTemplate,
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { EmptyState } from '@arbor-education/design-system.components';
+
+function EmptyStateInlineLinkExample() {
+  return (
+    <EmptyState
+      heading="No alerts yet"
+      subHeading={
+        <>
+          There are no alerts for you right now. Find out how alerts work{' '}
+          <a className="ds-link" href="/help/alerts">here</a>
+          {' '}or read the <a className="ds-link" href="/help/alerts-guide">alerts guide</a>.
+        </>
+      }
+    />
+  );
+}
+export default EmptyStateInlineLinkExample;
+`.trim(),
+            },
+        },
+    },
+}, 'Embed inline links in `subHeading` with `<a className="ds-link">` — works with plain anchors or router link components.');
+export const PaddingVariants = withDescription({
+    render: PaddingVariantsTemplate,
+    parameters: {
+        controls: { disable: true },
+    },
+}, 'All `padding` sizes from `none` through `lg`. Default is `md` — use `none` when the parent shell already provides spacing.');
+export const InsideWidget = withDescription({
+    render: InsideWidgetTemplate,
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { EmptyState, Icon, Widget } from '@arbor-education/design-system.components';
+
+function EmptyStateInsideWidgetExample() {
+  return (
+    <Widget
+      isEmpty
+      emptyState={
+        <EmptyState
+          padding="md"
+          illustration={<Icon name="circle-help" size={24} color="var(--color-grey-400)" />}
+          heading="All clear!"
+          subHeading="There are no alerts for you right now."
+        />
+      }
+    >
+      <Widget.Header>Alerts (0)</Widget.Header>
+      <Widget.Body />
+    </Widget>
+  );
+}
+export default EmptyStateInsideWidgetExample;
+`.trim(),
+            },
+        },
+    },
+}, 'Typical dashboard usage: pass `<EmptyState />` to `Widget` via `emptyState` when `isEmpty` is true.');
+//# sourceMappingURL=EmptyState.stories.js.map

package/dist/components/emptyState/EmptyState.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.stories.js","sourceRoot":"","sources":["../../../src/components/emptyState/EmptyState.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/emptyState/EmptyState.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/vitest';
+//# sourceMappingURL=EmptyState.test.d.ts.map

package/dist/components/emptyState/EmptyState.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.test.d.ts","sourceRoot":"","sources":["../../../src/components/emptyState/EmptyState.test.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC"}

package/dist/components/emptyState/EmptyState.test.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import '@testing-library/jest-dom/vitest';
+import { render, screen } from '@testing-library/react';
+import { describe, expect, test } from 'vitest';
+import { Button } from '../button/Button.js';
+import { EmptyState } from './EmptyState.js';
+describe('EmptyState', () => {
+    test('renders semantic structure with heading and subheading', () => {
+        render(_jsx(EmptyState, { heading: "No reports yet", subHeading: "Upload your first report to get started." }));
+        expect(screen.getByRole('region')).toBeInTheDocument();
+        expect(screen.getByRole('heading', { level: 4, name: 'No reports yet' })).toBeInTheDocument();
+        expect(screen.getByText('Upload your first report to get started.')).toBeInTheDocument();
+    });
+    test('omits illustration wrapper when illustration is not provided', () => {
+        const { container } = render(_jsx(EmptyState, { heading: "Empty" }));
+        expect(container.querySelector('.ds-empty-state__illustration')).not.toBeInTheDocument();
+    });
+    test('renders illustration wrapper with aria-hidden when illustration is provided', () => {
+        const { container } = render(_jsx(EmptyState, { heading: "All done!", illustration: _jsx("span", { "data-testid": "illus", children: "icon" }) }));
+        const illustrationWrapper = container.querySelector('.ds-empty-state__illustration');
+        expect(illustrationWrapper).toBeInTheDocument();
+        expect(illustrationWrapper).toHaveAttribute('aria-hidden', 'true');
+        expect(screen.getByTestId('illus')).toBeInTheDocument();
+    });
+    test('omits subheading paragraph when subHeading is not provided', () => {
+        const { container } = render(_jsx(EmptyState, { heading: "Empty" }));
+        expect(container.querySelector('.ds-empty-state__sub-heading')).not.toBeInTheDocument();
+    });
+    test('omits actions wrapper when no actions are provided', () => {
+        const { container } = render(_jsx(EmptyState, { heading: "Empty" }));
+        expect(container.querySelector('.ds-empty-state__actions')).not.toBeInTheDocument();
+    });
+    test('renders actions inside actions container', () => {
+        render(_jsx(EmptyState, { heading: "Get started", actions: (_jsxs(_Fragment, { children: [_jsx(Button, { type: "button", children: "Primary" }), _jsx(Button, { type: "button", variant: "secondary", children: "Secondary" }), _jsx(Button, { type: "button", variant: "tertiary", children: "Tertiary" })] })) }));
+        const actions = screen.getByText('Primary').closest('.ds-empty-state__actions');
+        expect(actions).toBeInTheDocument();
+        expect(actions).toHaveTextContent('Primary');
+        expect(actions).toHaveTextContent('Secondary');
+        expect(actions).toHaveTextContent('Tertiary');
+    });
+    test('applies horizontal orientation modifier by default', () => {
+        const { container } = render(_jsx(EmptyState, { heading: "Get started", actions: _jsx(Button, { type: "button", children: "Primary" }) }));
+        expect(container.querySelector('.ds-empty-state__actions--horizontal')).toBeInTheDocument();
+    });
+    test('applies vertical orientation modifier when orientation is vertical', () => {
+        const { container } = render(_jsx(EmptyState, { heading: "Get started", orientation: "vertical", actions: _jsx(Button, { type: "button", children: "Primary" }) }));
+        expect(container.querySelector('.ds-empty-state__actions--vertical')).toBeInTheDocument();
+    });
+    test('sets aria-live when live is true', () => {
+        render(_jsx(EmptyState, { heading: "Empty", live: true }));
+        expect(screen.getByRole('region')).toHaveAttribute('aria-live', 'polite');
+    });
+    test('does not set aria-live by default', () => {
+        render(_jsx(EmptyState, { heading: "Empty" }));
+        expect(screen.getByRole('region')).not.toHaveAttribute('aria-live');
+    });
+    test('supports custom heading level', () => {
+        render(_jsx(EmptyState, { heading: "Empty", headingLevel: 3 }));
+        expect(screen.getByRole('heading', { level: 3, name: 'Empty' })).toBeInTheDocument();
+    });
+    test('applies md padding modifier by default', () => {
+        const { container } = render(_jsx(EmptyState, { heading: "Empty" }));
+        expect(container.querySelector('.ds-empty-state')).toHaveClass('ds-empty-state--padding-md');
+    });
+    test('applies padding modifier for each size', () => {
+        const { container: xsContainer } = render(_jsx(EmptyState, { heading: "Empty", padding: "xs" }));
+        const { container: smContainer } = render(_jsx(EmptyState, { heading: "Empty", padding: "sm" }));
+        const { container: lgContainer } = render(_jsx(EmptyState, { heading: "Empty", padding: "lg" }));
+        expect(xsContainer.querySelector('.ds-empty-state')).toHaveClass('ds-empty-state--padding-xs');
+        expect(smContainer.querySelector('.ds-empty-state')).toHaveClass('ds-empty-state--padding-sm');
+        expect(lgContainer.querySelector('.ds-empty-state')).toHaveClass('ds-empty-state--padding-lg');
+    });
+    test('omits padding modifier when padding is none', () => {
+        const { container } = render(_jsx(EmptyState, { heading: "Empty", padding: "none" }));
+        const root = container.querySelector('.ds-empty-state');
+        expect(root).toBeInTheDocument();
+        expect(root?.className).not.toMatch(/ds-empty-state--padding-/);
+    });
+});
+//# sourceMappingURL=EmptyState.test.js.map

package/dist/components/emptyState/EmptyState.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.test.js","sourceRoot":"","sources":["../../../src/components/emptyState/EmptyState.test.tsx"],"names":[],"mappings":";AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,IAAI,CAAC,wDAAwD,EAAE,GAAG,EAAE;QAClE,MAAM,CACJ,KAAC,UAAU,IACT,OAAO,EAAC,gBAAgB,EACxB,UAAU,EAAC,0CAA0C,GACrD,CACH,CAAC;QAEF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACvD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC9F,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,0CAA0C,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC3F,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,8DAA8D,EAAE,GAAG,EAAE;QACxE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,GAAG,CAAC,CAAC;QAE7D,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,+BAA+B,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IAC3F,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,6EAA6E,EAAE,GAAG,EAAE;QACvF,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,UAAU,IACT,OAAO,EAAC,WAAW,EACnB,YAAY,EAAE,8BAAkB,OAAO,qBAAY,GACnD,CACH,CAAC;QAEF,MAAM,mBAAmB,GAAG,SAAS,CAAC,aAAa,CAAC,+BAA+B,CAAC,CAAC;QAErF,MAAM,CAAC,mBAAmB,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAChD,MAAM,CAAC,mBAAmB,CAAC,CAAC,eAAe,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;QACnE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,4DAA4D,EAAE,GAAG,EAAE;QACtE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,GAAG,CAAC,CAAC;QAE7D,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,8BAA8B,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IAC1F,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,oDAAoD,EAAE,GAAG,EAAE;QAC9D,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,GAAG,CAAC,CAAC;QAE7D,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IACtF,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,0CAA0C,EAAE,GAAG,EAAE;QACpD,MAAM,CACJ,KAAC,UAAU,IACT,OAAO,EAAC,aAAa,EACrB,OAAO,EAAE,CACP,8BACE,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,wBAAiB,EACtC,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,WAAW,0BAAmB,EAC5D,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,UAAU,yBAAkB,IACzD,CACJ,GACD,CACH,CAAC;QAEF,MAAM,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,0BAA0B,CAAC,CAAC;QAEhF,MAAM,CAAC,OAAO,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACpC,MAAM,CAAC,OAAO,CAAC,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;QAC7C,MAAM,CAAC,OAAO,CAAC,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;QAC/C,MAAM,CAAC,OAAO,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,oDAAoD,EAAE,GAAG,EAAE;QAC9D,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,UAAU,IACT,OAAO,EAAC,aAAa,EACrB,OAAO,EAAE,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,wBAAiB,GAC/C,CACH,CAAC;QAEF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,sCAAsC,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC9F,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,oEAAoE,EAAE,GAAG,EAAE;QAC9E,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,UAAU,IACT,OAAO,EAAC,aAAa,EACrB,WAAW,EAAC,UAAU,EACtB,OAAO,EAAE,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,wBAAiB,GAC/C,CACH,CAAC;QAEF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,oCAAoC,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC5F,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC5C,MAAM,CAAC,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,SAAG,CAAC,CAAC;QAE5C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IAC5E,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC7C,MAAM,CAAC,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,GAAG,CAAC,CAAC;QAEvC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACzC,MAAM,CAAC,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,YAAY,EAAE,CAAC,GAAI,CAAC,CAAC;QAExD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACvF,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAClD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,GAAG,CAAC,CAAC;QAE7D,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC,WAAW,CAAC,4BAA4B,CAAC,CAAC;IAC/F,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAClD,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,IAAI,GAAG,CAAC,CAAC;QACvF,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,IAAI,GAAG,CAAC,CAAC;QACvF,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,IAAI,GAAG,CAAC,CAAC;QAEvF,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC,WAAW,CAAC,4BAA4B,CAAC,CAAC;QAC/F,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC,WAAW,CAAC,4BAA4B,CAAC,CAAC;QAC/F,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC,WAAW,CAAC,4BAA4B,CAAC,CAAC;IACjG,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACvD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,MAAM,GAAG,CAAC,CAAC;QAE5E,MAAM,IAAI,GAAG,SAAS,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;QACxD,MAAM,CAAC,IAAI,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACjC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,0BAA0B,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/components/favourite/FavouriteButton.d.ts

@@ -0,0 +1,18 @@
+import type { ButtonHTMLAttributes } from 'react';
+type FavouriteButtonVariantProps = {
+    variant: 'toggle';
+    isPressed: boolean;
+} | {
+    variant: 'remove';
+    isPressed?: never;
+};
+export type FavouriteButtonProps = {
+    'label': string;
+    'className'?: string;
+    'tooltipSide'?: 'left' | 'right' | 'top' | 'bottom';
+    'tooltipDelayDuration'?: number;
+    'data-testid'?: string;
+} & FavouriteButtonVariantProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-label' | 'aria-pressed'>;
+export declare const FavouriteButton: (props: FavouriteButtonProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=FavouriteButton.d.ts.map

package/dist/components/favourite/FavouriteButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FavouriteButton.d.ts","sourceRoot":"","sources":["../../../src/components/favourite/FavouriteButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAqB,MAAM,OAAO,CAAC;AAGrE,KAAK,2BAA2B,GAC1B;IAAE,OAAO,EAAE,QAAQ,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,GACzC;IAAE,OAAO,EAAE,QAAQ,CAAC;IAAC,SAAS,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAE/C,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACpD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,2BAA2B,GAC7B,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,YAAY,GAAG,cAAc,CAAC,CAAC;AAE/E,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,KAAG,KAAK,CAAC,GAAG,CAAC,OAkDvE,CAAC"}

package/dist/components/favourite/FavouriteButton.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { Icon } from '../icon/Icon.js';
+import { TooltipWrapper } from '../tooltip/TooltipWrapper.js';
+import { FAVOURITE_FILLED_ICON_COLOR, FAVOURITE_ICON } from '../../utils/favourites/favouriteConstants.js';
+export const FavouriteButton = (props) => {
+    const { variant, isPressed = false, label, className, tooltipSide = 'left', tooltipDelayDuration = 400, onClick, 'data-testid': dataTestId, ...rest } = props;
+    const showFilledIcon = variant === 'remove' || isPressed;
+    const handleClick = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        onClick?.(event);
+    };
+    return (_jsx(TooltipWrapper, { tooltipContent: label, delayDuration: tooltipDelayDuration, disableHoverableContent: true, triggerProps: { onPointerDown: event => event.preventDefault() }, contentProps: { side: tooltipSide, sideOffset: 8, shouldShowArrow: false }, children: _jsx("button", { type: "button", className: classNames('ds-favourite-button', variant === 'toggle' ? 'ds-favourite-button--toggle' : 'ds-favourite-button--remove', className), "aria-label": label, "aria-pressed": variant === 'toggle' ? isPressed : undefined, "data-testid": dataTestId, onClick: handleClick, ...rest, children: _jsx(Icon, { name: showFilledIcon ? FAVOURITE_ICON.filled : FAVOURITE_ICON.outline, size: 16, color: showFilledIcon ? FAVOURITE_FILLED_ICON_COLOR : 'currentColor' }) }) }));
+};
+//# sourceMappingURL=FavouriteButton.js.map

package/dist/components/favourite/FavouriteButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FavouriteButton.js","sourceRoot":"","sources":["../../../src/components/favourite/FavouriteButton.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAEnE,OAAO,EAAE,2BAA2B,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAelG,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAqB,EAAE;IAChF,MAAM,EACJ,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,KAAK,EACL,SAAS,EACT,WAAW,GAAG,MAAM,EACpB,oBAAoB,GAAG,GAAG,EAC1B,OAAO,EACP,aAAa,EAAE,UAAU,EACzB,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,cAAc,GAAG,OAAO,KAAK,QAAQ,IAAI,SAAS,CAAC;IAEzD,MAAM,WAAW,GAAyC,CAAC,KAAK,EAAE,EAAE;QAClE,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,IACb,cAAc,EAAE,KAAK,EACrB,aAAa,EAAE,oBAAoB,EACnC,uBAAuB,QACvB,YAAY,EAAE,EAAE,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,EAAE,EAChE,YAAY,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,EAAE,eAAe,EAAE,KAAK,EAAE,YAE1E,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,UAAU,CACnB,qBAAqB,EACrB,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,6BAA6B,EACpF,SAAS,CACV,gBACW,KAAK,kBACH,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,iBAC7C,UAAU,EACvB,OAAO,EAAE,WAAW,KAChB,IAAI,YAER,KAAC,IAAI,IACH,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,EACrE,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,cAAc,GACpE,GACK,GACM,CAClB,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/favourite/FavouriteButton.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/vitest';
+//# sourceMappingURL=FavouriteButton.test.d.ts.map

package/dist/components/favourite/FavouriteButton.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FavouriteButton.test.d.ts","sourceRoot":"","sources":["../../../src/components/favourite/FavouriteButton.test.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC"}

package/dist/components/favourite/FavouriteButton.test.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import '@testing-library/jest-dom/vitest';
+import { fireEvent, render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { describe, expect, test, vi } from 'vitest';
+import { FavouriteButton } from './FavouriteButton.js';
+describe('FavouriteButton', () => {
+    test('toggle variant shows outline icon when not pressed', () => {
+        render(_jsx(FavouriteButton, { variant: "toggle", isPressed: false, label: "Add to favourites", "data-testid": "favourite-button" }));
+        expect(screen.getByRole('button', { name: 'Add to favourites' })).toHaveAttribute('aria-pressed', 'false');
+        expect(screen.getByTestId('favourite-button').querySelector('svg')).toBeInTheDocument();
+    });
+    test('toggle variant shows filled icon when pressed', () => {
+        render(_jsx(FavouriteButton, { variant: "toggle", isPressed: true, label: "Remove from favourites", "data-testid": "favourite-button" }));
+        expect(screen.getByRole('button', { name: 'Remove from favourites' })).toHaveAttribute('aria-pressed', 'true');
+    });
+    test('remove variant always shows filled icon and no aria-pressed', () => {
+        render(_jsx(FavouriteButton, { variant: "remove", label: "Remove from favourites", "data-testid": "favourite-button" }));
+        const button = screen.getByRole('button', { name: 'Remove from favourites' });
+        expect(button).not.toHaveAttribute('aria-pressed');
+    });
+    test('shows tooltip on hover', async () => {
+        const user = userEvent.setup();
+        render(_jsx(FavouriteButton, { variant: "remove", label: "Remove from favourites", tooltipDelayDuration: 0, "data-testid": "favourite-button" }));
+        await user.hover(screen.getByRole('button', { name: 'Remove from favourites' }));
+        await expect(screen.getAllByText('Remove from favourites')[0]).toBeInTheDocument();
+    });
+    test('calls onClick and stops propagation', () => {
+        const onClick = vi.fn();
+        const parentClick = vi.fn();
+        render(_jsx("div", { onClick: parentClick, role: "presentation", children: _jsx(FavouriteButton, { variant: "remove", label: "Remove from favourites", onClick: onClick }) }));
+        fireEvent.click(screen.getByRole('button', { name: 'Remove from favourites' }));
+        expect(onClick).toHaveBeenCalledTimes(1);
+        expect(parentClick).not.toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=FavouriteButton.test.js.map

package/dist/components/favourite/FavouriteButton.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FavouriteButton.test.js","sourceRoot":"","sources":["../../../src/components/favourite/FavouriteButton.test.tsx"],"names":[],"mappings":"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"}

package/dist/components/filterBar/FilterBar.d.ts

@@ -49,7 +49,7 @@ export type FilterBarTagProps = Omit<FilterBarTagItem, 'id' | 'onClick' | 'onRem
 export declare const FilterBar: {
     ({ children, className, ...rest }: FilterBarProps): React.JSX.Element;
     Toolbar: ({ children, className, ...rest }: FilterBarToolbarProps) => React.JSX.Element;
-    Button: import("react").ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "children"> & {
+    Button: import("react").ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "type"> & {
         type: FilterBarType;
         label?: string;
         count?: number | null;

package/dist/components/filterBar/FilterBar.stories.d.ts

@@ -16,7 +16,7 @@ declare const meta: {
     component: {
         ({ children, className, ...rest }: import("./FilterBar.js").FilterBarProps): React.JSX.Element;
         Toolbar: ({ children, className, ...rest }: import("./FilterBar.js").FilterBarToolbarProps) => React.JSX.Element;
-        Button: import("react").ForwardRefExoticComponent<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "type" | "children"> & {
+        Button: import("react").ForwardRefExoticComponent<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "children" | "type"> & {
             type: import("./FilterBar.js").FilterBarType;
             label?: string;
             count?: number | null;

package/dist/components/icon/Icon.d.ts

@@ -1,5 +1,5 @@
-import type { CustomIconProps, IconSize } from './types.js';
 import { type IconName } from './allowedIcons.js';
+import type { CustomIconProps, IconSize } from './types.js';
 type IconProps = {
     size?: IconSize;
     color?: string;

package/dist/components/icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC5D,OAAO,EAAgB,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGhE,KAAK,SAAS,GAAG;IACf,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,4CAapC,CAAC;AAEF,yBAAiB,IAAI,CAAC;IACpB,KAAY,KAAK,GAAG,SAAS,CAAC;IAC9B,KAAY,IAAI,GAAG,QAAQ,CAAC;IAC5B,KAAY,IAAI,GAAG,QAAQ,CAAC;IAC5B,KAAY,WAAW,GAAG,eAAe,CAAC;CAC3C"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgB,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE5D,KAAK,SAAS,GAAG;IACf,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,4CAapC,CAAC;AAEF,yBAAiB,IAAI,CAAC;IACpB,KAAY,KAAK,GAAG,SAAS,CAAC;IAC9B,KAAY,IAAI,GAAG,QAAQ,CAAC;IAC5B,KAAY,IAAI,GAAG,QAAQ,CAAC;IAC5B,KAAY,WAAW,GAAG,eAAe,CAAC;CAC3C"}

package/dist/components/icon/Icon.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { allowedIcons } from './allowedIcons.js';
 import classNames from 'classnames';
+import { allowedIcons } from './allowedIcons.js';
 export const Icon = (props) => {
     const { size = 16, color = 'currentColor', name, screenReaderText, className } = props;
     const Component = allowedIcons[name];

package/dist/components/icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/icon/Icon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAiB,MAAM,mBAAmB,CAAC;AAChE,OAAO,UAAU,MAAM,YAAY,CAAC;AAUpC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IACvC,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,cAAc,EAAE,IAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACvF,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,mBAAmB,IAAI,EAAE,CAAC,CAAC;IACjE,OAAO,CACL,8BAEE,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,KAAK,wBAAe,EACjF,CAAC,CAAC,gBAAgB,IAAI,CACrB,eAAM,SAAS,EAAC,SAAS,YAAE,gBAAgB,GAAQ,CACpD,IACA,CACJ,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/icon/Icon.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAiB,MAAM,mBAAmB,CAAC;AAWhE,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IACvC,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,cAAc,EAAE,IAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACvF,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,mBAAmB,IAAI,EAAE,CAAC,CAAC;IACjE,OAAO,CACL,8BAEE,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,KAAK,wBAAe,EACjF,CAAC,CAAC,gBAAgB,IAAI,CACrB,eAAM,SAAS,EAAC,SAAS,YAAE,gBAAgB,GAAQ,CACpD,IACA,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/pill/Pill.d.ts

@@ -2,8 +2,9 @@ type PillProps = {
     text: string;
     initialValue?: boolean;
     checkbox?: boolean;
-    onclick?: (checked: boolean) => void;
+    onChange?: (checked: boolean) => void;
+    checked?: boolean;
 };
-export declare const Pill: ({ text, checkbox, onclick, initialValue }: PillProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Pill: (props: PillProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Pill.d.ts.map

package/dist/components/pill/Pill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../../src/components/pill/Pill.tsx"],"names":[],"mappings":"AAIA,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,2CAAmD,SAAS,4CAsChF,CAAC"}
+{"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../../src/components/pill/Pill.tsx"],"names":[],"mappings":"AAIA,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,4CAoDpC,CAAC"}