@warp-ds/elements 2.10.0-next.15 → 2.10.0-next.18

package/dist/packages/affix/affix.react.stories.d.ts

@@ -1,5 +1,5 @@
-import { StoryObj } from '@storybook/react';
-import { Affix } from './react';
+import { StoryObj } from "@storybook/react";
+import { Affix } from "./react";
 declare const _default: {
     title: string;
     component: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").HTMLAttributes<import("./affix").WarpAffix>, "form" | "label" | "search" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "resetFormControl" | "render" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "clear" | "icon" | "_classBase" | "_classes" | "resetContainingTextField" | "submitContainingForm" | "_searchButton" | "_clearButton" | "_icon" | "_text" | "_markup"> & {} & Partial<Omit<import("./affix").WarpAffix, keyof HTMLElement>> & import("react").RefAttributes<import("./affix").WarpAffix>, "ref">, "aria-label"> & {

package/dist/packages/affix/affix.react.stories.js

@@ -1,10 +1,10 @@
-import { Affix } from './react';
+import { Affix } from "./react";
 export default {
-    title: 'Forms/Affix',
+    title: "Forms/Affix",
     component: Affix,
 };
 export const Default = {
     args: {
-        label: 'kr',
+        label: "kr",
     },
 };

package/dist/packages/affix/affix.react.test.js

@@ -1,3 +1,5 @@
-import { describeReactSsrAttributeMapping } from '../../tests/react-ssr-attributes';
-import { Affix } from './react.js';
-describeReactSsrAttributeMapping('Affix', Affix, [{ propName: 'ariaLabel', attrName: 'aria-label', value: 'Label' }]);
+import { describeReactSsrAttributeMapping } from "../../tests/react-ssr-attributes";
+import { Affix } from "./react.js";
+describeReactSsrAttributeMapping("Affix", Affix, [
+    { propName: "ariaLabel", attrName: "aria-label", value: "Label" },
+]);

package/dist/packages/affix/affix.stories.d.ts

@@ -1,6 +1,6 @@
-import type { Meta, StoryObj } from '@storybook/web-components-vite';
-import type { WarpAffix } from './affix.js';
-import './affix.js';
+import type { Meta, StoryObj } from "@storybook/web-components-vite";
+import type { WarpAffix } from "./affix.js";
+import "./affix.js";
 declare const args: Partial<WarpAffix> & {
     [key: string]: any;
 };

package/dist/packages/affix/affix.stories.js

@@ -1,11 +1,11 @@
-import { spread } from '@open-wc/lit-helpers';
-import { getStorybookHelpers } from '@wc-toolkit/storybook-helpers';
-import { html } from 'lit';
-import { prespread } from '../../.storybook/utilities.js';
-import './affix.js';
-const { events, args, argTypes } = getStorybookHelpers('w-affix');
+import { spread } from "@open-wc/lit-helpers";
+import { getStorybookHelpers } from "@wc-toolkit/storybook-helpers";
+import { html } from "lit";
+import { prespread } from "../../.storybook/utilities.js";
+import "./affix.js";
+const { events, args, argTypes } = getStorybookHelpers("w-affix");
 const meta = {
-    title: 'Forms/Affix',
+    title: "Forms/Affix",
     render(args) {
         return html `<w-affix ${spread(prespread(args))}></w-affix>`;
     },
@@ -20,7 +20,7 @@ const meta = {
 export default meta;
 export const Default = {
     args: {
-        label: 'kr',
+        label: "kr",
     },
 };
 export const Search = {
@@ -35,7 +35,7 @@ export const Clear = {
 };
 export const Icon = {
     args: {
-        icon: 'AwardMedal',
-        ariaLabel: 'Award Medal',
+        icon: "AwardMedal",
+        ariaLabel: "Award Medal",
     },
 };

package/dist/packages/affix/affix.test.d.ts

@@ -1 +1 @@
-import './affix.js';
+import "./affix.js";

package/dist/packages/affix/affix.test.js

@@ -1,16 +1,16 @@
-import { html } from 'lit';
-import { expect, test } from 'vitest';
-import { render } from 'vitest-browser-lit';
-import './affix.js';
-test('renders the affix', async () => {
+import { html } from "lit";
+import { expect, test } from "vitest";
+import { render } from "vitest-browser-lit";
+import "./affix.js";
+test("renders the affix", async () => {
     const component = html `<w-affix label="kr"></w-affix>`;
     const page = render(component);
-    await expect.element(page.getByText('kr')).toBeVisible();
+    await expect.element(page.getByText("kr")).toBeVisible();
 });
-test('renders an icon when icon prop is set', async () => {
+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');
+    const affix = (await page.getByTestId("affix").element());
+    const icon = affix.shadowRoot?.querySelector("w-icon");
     expect(icon).toBeTruthy();
-    expect(icon?.getAttribute('name')).toBe('AwardMedal');
+    expect(icon?.getAttribute("name")).toBe("AwardMedal");
 });

package/dist/packages/affix/react.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { WarpAffix } from './affix.js';
+import React from "react";
+import { WarpAffix } from "./affix.js";
 export declare const Affix: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<WarpAffix>, "form" | "label" | "search" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "resetFormControl" | "render" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "clear" | "icon" | "_classBase" | "_classes" | "resetContainingTextField" | "submitContainingForm" | "_searchButton" | "_clearButton" | "_icon" | "_text" | "_markup"> & {} & Partial<Omit<WarpAffix, keyof HTMLElement>> & React.RefAttributes<WarpAffix>, "ref">, "aria-label"> & {
     ariaLabel?: string | null;
 } & React.RefAttributes<WarpAffix>>;

package/dist/packages/affix/react.js

@@ -1,12 +1,12 @@
-import { createComponent } from '@lit/react';
-import { LitElement } from 'lit';
-import React from 'react';
+import { createComponent } from "@lit/react";
+import { LitElement } from "lit";
+import React from "react";
 // We do this in order to prevent users from bundling in the CE implementation when
 // they should be getting it from Eik.
 class Component extends LitElement {
 }
 const BaseAffix = createComponent({
-    tagName: 'w-affix',
+    tagName: "w-affix",
     // This tricks TS into thinking the stub we created above is still the actual implementation
     // This ensures devs can import the react wrapper and use it with the full intellisense experience
     // yet not bundling in the CE implementation into their app bundles.
@@ -15,7 +15,7 @@ const BaseAffix = createComponent({
 });
 export const Affix = React.forwardRef(({ ariaLabel, ...props }, ref) => React.createElement(BaseAffix, {
     ...props,
-    ...(ariaLabel !== undefined ? { 'aria-label': ariaLabel } : {}),
+    ...(ariaLabel !== undefined ? { "aria-label": ariaLabel } : {}),
     ref,
 }));
-Affix.displayName = 'Affix';
+Affix.displayName = "Affix";

package/dist/packages/affix/styles.js

@@ -1,2 +1,2 @@
-import { unsafeCSS } from 'lit';
+import { unsafeCSS } from "lit";
 export const styles = unsafeCSS("*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.focus\\:\\[--w-outline-offset\\:-2px\\]:focus{--w-outline-offset:-2px}.bg-transparent{background-color:#0000}.rounded-4{border-radius:4px}.block{display:block}.flex{display:flex}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.items-center{align-items:center}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.justify-center{justify-content:center}.absolute{position:absolute}.relative{position:relative}.static{position:static}.s-text{color:var(--w-s-color-text)}.w-40{width:4rem}.w-max{width:max-content}.pb-0{padding-bottom:0}.pl-12{padding-left:1.2rem}.pr-12{padding-right:1.2rem}.cursor-default{cursor:default}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}");

package/dist/packages/alert/alert.d.ts

@@ -1,6 +1,6 @@
-import { LitElement } from 'lit';
-import '../icon/icon.js';
-export type AlertVariants = 'negative' | 'positive' | 'warning' | 'info';
+import { LitElement } from "lit";
+import "../icon/icon.js";
+export type AlertVariants = "negative" | "positive" | "warning" | "info";
 /**
  * Alert is an inline component used for displaying different types of messages.
  *

package/dist/packages/alert/alert.hydration.test.d.ts

@@ -1 +1 @@
-import './alert.js';
+import "./alert.js";

package/dist/packages/alert/alert.hydration.test.js

@@ -1,46 +1,46 @@
-import { afterEach, beforeEach, describe, expect, test } from 'vitest';
-import { setupHydrationWarningCapture, testHydration } from '../../tests/react-hydration';
-import './alert.js';
-describe('w-alert React SSR hydration', () => {
+import { afterEach, beforeEach, describe, expect, test } from "vitest";
+import { setupHydrationWarningCapture, testHydration, } from "../../tests/react-hydration";
+import "./alert.js";
+describe("w-alert React SSR hydration", () => {
     beforeEach(() => setupHydrationWarningCapture());
     afterEach(() => {
         window.__HYDRATION_WARNINGS__ = [];
     });
-    test('default (no attributes) hydrates without warnings', async () => {
-        const warnings = await testHydration('w-alert', {});
+    test("default (no attributes) hydrates without warnings", async () => {
+        const warnings = await testHydration("w-alert", {});
         expect(warnings).toEqual([]);
     });
-    test('info alert hydrates without warnings', async () => {
-        const warnings = await testHydration('w-alert', {
-            variant: 'info',
+    test("info alert hydrates without warnings", async () => {
+        const warnings = await testHydration("w-alert", {
+            variant: "info",
             show: true,
         });
         expect(warnings).toEqual([]);
     });
-    test('warning alert hydrates without warnings', async () => {
-        const warnings = await testHydration('w-alert', {
-            variant: 'warning',
+    test("warning alert hydrates without warnings", async () => {
+        const warnings = await testHydration("w-alert", {
+            variant: "warning",
             show: true,
         });
         expect(warnings).toEqual([]);
     });
-    test('negative alert hydrates without warnings', async () => {
-        const warnings = await testHydration('w-alert', {
-            variant: 'negative',
+    test("negative alert hydrates without warnings", async () => {
+        const warnings = await testHydration("w-alert", {
+            variant: "negative",
             show: true,
         });
         expect(warnings).toEqual([]);
     });
-    test('positive alert hydrates without warnings', async () => {
-        const warnings = await testHydration('w-alert', {
-            variant: 'positive',
+    test("positive alert hydrates without warnings", async () => {
+        const warnings = await testHydration("w-alert", {
+            variant: "positive",
             show: true,
         });
         expect(warnings).toEqual([]);
     });
-    test('hidden alert hydrates without warnings', async () => {
-        const warnings = await testHydration('w-alert', {
-            variant: 'info',
+    test("hidden alert hydrates without warnings", async () => {
+        const warnings = await testHydration("w-alert", {
+            variant: "info",
         });
         expect(warnings).toEqual([]);
     });