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

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

@@ -0,0 +1,4 @@
+import { WarpTabs, WarpTab, WarpTabPanel } from './index.js';
+export declare const Tabs: import("@lit/react").ReactWebComponent<WarpTabs, {}>;
+export declare const Tab: import("@lit/react").ReactWebComponent<WarpTab, {}>;
+export declare const TabPanel: import("@lit/react").ReactWebComponent<WarpTabPanel, {}>;

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

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

package/dist/packages/tabs/tab-panel.d.ts

@@ -0,0 +1,20 @@
+import { LitElement, PropertyValues } from 'lit';
+/**
+ * Tab panel component that holds content for individual tabs.
+ * Each tab panel should have a name that matches a corresponding tab.
+ *
+ * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)
+ */
+export declare class WarpTabPanel extends LitElement {
+    static styles: import("lit").CSSResult[];
+    name: string;
+    hidden: boolean;
+    connectedCallback(): void;
+    updated(changedProperties: PropertyValues<this>): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'w-tab-panel': WarpTabPanel;
+    }
+}

package/dist/packages/tabs/tab.d.ts

@@ -0,0 +1,23 @@
+import { LitElement } from 'lit';
+/**
+ * Individual tab component used within w-tabs container.
+ *
+ * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)
+ */
+export declare class WarpTab extends LitElement {
+    static styles: import("lit").CSSResult[];
+    name: string;
+    label: string;
+    active: boolean;
+    over: boolean;
+    tabClass: string;
+    private _handleClick;
+    private get _classes();
+    private get _hasChildren();
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'w-tab': WarpTab;
+    }
+}

package/dist/packages/tabs/tabs.d.ts

@@ -0,0 +1,38 @@
+import { LitElement, PropertyValues } from 'lit';
+export interface TabChangeEvent {
+    name: string;
+}
+/**
+ * Tabs are used to organize content by grouping similar information on the same page.
+ *
+ * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)
+ */
+export declare class WarpTabs extends LitElement {
+    static styles: import("lit").CSSResult[];
+    active: string;
+    tabClass: string;
+    private tabList;
+    private selectionIndicator;
+    private _activeTab;
+    private _resizeObserver?;
+    private _updateSelectionIndicatorDebounced;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    updated(changedProperties: PropertyValues<this>): void;
+    private _initializeActiveTab;
+    private _handleTabClick;
+    private _notifyTabChange;
+    private updateSelectionIndicator;
+    private updatePanels;
+    private _handleKeyDown;
+    private get _tabCount();
+    private get _gridClass();
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'w-tabs': WarpTabs;
+    }
+}

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

@@ -0,0 +1,8 @@
+import './index.js';
+declare const meta: {
+    title: string;
+};
+export default meta;
+export declare const Default: () => import("lit").TemplateResult<1>;
+export declare const WithIcons: () => import("lit").TemplateResult<1>;
+export declare const ManyTabs: () => import("lit").TemplateResult<1>;

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

@@ -1,83 +1,81 @@
-declare const WarpTextField_base: {
-    new (): {
-        [x: string]: any;
-    };
-    [x: string]: any;
-    createProperty(name: any, options: any): void;
+import { LitElement, PropertyValues } from 'lit';
+export declare const ccinput: {
+    wrapper: string;
+    base: string;
+    default: string;
+    disabled: string;
+    invalid: string;
+    readOnly: string;
+    placeholder: string;
+    suffix: string;
+    prefix: string;
+    textArea: string;
+};
+export declare const ccLabel: {
+    base: string;
+    optional: string;
 };
-export class WarpTextField extends WarpTextField_base {
-    static properties: {
-        disabled: {
-            type: BooleanConstructor;
-        };
-        invalid: {
-            type: BooleanConstructor;
-        };
-        id: {
-            type: StringConstructor;
-        };
-        label: {
-            type: StringConstructor;
-        };
-        helpText: {
-            type: StringConstructor;
-        };
-        size: {
-            type: StringConstructor;
-        };
-        max: {
-            type: NumberConstructor;
-        };
-        min: {
-            type: NumberConstructor;
-        };
-        minLength: {
-            type: NumberConstructor;
-        };
-        maxLength: {
-            type: NumberConstructor;
-        };
-        name: {
-            type: StringConstructor;
-        };
-        pattern: {
-            type: StringConstructor;
-        };
-        placeholder: {
-            type: StringConstructor;
-        };
-        readOnly: {
-            type: BooleanConstructor;
-        };
-        required: {
-            type: BooleanConstructor;
-        };
-        type: {
-            type: StringConstructor;
-        };
-        value: {
-            type: StringConstructor;
-        };
-        _hasPrefix: {
-            state: boolean;
-        };
-        _hasSuffix: {
-            state: boolean;
-        };
+export declare const ccHelpText: {
+    base: string;
+    color: string;
+    colorInvalid: string;
+};
+declare const WarpTextField_base: import("@open-wc/form-control").Constructor<import("@open-wc/form-control").FormControlInterface> & typeof LitElement;
+/**
+ * A single line text input element.
+ *
+ * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-textfield--docs)
+ */
+declare class WarpTextField extends WarpTextField_base {
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
     };
-    static styles: any[];
+    disabled: boolean;
+    invalid: boolean;
+    id: string;
+    label: string;
+    helpText: string;
+    size: string;
+    max: number;
+    min: number;
+    minLength: number;
+    maxLength: number;
+    pattern: string;
+    placeholder: string;
+    readOnly: boolean;
+    required: boolean;
     type: string;
-    get _inputStyles(): string;
-    get _helpTextStyles(): string;
+    value: string;
+    name: string;
+    /** @internal */
+    _hasPrefix: boolean;
+    /** @internal */
+    _hasSuffix: boolean;
+    updated(changedProperties: PropertyValues<this>): void;
+    static styles: import("lit").CSSResult[];
+    /** @internal */
+    get _inputstyles(): string;
+    /** @internal */
+    get _helptextstyles(): string;
+    /** @internal */
     get _label(): import("lit").TemplateResult<1>;
+    /** @internal */
     get _helpId(): string;
+    /** @internal */
     get _id(): string;
+    /** @internal */
     get _error(): string;
-    handler(e: any): void;
-    prefixSlotChange(e: any): void;
-    _hasPrefix: boolean;
-    suffixSlotChange(e: any): void;
-    _hasSuffix: boolean;
+    handler(e: Event): void;
+    prefixSlotChange(): void;
+    suffixSlotChange(): void;
     render(): import("lit").TemplateResult<1>;
 }
-export {};
+export { WarpTextField };
+declare global {
+    interface HTMLElementTagNameMap {
+        'w-textfield': WarpTextField;
+    }
+}