@warp-ds/elements 2.10.0-next.9 → 2.10.1-next.1

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

@@ -1,13 +1,13 @@
-import { StoryObj } from '@storybook/react';
-import React from 'react';
-import { Button } from './react';
+import { StoryObj } from "@storybook/react";
+import React from "react";
+import { Button } from "./react";
 declare const _default: {
     title: string;
-    render(args: Omit<Omit<Omit<React.HTMLAttributes<import("./button").WarpButton>, "value" | "form" | "small" | "name" | "disabled" | "type" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "updated" | "firstUpdated" | "resetFormControl" | "render" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "target" | "rel" | "variant" | "quiet" | "href" | "fullWidth" | "iconOnly" | "loading" | "buttonClass" | "commandfor" | "command" | "_handleButtonClick"> & {} & Partial<Omit<import("./button").WarpButton, keyof HTMLElement>> & React.RefAttributes<import("./button").WarpButton>, "ref">, "full-width" | "icon-only"> & {
+    render(args: Omit<Omit<Omit<React.HTMLAttributes<import("./button").WarpButton>, "name" | "type" | "disabled" | "value" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "updated" | "firstUpdated" | "resetFormControl" | "render" | "validationTarget" | "form" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "small" | "rel" | "variant" | "quiet" | "href" | "target" | "fullWidth" | "iconOnly" | "loading" | "buttonClass" | "commandfor" | "command" | "_handleButtonClick"> & {} & Partial<Omit<import("./button").WarpButton, keyof HTMLElement>> & React.RefAttributes<import("./button").WarpButton>, "ref">, "full-width" | "icon-only"> & {
         fullWidth?: boolean;
         iconOnly?: boolean;
     } & React.RefAttributes<import("./button").WarpButton>): React.JSX.Element;
-    component: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<import("./button").WarpButton>, "value" | "form" | "small" | "name" | "disabled" | "type" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "updated" | "firstUpdated" | "resetFormControl" | "render" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "target" | "rel" | "variant" | "quiet" | "href" | "fullWidth" | "iconOnly" | "loading" | "buttonClass" | "commandfor" | "command" | "_handleButtonClick"> & {} & Partial<Omit<import("./button").WarpButton, keyof HTMLElement>> & React.RefAttributes<import("./button").WarpButton>, "ref">, "full-width" | "icon-only"> & {
+    component: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<import("./button").WarpButton>, "name" | "type" | "disabled" | "value" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "updated" | "firstUpdated" | "resetFormControl" | "render" | "validationTarget" | "form" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "small" | "rel" | "variant" | "quiet" | "href" | "target" | "fullWidth" | "iconOnly" | "loading" | "buttonClass" | "commandfor" | "command" | "_handleButtonClick"> & {} & Partial<Omit<import("./button").WarpButton, keyof HTMLElement>> & React.RefAttributes<import("./button").WarpButton>, "ref">, "full-width" | "icon-only"> & {
         fullWidth?: boolean;
         iconOnly?: boolean;
     } & React.RefAttributes<import("./button").WarpButton>>;

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

@@ -1,7 +1,7 @@
-import React from 'react';
-import { Button } from './react';
+import React from "react";
+import { Button } from "./react";
 export default {
-    title: 'Buttons/Button',
+    title: "Buttons/Button",
     render(args) {
         return React.createElement(Button, { ...args }, "Button Text");
     },
@@ -9,40 +9,40 @@ export default {
 };
 export const Primary = {
     args: {
-        variant: 'primary',
-        type: 'button',
+        variant: "primary",
+        type: "button",
     },
 };
 export const Secondary = {
     args: {
-        variant: 'secondary',
-        type: 'button',
+        variant: "secondary",
+        type: "button",
     },
 };
 export const Negative = {
     args: {
-        variant: 'negative',
-        type: 'button',
+        variant: "negative",
+        type: "button",
     },
 };
 export const Utility = {
     args: {
-        variant: 'utility',
-        type: 'button',
+        variant: "utility",
+        type: "button",
     },
 };
 export const Link = {
     args: {
-        variant: 'link',
-        type: 'button',
-        href: 'https://developer.mozilla.org/en-US/docs/Web/API/Web_components',
-        target: '_new',
+        variant: "link",
+        type: "button",
+        href: "https://developer.mozilla.org/en-US/docs/Web/API/Web_components",
+        target: "_new",
     },
 };
 export const Pill = {
     args: {
-        variant: 'pill',
-        type: 'button',
+        variant: "pill",
+        type: "button",
     },
     render(args) {
         return React.createElement(Button, { ...args }, "\uD83D\uDC99");
@@ -50,30 +50,30 @@ export const Pill = {
 };
 export const Small = {
     args: {
-        variant: 'primary',
+        variant: "primary",
         small: true,
-        type: 'button',
+        type: "button",
     },
 };
 export const Quiet = {
     args: {
-        variant: 'secondary',
+        variant: "secondary",
         quiet: true,
-        type: 'button',
+        type: "button",
     },
 };
 export const Loading = {
     args: {
-        variant: 'primary',
+        variant: "primary",
         loading: true,
-        type: 'button',
+        type: "button",
     },
 };
 export const FullWidth = {
     args: {
-        variant: 'primary',
+        variant: "primary",
         fullWidth: true,
-        type: 'button',
+        type: "button",
     },
     render(args) {
         return (React.createElement("div", { className: "w-full flex flex-col gap-8" },
@@ -82,10 +82,10 @@ export const FullWidth = {
 };
 export const AsLink = {
     args: {
-        variant: 'primary',
-        href: 'https://example.com',
-        target: '_blank',
-        type: 'button',
+        variant: "primary",
+        href: "https://example.com",
+        target: "_blank",
+        type: "button",
     },
     render(args) {
         return React.createElement(Button, { ...args }, "Visit Example");
@@ -95,7 +95,7 @@ export const FormControl = {
     args: {},
     render() {
         return (React.createElement("form", { name: "form-control" },
-            React.createElement("input", { type: "text", defaultValue: "I am an input field", name: "demoValue", style: { border: '1px solid lime' } }),
+            React.createElement("input", { type: "text", defaultValue: "I am an input field", name: "demoValue", style: { border: "1px solid lime" } }),
             React.createElement(Button, { type: "reset", name: "resetButton", value: "fooyoo" }, "Reset"),
             React.createElement(Button, { type: "submit", name: "submuitButtton", value: "fooyoo" }, "Send thing")));
     },

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

@@ -1,16 +1,16 @@
-import React from 'react';
-import { renderToString } from 'react-dom/server';
-import { describe, expect, test } from 'vitest';
-import { Button } from './react.js';
-describe('Button React SSR', () => {
-    test('renders fullWidth as the full-width attribute', () => {
-        const html = renderToString(React.createElement(Button, { fullWidth: true }, 'Full width'));
-        expect(html).toContain('full-width');
-        expect(html).not.toContain('fullWidth');
+import React from "react";
+import { renderToString } from "react-dom/server";
+import { describe, expect, test } from "vitest";
+import { Button } from "./react.js";
+describe("Button React SSR", () => {
+    test("renders fullWidth as the full-width attribute", () => {
+        const html = renderToString(React.createElement(Button, { fullWidth: true }, "Full width"));
+        expect(html).toContain("full-width");
+        expect(html).not.toContain("fullWidth");
     });
-    test('renders iconOnly as the icon-only attribute', () => {
-        const html = renderToString(React.createElement(Button, { iconOnly: true }, 'Icon only'));
-        expect(html).toContain('icon-only');
-        expect(html).not.toContain('iconOnly');
+    test("renders iconOnly as the icon-only attribute", () => {
+        const html = renderToString(React.createElement(Button, { iconOnly: true }, "Icon only"));
+        expect(html).toContain("icon-only");
+        expect(html).not.toContain("iconOnly");
     });
 });

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

@@ -1,10 +1,10 @@
-import type { Meta, StoryObj } from '@storybook/web-components-vite';
-import type { WarpButton } from './button.js';
-import './button.js';
+import type { Meta, StoryObj } from "@storybook/web-components-vite";
+import type { WarpButton } from "./button.js";
+import "./button.js";
 declare const args: Partial<WarpButton> & {
     [key: string]: any;
 };
-import '../icon/icon.js';
+import "../icon/icon.js";
 declare const meta: Meta<typeof args>;
 export default meta;
 type Story = StoryObj<typeof args>;