scb-wc 0.1.3 → 0.1.4

package/scb-test-components/scb-cookies-consent/scb-cookies-consent.d.ts

@@ -0,0 +1,23 @@
+import { LitElement, PropertyValues } from 'lit';
+export declare class ScbCookiesConsent extends LitElement {
+    open: boolean;
+    autoRemove: boolean;
+    title: string;
+    supportingText: string;
+    ariaLabel: string;
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    static styles: import('lit').CSSResult;
+    private _updateButtonWidth;
+    private mapSpacingToken;
+    private applySpacing;
+    firstUpdated(_changed: PropertyValues): void;
+    protected updated(changed: PropertyValues): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    closeAndRemove(eventName: string): void;
+    render(): import('lit-html').TemplateResult<1> | null;
+}

package/scb-test-components/scb-datepicker/scb-datepicker.d.ts

@@ -0,0 +1,39 @@
+import { LitElement, PropertyValues, TemplateResult } from 'lit';
+export declare class ScbDatepicker extends LitElement {
+    private _currentDate;
+    private _selectedDate;
+    private _showMonthDropdown;
+    private _showYearDropdown;
+    variant: 'datetime-local' | 'date';
+    lang: 'sv' | 'en';
+    selectedValue: string;
+    open: boolean;
+    private _selectedHour;
+    private _selectedMinute;
+    private readonly _viewportMargin;
+    private readonly _popupOffset;
+    private _onWindowReposition;
+    private _isRenderedInsideDialog;
+    private _positionPopupWithinViewport;
+    static styles: import('lit').CSSResult[];
+    updated(changed: PropertyValues): void;
+    disconnectedCallback(): void;
+    private _monthNames;
+    render(): TemplateResult;
+    private _getMonthDays;
+    private _outsideClickHandler;
+    private _toggleMonthDropdown;
+    private _toggleYearDropdown;
+    private _onMonthChangeCustom;
+    private _onYearChangeCustom;
+    private _prevMonth;
+    private _prevYear;
+    private _nextMonth;
+    private _nextYear;
+    private _isToday;
+    private _isSelected;
+    private _selectDate;
+    private _fireDateTimeChange;
+    private _onTimeChange;
+    private _close;
+}

package/scb-test-components/scb-dialog/scb-dialog.d.ts

@@ -0,0 +1,72 @@
+import { LitElement } from 'lit';
+type Variant = 'basic' | 'alert' | 'confirm' | 'choose' | 'form' | 'floating' | 'iframe';
+type FormMethod = '' | 'GET' | 'POST' | 'PUT' | 'DELETE';
+export declare class ScbDialog extends LitElement {
+    open: boolean;
+    maxW?: string;
+    maxH?: string;
+    zIndex?: number;
+    inSb: boolean;
+    scrimClose: boolean;
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    variant: Variant;
+    label: string;
+    icon: string;
+    supportingText: string;
+    okButton: string;
+    cancelButton: string;
+    deleteButton: string;
+    confirmButton: string;
+    denyButton: string;
+    resetButton: string;
+    submitButton: string;
+    formId: string;
+    formAction: string;
+    formMethod: FormMethod;
+    private __lastTriggerEl;
+    static styles: import('lit').CSSResult;
+    private __getActionFromEvent;
+    private __onDocumentClick;
+    private __onDocumentKeydown;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private __applyZIndex;
+    private __applyMaxSize;
+    protected updated(ch: Map<PropertyKey, unknown>): void;
+    private __updateTriggersExpanded;
+    private __toggleScrollLock;
+    private mapSpacingToken;
+    private __applySpacing;
+    private __setOpen;
+    private __fire;
+    private __getSlottedElements;
+    private __appendHiddenFormValue;
+    private __clearGeneratedFormValues;
+    private __syncSlottedFormValues;
+    private __validateFormAndSlottedFields;
+    private __onScrimClick;
+    private __onOk;
+    private __onCancel;
+    private __onConfirm;
+    private __onDeny;
+    private __onReset;
+    private __onSubmit;
+    private __onKeydownTrap;
+    private __slotIsEmpty;
+    private renderHeader;
+    private renderContentDefault;
+    private renderContentIframe;
+    private renderActions;
+    private renderBody;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-dialog': ScbDialog;
+    }
+}
+export {};

package/scb-test-components/scb-divider/scb-divider.d.ts

