npm - @arbor-education/design-system.components - Versions diffs - 0.21.0 → 0.22.0 - Mend

@arbor-education/design-system.components 0.21.0 → 0.22.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (127) hide show

package/dist/components/{icoText/IcoText.stories.js → iconText/IconText.stories.js} RENAMED Viewed

@@ -1,11 +1,11 @@
 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 { IcoText } from './IcoText.js';
+import { Controls, Heading as DocHeading, Primary as DocPrimary, Markdown, Stories, Subtitle, Title, } from '@storybook/addon-docs/blocks';
+import { IconText } from './IconText.js';
 // ---------------------------------------------------------------------------
 // Docs page content
 // ---------------------------------------------------------------------------
 const DESCRIPTION_INTRO = [
-    '`IcoText` is a compound layout component that pairs an icon in a left rail with a heading and/or paragraph.',
+    '`IconText` is a compound layout component that pairs an icon in a left rail with a heading and/or paragraph.',
     'It is the canonical icon-plus-text primitive in this design system — used internally by `ArticleCard`',
     'and available for direct use in any context that needs an icon anchoring labelled content.',
 ].join(' ');
@@ -46,25 +46,25 @@ const USAGE_GUIDANCE = [
     '| Content inside a navigable card | [`ArticleCard`](?path=/docs/components-card-articlecard--docs) |',
     '| Icon with no text | [`Icon`](?path=/docs/components-icon--docs) directly |',
     '| Long-form prose | Semantic HTML `<p>` with a separate heading |',
-    '| Interactive element | Wrap `IcoText` inside a `Card` or `Button` — never add `onClick` to `IcoText` itself |',
+    '| Interactive element | Wrap `IconText` inside a `Card` or `Button` — never add `onClick` to `IconText` itself |',
 ].join('\n');
 const DEVELOPER_NOTES = [
     '### Critical usage patterns',
     '',
-    '**`IcoText.Icon` is automatically hoisted to the left rail** regardless of position in JSX.',
-    'The root inspects `children`, pulls out any `IcoText.Icon` elements into a flex-shrink-0 left column,',
+    '**`IconText.Icon` is automatically hoisted to the left rail** regardless of position in JSX.',
+    'The root inspects `children`, pulls out any `IconText.Icon` elements into a flex-shrink-0 left column,',
     'and places all other children (Heading, Paragraph) in the content column.',
     '',
     '```tsx',
-    '<IcoText>',
-    '  <IcoText.Icon name="guardians" />',
-    '  <IcoText.Heading>Year 9 Attendance</IcoText.Heading>',
-    '  <IcoText.Paragraph>28 pupils · 94.2% this term</IcoText.Paragraph>',
-    '</IcoText>',
+    '<IconText>',
+    '  <IconText.Icon name="guardians" />',
+    '  <IconText.Heading>Year 9 Attendance</IconText.Heading>',
+    '  <IconText.Paragraph>28 pupils · 94.2% this term</IconText.Paragraph>',
+    '</IconText>',
     '```',
     '',
-    '**`IcoText.Heading` always renders as `<h4>`.** There is no `level` prop. Verify your document',
-    'heading hierarchy is correct before using `IcoText` as a standalone heading.',
+    '**`IconText.Heading` always renders as `<h4>`.** There is no `level` prop. Verify your document',
+    'heading hierarchy is correct before using `IconText` as a standalone heading.',
     '',
     '**Omit `screenReaderText` for decorative icons.** The icon is rendered with `aria-hidden="true"`',
     'when `screenReaderText` is absent. The heading or surrounding text should carry the accessible meaning.',
@@ -75,16 +75,16 @@ const DEVELOPER_NOTES = [
     '',
     '- Decorative icons (no `screenReaderText`): `aria-hidden="true"` — screen readers skip them',
     '- Meaningful icons: provide `screenReaderText` so the icon has an accessible label',
-    '- `IcoText.Heading` renders `<h4>` — verify your document heading hierarchy',
-    '- `IcoText.Paragraph` renders `<p>` — semantically appropriate for supporting text',
+    '- `IconText.Heading` renders `<h4>` — verify your document heading hierarchy',
+    '- `IconText.Paragraph` renders `<p>` — semantically appropriate for supporting text',
     '',
     '---',
     '',
     '### TypeScript types',
     '',
     '```ts',
-    "import { IcoText } from '@arbor-education/design-system.components';",
-    "import type { IcoTextProps, IcoTextIconProps, IcoTextHeadingProps, IcoTextParagraphProps } from '@arbor-education/design-system.components';",
+    "import { IconText } from '@arbor-education/design-system.components';",
+    "import type { IconTextProps, IconTextIconProps, IconTextHeadingProps, IconTextParagraphProps } from '@arbor-education/design-system.components';",
     '```',
 ].join('\n');
 const RELATED_COMPONENTS = [
@@ -96,19 +96,19 @@ const PROPS_INTRO = 'The preview below is wired to the **Controls** panel — tw
 // ---------------------------------------------------------------------------
 // Custom DocsPage
 // ---------------------------------------------------------------------------
-function IcoTextDocsPage() {
-    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: "IcoText.Icon props" }), _jsx(Markdown, { children: ICON_PROPS }), _jsx(DocHeading, { children: "IcoText.Heading props" }), _jsx(Markdown, { children: HEADING_PROPS }), _jsx(DocHeading, { children: "IcoText.Paragraph props" }), _jsx(Markdown, { children: PARAGRAPH_PROPS }), _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 })] }));
+function IconTextDocsPage() {
+    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: "IconText.Icon props" }), _jsx(Markdown, { children: ICON_PROPS }), _jsx(DocHeading, { children: "IconText.Heading props" }), _jsx(Markdown, { children: HEADING_PROPS }), _jsx(DocHeading, { children: "IconText.Paragraph props" }), _jsx(Markdown, { children: PARAGRAPH_PROPS }), _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 })] }));
 }
 // ---------------------------------------------------------------------------
 // Meta
 // ---------------------------------------------------------------------------
 const meta = {
-    title: 'Components/IcoText',
-    component: IcoText,
+    title: 'Components/IconText',
+    component: IconText,
     tags: ['autodocs'],
     parameters: {
         layout: 'padded',
-        docs: { page: IcoTextDocsPage },
+        docs: { page: IconTextDocsPage },
     },
     argTypes: {
         className: {
@@ -118,7 +118,7 @@ const meta = {
         },
         children: {
             control: false,
-            description: 'Compose using `IcoText.Icon`, `IcoText.Heading`, and `IcoText.Paragraph` sub-components.',
+            description: 'Compose using `IconText.Icon`, `IconText.Heading`, and `IconText.Paragraph` sub-components.',
             table: { type: { summary: 'ReactNode' } },
         },
     },
@@ -137,20 +137,20 @@ const withDescription = (story, description) => ({
 // ---------------------------------------------------------------------------
 // Template components
 // ---------------------------------------------------------------------------
-const IconSizesTemplate = () => (_jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--spacing-xlarge)' }, children: [12, 16, 24].map(size => (_jsxs("div", { children: [_jsx("p", { className: "ds-text", style: { margin: '0 0 var(--spacing-small)', color: 'var(--color-grey-600)' }, children: `size={${size}}` }), _jsxs(IcoText, { children: [_jsx(IcoText.Icon, { name: "guardians", size: size }), _jsx(IcoText.Heading, { children: "Year 9 Attendance" }), _jsx(IcoText.Paragraph, { children: "28 pupils \u00B7 94.2% average this term" })] })] }, size))) }));
+const IconSizesTemplate = () => (_jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--spacing-xlarge)' }, children: [12, 16, 24].map(size => (_jsxs("div", { children: [_jsx("p", { className: "ds-text", style: { margin: '0 0 var(--spacing-small)', color: 'var(--color-grey-600)' }, children: `size={${size}}` }), _jsxs(IconText, { children: [_jsx(IconText.Icon, { name: "guardians", size: size }), _jsx(IconText.Heading, { children: "Year 9 Attendance" }), _jsx(IconText.Paragraph, { children: "28 pupils \u00B7 94.2% average this term" })] })] }, size))) }));
 const IconColorsTemplate = () => (_jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--spacing-xlarge)' }, children: [
         { color: 'var(--color-semantic-info-600)', label: 'Info — var(--color-semantic-info-600)' },
         { color: 'var(--color-semantic-success-600)', label: 'Success — var(--color-semantic-success-600)' },
         { color: 'var(--color-semantic-warning-600)', label: 'Warning — var(--color-semantic-warning-600)' },
         { color: 'var(--color-semantic-destructive-600)', label: 'Destructive — var(--color-semantic-destructive-600)' },
-    ].map(({ color, label }) => (_jsxs("div", { children: [_jsx("p", { className: "ds-text", style: { margin: '0 0 var(--spacing-small)', color: 'var(--color-grey-600)' }, children: label }), _jsxs(IcoText, { children: [_jsx(IcoText.Icon, { name: "triangle-alert", color: color }), _jsx(IcoText.Heading, { children: "Attendance alert" }), _jsx(IcoText.Paragraph, { children: "3 pupils below 90% this half-term" })] })] }, color))) }));
-const MultipleParagraphsTemplate = () => (_jsxs(IcoText, { children: [_jsx(IcoText.Icon, { name: "date" }), _jsx(IcoText.Heading, { children: "Parents' evening \u2014 Tuesday 14 May" }), _jsx(IcoText.Paragraph, { children: "4:00 pm \u2013 7:00 pm \u00B7 Main Hall" }), _jsx(IcoText.Paragraph, { children: "Appointments available every 10 minutes. Please arrive 5 minutes early." })] }));
+    ].map(({ color, label }) => (_jsxs("div", { children: [_jsx("p", { className: "ds-text", style: { margin: '0 0 var(--spacing-small)', color: 'var(--color-grey-600)' }, children: label }), _jsxs(IconText, { children: [_jsx(IconText.Icon, { name: "triangle-alert", color: color }), _jsx(IconText.Heading, { children: "Attendance alert" }), _jsx(IconText.Paragraph, { children: "3 pupils below 90% this half-term" })] })] }, color))) }));
+const MultipleParagraphsTemplate = () => (_jsxs(IconText, { children: [_jsx(IconText.Icon, { name: "date" }), _jsx(IconText.Heading, { children: "Parents' evening \u2014 Tuesday 14 May" }), _jsx(IconText.Paragraph, { children: "4:00 pm \u2013 7:00 pm \u00B7 Main Hall" }), _jsx(IconText.Paragraph, { children: "Appointments available every 10 minutes. Please arrive 5 minutes early." })] }));
 // ---------------------------------------------------------------------------
 // Stories
 // ---------------------------------------------------------------------------
 export const Default = withDescription({
-    render: () => (_jsxs(IcoText, { children: [_jsx(IcoText.Icon, { name: "guardians" }), _jsx(IcoText.Heading, { children: "Year 9 Attendance" }), _jsx(IcoText.Paragraph, { children: "28 pupils \u00B7 94.2% average this term" })] })),
-}, 'The full canonical composition — `IcoText.Icon` in the left rail, `IcoText.Heading` and `IcoText.Paragraph` in the content column.');
+    render: () => (_jsxs(IconText, { children: [_jsx(IconText.Icon, { name: "guardians" }), _jsx(IconText.Heading, { children: "Year 9 Attendance" }), _jsx(IconText.Paragraph, { children: "28 pupils \u00B7 94.2% average this term" })] })),
+}, 'The full canonical composition — `IconText.Icon` in the left rail, `IconText.Heading` and `IconText.Paragraph` in the content column.');
 export const HeadingOnly = withDescription({
     parameters: {
         controls: { disable: true },
@@ -158,14 +158,14 @@ export const HeadingOnly = withDescription({
             source: {
                 language: 'tsx',
                 code: `
-import { IcoText } from '@arbor-education/design-system.components';
+import { IconText } from '@arbor-education/design-system.components';
 function HeadingOnlyExample() {
   return (
-    <IcoText>
-      <IcoText.Icon name="book-open" />
-      <IcoText.Heading>Assessment policy</IcoText.Heading>
-    </IcoText>
+    <IconText>
+      <IconText.Icon name="book-open" />
+      <IconText.Heading>Assessment policy</IconText.Heading>
+    </IconText>
   );
 }
 export default HeadingOnlyExample;
@@ -173,7 +173,7 @@ export default HeadingOnlyExample;
             },
         },
     },
-    render: () => (_jsxs(IcoText, { children: [_jsx(IcoText.Icon, { name: "book-open" }), _jsx(IcoText.Heading, { children: "Assessment policy" })] })),
+    render: () => (_jsxs(IconText, { children: [_jsx(IconText.Icon, { name: "book-open" }), _jsx(IconText.Heading, { children: "Assessment policy" })] })),
 }, 'Icon + Heading with no Paragraph — the compact pattern for short navigational labels.');
 export const WithoutIcon = withDescription({
     parameters: {
@@ -182,14 +182,14 @@ export const WithoutIcon = withDescription({
             source: {
                 language: 'tsx',
                 code: `
-import { IcoText } from '@arbor-education/design-system.components';
+import { IconText } from '@arbor-education/design-system.components';
 function WithoutIconExample() {
   return (
-    <IcoText>
-      <IcoText.Heading>Behaviour report</IcoText.Heading>
-      <IcoText.Paragraph>No incidents recorded this week. All targets met.</IcoText.Paragraph>
-    </IcoText>
+    <IconText>
+      <IconText.Heading>Behaviour report</IconText.Heading>
+      <IconText.Paragraph>No incidents recorded this week. All targets met.</IconText.Paragraph>
+    </IconText>
   );
 }
 export default WithoutIconExample;
@@ -197,8 +197,8 @@ export default WithoutIconExample;
             },
         },
     },
-    render: () => (_jsxs(IcoText, { children: [_jsx(IcoText.Heading, { children: "Behaviour report" }), _jsx(IcoText.Paragraph, { children: "No incidents recorded this week. All targets met." })] })),
-}, 'Heading + Paragraph with no icon. The left rail disappears cleanly — `IcoText.Icon` is entirely optional.');
+    render: () => (_jsxs(IconText, { children: [_jsx(IconText.Heading, { children: "Behaviour report" }), _jsx(IconText.Paragraph, { children: "No incidents recorded this week. All targets met." })] })),
+}, 'Heading + Paragraph with no icon. The left rail disappears cleanly — `IconText.Icon` is entirely optional.');
 export const IconWithScreenReaderText = withDescription({
     parameters: {
         controls: { disable: true },
@@ -206,19 +206,19 @@ export const IconWithScreenReaderText = withDescription({
             source: {
                 language: 'tsx',
                 code: `
-import { IcoText } from '@arbor-education/design-system.components';
+import { IconText } from '@arbor-education/design-system.components';
 function IconWithScreenReaderTextExample() {
   return (
-    <IcoText>
-      <IcoText.Icon
+    <IconText>
+      <IconText.Icon
         name="triangle-alert"
         color="var(--color-semantic-warning-600)"
         screenReaderText="Warning"
       />
-      <IcoText.Heading>Attendance below target</IcoText.Heading>
-      <IcoText.Paragraph>Alice Johnson — 78.4% this term. Intervention recommended.</IcoText.Paragraph>
-    </IcoText>
+      <IconText.Heading>Attendance below target</IconText.Heading>
+      <IconText.Paragraph>Alice Johnson — 78.4% this term. Intervention recommended.</IconText.Paragraph>
+    </IconText>
   );
 }
 export default IconWithScreenReaderTextExample;
@@ -226,7 +226,7 @@ export default IconWithScreenReaderTextExample;
             },
         },
     },
-    render: () => (_jsxs(IcoText, { children: [_jsx(IcoText.Icon, { name: "triangle-alert", color: "var(--color-semantic-warning-600)", screenReaderText: "Warning" }), _jsx(IcoText.Heading, { children: "Attendance below target" }), _jsx(IcoText.Paragraph, { children: "Alice Johnson \u2014 78.4% this term. Intervention recommended." })] })),
+    render: () => (_jsxs(IconText, { children: [_jsx(IconText.Icon, { name: "triangle-alert", color: "var(--color-semantic-warning-600)", screenReaderText: "Warning" }), _jsx(IconText.Heading, { children: "Attendance below target" }), _jsx(IconText.Paragraph, { children: "Alice Johnson \u2014 78.4% this term. Intervention recommended." })] })),
 }, 'When the icon carries meaning not conveyed by the heading text, provide `screenReaderText`. Without it the icon is `aria-hidden="true"`. Here the warning triangle conveys severity — screen readers announce "Warning, Attendance below target".');
 export const IconSizes = withDescription({
     parameters: {
@@ -235,26 +235,26 @@ export const IconSizes = withDescription({
             source: {
                 language: 'tsx',
                 code: `
-import { IcoText } from '@arbor-education/design-system.components';
+import { IconText } from '@arbor-education/design-system.components';
 function IconSizesExample() {
   return (
     <>
-      <IcoText>
-        <IcoText.Icon name="guardians" size={12} />
-        <IcoText.Heading>size 12</IcoText.Heading>
-        <IcoText.Paragraph>Use in very compact contexts</IcoText.Paragraph>
-      </IcoText>
-      <IcoText>
-        <IcoText.Icon name="guardians" size={16} />
-        <IcoText.Heading>size 16</IcoText.Heading>
-        <IcoText.Paragraph>Use in moderately compact contexts</IcoText.Paragraph>
-      </IcoText>
-      <IcoText>
-        <IcoText.Icon name="guardians" size={24} />
-        <IcoText.Heading>size 24 (default)</IcoText.Heading>
-        <IcoText.Paragraph>Standard — aligns best with h4 line-height</IcoText.Paragraph>
-      </IcoText>
+      <IconText>
+        <IconText.Icon name="guardians" size={12} />
+        <IconText.Heading>size 12</IconText.Heading>
+        <IconText.Paragraph>Use in very compact contexts</IconText.Paragraph>
+      </IconText>
+      <IconText>
+        <IconText.Icon name="guardians" size={16} />
+        <IconText.Heading>size 16</IconText.Heading>
+        <IconText.Paragraph>Use in moderately compact contexts</IconText.Paragraph>
+      </IconText>
+      <IconText>
+        <IconText.Icon name="guardians" size={24} />
+        <IconText.Heading>size 24 (default)</IconText.Heading>
+        <IconText.Paragraph>Standard — aligns best with h4 line-height</IconText.Paragraph>
+      </IconText>
     </>
   );
 }
@@ -264,7 +264,7 @@ export default IconSizesExample;
         },
     },
     render: IconSizesTemplate,
-}, 'All three supported icon sizes — 12, 16, and 24 (default). Use smaller sizes only in compact contexts such as table cells or dense lists. The `24` default aligns best with `IcoText.Heading`\'s h4 line-height.');
+}, 'All three supported icon sizes — 12, 16, and 24 (default). Use smaller sizes only in compact contexts such as table cells or dense lists. The `24` default aligns best with `IconText.Heading`\'s h4 line-height.');
 export const IconColors = withDescription({
     parameters: {
         controls: { disable: true },
@@ -272,15 +272,15 @@ export const IconColors = withDescription({
             source: {
                 language: 'tsx',
                 code: `
-import { IcoText } from '@arbor-education/design-system.components';
+import { IconText } from '@arbor-education/design-system.components';
 function IconColorsExample() {
   return (
-    <IcoText>
-      <IcoText.Icon name="triangle-alert" color="var(--color-semantic-warning-600)" />
-      <IcoText.Heading>Attendance alert</IcoText.Heading>
-      <IcoText.Paragraph>3 pupils below 90% this half-term</IcoText.Paragraph>
-    </IcoText>
+    <IconText>
+      <IconText.Icon name="triangle-alert" color="var(--color-semantic-warning-600)" />
+      <IconText.Heading>Attendance alert</IconText.Heading>
+      <IconText.Paragraph>3 pupils below 90% this half-term</IconText.Paragraph>
+    </IconText>
   );
 }
 export default IconColorsExample;
@@ -289,7 +289,7 @@ export default IconColorsExample;
         },
     },
     render: IconColorsTemplate,
-}, 'The `color` prop on `IcoText.Icon` accepts any CSS value — always use design token variables, never hardcoded hex. Semantic tokens (`--color-semantic-*`) are most appropriate for status-indicating icons.');
+}, 'The `color` prop on `IconText.Icon` accepts any CSS value — always use design token variables, never hardcoded hex. Semantic tokens (`--color-semantic-*`) are most appropriate for status-indicating icons.');
 export const MultipleParagraphs = withDescription({
     parameters: {
         controls: { disable: true },
@@ -297,16 +297,16 @@ export const MultipleParagraphs = withDescription({
             source: {
                 language: 'tsx',
                 code: `
-import { IcoText } from '@arbor-education/design-system.components';
+import { IconText } from '@arbor-education/design-system.components';
 function MultipleParagraphsExample() {
   return (
-    <IcoText>
-      <IcoText.Icon name="calendar" />
-      <IcoText.Heading>Parents' evening — Tuesday 14 May</IcoText.Heading>
-      <IcoText.Paragraph>4:00 pm – 7:00 pm · Main Hall</IcoText.Paragraph>
-      <IcoText.Paragraph>Appointments every 10 minutes. Please arrive 5 minutes early.</IcoText.Paragraph>
-    </IcoText>
+    <IconText>
+      <IconText.Icon name="date" />
+      <IconText.Heading>Parents' evening — Tuesday 14 May</IconText.Heading>
+      <IconText.Paragraph>4:00 pm – 7:00 pm · Main Hall</IconText.Paragraph>
+      <IconText.Paragraph>Appointments every 10 minutes. Please arrive 5 minutes early.</IconText.Paragraph>
+    </IconText>
   );
 }
 export default MultipleParagraphsExample;
@@ -315,5 +315,5 @@ export default MultipleParagraphsExample;
         },
     },
     render: MultipleParagraphsTemplate,
-}, 'Multiple `IcoText.Paragraph` sub-components stack vertically in the content column. Use for supplementary detail lines below the primary heading.');
-//# sourceMappingURL=IcoText.stories.js.map
+}, 'Multiple `IconText.Paragraph` sub-components stack vertically in the content column. Use for supplementary detail lines below the primary heading.');
+//# sourceMappingURL=IconText.stories.js.map

