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

package/dist/packages/toast/toast-container.d.ts

@@ -7,8 +7,8 @@
  * @property   {(number|string)}                      [duration]  Duration of toast in milliseconds. Defaults to 5000. For accessibility reasons, toasts should never be interactive and therefore need to auto remove. If you must disable auto remove, set duration to Number.POSITIVE_INFINITY.
  * @property   {Boolean}                              [canClose]  Whether the toast can be dismissed. Defaults to false. WARNING! For accessibility reasons, toasts should not be interactive and canclose should always be false. If the toast absolutely must be dismissble, set this to true.
  */
-export class WarpToastContainer {
-    static styles: any[];
+export class WarpToastContainer extends WarpElement {
+    static styles: (import("lit").CSSResult | (import("lit").CSSResult | CSSStyleSheet | import("lit").CSSResultArray)[])[];
     static properties: {
         _toasts: {
             state: boolean;
@@ -16,9 +16,7 @@ export class WarpToastContainer {
     };
     static init(): Element;
     _toasts: Map<any, any>;
-    connectedCallback(): void;
     _interval: NodeJS.Timeout;
-    disconnectedCallback(): void;
     get _toastsArray(): any[];
     /**
      *
@@ -65,3 +63,4 @@ export type ToastOptions = {
      */
     canClose?: boolean;
 };
+import WarpElement from '@warp-ds/elements-core';

package/dist/packages/toast/toast.d.ts

@@ -1,5 +1,5 @@
-export class WarpToast {
-    static styles: any[];
+export class WarpToast extends WarpElement {
+    static styles: (import("lit").CSSResult | (import("lit").CSSResult | CSSStyleSheet | import("lit").CSSResultArray)[])[];
     static properties: {
         id: {
             type: StringConstructor;
@@ -22,15 +22,12 @@ export class WarpToast {
             reflect: boolean;
         };
     };
-    id: string;
     type: string;
     text: string;
     canclose: boolean;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
     updated(): void;
     _expanded: boolean;
-    get _wrapper(): any;
+    get _wrapper(): HTMLElement;
     get _warning(): boolean;
     get _error(): boolean;
     get _role(): "alert" | "status";
@@ -41,3 +38,4 @@ export class WarpToast {
     render(): import("lit").TemplateResult<1>;
     #private;
 }
+import WarpElement from '@warp-ds/elements-core';

package/dist/packages/utils/expand-transition.d.ts

@@ -1,4 +1,4 @@
-export class ExpandTransition {
+export class ExpandTransition extends WarpElement {
     static properties: {
         show: {
             type: BooleanConstructor;
@@ -9,7 +9,7 @@ export class ExpandTransition {
             state: boolean;
         };
     };
-    static styles: any[];
+    static styles: (import("lit").CSSResult | (import("lit").CSSResult | CSSStyleSheet | import("lit").CSSResultArray)[])[];
     show: boolean;
     _mounted: boolean;
     _removeElement: boolean;
@@ -18,3 +18,4 @@ export class ExpandTransition {
     get _wrapper(): this;
     render(): import("lit").TemplateResult<1>;
 }
+import WarpElement from '@warp-ds/elements-core';

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

@@ -6,5 +6,5 @@ export function kebabCaseAttributes(constructor: any): {
     createProperty(name: any, options: any): void;
 };
 export function classes(defn: any): string;
-export function fclasses(definition: any): import(".pnpm/lit-html@3.2.0/node_modules/lit-html/directive").DirectiveResult<typeof import("lit/directives/class-map").ClassMapDirective>;
+export function fclasses(definition: any): import(".pnpm/lit-html@3.2.0/node_modules/lit-html/directive.js").DirectiveResult<typeof import("lit/directives/class-map.js").ClassMapDirective>;
 export function generateRandomId(): string;

package/dist/packages/utils/unstyled-heading.d.ts

@@ -1,10 +1,11 @@
-export class UnstyledHeading {
+export class UnstyledHeading extends WarpElement {
     static properties: {
         level: {
             type: NumberConstructor;
         };
     };
-    static styles: any[];
+    static styles: (import("lit").CSSResult | CSSStyleSheet | import("lit").CSSResultArray)[][];
     get _markup(): string;
-    render(): import(".pnpm/lit-html@3.2.0/node_modules/lit-html/directive").DirectiveResult<typeof import("lit/directives/unsafe-html").UnsafeHTMLDirective>;
+    render(): import(".pnpm/lit-html@3.2.0/node_modules/lit-html/directive.js").DirectiveResult<typeof import("lit/directives/unsafe-html.js").UnsafeHTMLDirective>;
 }
+import WarpElement from '@warp-ds/elements-core';

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@warp-ds/elements",
   "type": "module",
-  "version": "2.2.0-next.2",
+  "version": "2.2.0-next.3",
+  "packageManager": "pnpm@10.15.0",
   "description": "Custom elements for Warp",
   "exports": {
     ".": "./dist/index.js",
@@ -39,8 +40,7 @@
     "messages:extract": "lingui extract",
     "preview:docs": "vite preview",
     "semantic-release": "semantic-release",
-    "test:snapshot": "TAP_SNAPSHOT=1 tap ./packages/**/test.js --no-check-coverage",
-    "test": "tap ./packages/**/test.js --no-check-coverage",
+    "test": "vitest",
     "watch:npm": "npx esbuild ./index.js --outdir=dist/ --target=es2017 --bundle --sourcemap --format=esm --minify --watch"
   },
   "repository": {
@@ -66,29 +66,32 @@
     "@types/node": "20.14.10",
     "@warp-ds/eslint-config": "1.0.5",
     "@warp-ds/uno": "2.1.0",
-    "cors": "2.8.5",
     "cz-conventional-changelog": "3.3.0",
     "element-collapse": "1.1.0",
     "esbuild": "0.23.0",
     "eslint": "8.57.0",
+    "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-lit": "1.14.0",
+    "eslint-plugin-prettier": "^5.5.4",
     "express": "4.19.2",
     "glob": "11.0.0",
     "html-format": "1.1.7",
     "lit": "3.x",
-    "playwright": "1.45.1",
+    "playwright": "^1.55.0",
     "prettier": "3.3.2",
     "rimraf": "6.0.1",
     "semantic-release": "24.0.0",
-    "tap": "21.0.0",
     "typescript": "5.5.3",
     "unocss": "0.x",
     "vite": "5.3.3",
     "vite-plugin-html": "3.2.2",
-    "vite-plugin-top-level-await": "1.4.1"
+    "vite-plugin-top-level-await": "1.4.1",
+    "vitest": "^3.2.4",
+    "vitest-browser-lit": "^0.1.0"
   },
   "dependencies": {
     "@lingui/core": "5.2.0",
+    "@open-wc/form-control": "^1.0.0",
     "@warp-ds/core": "1.1.8",
     "@warp-ds/css": "2.1.1",
     "@warp-ds/elements-core": "2.0.1",