@warp-ds/elements 2.2.0-next.1 → 2.2.0-next.10

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

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

package/dist/packages/breadcrumbs/styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

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

@@ -0,0 +1,21 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+import type { WarpButton } from './index.js';
+import './index.js';
+declare const args: Partial<WarpButton> & {
+    [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 Utility: Story;
+export declare const Link: Story;
+export declare const Pill: Story;
+export declare const Small: Story;
+export declare const Quiet: Story;
+export declare const Loading: Story;
+export declare const FullWidth: Story;
+export declare const AsLink: Story;
+export declare const FormControl: Story;

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

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

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

@@ -1,70 +1,125 @@
-declare const WarpButton_base: {
-    new (): {
-        [x: string]: any;
-    };
-    [x: string]: any;
-    createProperty(name: any, options: any): void;
+import { LitElement, PropertyValues } from 'lit';
+import '../link';
+type ButtonVariant = 'primary' | 'secondary' | 'negative' | 'utility' | 'pill' | 'link';
+type ButtonType = 'button' | 'submit' | 'reset';
+export declare const ccButton: {
+    secondary: string;
+    secondaryHref: string;
+    secondaryDisabled: string;
+    secondarySmall: string;
+    secondarySmallDisabled: string;
+    secondaryQuiet: string;
+    secondaryQuietDisabled: string;
+    secondarySmallQuiet: string;
+    secondarySmallQuietDisabled: string;
+    secondaryLoading: string;
+    secondarySmallLoading: string;
+    secondarySmallQuietLoading: string;
+    secondaryQuietLoading: string;
+    primary: string;
+    primaryDisabled: string;
+    primarySmall: string;
+    primarySmallDisabled: string;
+    primaryQuiet: string;
+    primaryQuietDisabled: string;
+    primarySmallQuiet: string;
+    primarySmallQuietDisabled: string;
+    primaryLoading: string;
+    primarySmallLoading: string;
+    primarySmallQuietLoading: string;
+    primaryQuietLoading: string;
+    utility: string;
+    utilityDisabled: string;
+    utilityQuiet: string;
+    utilityQuietDisabled: string;
+    utilitySmall: string;
+    utilitySmallDisabled: string;
+    utilitySmallQuiet: string;
+    utilitySmallQuietDisabled: string;
+    utilityLoading: string;
+    utilitySmallLoading: string;
+    utilityQuietLoading: string;
+    utilitySmallQuietLoading: string;
+    negative: string;
+    negativeDisabled: string;
+    negativeQuiet: string;
+    negativeQuietDisabled: string;
+    negativeSmall: string;
+    negativeSmallDisabled: string;
+    negativeSmallQuiet: string;
+    negativeSmallQuietDisabled: string;
+    negativeLoading: string;
+    negativeSmallLoading: string;
+    negativeQuietLoading: string;
+    negativeSmallQuietLoading: string;
+    pill: string;
+    pillSmall: string;
+    pillLoading: string;
+    pillSmallLoading: string;
+    link: string;
+    linkSmall: string;
+    linkAsButton: string;
+    a11y: string;
+    fullWidth: string;
+    contentWidth: string;
 };
-export class WarpButton extends WarpButton_base {
-    static shadowRootOptions: any;
-    static properties: {
-        type: {
-            type: number;
-            reflect: boolean;
-        };
-        autofocus: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-        variant: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        quiet: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-        small: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-        loading: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-        href: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        target: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        rel: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        fullWidth: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-        buttonClass: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
+declare const WarpButton_base: import("@open-wc/form-control").Constructor<import("@open-wc/form-control").FormControlInterface> & typeof LitElement;
+/**
+ * Buttons are used to perform actions, widh different visuals for different needs.
+ *
+ * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-button--docs)
+ */
+declare class WarpButton extends WarpButton_base {
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
     };
-    static styles: any[];
-    variant: string;
+    type: ButtonType;
+    autofocus: boolean;
+    variant: ButtonVariant;
+    /**
+     * @type {boolean}
+     */
+    quiet: boolean;
+    small: boolean;
+    loading: boolean;
+    href: string;
+    target: string;
+    rel: string;
+    fullWidth: boolean;
+    buttonClass: string;
+    name: string;
+    value: string;
+    /** @internal */
     ariaValueTextLoading: string;
+    static styles: import("lit").CSSResult[];
+    updated(changedProperties: PropertyValues<this>): void;
+    constructor();
     connectedCallback(): void;
     firstUpdated(): void;
+    /** @internal */
     get _primaryClasses(): string[];
+    /** @internal */
     get _secondaryClasses(): string[];
+    /** @internal */
     get _utilityClasses(): string[];
+    /** @internal */
     get _negativeClasses(): string[];
+    /** @internal */
     get _pillClasses(): string[];
+    /** @internal */
     get _linkClasses(): string[];
+    /** @internal */
     get _classes(): string;
+    /** @internal */
+    _handleButtonClick(): void;
     render(): import("lit").TemplateResult<1>;
 }
-export {};
+export { WarpButton };
+declare global {
+    interface HTMLElementTagNameMap {
+        'w-button': WarpButton;
+    }
+}