npm - @warp-ds/elements - Versions diffs - 2.9.0-next.3 → 2.9.0-next.5 - Mend

@@ -3,18 +3,70 @@ import { LitElement } from 'lit';
 import '../icon/icon.js';
 import '../button/button.js';
 declare class WarpAttention extends LitElement {
+    /**
+     * @summary
+     * @description
+     */
     show: boolean;
+    /**
+     * @summary
+     * @description
+     */
     placement: Directions;
+    /**
+     * @summary
+     * @description
+     */
     tooltip: boolean;
+    /**
+     * @summary
+     * @description
+     */
     callout: boolean;
+    /**
+     * @summary
+     * @description
+     */
     popover: boolean;
+    /**
+     * @summary
+     * @description
+     */
     highlight: boolean;
+    /**
+     * @summary
+     * @description
+     */
     canClose: boolean;
+    /**
+     * @summary
+     * @description
+     */
     noArrow: boolean;
+    /**
+     * @summary
+     * @description
+     */
     distance: number;
+    /**
+     * @summary
+     * @description
+     */
     skidding: number;
+    /**
+     * @summary
+     * @description
+     */
     flip: boolean;
+    /**
+     * @summary
+     * @description
+     */
     crossAxis: boolean;
+    /**
+     * @summary
+     * @description
+     */
     fallbackPlacements: Directions[];
     /** @internal */
     attentionState: any;

@@ -8,3 +8,6 @@ declare const meta: Meta<typeof args>;
 export default meta;
 type Story = StoryObj<typeof args>;
 export declare const Default: Story;
+export declare const Search: Story;
+export declare const Clear: Story;
+export declare const Icon: Story;

@@ -23,3 +23,19 @@ export const Default = {
         label: 'kr',
     },
 };
+export const Search = {
+    args: {
+        search: true,
+    },
+};
+export const Clear = {
+    args: {
+        clear: true,
+    },
+};
+export const Icon = {
+    args: {
+        icon: 'AwardMedal',
+        ariaLabel: 'Award Medal',
+    },
+};

@@ -7,3 +7,10 @@ test('renders the affix', async () => {
     const page = render(component);
     await expect.element(page.getByText('kr')).toBeVisible();
 });
+test('renders an icon when icon prop is set', async () => {
+    const page = render(html `<w-affix data-testid="affix" icon="AwardMedal"></w-affix>`);
+    const affix = (await page.getByTestId('affix').element());
+    const icon = affix.shadowRoot?.querySelector('w-icon');
+    expect(icon).toBeTruthy();
+    expect(icon?.getAttribute('name')).toBe('AwardMedal');
+});

	@@ -0,0 +1 @@
1	+ /eslint-disable/ export const messages = JSON.parse("{\"affix.aria.clearInput\":[\"Ryd input\"],\"affix.aria.search\":[\"Søg\"]}");

@warp-ds/elements 2.9.0-next.3 → 2.9.0-next.5