@@ -0,0 +1,34 @@
+import { LitElement } from 'lit';
+type Variant = 'thin' | 'bold';
+type Direction = 'horizontal' | 'vertical';
+type Inset = 'none' | 'both' | 'start' | 'end';
+type Anchor = 'start' | 'end';
+export declare class ScbDivider extends LitElement {
+    #private;
+    variant: Variant;
+    direction: Direction;
+    inset: Inset;
+    overlay: boolean;
+    anchor: Anchor;
+    /**
+     * Styr avstånd ortogonalt mot avdelaren.
+     * - Horizontal divider: spacing ger margin-block (avstånd ovan/under).
+     * - Vertical divider: spacing ger margin-inline (avstånd vänster/höger), om inte overlay används.
+     *
+     * Värden:
+     * - "N" (0–14) mappas till var(--spacing-N)
+     * - Annars tas värdet som ett CSS-värde (t.ex. "16px", "1rem", "var(--spacing-6)").
+     */
+    spacing: undefined;
+    static styles: import('lit').CSSResult;
+    firstUpdated(): void;
+    updated(changed: Map<string, unknown>): void;
+    private mapSpacingToken;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-divider': ScbDivider;
+    }
+}
+export {};

package/scb-test-components/scb-drawer/scb-drawer.d.ts

@@ -0,0 +1,72 @@
+import { LitElement, TemplateResult } from 'lit';
+/**
+
+<scb-drawer>
+
+Sidomeny som kan vara static eller floating.
+Kontroll/styrning
+  — Triggers i DOM:
+    • aria-controls="<drawer-id>" växlar mellan öppet och stängt; aria-expanded uppdateras automatiskt på samma element.
+    • data-drawer-open|close|toggle="<drawer-id>" öppnar/stänger/växlar explicit. aria-expanded uppdateras inte; lägg även aria-controls om state ska speglas.
+    • Triggers hittas via event.composedPath() och fungerar även över shadow DOM; om båda attributtyperna används på samma element prioriteras data-drawer-*.
+  — Programmatiskt: element.open = true|false. Alla effekter hanteras, exempelvis overlay, scroll-lås, fokus och events.
+Overlay
+  — Aktiveras med overlay och ritas som global scrim på document.body.
+  — Klick på overlay stänger om close-on-overlay är satt (default: true).
+  — lock-scroll låser <html> och <body> medan drawern är öppen.
+  — Klick utanför drawern stänger komponenten. Utan overlay: klick utanför själva drawern. Med overlay: klick på overlay (styrt av close-on-overlay).
+Fokus och tangentbord
+  — ESC stänger.
+  — I overlay-läge finns en enkel focus trap (Tab/Shift+Tab).
+  — Fokus återställs till senaste trigger när drawern stängs.
+Modal
+  — modal sätter role="dialog" och aria-modal="true".
+Händelser
+  — "scb-drawer-opened" och "scb-drawer-closed" bubblar vid state-ändring och fångas av Blazor-bridgen.
+  — "scbdraweropened" och "scbdrawerclosed" är alias för samma händelser.
+*/
+export declare class ScbDrawer extends LitElement {
+    floating: boolean;
+    left: boolean;
+    right: boolean;
+    open: boolean;
+    overlay: boolean;
+    lockScroll: boolean;
+    closeOnOverlay: boolean;
+    modal: boolean;
+    private __effectiveSide;
+    private __lastTriggerEl;
+    private static __overlayEl;
+    private static __overlayStack;
+    private static __lockedCount;
+    private static __prevDocOverflow;
+    private static __prevBodyOverflow;
+    private static __prevDocPaddingRight;
+    private static __prevBodyPaddingRight;
+    private __lastTriggerWasAriaControls;
+    private static __ensureOverlayStyles;
+    private static __ensureOverlay;
+    private static __showOverlay;
+    private static __hideOverlay;
+    private static __lockScrollEnable;
+    private static __lockScrollDisable;
+    static styles: import('lit').CSSResult;
+    render(): TemplateResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private __getActionFromEvent;
+    private __onDocumentClick;
+    private __onDocumentKeydown;
+    private __getFocusable;
+    private __setOpen;
+    private __syncLastTriggerExpanded;
+    private __syncEffectiveSide;
+    protected willUpdate(changed: Map<string, unknown>): void;
+    protected updated(changed: Map<string, unknown>): void;
+    private __applyOpenSideEffects;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-drawer': ScbDrawer;
+    }
+}

package/scb-test-components/scb-drop-zone/scb-drop-zone.d.ts

