@usecapsule/core-components 3.0.1 → 3.1.0

package/dist/types/assets/icons/index.d.ts

@@ -253,6 +253,7 @@ export declare const Icons: {
     clubhouseBrand: string;
     clubhouse: string;
     copy: string;
+    cube: string;
     decentBrand: string;
     decent: string;
     discordBrand: string;
@@ -265,6 +266,8 @@ export declare const Icons: {
     eye: string;
     facebookBrand: string;
     facebook: string;
+    farcasterBrand: string;
+    farcaster: string;
     figmaBrand: string;
     figma: string;
     file: string;
@@ -279,6 +282,7 @@ export declare const Icons: {
     heroPhone: string;
     heroWallet: string;
     home: string;
+    image: string;
     infoCircle: string;
     instagramBrand: string;
     instagram: string;
@@ -288,6 +292,7 @@ export declare const Icons: {
     linkedinBrand: string;
     linkedin: string;
     mail: string;
+    menu: string;
     moreLoginOptions: string;
     phone: string;
     pintrestBrand: string;
@@ -297,11 +302,13 @@ export declare const Icons: {
     rampNetwork: string;
     redditBrand: string;
     reddit: string;
+    refresh: string;
     settings: string;
     signalBrand: string;
     signal: string;
     snapchatBrand: string;
     snapchat: string;
+    stars: string;
     telegramBrand: string;
     telegram: string;
     tikTokBrand: string;
@@ -311,6 +318,7 @@ export declare const Icons: {
     twitterBrand: string;
     twitter: string;
     wallet: string;
+    x: string;
     youtubeBrand: string;
     youtube: string;
 };

package/dist/types/components/cpsl-app-bar/cpsl-app-bar.d.ts

@@ -1,5 +1,6 @@
 export declare class CpslAppBar {
     height: number;
     position?: 'fixed' | 'static';
+    zIndexOverride?: number;
     render(): any;
 }

package/dist/types/components/cpsl-button/cpsl-button.d.ts

@@ -1,7 +1,10 @@
 export declare class CpslButton {
+    as?: 'button' | 'a';
     disabled?: boolean;
     fullWidth?: boolean;
+    href?: string;
     size?: 'small' | 'medium';
-    variant?: 'primary' | 'secondary' | 'icon';
+    target?: string;
+    variant?: 'primary' | 'secondary' | 'ghost' | 'destructive';
     render(): any;
 }

package/dist/types/components/cpsl-drawer/cpsl-drawer.d.ts

@@ -1,9 +1,18 @@
 export declare class CpslDrawer {
+    el: HTMLCpslDrawerElement;
+    closedAnchorPosition?: string;
+    showTransition: boolean;
     anchor: 'top' | 'bottom' | 'left' | 'right';
+    anchorPosition?: number;
+    noOverlay?: boolean;
     open: boolean;
-    size: number;
+    size: number | 'auto';
     transitionDuration?: number;
     transitionFunction?: string;
     variant?: 'temporary' | 'permanent';
+    zIndexOverride?: number;
+    componentDidLoad(): void;
+    private getContainerHeight;
+    private get containerEl();
     render(): any;
 }

package/dist/types/components/cpsl-file-upload/cpsl-file-upload.d.ts

@@ -0,0 +1,34 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class CpslFileUpload {
+    el: HTMLCpslFileUploadElement;
+    private inputId;
+    file?: File;
+    dragOver?: boolean;
+    dragError?: boolean;
+    isUploading?: boolean;
+    uploadError?: boolean;
+    errorText?: string;
+    externalFilename?: string;
+    externalSrc?: string;
+    fileTypes?: string[];
+    helperText?: string;
+    label?: string;
+    required: boolean;
+    showOptionalLabel: boolean;
+    uploadFile?: (file: File) => Promise<boolean>;
+    cpslOnDrop: EventEmitter<DragEvent>;
+    cpslOnDragEnter: EventEmitter<DragEvent>;
+    cpslOnDragLeave: EventEmitter<DragEvent>;
+    cpslFileChange: EventEmitter<File>;
+    cpslFileRemoved: EventEmitter<void>;
+    private handleDrop;
+    private handleDragEnter;
+    private handleDragLeave;
+    private handleInputChange;
+    private isValidFile;
+    private addFile;
+    private removeFile;
+    get inputEl(): HTMLInputElement;
+    get FileContent(): any;
+    render(): any;
+}

package/dist/types/components/cpsl-input/cpsl-input.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { AutocompleteTypes, IconType, TextFieldTypes } from '../../interface';
 import { InputChangeEventDetail, InputInputEventDetail } from './input-interface';
 export declare class CpslInput {
+    private nativeInput?;
     el: HTMLCpslInputElement;
     private inputId;
     private focusedValue?;
@@ -52,7 +53,6 @@ export declare class CpslInput {
     private onFocus;
     private onPaste;
     private focusInput;
-    private get nativeInput();
     private get startEl();
     private get endEl();
     render(): any;

package/dist/types/components/cpsl-modal-v2/cpsl-modal-v2.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class CpslModalV2 {
+    el: HTMLCpslModalV2Element;
+    enterTransitionDuration?: number;
+    exitTransitionDuration?: number;
+    elevated: boolean;
+    noOverlay: boolean;
+    open: boolean;
+    zIndexOverride?: number;
+    cpslModalEntering: EventEmitter<null>;
+    cpslModalEntered: EventEmitter<null>;
+    cpslModalExiting: EventEmitter<null>;
+    cpslModalExited: EventEmitter<null>;
+    toggleHeight(): void;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/cpsl-popover/cpsl-popover.d.ts

@@ -0,0 +1,35 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class CpslPopover {
+    private triggerEl?;
+    private destroyTriggerInteraction?;
+    el: HTMLCpslPopoverElement;
+    open: boolean;
+    private triggerClicked;
+    positionX?: number;
+    positionY?: number;
+    anchorEl?: HTMLElement;
+    anchorOriginHorizontal?: 'left' | 'center' | 'right';
+    anchorOriginVertical?: 'top' | 'center' | 'bottom';
+    autoWidth?: boolean;
+    disabled: boolean;
+    preventBlur: boolean;
+    transformOriginHorizontal?: 'left' | 'center' | 'right';
+    transformOriginVertical?: 'top' | 'center' | 'bottom';
+    triggerAction: 'click' | 'hover';
+    trigger: string;
+    windowPadding?: number;
+    cpslOpen: EventEmitter<void>;
+    cpslClose: EventEmitter<void>;
+    closePopover(): Promise<void>;
+    onTriggerChange(): void;
+    onAnchorChange(): void;
+    onOpenChange(): void;
+    componentDidLoad(): void;
+    private configureTriggerInteraction;
+    private setPosition;
+    private handleClickOutside;
+    private present;
+    private close;
+    get containerEl(): HTMLElement;
+    render(): any;
+}

package/dist/types/components/cpsl-select/cpsl-select.d.ts

@@ -0,0 +1,38 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class CpslSelect {
+    el: HTMLCpslSelectElement;
+    private popoverEl;
+    private inputId;
+    anchorEl: HTMLDivElement;
+    hasFocus: boolean;
+    popoverOpen: boolean;
+    hasSelectedItem: boolean;
+    disabled: boolean;
+    dropdownMaxHeight?: number;
+    errorText?: string;
+    formatValue?: (value: string) => string;
+    helperText?: string;
+    id: string;
+    label?: string;
+    placeholder?: string;
+    required: boolean;
+    selectedValue?: string;
+    showFormattedSelectedItem?: boolean;
+    showOptionalLabel: boolean;
+    cpslBlur: EventEmitter<FocusEvent>;
+    cpslFocus: EventEmitter<FocusEvent>;
+    cpslSelectValueChange: EventEmitter<string>;
+    onValueChange(): void;
+    handleValueChange(): void;
+    selectItemClickHandler(event: CustomEvent<string>): void;
+    onPopoverOpen(): void;
+    onPopoverClose(): void;
+    componentDidLoad(): void;
+    private onBlur;
+    private onFocus;
+    private handleEnterPress;
+    private selectItem;
+    private handleClickOutside;
+    private handleClick;
+    render(): any;
+}

package/dist/types/components/cpsl-select-item/cpsl-select-item.d.ts

@@ -0,0 +1,8 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class CpslSelectItem {
+    selected?: boolean;
+    value: string;
+    cpslSelectItemClick: EventEmitter<string>;
+    private handleItemClick;
+    render(): any;
+}

package/dist/types/components/cpsl-table/cpsl-table.d.ts

@@ -1,9 +1,12 @@
-import { ColDef, RowDef } from './table-interface';
 export declare class CpslTable {
     el: HTMLCpslTableElement;
-    columns: ColDef[];
-    rows: RowDef[];
+    hasHorizontalScroll: boolean;
+    hasVerticalScroll: boolean;
+    componentDidLoad(): void;
+    private resizeOb;
     private get containerHeaderEl();
     private get containerFooterEl();
+    private get contentContainerEl();
+    private get containerSlotEl();
     render(): any;
 }

package/dist/types/components/cpsl-text/cpsl-text.d.ts

@@ -1,5 +1,5 @@
 export declare class CpslText {
-    color?: 'primary' | 'secondary' | 'subtle' | 'inverted' | 'error';
+    color?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'inverted' | 'error';
     variant?: 'body2XS' | 'bodyXS' | 'bodyS' | 'bodyM' | 'bodyL' | 'bodyXL' | 'headingXS' | 'headingS' | 'headingM' | 'headingL' | 'headingXL' | 'heading2XL';
     weight?: 'regular' | 'medium' | 'semiBold' | 'bold';
     private get Content();