package/dist/components/iconText/IconText.stories.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/components/iconText/IconText.test.d.ts ADDED Viewed

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

package/dist/components/iconText/IconText.test.d.ts.map ADDED Viewed

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

package/dist/components/{icoText/IcoText.test.js → iconText/IconText.test.js} RENAMED Viewed

@@ -1,15 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { render, screen, within } from '@testing-library/react';
 import '@testing-library/jest-dom/vitest';
+import { render, screen, within } from '@testing-library/react';
 import { describe, expect, test } from 'vitest';
-import { IcoText } from './IcoText.js';
-describe('IcoText', () => {
+import { IconText } from './IconText.js';
+describe('IconText', () => {
     test('renders icon children before content children and keeps content in the content wrapper', () => {
-        const { container } = render(_jsxs(IcoText, { children: [_jsx(IcoText.Heading, { children: "Article title" }), _jsx(IcoText.Icon, { name: "eye", screenReaderText: "Views" }), _jsx(IcoText.Paragraph, { children: "Helpful supporting copy" }), _jsx("span", { children: "Metadata" }), _jsx(IcoText.Icon, { name: "eye", screenReaderText: "More views" })] }));
+        const { container } = render(_jsxs(IconText, { children: [_jsx(IconText.Heading, { children: "Article title" }), _jsx(IconText.Icon, { name: "eye", screenReaderText: "Views" }), _jsx(IconText.Paragraph, { children: "Helpful supporting copy" }), _jsx("span", { children: "Metadata" }), _jsx(IconText.Icon, { name: "eye", screenReaderText: "More views" })] }));
         const root = container.querySelector('.ds-ico-text');
         const content = container.querySelector('.ds-ico-text__content');
         if (!content) {
-            throw new Error('Expected IcoText content wrapper to exist');
+            throw new Error('Expected IconText content wrapper to exist');
         }
         const iconElements = Array.from(root?.querySelectorAll(':scope > .ds-ico-text__icon') ?? []);
         expect(iconElements).toHaveLength(2);
@@ -24,4 +24,4 @@ describe('IcoText', () => {
         expect(screen.getAllByRole('img', { hidden: true })).toHaveLength(2);
     });
 });
-//# sourceMappingURL=IcoText.test.js.map
+//# sourceMappingURL=IconText.test.js.map

package/dist/components/iconText/IconText.test.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"IconText.test.js","sourceRoot":"","sources":["../../../src/components/iconText/IconText.test.tsx"],"names":[],"mappings":";AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,IAAI,CAAC,wFAAwF,EAAE,GAAG,EAAE;QAClG,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,MAAC,QAAQ,eACP,KAAC,QAAQ,CAAC,OAAO,gCAAiC,EAClD,KAAC,QAAQ,CAAC,IAAI,IAAC,IAAI,EAAC,KAAK,EAAC,gBAAgB,EAAC,OAAO,GAAG,EACrD,KAAC,QAAQ,CAAC,SAAS,0CAA6C,EAChE,sCAAqB,EACrB,KAAC,QAAQ,CAAC,IAAI,IAAC,IAAI,EAAC,KAAK,EAAC,gBAAgB,EAAC,YAAY,GAAG,IACjD,CACZ,CAAC;QAEF,MAAM,IAAI,GAAG,SAAS,CAAC,aAAa,CAAiB,cAAc,CAAC,CAAC;QACrE,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CAAiB,uBAAuB,CAAC,CAAC;QAEjF,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAC;QAChE,CAAC;QAED,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,gBAAgB,CAAC,6BAA6B,CAAC,IAAI,EAAE,CAAC,CAAC;QAE7F,MAAM,CAAC,YAAY,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QACrC,MAAM,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC7C,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QACvE,YAAY,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE;YACnC,MAAM,CACJ,WAAW,CAAC,uBAAuB,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,2BAA2B,CAChF,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAChB,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC;QAC9F,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,yBAAyB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACjF,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAClE,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IACvE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/components/modal/Modal.d.ts CHANGED Viewed

@@ -12,6 +12,7 @@ export type ModalProps = {
     overlayClassName?: string;
     open?: boolean;
     portalTarget?: HTMLElement | null;
+    contentId?: string;
     children?: React.ReactNode;
     hideCloseButton?: boolean;
     closeHandler?: ModalContextValue['closeHandler'];

package/dist/components/modal/Modal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAKhE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D,KAAK,iBAAiB,GAAG;IACvB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,YAAY,4CAAuC,CAAC;AAEjE,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;~~IAClC~~,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,KAAK;YAAW,UAAU;;;;;;~~CA+BtC~~,CAAC;AAQF,yBAAiB,KAAK,CAAC;IACrB,KAAY,KAAK,GAAG,UAAU,CAAC;IAC/B,KAAY,WAAW,GAAG,gBAAgB,CAAC;IAC3C,KAAY,SAAS,GAAG,cAAc,CAAC;IACvC,KAAY,WAAW,GAAG,gBAAgB,CAAC;IAC3C,KAAY,gBAAgB,GAAG,WAAW,CAAC;IAC3C,KAAY,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;CAClD"}
1	+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAKhE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D,KAAK,iBAAiB,GAAG;IACvB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,YAAY,4CAAuC,CAAC;AAEjE,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAElC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,KAAK;YAAW,UAAU;;;;;;CAiCtC,CAAC;AAQF,yBAAiB,KAAK,CAAC;IACrB,KAAY,KAAK,GAAG,UAAU,CAAC;IAC/B,KAAY,WAAW,GAAG,gBAAgB,CAAC;IAC3C,KAAY,SAAS,GAAG,cAAc,CAAC;IACvC,KAAY,WAAW,GAAG,gBAAgB,CAAC;IAC3C,KAAY,gBAAgB,GAAG,WAAW,CAAC;IAC3C,KAAY,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;CAClD"}

package/dist/components/modal/Modal.js CHANGED Viewed

@@ -10,9 +10,9 @@ import { ModalCloseButon } from './ModalCloseButton.js';
 import { ModalTitle } from './ModalTitle.js';
 export const ModalContext = createContext({});
 export const Modal = (props) => {
-    const { className, overlayClassName, open, portalTarget, children, closeHandler, hideCloseButton = false, title, } = props;
+    const { className, overlayClassName, open, portalTarget, contentId, children, closeHandler, hideCloseButton = false, title, } = props;
     const overlayRef = useRef(null);
-    return (_jsx(PopupParentContext.Provider, { value: overlayRef, children: _jsx(ModalContext.Provider, { value: { closeHandler }, children: _jsx(Dialog.Root, { open: open, children: _jsx(Dialog.Portal, { container: portalTarget, children: _jsx(Dialog.Overlay, { ref: overlayRef, className: classNames('ds-modal__overlay', overlayClassName), children: _jsxs(Dialog.Content, { className: classNames('ds-modal__container', className), children: [title && _jsx(ModalHeader, { children: _jsx(ModalTitle, { children: title }) }), children, !hideCloseButton && _jsx(ModalCloseButon, { className: "ds-modal__close-button--top-right" })] }) }) }) }) }) }));
+    return (_jsx(PopupParentContext.Provider, { value: overlayRef, children: _jsx(ModalContext.Provider, { value: { closeHandler }, children: _jsx(Dialog.Root, { open: open, children: _jsx(Dialog.Portal, { container: portalTarget, children: _jsx(Dialog.Overlay, { ref: overlayRef, className: classNames('ds-modal__overlay', overlayClassName), children: _jsxs(Dialog.Content, { id: contentId, className: classNames('ds-modal__container', className), children: [title && _jsx(ModalHeader, { children: _jsx(ModalTitle, { children: title }) }), children, !hideCloseButton && _jsx(ModalCloseButon, { className: "ds-modal__close-button--top-right" })] }) }) }) }) }) }));
 };
 Modal.Header = ModalHeader;
 Modal.Body = ModalBody;

package/dist/components/modal/Modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAyB,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,WAAW,EAAyB,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,SAAS,EAAuB,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAO7C,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAoB,EAAE,CAAC,CAAC;~~AAajE~~,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IACzC,MAAM,EACJ,SAAS,EACT,gBAAgB,EAChB,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,eAAe,GAAG,KAAK,EACvB,KAAK,GACN,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEhD,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,YAC5C,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,YAC5C,KAAC,MAAM,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,YACrB,KAAC,MAAM,CAAC,MAAM,IAAC,SAAS,EAAE,YAAY,YACpC,KAAC,MAAM,CAAC,OAAO,IAAC,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,gBAAgB,CAAC,~~YAC3F~~,MAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,~~aACpE~~,KAAK,IAAI,KAAC,WAAW,cAAC,KAAC,UAAU,cAAE,KAAK,GAAc,GAAc,EACpE,QAAQ,EACR,CAAC,eAAe,IAAI,KAAC,eAAe,IAAC,SAAS,EAAC,mCAAmC,GAAG,IACvE,GACF,GACH,GACJ,GACQ,GACI,CAC/B,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC;AACvB,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,WAAW,GAAG,eAAe,CAAC;AACpC,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC"}
1	+ {"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAyB,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,WAAW,EAAyB,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,SAAS,EAAuB,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAO7C,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAoB,EAAE,CAAC,CAAC;AAejE,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IACzC,MAAM,EACJ,SAAS,EACT,gBAAgB,EAChB,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,eAAe,GAAG,KAAK,EACvB,KAAK,GACN,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEhD,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,YAC5C,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,YAC5C,KAAC,MAAM,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,YACrB,KAAC,MAAM,CAAC,MAAM,IAAC,SAAS,EAAE,YAAY,YACpC,KAAC,MAAM,CAAC,OAAO,IAAC,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,gBAAgB,CAAC,YAE3F,MAAC,MAAM,CAAC,OAAO,IAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,aACnF,KAAK,IAAI,KAAC,WAAW,cAAC,KAAC,UAAU,cAAE,KAAK,GAAc,GAAc,EACpE,QAAQ,EACR,CAAC,eAAe,IAAI,KAAC,eAAe,IAAC,SAAS,EAAC,mCAAmC,GAAG,IACvE,GACF,GACH,GACJ,GACQ,GACI,CAC/B,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC;AACvB,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,WAAW,GAAG,eAAe,CAAC;AACpC,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC"}

package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.js CHANGED Viewed

@@ -21,7 +21,7 @@ export const SelectDropdownCellRenderer = (props) => {
         value: String(option.value),
     }));
     const valueStr = value != null && value !== '' ? String(value) : '';
-    const initialSelectedValues = valueStr ? [valueStr] : [];
+    const selectedValues = valueStr ? [valueStr] : [];
     const [isOpen, setIsOpen] = useState(false);
     useComponentDidMount(() => {
         const handleCellKeyDown = (event) => {
@@ -37,7 +37,7 @@ export const SelectDropdownCellRenderer = (props) => {
             api.removeEventListener('cellKeyDown', handleCellKeyDown);
         };
     });
-    return (_jsx("div", { className: wrapperClassName, style: wrapperStyle, children: _jsx(SelectDropdown, { disabled: disabled, hasError: hasError, id: id, "aria-describedBy": ariaDescribedBy, "aria-invalid": ariaInvalid, alwaysShowPlaceholder: alwaysShowPlaceholder, options: normalisedOptions, placeholder: placeholder, initialSelectedValues: initialSelectedValues, open: isOpen, onOpenChange: setIsOpen, multiple: false, iconClickOnly: iconClickOnly, onSelectionChange: (newValue) => {
+    return (_jsx("div", { className: wrapperClassName, style: wrapperStyle, children: _jsx(SelectDropdown, { disabled: disabled, hasError: hasError, id: id, "aria-describedBy": ariaDescribedBy, "aria-invalid": ariaInvalid, alwaysShowPlaceholder: alwaysShowPlaceholder, options: normalisedOptions, placeholder: placeholder, selectedValues: selectedValues, open: isOpen, onOpenChange: setIsOpen, multiple: false, iconClickOnly: iconClickOnly, onSelectionChange: (newValue) => {
                 if (column && newValue[0] != null) {
                     const selectedOption = rawOptions.find(option => String(option.value) === newValue[0]);
                     node.setDataValue(column, selectedOption?.value ?? newValue[0]);

package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectDropdownCellRenderer.js","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/SelectDropdownCellRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,UAAU,MAAM,YAAY,CAAC;AAMpC,OAAO,EACL,cAAc,GAEf,MAAM,2DAA2D,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAuBxD,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACxC,KAAsC,EACtC,EAAE;IACF,MAAM,EACJ,KAAK,EACL,WAAW,GAAG,QAAQ,EACtB,IAAI,EACJ,MAAM,EACN,GAAG,EACH,OAAO,GAAG,EAAE,EACZ,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,kBAAkB,EAAE,eAAe,EACnC,cAAc,EAAE,WAAW,EAC3B,qBAAqB,GAAG,KAAK,EAC7B,eAAe,EACf,QAAQ,GAAG,KAAK,EAChB,aAAa,GAAG,KAAK,GACtB,GAAG,KAAK,CAAC;IAEV,MAAM,YAAY,GAAG,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAE/E,MAAM,gBAAgB,GAAG,UAAU,CAAC,2BAA2B,EAAE;QAC/D,sCAAsC,EAAE,eAAe;QACvD,sCAAsC,EAAE,QAAQ;QAChD,CAAC,mCAAmC,YAAY,EAAE,CAAC,EAAE,YAAY;KAClE,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,eAAe;QAClC,CAAC,CAAC,EAAE,CAAC,qBAA+B,CAAC,EAAE,eAAe,EAAE;QACxD,CAAC,CAAC,SAAS,CAAC;IAEd,MAAM,UAAU,GAAuC,OAAO,CAAC;IAC/D,MAAM,iBAAiB,GAAwC,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACvF,GAAG,MAAM;QACT,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;KAC5B,CAAC,CAAC,CAAC;IAEJ,MAAM,QAAQ,GAAG,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACpE,MAAM,~~qBAAqB~~,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;~~IAEzD~~,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,oBAAoB,CAAC,GAAG,EAAE;QACxB,MAAM,iBAAiB,GAAG,CACxB,KAAmD,EACnD,EAAE;YACF,IACE,QAAQ,IAAI,KAAK;mBACd,KAAK,CAAC,IAAI,KAAK,IAAI;mBACnB,KAAK,CAAC,MAAM,KAAK,MAAM;mBACtB,KAAK,CAAC,KAAuB,CAAC,GAAG,KAAK,OAAO,EACjD,CAAC;gBACD,SAAS,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC;QACH,CAAC,CAAC;QAEF,GAAG,CAAC,gBAAgB,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;QACvD,OAAO,GAAG,EAAE;YACV,GAAG,CAAC,mBAAmB,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;QAC5D,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,cAAK,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,YAAY,YACnD,KAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,sBACY,eAAe,kBACnB,WAAW,EACzB,qBAAqB,EAAE,qBAAqB,EAC5C,OAAO,EAAE,iBAAiB,EAC1B,WAAW,EAAE,WAAW,EACxB,~~qBAAqB~~,EAAE,~~qBAAqB~~,~~EAC5C~~,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,SAAS,EACvB,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,CAAC,QAAQ,EAAE,EAAE;gBAC9B,IAAI,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC;oBAClC,MAAM,cAAc,GAAG,UAAU,CAAC,IAAI,CACpC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC/C,CAAC;oBACF,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;gBAClE,CAAC;YACH,CAAC,GACD,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}
1	+ {"version":3,"file":"SelectDropdownCellRenderer.js","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/SelectDropdownCellRenderer.tsx"],"names":[],"mappings":"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"}

package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.test.js CHANGED Viewed

@@ -90,6 +90,12 @@ describe('SelectDropdownCellRenderer', () => {
             expect(await screen.findByText('Option 1')).toBeInTheDocument();
         });
     });
+    test('updates the displayed label when the value prop changes (e.g. on paste)', () => {
+        const { rerender } = render(_jsx(SelectDropdownCellRenderer, { ...createMockProps({ value: 'option1' }) }));
+        expect(screen.getByRole('button')).toHaveTextContent('Option 1');
+        rerender(_jsx(SelectDropdownCellRenderer, { ...createMockProps({ value: 'option2' }) }));
+        expect(screen.getByRole('button')).toHaveTextContent('Option 2');
+    });
     test('applies both modifiers when backgroundColor and fillCell are set together', () => {
         const { container } = render(_jsx(SelectDropdownCellRenderer, { ...createMockProps({ backgroundColor: '#1F7A1F', fillCell: true }) }));
         const wrapper = container.querySelector('.ds-table__select-dropdown');

package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.test.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectDropdownCellRenderer.test.js","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/SelectDropdownCellRenderer.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,kCAAkC,CAAC;AAG1C,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAE7E,MAAM,QAAQ,GAAG;IACf,gBAAgB,EAAE,EAAE,CAAC,EAAE,EAAE;IACzB,mBAAmB,EAAE,EAAE,CAAC,EAAE,EAAE;CACP,CAAC;AAExB,MAAM,OAAO,GAAG;IACd,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE;IACvC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE;CACxC,CAAC;AAEF,MAAM,eAAe,GAAG,CACtB,YAKI,EAAE,EACN,EAAE,CAAC,CAAC;IACJ,KAAK,EAAE,SAAS;IAChB,GAAG,EAAE,QAAQ;IACb,IAAI,EAAE,EAAE,YAAY,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE;IAC/B,MAAM,EAAE,aAAa;IACrB,OAAO,EAAE,OAAO;IAChB,GAAG,SAAS;CACmD,CAAA,CAAC;AAElE,QAAQ,CAAC,4BAA4B,EAAE,GAAG,EAAE;IAC1C,IAAI,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC/C,MAAM,CAAC,KAAC,0BAA0B,OAAK,eAAe,EAAE,GAAI,CAAC,CAAC;QAC9D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;QAC/B,IAAI,CAAC,2EAA2E,EAAE,GAAG,EAAE;YACrF,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,0BAA0B,OAAK,eAAe,EAAE,GAAI,CAAC,CAAC;YACpF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CAAC,4BAA4B,CAAgB,CAAC;YACrF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,sCAAsC,CAAC,CAAC;YACxE,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,sCAAsC,CAAC,CAAC;YACxE,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,uCAAuC,CAAC,CAAC;YACzE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACzE,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,6DAA6D,EAAE,GAAG,EAAE;YACvE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,0BAA0B,OAAK,eAAe,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC,GAAI,CACpF,CAAC;YACF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CAAC,4BAA4B,CAAgB,CAAC;YACrF,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,sCAAsC,CAAC,CAAC;YACpE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAChF,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,qDAAqD,EAAE,GAAG,EAAE;YAC/D,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,0BAA0B,OAAK,eAAe,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC,GAAI,CACpF,CAAC;YACF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAC;YACtE,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,uCAAuC,CAAC,CAAC;YACrE,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,sCAAsC,CAAC,CAAC;QAC1E,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,qDAAqD,EAAE,GAAG,EAAE;YAC/D,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,0BAA0B,OAAK,eAAe,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC,GAAI,CACpF,CAAC;YACF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAC;YACtE,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,sCAAsC,CAAC,CAAC;YACpE,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,uCAAuC,CAAC,CAAC;QAC3E,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,yCAAyC,EAAE,GAAG,EAAE;YACnD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,0BAA0B,OAAK,eAAe,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,CAAC,GAAI,CACjF,CAAC;YACF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAC;YACtE,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,uCAAuC,CAAC,CAAC;QACvE,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,gEAAgE,EAAE,GAAG,EAAE;YAC1E,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,0BAA0B,OAAK,eAAe,CAAC,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC,GAAI,CACxF,CAAC;YACF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAC;YACtE,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,sCAAsC,CAAC,CAAC;QACtE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;QACxB,IAAI,CAAC,kDAAkD,EAAE,GAAG,EAAE;YAC5D,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,0BAA0B,OAAK,eAAe,EAAE,GAAI,CAAC,CAAC;YACpF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAC;YACtE,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,sCAAsC,CAAC,CAAC;QAC1E,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,0CAA0C,EAAE,GAAG,EAAE;YACpD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,0BAA0B,OAAK,eAAe,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,GAAI,CACxE,CAAC;YACF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAC;YACtE,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,sCAAsC,CAAC,CAAC;QACtE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;QAC7B,IAAI,CAAC,6CAA6C,EAAE,GAAG,EAAE;YACvD,MAAM,CAAC,KAAC,0BAA0B,OAAK,eAAe,EAAE,GAAI,CAAC,CAAC;YAC9D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,qCAAqC,CAAC,CAAC;QAC5F,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,oDAAoD,EAAE,GAAG,EAAE;YAC9D,MAAM,CACJ,KAAC,0BAA0B,OACrB,eAAe,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,GAC5C,CACH,CAAC;YACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,qCAAqC,CAAC,CAAC;QACxF,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;YACzD,MAAM,CAAC,KAAC,0BAA0B,OAAK,eAAe,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAI,CAAC,CAAC;YAC3E,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;YAClD,MAAM,CAAC,MAAM,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAClE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,2EAA2E,EAAE,GAAG,EAAE;QACrF,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,0BAA0B,OACrB,eAAe,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,GACnE,CACH,CAAC;QACF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAC;QACtE,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,sCAAsC,CAAC,CAAC;QACpE,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,sCAAsC,CAAC,CAAC;IACtE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
1	+ {"version":3,"file":"SelectDropdownCellRenderer.test.js","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/SelectDropdownCellRenderer.test.tsx"],"names":[],"mappings":"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"}

package/dist/components/tag/Tag.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import type { ButtonHTMLAttributes } from 'react';
 export type TagColor = 'neutral' | 'orange' | 'blue' | 'green' | 'purple' | 'teal' | 'salmon' | 'yellow';
 export type TagProps = {
     children: React.ReactNode;
@@ -5,11 +6,23 @@ export type TagProps = {
     selected?: boolean;
     slotStart?: React.ReactNode;
     slotEnd?: React.ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;
+    onFocus?: React.FocusEventHandler<HTMLButtonElement>;
+    actionLabel?: string;
+    actionButtonTabIndex?: 0 | -1;
+    actionRef?: React.Ref<HTMLButtonElement>;
     onRemove?: () => void;
     removeLabel?: string;
+    onRemoveKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;
+    onRemoveFocus?: React.FocusEventHandler<HTMLButtonElement>;
     removeButtonTabIndex?: 0 | -1;
+    removeButtonRef?: React.Ref<HTMLButtonElement>;
+    disabled?: boolean;
+    ariaControls?: string;
+    ariaExpanded?: ButtonHTMLAttributes<HTMLButtonElement>['aria-expanded'];
 };
-export declare const Tag: ({ children, color, selected, slotStart, slotEnd, onRemove, removeLabel, removeButtonTabIndex, }: TagProps) => React.JSX.Element;
+export declare const Tag: ({ children, color, selected, slotStart, slotEnd, onClick, onKeyDown, onFocus, actionLabel, actionButtonTabIndex, actionRef, onRemove, removeLabel, onRemoveKeyDown, onRemoveFocus, removeButtonTabIndex, removeButtonRef, disabled, ariaControls, ariaExpanded, }: TagProps) => React.JSX.Element;
 export declare namespace Tag {
     type Color = TagColor;
     type Props = TagProps;

package/dist/components/tag/Tag.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/tag/Tag.tsx"],"names":[],"mappings":"~~AAGA~~,MAAM,MAAM,QAAQ,GAAG,SAAS,GAC5B,QAAQ,GACR,MAAM,GACN,OAAO,GACP,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,QAAQ,CAAC;AAEb,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;~~CAC~~/B,CAAC;AAEF,eAAO,MAAM,GAAG,GAAI,~~iGASjB~~,QAAQ,KAAG,KAAK,CAAC,GAAG,CAAC,~~OAyBvB~~,CAAC;AAEF,yBAAiB,GAAG,CAAC;IACnB,KAAY,KAAK,GAAG,QAAQ,CAAC;IAC7B,KAAY,KAAK,GAAG,QAAQ,CAAC;CAC9B"}
1	+ {"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/tag/Tag.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,MAAM,QAAQ,GAAG,SAAS,GAC5B,QAAQ,GACR,MAAM,GACN,OAAO,GACP,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,QAAQ,CAAC;AAEb,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAC1D,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAChE,aAAa,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC3D,oBAAoB,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAC9B,eAAe,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,eAAe,CAAC,CAAC;CACzE,CAAC;AAEF,eAAO,MAAM,GAAG,GAAI,mQAqBjB,QAAQ,KAAG,KAAK,CAAC,GAAG,CAAC,OA0DvB,CAAC;AAEF,yBAAiB,GAAG,CAAC;IACnB,KAAY,KAAK,GAAG,QAAQ,CAAC;IAC7B,KAAY,KAAK,GAAG,QAAQ,CAAC;CAC9B"}

package/dist/components/tag/Tag.js CHANGED Viewed

@@ -1,12 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
 import { Icon } from '../icon/Icon.js';
-export const Tag = ({ children, color = 'neutral', selected = false, slotStart, slotEnd, onRemove, removeLabel = 'Remove', removeButtonTabIndex = 0, }) => {
+export const Tag = ({ children, color = 'neutral', selected = false, slotStart, slotEnd, onClick, onKeyDown, onFocus, actionLabel, actionButtonTabIndex = 0, actionRef, onRemove, removeLabel = 'Remove', onRemoveKeyDown, onRemoveFocus, removeButtonTabIndex = 0, removeButtonRef, disabled = false, ariaControls, ariaExpanded, }) => {
+    const tagContent = onClick
+        ? (_jsxs("button", { type: "button", className: "ds-tag__content ds-tag__action", "aria-label": actionLabel, "aria-controls": ariaControls, "aria-expanded": ariaExpanded, onClick: onClick, onKeyDown: onKeyDown, onFocus: onFocus, tabIndex: actionButtonTabIndex, ref: actionRef, disabled: disabled, children: [slotStart && _jsx("span", { className: "ds-tag__slot-start", children: slotStart }), _jsx("span", { className: "ds-tag__label", children: children }), slotEnd && _jsx("span", { className: "ds-tag__slot-end", children: slotEnd })] }))
+        : (_jsxs("span", { className: "ds-tag__content", children: [slotStart && _jsx("span", { className: "ds-tag__slot-start", children: slotStart }), _jsx("span", { className: "ds-tag__label", children: children }), slotEnd && _jsx("span", { className: "ds-tag__slot-end", children: slotEnd })] }));
     return (_jsxs("span", { className: classNames('ds-tag', `ds-tag--${color}`, {
             'ds-tag--selected': selected,
-        }), children: [slotStart && _jsx("span", { className: "ds-tag__slot-start", children: slotStart }), _jsx("span", { className: "ds-tag__label", children: children }), slotEnd && _jsx("span", { className: "ds-tag__slot-end", children: slotEnd }), onRemove && (_jsx("button", { type: "button", className: "ds-tag__remove", "aria-label": removeLabel, onClick: (e) => {
+            'ds-tag--interactive': Boolean(onClick),
+            'ds-tag--removable': Boolean(onRemove),
+            'ds-tag--disabled': disabled,
+        }), children: [tagContent, onRemove && (_jsx("button", { type: "button", className: "ds-tag__remove", "aria-label": removeLabel, onClick: (e) => {
                     e.stopPropagation();
                     onRemove();
-                }, tabIndex: removeButtonTabIndex, children: _jsx(Icon, { name: "x", size: 12 }) }))] }));
+                }, onKeyDown: onRemoveKeyDown, onFocus: onRemoveFocus, tabIndex: removeButtonTabIndex, ref: removeButtonRef, disabled: disabled, children: _jsx(Icon, { name: "x", size: 12 }) }))] }));
 };
 //# sourceMappingURL=Tag.js.map

package/dist/components/tag/Tag.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/tag/Tag.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;~~AAsB5C~~,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,EAClB,QAAQ,EACR,KAAK,GAAG,SAAS,EACjB,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,WAAW,GAAG,QAAQ,EACtB,oBAAoB,GAAG,CAAC,~~GACf~~,EAAqB,EAAE;IAChC,OAAO,~~CACL~~,~~gBAAM~~,SAAS,EAAE,~~UAAU~~,~~CAAC~~,QAAQ,EAAE,~~WAAW~~,~~KAAK~~,EAAE,EAAE~~;YACxD~~,kBAAkB,~~EAAE~~,~~QAAQ~~;~~SAC7B~~,CAAC,~~aAEC~~,SAAS,IAAI,eAAM,SAAS,EAAC,oBAAoB,YAAE,SAAS,GAAQ,EACrE,eAAM,SAAS,EAAC,eAAe,YAAE,QAAQ,GAAQ,EAChD,OAAO,IAAI,eAAM,SAAS,EAAC,kBAAkB,YAAE,OAAO,GAAQ,~~EAC9D~~,QAAQ,IAAI,CACX,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,gBAAgB,gBACd,WAAW,EACvB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,QAAQ,EAAE,CAAC;gBACb,CAAC,EACD,QAAQ,EAAE,oBAAoB,~~YAE9B~~,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAE,EAAE,GAAI,GACpB,CACV,IACI,CACR,CAAC;AACJ,CAAC,CAAC"}
1	+ {"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/tag/Tag.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAmC5C,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,EAClB,QAAQ,EACR,KAAK,GAAG,SAAS,EACjB,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,OAAO,EACP,OAAO,EACP,SAAS,EACT,OAAO,EACP,WAAW,EACX,oBAAoB,GAAG,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,WAAW,GAAG,QAAQ,EACtB,eAAe,EACf,aAAa,EACb,oBAAoB,GAAG,CAAC,EACxB,eAAe,EACf,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,YAAY,GACH,EAAqB,EAAE;IAChC,MAAM,UAAU,GAAG,OAAO;QACxB,CAAC,CAAC,CACE,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,gCAAgC,gBAC9B,WAAW,mBACR,YAAY,mBACZ,YAAY,EAC3B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,oBAAoB,EAC9B,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,QAAQ,aAEjB,SAAS,IAAI,eAAM,SAAS,EAAC,oBAAoB,YAAE,SAAS,GAAQ,EACrE,eAAM,SAAS,EAAC,eAAe,YAAE,QAAQ,GAAQ,EAChD,OAAO,IAAI,eAAM,SAAS,EAAC,kBAAkB,YAAE,OAAO,GAAQ,IACxD,CACV;QACH,CAAC,CAAC,CACE,gBAAM,SAAS,EAAC,iBAAiB,aAC9B,SAAS,IAAI,eAAM,SAAS,EAAC,oBAAoB,YAAE,SAAS,GAAQ,EACrE,eAAM,SAAS,EAAC,eAAe,YAAE,QAAQ,GAAQ,EAChD,OAAO,IAAI,eAAM,SAAS,EAAC,kBAAkB,YAAE,OAAO,GAAQ,IAC1D,CACR,CAAC;IAEN,OAAO,CACL,gBAAM,SAAS,EAAE,UAAU,CAAC,QAAQ,EAAE,WAAW,KAAK,EAAE,EAAE;YACxD,kBAAkB,EAAE,QAAQ;YAC5B,qBAAqB,EAAE,OAAO,CAAC,OAAO,CAAC;YACvC,mBAAmB,EAAE,OAAO,CAAC,QAAQ,CAAC;YACtC,kBAAkB,EAAE,QAAQ;SAC7B,CAAC,aAEC,UAAU,EACV,QAAQ,IAAI,CACX,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,gBAAgB,gBACd,WAAW,EACvB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,QAAQ,EAAE,CAAC;gBACb,CAAC,EACD,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,oBAAoB,EAC9B,GAAG,EAAE,eAAe,EACpB,QAAQ,EAAE,QAAQ,YAElB,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAE,EAAE,GAAI,GACpB,CACV,IACI,CACR,CAAC;AACJ,CAAC,CAAC"}