@@ -0,0 +1,143 @@
+import { LitElement, TemplateResult } from 'lit';
+type DropZoneType = 'default' | 'image';
+export declare class ScbDropZone extends LitElement {
+    static formAssociated: boolean;
+    private _internals;
+    /** Variant som styr vilka filer som får väljas som standard. */
+    type: DropZoneType;
+    /** Namn som används när komponenten skickas i formulär. */
+    name: string;
+    /** Tillåter val av flera filer. */
+    multiple: boolean;
+    /** Rubrik i drop-zonen. */
+    label: string;
+    /** Förklarande text i drop-zonen. */
+    supportingText: string;
+    /** Hjälptext under den förklarande texten. */
+    metaText: string;
+    /** Text på primär knapp. */
+    buttonLabel: string;
+    /** Text på knappen för att ersätta vald fil. */
+    replaceButtonLabel: string;
+    /** Text på knappen för att ta bort vald fil. */
+    removeButtonLabel: string;
+    /** Litet prefix ovanför förhandsvisningens rubrik. */
+    previewEyebrow: string;
+    /** Rubrik i förhandsvisningen när ingen fil är vald. */
+    emptyPreviewTitle: string;
+    /** Text i förhandsvisningen när ingen fil är vald. */
+    emptyPreviewMeta: string;
+    /** Accept-värde för native file input. */
+    accept: string;
+    /** Döljer förhandsvisningspanelen. */
+    hidePreview: boolean;
+    /** Visar befintlig fil i förhandsvisningen i enfilsläge. */
+    showExistingPreview: boolean;
+    /** Inaktiverar uppladdning. */
+    disabled: boolean;
+    /** Förhandsvisningens källa för befintlig fil. */
+    previewSrc: string;
+    /** Alt-text för förhandsvisning av befintlig fil. */
+    previewAlt: string;
+    /** Rubrik i förhandsvisningen när befintlig fil finns. */
+    previewTitle: string;
+    /** Metatext i förhandsvisningen när befintlig fil finns. */
+    previewMeta: string;
+    /** Referensvärde för befintlig sparad fil. */
+    existingValue: string;
+    /** Fältnamn som används för befintlig sparad fil i formulär. */
+    existingValueName: string;
+    /** Fältnamn som används för borttagningsönskemål i formulär. */
+    removeValueName: string;
+    private _isDragOver;
+    private _selectedPreviewKind;
+    private _selectedPreviewSrc;
+    private _selectedPreviewAlt;
+    private _selectedPreviewTitle;
+    private _selectedPreviewMeta;
+    private _selectedPreviewItems;
+    private _markedForRemoval;
+    private _dragDepth;
+    private _previewSource;
+    private _form;
+    private _formDataHandler;
+    constructor();
+    static styles: import('lit').CSSResult;
+    private get _resolvedAccept();
+    private get _hasExistingPreview();
+    private get _resolvedPreviewKind();
+    private get _hasPreview();
+    private get _resolvedLabel();
+    private get _resolvedSupportingText();
+    private get _resolvedMetaText();
+    private get _resolvedButtonLabel();
+    private get _resolvedReplaceButtonLabel();
+    private get _resolvedRemoveButtonLabel();
+    private get _resolvedPreviewEyebrow();
+    private get _resolvedEmptyPreviewTitle();
+    private get _resolvedEmptyPreviewMeta();
+    private get _resolvedPreviewSrc();
+    private get _resolvedPreviewAlt();
+    private get _resolvedPreviewTitle();
+    private get _resolvedPreviewMeta();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    formDisabledCallback(disabled: boolean): void;
+    formResetCallback(): void;
+    private _syncFormValue;
+    private _appendToFormData;
+    openPicker(): void;
+    setPreviewState(state: {
+        src?: string;
+        alt?: string;
+        title?: string;
+        meta?: string;
+    }): void;
+    setExistingFileState(state: {
+        value?: string;
+        src?: string;
+        alt?: string;
+        title?: string;
+        meta?: string;
+    }): void;
+    clearPreviewState(): void;
+    clearExistingFileState(): void;
+    private _dispatch;
+    private _handleFiles;
+    private _onZoneClick;
+    private _onZoneKeydown;
+    private _preventDefaultDrag;
+    private _onDragEnter;
+    private _onDragOver;
+    private _onDragLeave;
+    private _onDrop;
+    private _onNativeInputChange;
+    private _onChooseButtonClick;
+    private _onReplaceButtonClick;
+    private _onRemoveButtonClick;
+    private _onRemoveSelectedItemClick;
+    private _isAcceptedFile;
+    private _setSelectedFilesState;
+    private _clearSelectedFileState;
+    private _applySelectedPreviewItems;
+    private _removeSelectedItemAt;
+    private _renderSelectedImageCards;
+    private _clearNativeInputValue;
+    private _revokeObjectUrl;
+    private _revokeObjectUrlsForItems;
+    private _getPreviewKindForFile;
+    private _getFileExtension;
+    private _getFileExtensionLabel;
+    private _getFileTypeLabel;
+    private _formatFileSize;
+    private _renderPreviewMedia;
+    private _renderPreview;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-drop-zone': ScbDropZone;
+    }
+}
+export {};

