npm - @saasbase-io/core-elements - Versions diffs - 1.22.1 → 2.0.0 - Mend

@saasbase-io/core-elements 1.22.1 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (103) hide show

package/dist/stories/preview.stories.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/web-components';
+import { Meta, StoryObj } from '@storybook/web-components-vite';
 declare const meta: Meta;
 export default meta;
 type Story = StoryObj;

package/dist/styles.css CHANGED Viewed

@@ -776,9 +776,6 @@ video {
 .sb-basis-auto{
   flex-basis: auto;
 }
-.sb-basis-full{
-  flex-basis: 100%;
-}
 .-sb-translate-y-1\/2{
   --tw-translate-y: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1276,10 +1273,6 @@ body {
   }
 }
-.\[\&\>\[data-slot\=field\]\]\:sb-flex-wrap>[data-slot=field]{
-  flex-wrap: wrap;
-}
 @import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&display=swap');

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@saasbase-io/core-elements",
-  "version": "1.22.1",
+  "version": "2.0.0",
   "license": "MIT",
   "description": "A collection saas based related components",
   "main": "dist/index.js",

package/dist/components/renderers/_updated/index.d.ts DELETED Viewed

@@ -1,14 +0,0 @@
-export * from './error';
-export * from './field';
-export * from './form';
-export * from './passkey-button';
-export * from './provider';
-export * from './gap/gap';
-export * from './header/header';
-export * from './logo/logo';
-export * from './otp/otp';
-export * from './subtitle/subtitle';
-export * from './container/container';
-export * from './title/title';
-export * from './watermark';
-export * from './countdown/countdown';

package/dist/components/renderers/renderElement.d.ts DELETED Viewed

@@ -1,4 +0,0 @@
-import { TemplateResult } from '../../../node_modules/lit';
-import { UIElement } from '../../types';
-import { SaasBaseLayout } from '..';
-export declare function renderElement(component: SaasBaseLayout, element: UIElement | string, theme?: "light" | "dark"): TemplateResult<1>;

package/dist/components/renderers/sb-button-renderer.d.ts DELETED Viewed

@@ -1,35 +0,0 @@
-import { LitElement } from '../../../node_modules/lit';
-import { Button, Style } from '../../types';
-import { SaasBaseLayout } from '../wrappers';
-export declare class SbButtonRenderer extends LitElement {
-    element: {
-        element_type: "button";
-        id: string;
-        properties: Button;
-        style: Style;
-        class: string;
-    };
-    component: SaasBaseLayout;
-    private theme;
-    private observer?;
-    /**
-     * Overrides the default behaviour to render into the light DOM.
-     */
-    protected createRenderRoot(): this;
-    private get _disabled();
-    private get _loading();
-    /**
-     * Ensures that whenever the parent component updates,
-     * this button renderer also re-renders.
-     */
-    private patchComponentUpdate;
-    /**
-     * Watches the global theme (data-theme attr on <html>)
-     */
-    private observeThemeChanges;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private _onClick;
-    private _renderIcon;
-    render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
-}

package/dist/components/renderers/sb-checkbox-renderer.d.ts DELETED Viewed

@@ -1,29 +0,0 @@
-import { LitElement } from '../../../node_modules/lit';
-import { Checkbox, Style } from '../../types';
-import { SaasBaseLayout } from '../wrappers';
-export declare class SbCheckboxRenderer extends LitElement {
-    element: {
-        element_type: "checkbox";
-        id: string;
-        properties: Checkbox;
-        style: Style;
-        class: string;
-        data_key?: string;
-    };
-    component: SaasBaseLayout;
-    /**
-     * Overrides the default behaviour to render into the light DOM.
-     */
-    protected createRenderRoot(): this;
-    private get _fieldKey();
-    private get _checked();
-    private get _errors();
-    private patchComponentUpdate;
-    connectedCallback(): void;
-    private _handleChange;
-    private _handleFocus;
-    private _toggleCheckboxFromLabel;
-    private _renderLabel;
-    private _renderError;
-    render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
-}

package/dist/components/renderers/sb-container-renderer.d.ts DELETED Viewed

@@ -1,23 +0,0 @@
-import { LitElement, PropertyValues } from '../../../node_modules/lit';
-import { Container, Style } from '../../types';
-import { SaasBaseLayout } from '..';
-export declare class SbContainerRenderer extends LitElement {
-    element: {
-        element_type: "container";
-        id: string;
-        properties: Container;
-        style: Style;
-        class: string;
-    };
-    component: SaasBaseLayout;
-    private prevChildCount;
-    private prevContainerWidth;
-    private widthUpdateScheduled;
-    protected firstUpdated(changedProperties: PropertyValues): Promise<void>;
-    protected updated(changedProperties: PropertyValues): Promise<void>;
-    private updateWidthsIfNeeded;
-    protected createRenderRoot(): this;
-    private get containerStyles();
-    private renderChildren;
-    render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
-}

package/dist/components/renderers/sb-countdown-renderer.d.ts DELETED Viewed

@@ -1,24 +0,0 @@
-import { LitElement } from '../../../node_modules/lit';
-import { CountdownProperties, Style } from '../../types';
-import { SaasBaseLayout } from '../wrappers';
-export declare class SbCountdownRenderer extends LitElement {
-    element: {
-        element_type: "countdown";
-        id: string;
-        properties: CountdownProperties;
-        style: Style;
-        class: string;
-    };
-    component: SaasBaseLayout;
-    private seconds;
-    private timerId;
-    protected createRenderRoot(): this;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private initializeCountdown;
-    private startTimer;
-    private completeCountdown;
-    private clearTimer;
-    private renderContent;
-    render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
-}

package/dist/components/renderers/sb-divider-renderer.d.ts DELETED Viewed

@@ -1,18 +0,0 @@
-import { LitElement } from '../../../node_modules/lit';
-import { Divider, Style } from '../../types';
-import { SaasBaseLayout } from '../wrappers';
-export declare class SbDividerRenderer extends LitElement {
-    element: {
-        element_type: "divider";
-        id: string;
-        properties: Divider;
-        style: Style;
-        class: string;
-    };
-    component: SaasBaseLayout;
-    /**
-     * Overrides the default behaviour to render into the light DOM.
-     */
-    protected createRenderRoot(): this;
-    render(): import('../../../node_modules/lit-html').TemplateResult | null;
-}

package/dist/components/renderers/sb-error-renderer.d.ts DELETED Viewed

@@ -1,21 +0,0 @@
-import { LitElement } from '../../../node_modules/lit';
-import { Error, Style } from '../../types';
-import { SaasBaseLayout } from '../wrappers';
-export declare class SbErrorRenderer extends LitElement {
-    element: {
-        element_type: "error";
-        id: string;
-        properties: Error;
-        style: Style;
-        class: string;
-    };
-    component: SaasBaseLayout;
-    /**
-     * Overrides the default behaviour to render into the light DOM.
-     */
-    protected createRenderRoot(): this;
-    private _renderIcon;
-    private _renderTitle;
-    private _renderDescription;
-    render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
-}

package/dist/components/renderers/sb-gap-renderer.d.ts DELETED Viewed

@@ -1,15 +0,0 @@
-import { LitElement } from '../../../node_modules/lit';
-import { Gap, Style } from '../../types';
-import { SaasBaseLayout } from '../wrappers';
-export declare class SbGapRenderer extends LitElement {
-    element: {
-        element_type: "gap";
-        id: string;
-        properties: Gap;
-        style: Style;
-        class: string;
-    };
-    component: SaasBaseLayout;
-    protected createRenderRoot(): this;
-    render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
-}

package/dist/components/renderers/sb-html-renderer.d.ts DELETED Viewed

@@ -1,18 +0,0 @@
-import { LitElement } from '../../../node_modules/lit';
-import { Html, Style } from '../../types';
-import { SaasBaseLayout } from '../wrappers';
-export declare class SbHtmlRenderer extends LitElement {
-    element: {
-        element_type: "html";
-        id: string;
-        properties: Html;
-        style: Style;
-        class: string;
-    };
-    component: SaasBaseLayout;
-    protected createRenderRoot(): this;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private _onClick;
-    render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
-}

package/dist/components/renderers/sb-image-renderer.d.ts DELETED Viewed

@@ -1,20 +0,0 @@
-import { LitElement } from '../../../node_modules/lit';
-import { Image, Style } from '../../types';
-import { SaasBaseLayout } from '../wrappers';
-export declare class SbImage extends LitElement {
-    element: {
-        element_type: "image";
-        id: string;
-        properties: Image;
-        style: Style;
-        class: string;
-    };
-    component: SaasBaseLayout;
-    private theme;
-    private observer?;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private getTheme;
-    protected createRenderRoot(): this;
-    render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
-}

package/dist/components/renderers/sb-input-renderer.d.ts DELETED Viewed

@@ -1,33 +0,0 @@
-import { LitElement, PropertyValues } from '../../../node_modules/lit';
-import { Input, Style } from '../../types';
-import { SaasBaseLayout } from '../wrappers';
-export declare class SbInputRenderer extends LitElement {
-    element: {
-        element_type: "input";
-        id: string;
-        properties: Input;
-        style: Style;
-        class: string;
-        autocomplete: string;
-        data_key?: string;
-    };
-    component: SaasBaseLayout;
-    /**
-     * Overrides the default behaviour to render into the light DOM.
-     */
-    protected createRenderRoot(): this;
-    private get _key();
-    private get _errors();
-    private get _invalid();
-    private patchComponentRequestUpdate;
-    private _initValue;
-    connectedCallback(): void;
-    protected updated(_changedProperties: PropertyValues): void;
-    private _onInput;
-    private _onFocus;
-    private _onBlur;
-    private _renderLabel;
-    private _renderHint;
-    private _renderError;
-    render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
-}

package/dist/components/renderers/sb-label-renderer.d.ts DELETED Viewed

@@ -1,18 +0,0 @@
-import { LitElement } from '../../../node_modules/lit';
-import { Label, Style } from '../../types';
-import { SaasBaseLayout } from '../wrappers';
-export declare class SbLabelRenderer extends LitElement {
-    element: {
-        element_type: "label";
-        id: string;
-        properties: Label;
-        style: Style;
-        class: string;
-    };
-    component: SaasBaseLayout;
-    /**
-     * Overrides the default behaviour to render into the light DOM.
-     */
-    protected createRenderRoot(): this;
-    render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
-}

package/dist/components/renderers/sb-logo-renderer.d.ts DELETED Viewed

@@ -1,20 +0,0 @@
-import { LitElement } from '../../../node_modules/lit';
-import { Logo, Style } from '../../types';
-import { SaasBaseLayout } from '..';
-export declare class SbLogoRenderer extends LitElement {
-    element: {
-        element_type: "logo";
-        id: string;
-        properties: Logo;
-        style: Style;
-        class: string;
-    };
-    component: SaasBaseLayout;
-    private theme;
-    private observer?;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private getTheme;
-    protected createRenderRoot(): this;
-    render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
-}

package/dist/components/renderers/sb-otp-renderer.d.ts DELETED Viewed

@@ -1,31 +0,0 @@
-import { LitElement } from '../../../node_modules/lit';
-import { OTP, Style } from '../../types';
-import { SaasBaseLayout } from '../wrappers';
-export declare class SbOtpRenderer extends LitElement {
-    element: {
-        element_type: "otp";
-        id: string;
-        properties: OTP;
-        style: Style;
-        class: string;
-        data_key?: string;
-    };
-    component: SaasBaseLayout;
-    /**
-     * Overrides the default behaviour to render into the light DOM.
-     */
-    protected createRenderRoot(): this;
-    private patchComponentRequestUpdate;
-    connectedCallback(): void;
-    private _onComplete;
-    private _onFocus;
-    private _onBlur;
-    /**
-     * Builds the OTP group/separator/slot structure as a plain HTML string so it
-     * can be embedded via unsafeStatic. This is required because rtg-input-otp
-     * reads this.childNodes in its constructor; Lit's dynamic ChildPart would only
-     * deliver nodes after construction, causing them to land outside the container.
-     */
-    private _buildOTPContentHTML;
-    render(): import('../../../node_modules/lit-html').TemplateResult | null;
-}

package/dist/components/renderers/sb-spinner-renderer.d.ts DELETED Viewed

@@ -1,15 +0,0 @@
-import { LitElement } from '../../../node_modules/lit';
-import { Spinner, Style } from '../../types';
-import { SaasBaseLayout } from '../wrappers';
-export declare class SbSpinnerRenderer extends LitElement {
-    element: {
-        element_type: "spinner";
-        id: string;
-        properties: Spinner;
-        style: Style;
-        class: string;
-    };
-    component: SaasBaseLayout;
-    protected createRenderRoot(): this;
-    render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
-}

package/dist/components/renderers/sb-text-renderer.d.ts DELETED Viewed

@@ -1,15 +0,0 @@
-import { LitElement } from '../../../node_modules/lit';
-import { Text, Style } from '../../types';
-import { SaasBaseLayout } from '../wrappers';
-export declare class SbTextRenderer extends LitElement {
-    element: {
-        element_type: "text";
-        id: string;
-        properties: Text;
-        style: Style;
-        class: string;
-    };
-    component: SaasBaseLayout;
-    protected createRenderRoot(): this;
-    render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
-}

package/dist/components/renderers/sb-watermark-renderer.d.ts DELETED Viewed

@@ -1,23 +0,0 @@
-import { LitElement } from '../../../node_modules/lit';
-import { Watermark, Style } from '../../types';
-export declare class SbWatermarkRenderer extends LitElement {
-    element: {
-        element_type: "watermark";
-        id: string;
-        properties: Watermark;
-        style: Style;
-        class: string;
-    };
-    private theme;
-    private observer?;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private getTheme;
-    protected createRenderRoot(): this;
-    render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "sb-watermark-renderer": SbWatermarkRenderer;
-    }
-}

package/dist/components/wrappers/layout/validation.d.ts DELETED Viewed

@@ -1,15 +0,0 @@
-import { UIElement } from '../../../types';
-import { SaasBaseLayout } from './layout';
-export declare function collectDataKeys(element: UIElement): Record<string, unknown>;
-export declare function validateField(component: SaasBaseLayout, key: string, eventType: "change" | "blur" | "submit"): void;
-export declare function validateAll(component: SaasBaseLayout, eventType?: "change" | "blur" | "submit"): void;
-export declare function validateRequired(value: unknown, element?: UIElement): boolean;
-export declare function validateMinLength(value: unknown, length?: number): boolean;
-export declare function validateMaxLength(value: unknown, length?: number): boolean;
-export declare function validateMinValue(value: unknown, min?: number | string): boolean;
-export declare function validateMaxValue(value: unknown, max?: number | string): boolean;
-export declare function validateRegex(value: unknown, regex?: string): boolean;
-export declare function validateFieldMatch(value: unknown, fieldValue?: unknown): boolean;
-export declare function validateEmail(value: unknown): boolean;
-export declare function validatePhone(value: unknown): boolean;
-export declare function validateDate(value: unknown): boolean;