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

package/dist/packages/modal/util.js

@@ -0,0 +1,21 @@
+export const CanCloseMixin = (superClass) => class extends superClass {
+    constructor() {
+        super(...arguments);
+        this.patchClose = true;
+        this._close = null;
+    }
+    close() {
+        this._close();
+    }
+};
+export const ProvidesCanCloseToSlotsMixin = (superClass) => class extends superClass {
+    // HACK: slot-props don't seem to exist and neither does the context pattern for this
+    /** @param {Event} evt */
+    handleSlotChange(evt) {
+        const children = evt.target.assignedNodes({ flatten: true });
+        for (const child of children.filter((e) => e.patchClose)) {
+            // @ts-expect-error users have to implement the close method
+            child._close = () => this.close();
+        }
+    }
+};

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

@@ -1,34 +1,50 @@
-declare const WarpPill_base: {
-    new (): {
-        [x: string]: any;
-    };
-    [x: string]: any;
-    createProperty(name: any, options: any): void;
+import { LitElement } from 'lit';
+import '@warp-ds/icons/elements/close-16';
+export declare const pillStyles: {
+    wrapper: string;
+    button: string;
+    suggestion: string;
+    filter: string;
+    label: string;
+    labelWithoutClose: string;
+    labelWithClose: string;
+    close: string;
+    closeIcon: string;
+    a11y: string;
 };
-export class WarpPill extends WarpPill_base {
-    static styles: (import("lit").CSSResult | CSSStyleSheet | import("lit").CSSResultArray)[][];
-    static properties: {
-        canClose: {
-            type: BooleanConstructor;
-        };
-        suggestion: {
-            type: BooleanConstructor;
-        };
-        openSrLabel: {
-            type: StringConstructor;
-        };
-        closeSrLabel: {
-            type: StringConstructor;
-        };
-    };
+/**
+ * Pill is a type of button that is often used as a filter, but can also be used as a rounded button for overlays, etc.
+ *
+ * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-pill--docs)
+ */
+declare class WarpPill extends LitElement {
     canClose: boolean;
     suggestion: boolean;
+    /**
+     * @deprecated Used "open-arial-label" instead.
+     */
+    openSrLabel: string;
+    openAriaLabel: string;
+    /**
+     * @deprecated Used "close-arial-label" instead.
+     */
+    closeSrLabel: string;
+    closeAriaLabel: string;
+    /** @internal */
     openFilterSrText: string;
+    /** @internal */
     removeFilterSrText: string;
+    static styles: import("lit").CSSResult[];
+    constructor();
+    /** @internal */
     get _labelClasses(): string;
+    /** @internal */
     get _closeClasses(): string;
+    /** @internal */
     _onClick(): void;
+    /** @internal */
     _onClose(): void;
+    connectedCallback(): void;
     render(): import("lit").TemplateResult<1>;
 }
-export {};
+export { WarpPill };