package/scb-test-components/scb-dropdown/scb-dropdown.d.ts

@@ -0,0 +1,70 @@
+import { LitElement, PropertyValues, TemplateResult } from 'lit';
+export type ScbDropdownVariant = 'filled' | 'outlined' | 'filled-tonal' | 'text';
+export type ScbDropdownSize = 'small' | 'medium' | 'large';
+export declare class ScbDropdown extends LitElement {
+    static styles: import('lit').CSSResult;
+    label: string;
+    variant: ScbDropdownVariant;
+    size: ScbDropdownSize;
+    open: boolean;
+    disabled: boolean;
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    menuGap: string | null;
+    width: string | null;
+    minWidth: string | null;
+    maxWidth: string | null;
+    dataIndex: string | null;
+    ariaCurrent: string | null;
+    private _triggerEl;
+    private _slotEl;
+    private _panelSurfaceEl;
+    private _panelInnerEl;
+    private _slottedMenuEl;
+    private _openSettledTimer;
+    private _menuCloseTimer;
+    private _panelResizeObserver;
+    private _panelHeightSyncRaf;
+    private _onDocumentClickBound;
+    private _onDocumentKeydownBound;
+    private _onSlottedMenuOpen;
+    private _onSlottedMenuClose;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected updated(changedProperties: PropertyValues): void;
+    private _applyPanelVars;
+    private _applyPanelSizing;
+    private _setupPanelResizeObserver;
+    private _schedulePanelHeightSync;
+    private _syncPanelMaxHeightByOpen;
+    private _mapSpacingToken;
+    private _mapHostSpacingToken;
+    private _applySpacing;
+    private _onSlotChange;
+    private _syncSlottedMenu;
+    private _detachSlottedMenuListeners;
+    private _syncSlottedMenuOpen;
+    private _syncOverflowVisibilityByOpen;
+    private _getPanelTransitionMs;
+    private _getTransitionMs;
+    private _applyInertByOpen;
+    private _supportsInert;
+    private _collectFocusableFromSlot;
+    private _removeTabIndexesIfNeeded;
+    private _restoreTabIndexesIfNeeded;
+    private _closeAllSubMenus;
+    focus(options?: FocusOptions): void;
+    private _onTriggerClick;
+    private _applyChevronState;
+    private _ensureTriggerChevronEl;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-dropdown': ScbDropdown;
+    }
+}

package/scb-test-components/scb-fab/scb-fab.d.ts

@@ -0,0 +1,42 @@
+import { LitElement, TemplateResult, PropertyValues } from 'lit';
+type FabSize = 'small' | 'medium' | 'large';
+type FabType = 'regular' | 'extended';
+export declare class ScbFab extends LitElement {
+    #private;
+    /** Ikonens namn (t.ex. "edit"). */
+    icon: string;
+    /** Text som visas när type="extended". */
+    label: string;
+    /** Tillgänglighetslabel. Krävs för type="regular". */
+    ariaLabel: string;
+    /** Storlek. */
+    size: FabSize;
+    /** Typ av FAB. */
+    type: FabType;
+    /** Inaktiverad. */
+    disabled: boolean;
+    /** Vertikalt avstånd till omgivande innehåll. "N" mappar till var(--spacing-N). */
+    spacing: undefined;
+    /** Överkantens avstånd. Om satt går före spacing. 0–14 mappar till var(--spacing-N), annars CSS-värde. */
+    spacingTop: undefined;
+    /** Nederkantens avstånd. Om satt går före spacing. 0–14 mappar till var(--spacing-N), annars CSS-värde. */
+    spacingBottom: undefined;
+    /** Vänsterkantens avstånd. 0–14 mappar till var(--spacing-N), annars CSS-värde. */
+    spacingLeft: undefined;
+    /** Högerkantens avstånd. 0–14 mappar till var(--spacing-N), annars CSS-värde. */
+    spacingRight: undefined;
+    static styles: import('lit').CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(): void;
+    protected updated(changed: PropertyValues): void;
+    private mapSpacing;
+    private __renderMd;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-fab': ScbFab;
+    }
+}
+export {};

package/scb-test-components/scb-fact-card/scb-fact-card-content.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+export declare class ScbFactCardContent extends LitElement {
+    #private;
+    title: string;
+    factCardTitle: string;
+    subtitle: string;
+    supportingText: string;
+    static styles: import('lit').CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-fact-card-content': ScbFactCardContent;
+    }
+}

