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

package/dist/packages/toast/locales/da/messages.mjs

@@ -0,0 +1 @@
+/*eslint-disable*/ export const messages = JSON.parse("{\"toast.aria.error\":[\"Fejl\"],\"toast.aria.successful\":[\"Fuldført\"],\"toast.aria.warning\":[\"Advarsel\"]}");

package/dist/packages/toast/locales/en/messages.mjs

@@ -0,0 +1 @@
+/*eslint-disable*/ export const messages = JSON.parse("{\"toast.aria.error\":[\"Error\"],\"toast.aria.successful\":[\"Successful\"],\"toast.aria.warning\":[\"Warning\"]}");

package/dist/packages/toast/locales/fi/messages.mjs

@@ -0,0 +1 @@
+/*eslint-disable*/ export const messages = JSON.parse("{\"toast.aria.error\":[\"Virhe\"],\"toast.aria.successful\":[\"Onnistui\"],\"toast.aria.warning\":[\"Varoitus\"]}");

package/dist/packages/toast/locales/nb/messages.mjs

@@ -0,0 +1 @@
+/*eslint-disable*/ export const messages = JSON.parse("{\"toast.aria.error\":[\"Feil\"],\"toast.aria.successful\":[\"Vellykket\"],\"toast.aria.warning\":[\"Advarsel\"]}");

package/dist/packages/toast/locales/sv/messages.mjs

@@ -0,0 +1 @@
+/*eslint-disable*/ export const messages = JSON.parse("{\"toast.aria.error\":[\"Fel\"],\"toast.aria.successful\":[\"Genomfört\"],\"toast.aria.warning\":[\"Varning\"]}");

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

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

package/dist/packages/toast/styles.js

@@ -0,0 +1,2 @@
+import { css } from 'lit';
+export const styles = css `*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.bg-transparent{background-color:#0000}.border-2{border-width:2px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.block{display:block}.flex{display:flex}.grid{display:grid}.shrink-0{flex-shrink:0}.auto-rows-auto{grid-auto-rows:auto}.overflow-hidden{overflow:hidden}.self-center{align-self:center}.bottom-16{bottom:1.6rem}.left-0{left:0}.right-0{right:0}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.fixed{position:fixed}.relative{position:relative}.static{position:static}.z-50{z-index:50}.s-bg-negative-subtle{background-color:var(--w-s-color-background-negative-subtle)}.s-bg-positive-subtle{background-color:var(--w-s-color-background-positive-subtle)}.s-bg-warning-subtle{background-color:var(--w-s-color-background-warning-subtle)}.s-text{color:var(--w-s-color-text)}.s-icon{color:var(--w-s-color-icon)}.s-icon-negative{color:var(--w-s-color-icon-negative)}.s-icon-positive{color:var(--w-s-color-icon-positive)}.s-icon-warning{color:var(--w-s-color-icon-warning)}.hover\\:s-icon-hover:hover{color:var(--w-s-color-icon-hover)}.active\\:s-icon-active:active{color:var(--w-s-color-icon-active)}.s-border-negative-subtle{border-color:var(--w-s-color-border-negative-subtle)}.s-border-positive-subtle{border-color:var(--w-s-color-border-positive-subtle)}.s-border-warning-subtle{border-color:var(--w-s-color-border-warning-subtle)}.w-full{width:100%}.h-\\[16px\\]{height:16px}.w-\\[16px\\]{width:16px}.mx-8{margin-left:.8rem;margin-right:.8rem}.mx-auto{margin-left:auto;margin-right:auto}.last-child\\:mb-0>:last-child{margin-bottom:0}.ml-auto{margin-left:auto}.mr-8{margin-right:.8rem}.mt-16{margin-top:1.6rem}.m-\\[8px\\]{margin:8px}.p-8{padding:.8rem}.py-4{padding-top:.4rem;padding-bottom:.4rem}.p-\\[8px\\]{padding:8px}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.translate-z-0{--w-translate-z:0rem;transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transform{transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:480px){.sm\\:mx-16{margin-left:1.6rem;margin-right:1.6rem}}`;

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

@@ -1,67 +1,16 @@
-/**
- * Toast helper function options
- * @typedef    {Object}                               ToastOptions
- * @property   {(number|string)}                      [id]        Custom identifier
- * @property   {('success'|'error'|'warning')}        [type]      Type of alert
- * @property   {String}                               [text]      The toast message. Only needed when updating text on existing toast
- * @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[];
-    static properties: {
-        _toasts: {
-            state: boolean;
-        };
-    };
-    static init(): Element;
-    _toasts: Map<any, any>;
+import { LitElement } from 'lit';
+import type { ToastInternal, ToastOptions } from './types';
+export declare class WarpToastContainer extends LitElement {
+    static styles: import("lit").CSSResult[];
+    private _toasts;
+    private _interval;
     connectedCallback(): void;
-    _interval: NodeJS.Timeout;
     disconnectedCallback(): void;
-    get _toastsArray(): any[];
-    /**
-     *
-     * @param {String|Number} id
-     * @returns {ToastOptions}
-     */
-    get(id: string | number): ToastOptions;
-    /**
-     *
-     * @param {Object} toast
-     * @returns {WarpToastContainer}
-     */
-    set(toast: any): WarpToastContainer;
-    /**
-     *
-     * @param {String|Number} id
-     * @returns {ToastOptions | false}
-     */
-    del(id: string | number): ToastOptions | false;
+    static init(): Element;
+    /** @internal */
+    get _toastsArray(): ToastInternal[];
+    get(id: string | number): ToastInternal | undefined;
+    set(toast: ToastOptions): Map<string | number, ToastInternal>;
+    del(id: string | number): Promise<boolean>;
     render(): import("lit").TemplateResult<1>;
 }
-/**
- * Toast helper function options
- */
-export type ToastOptions = {
-    /**
-     * Custom identifier
-     */
-    id?: (number | string);
-    /**
-     * Type of alert
-     */
-    type?: ("success" | "error" | "warning");
-    /**
-     * The toast message. Only needed when updating text on existing toast
-     */
-    text?: string;
-    /**
-     * 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.
-     */
-    duration?: (number | string);
-    /**
-     * 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.
-     */
-    canClose?: boolean;
-};