@warp-ds/elements 2.2.0-next.29 → 2.2.0-next.30

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

@@ -1,96 +0,0 @@
-import React from 'react';
-import { Link } from './react';
-export default {
-    title: 'Buttons/Link',
-    render(args) {
-        return React.createElement(Link, { ...args }, "Link Button Text");
-    },
-    component: Link,
-};
-export const Primary = {
-    args: {
-        variant: 'primary',
-        href: 'http://developer.mozilla.org',
-        target: '_new',
-    },
-};
-export const Secondary = {
-    args: {
-        variant: 'secondary',
-        href: 'http://developer.mozilla.org',
-        target: '_new',
-    },
-};
-export const Negative = {
-    args: {
-        variant: 'negative',
-        href: 'http://developer.mozilla.org',
-        target: '_new',
-    },
-};
-export const NegativeQuiet = {
-    args: {
-        variant: 'negativeQuiet',
-        href: 'http://developer.mozilla.org',
-        target: '_new',
-    },
-};
-export const Utility = {
-    args: {
-        variant: 'utility',
-        href: 'http://developer.mozilla.org',
-        target: '_new',
-    },
-};
-export const UtilityQuiet = {
-    args: {
-        variant: 'utilityQuiet',
-        href: 'http://developer.mozilla.org',
-        target: '_new',
-    },
-};
-export const AsALink = {
-    args: {
-        variant: 'link',
-        href: 'http://developer.mozilla.org',
-        target: '_new',
-    },
-};
-export const Pill = {
-    args: {
-        variant: 'pill',
-        href: 'http://developer.mozilla.org',
-        target: '_new',
-    },
-    render(args) {
-        return React.createElement(Link, { ...args }, "\uD83D\uDC99");
-    },
-};
-export const Small = {
-    args: {
-        variant: 'primary',
-        small: true,
-        href: 'http://developer.mozilla.org',
-        target: '_new',
-    },
-};
-export const Quiet = {
-    args: {
-        variant: 'secondary',
-        quiet: true,
-        href: 'http://developer.mozilla.org',
-        target: '_new',
-    },
-};
-export const FullWidth = {
-    args: {
-        variant: 'primary',
-        fullWidth: true,
-        href: 'http://developer.mozilla.org',
-        target: '_new',
-    },
-    render(args) {
-        return (React.createElement("div", { className: "w-full flex flex-col gap-8" },
-            React.createElement(Link, { ...args }, "Full width")));
-    },
-};

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

@@ -1,20 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/web-components-vite';
-import type { WarpLink } from './index.js';
-import './index.js';
-declare const args: Partial<WarpLink> & {
-    [key: string]: any;
-};
-declare const meta: Meta<typeof args>;
-export default meta;
-type Story = StoryObj<typeof args>;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Negative: Story;
-export declare const NegativeQuiet: Story;
-export declare const Utility: Story;
-export declare const UtilityQuiet: Story;
-export declare const Link: Story;
-export declare const Pill: Story;
-export declare const Small: Story;
-export declare const Quiet: Story;
-export declare const FullWidth: Story;

package/dist/packages/link/link.stories.js

@@ -1,110 +0,0 @@
-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 './index.js';
-const { events, args, argTypes } = getStorybookHelpers('w-link');
-const meta = {
-    title: 'Buttons/Link',
-    render(args) {
-        return html `<w-link ${spread(prespread(args))}>Link Button Text</w-link>`;
-    },
-    args,
-    argTypes,
-    parameters: {
-        actions: {
-            handles: events,
-        },
-    },
-};
-export default meta;
-export const Primary = {
-    args: {
-        variant: 'primary',
-        href: 'http://developer.mozilla.org',
-        target: '_new',
-    },
-};
-export const Secondary = {
-    args: {
-        variant: 'secondary',
-        href: 'http://developer.mozilla.org',
-        target: '_new',
-    },
-};
-export const Negative = {
-    args: {
-        variant: 'negative',
-        href: 'http://developer.mozilla.org',
-        target: '_new',
-    },
-};
-export const NegativeQuiet = {
-    args: {
-        variant: 'negativeQuiet',
-        href: 'http://developer.mozilla.org',
-        target: '_new',
-    },
-};
-export const Utility = {
-    args: {
-        variant: 'utility',
-        href: 'http://developer.mozilla.org',
-        target: '_new',
-    },
-};
-export const UtilityQuiet = {
-    args: {
-        variant: 'utilityQuiet',
-        href: 'http://developer.mozilla.org',
-        target: '_new',
-    },
-};
-export const Link = {
-    args: {
-        variant: 'link',
-        href: 'http://developer.mozilla.org',
-        target: '_new',
-    },
-};
-export const Pill = {
-    args: {
-        variant: 'pill',
-        href: 'http://developer.mozilla.org',
-        target: '_new',
-    },
-    render(args) {
-        return html `<w-link ${spread(prespread(args))}>💙</w-link>`;
-    },
-};
-export const Small = {
-    args: {
-        variant: 'primary',
-        small: true,
-        href: 'http://developer.mozilla.org',
-        target: '_new',
-    },
-};
-export const Quiet = {
-    args: {
-        variant: 'secondary',
-        quiet: true,
-        href: 'http://developer.mozilla.org',
-        target: '_new',
-    },
-};
-export const FullWidth = {
-    args: {
-        variant: 'primary',
-        'full-width': true,
-        href: 'http://developer.mozilla.org',
-        target: '_new',
-    },
-    render(args) {
-        return html `
-      <div class="w-full flex flex-col gap-8">
-        <w-link ${spread(prespread(args))}>Full width</w-link>
-      </div>
-    `;
-    },
-};

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

@@ -1 +0,0 @@
-import './index.js';

package/dist/packages/link/link.test.js

@@ -1,9 +0,0 @@
-import { page } from '@vitest/browser/context';
-import { html } from 'lit';
-import { expect, test } from 'vitest';
-import './index.js';
-test('renders a link with role button ', async () => {
-    const component = html `<w-link type="button" href="link yo">This is a link looking like a button</w-link>`;
-    const screen = await page.render(component);
-    await expect.element(screen.getByText('This is a link looking like a button')).toHaveAttribute('href', 'link yo');
-});

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

@@ -1,2 +0,0 @@
-import { WarpLink } from '.';
-export declare const Link: import("@lit/react").ReactWebComponent<WarpLink, {}>;

package/dist/packages/link/react.js

@@ -1,11 +0,0 @@
-import { LitElement } from 'lit';
-import { createComponent } from '@lit/react';
-import React from 'react';
-// decouple from CDN by providing a dummy class
-class Component extends LitElement {
-}
-export const Link = createComponent({
-    tagName: 'w-link',
-    elementClass: Component,
-    react: React,
-});