package/scb-test-components/scb-fact-card/scb-fact-card.d.ts

@@ -0,0 +1,49 @@
+import { LitElement } from 'lit';
+export declare class ScbFactCard extends LitElement {
+    #private;
+    private static __iconLoaded;
+    private static __instances;
+    private static __docListenerAttached;
+    private static __handleDocClick;
+    private static __ensureDocListener;
+    private static __maybeRemoveDocListener;
+    private __onCloseClick;
+    variant: 'filled' | 'outlined';
+    size: 'small' | 'medium' | 'large';
+    title: string;
+    subtitle: string;
+    supportingText: string;
+    icon: string;
+    showCloseButton: boolean;
+    open: boolean;
+    __lastTriggerEl: HTMLElement | null;
+    sizing: 'stretch' | 'content-width' | 'content-height';
+    width: string;
+    maxWidth: string;
+    height: string;
+    maxHeight: string;
+    /**
+     * Vertikalt avstånd till omgivande innehåll.
+     * spacing sätter både top och bottom om spacing-top/spacing-bottom inte är satta.
+     * "N" (0–14) mappar till var(--spacing-N), annars valfritt CSS-värde (till exempel "16px" eller "var(--spacing-6)").
+     */
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    spacingLeft: undefined;
+    spacingRight: undefined;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(ch: Map<string, unknown>): void;
+    private __updateTriggersExpanded;
+    private __setOpen;
+    static styles: import('lit').CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    firstUpdated(): Promise<void>;
+    private mapSpacingToken;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-fact-card': ScbFactCard;
+    }
+}

package/scb-test-components/scb-footer/scb-footer-section.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+/**
+ * Lätt wrapper för en länkkolumn i <scb-footer>.
+ * Används endast som datakälla - renderas inte visuellt.
+ *
+ * <scb-footer-section title="Rubrik">
+ *   <scb-link href="#">Länk 1</scb-link>
+ *   <scb-link href="#">Länk 2</scb-link>
+ * </scb-footer-section>
+ */
+export declare class ScbFooterSection extends LitElement {
+    title: string;
+    static styles: import('lit').CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-footer-section': ScbFooterSection;
+    }
+}

package/scb-test-components/scb-footer/scb-footer.d.ts

@@ -0,0 +1,31 @@
+import { LitElement, TemplateResult } from 'lit';
+type FooterLink = {
+    label: string;
+    href: string;
+    target?: '_self' | '_blank' | '_parent' | '_top';
+};
+type FooterSection = {
+    title: string;
+    links: FooterLink[];
+};
+export declare class ScbFooter extends LitElement {
+    #private;
+    maxWidth: string;
+    deferPaint: boolean;
+    spacing: undefined;
+    spacingTop: undefined;
+    spacingBottom: undefined;
+    sections: FooterSection[];
+    description: string;
+    static styles: import('lit').CSSResult;
+    connectedCallback(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    disconnectedCallback(): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-footer': ScbFooter;
+    }
+}
+export {};

package/scb-test-components/scb-gallery-grid/scb-gallery-grid.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+export declare class ScbGalleryGrid extends LitElement {
+    #private;
+    variant: 'default' | 'masonry';
+    enableClickCarousel: boolean;
+    private overlayOpen;
+    private overlayIndex;
+    private overlayImages;
+    static styles: import('lit').CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-gallery-grid': ScbGalleryGrid;
+    }
+}

package/scb-test-components/scb-grid/scb-grid-item.d.ts

@@ -0,0 +1,32 @@
+import { LitElement } from 'lit';
+/**
+  <scb-grid-item>
+  Styr enskilda celler i <scb-grid>.
+  - Kolumn-span: col-span*, reflectas som CSS-variabler
+  - Rad-span:    row-span*, omvandlas till "span N" och läses av <scb-grid>
+  - Per-item justering: align/justify (align-self/justify-self)
+  - fit: fyll radens höjd samt låt första slottade barnet sträcka sig
+ */
+export declare class ScbGridItem extends LitElement {
+    #private;
+    colSpan?: number;
+    colSpanCompact?: number;
+    colSpanMedium?: number;
+    colSpanExpanded?: number;
+    rowSpan?: number;
+    rowSpanCompact?: number;
+    rowSpanMedium?: number;
+    rowSpanExpanded?: number;
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    justify?: 'start' | 'center' | 'end' | 'stretch';
+    fit: boolean;
+    static styles: import('lit').CSSResult;
+    protected firstUpdated(): void;
+    protected updated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-grid-item': ScbGridItem;
+    }
+}