@scouterna/ui-webc 1.0.0 → 2.1.0

package/dist/types/components/list-view-item/list-view-item.d.ts

@@ -0,0 +1,16 @@
+import { type EventEmitter } from "../../stencil-public-runtime";
+export type ItemType = "button" | "link";
+export declare class ScoutListViewItem {
+    icon?: string;
+    primary?: string;
+    secondary?: string;
+    type: ItemType;
+    href?: string;
+    target?: string;
+    rel?: string;
+    scoutClick: EventEmitter<void>;
+    render(): any;
+    private getPrefix;
+    private getContent;
+    private getSuffix;
+}

package/dist/types/components/loader/loader.d.ts

@@ -0,0 +1,15 @@
+import { type ComponentInterface } from "../../stencil-public-runtime";
+export declare class ScoutLoader implements ComponentInterface {
+    text?: string;
+    size?: "xs" | "sm" | "base" | "lg" | "xl";
+    private symbols;
+    private symbolElements;
+    private currentSymbolIndex;
+    componentDidLoad(): void;
+    render(): any;
+    showElement(el: HTMLDivElement): void;
+    hideElement(el: HTMLDivElement): void;
+    next(): void;
+    tickDone(event: AnimationEvent): void;
+    getSymbols(): any[];
+}

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

@@ -0,0 +1,31 @@
+import { type ComponentInterface, type EventEmitter } from "../../stencil-public-runtime";
+export declare class ScoutSelect implements ComponentInterface {
+    /**
+     * Value of the select element, in case you want to control it yourself.
+     */
+    value: string;
+    /**
+     * Whether the select is disabled. Disabled selects are not editable, excluded
+     * from tab order and are not validated.
+     */
+    disabled: boolean;
+    /**
+     * Custom validation function run on top of the implicit validation performed
+     * by the browser. Return a string with the validation message to mark the
+     * select as invalid, or null to mark it as valid.
+     */
+    validate?: (value: string) => string | null;
+    scoutInputChange: EventEmitter<{
+        value: string;
+        element: HTMLSelectElement;
+    }>;
+    scoutBlur: EventEmitter<void>;
+    /**
+     * Internal event used for form field association.
+     */
+    _fieldId: EventEmitter<string>;
+    ariaId: string;
+    componentWillLoad(): Promise<void> | void;
+    onChange(event: Event): void;
+    render(): any;
+}

package/dist/types/components/stack/stack.d.ts

@@ -0,0 +1,22 @@
+export type Direction = "row" | "column";
+declare enum GapSizeValues {
+    xs = "2",
+    s = "4",
+    m = "8",
+    l = "12",
+    xl = "16",
+    xxl = "20"
+}
+export type GapSize = keyof typeof GapSizeValues;
+export declare class ScoutStack {
+    /**
+     * The direction of the stack.
+     */
+    direction: Direction;
+    /**
+     * Gap size. If more sizes are needed, we can expand.
+     */
+    gapSize: GapSize;
+    render(): any;
+}
+export {};

package/dist/types/components/switch/switch.d.ts

@@ -0,0 +1,25 @@
+import { type EventEmitter } from "../../stencil-public-runtime";
+export declare class ScoutSwitch {
+    /**
+     * Indicates whether the switch is toggled on or off.
+     */
+    toggled: boolean;
+    disabled: boolean;
+    /**
+     * Use this prop if you need to connect your switch with another element describing its use, other than the property label.
+     */
+    ariaLabelledby: string;
+    label: string;
+    ariaId: string;
+    scoutSwitchToggled: EventEmitter<{
+        toggled: boolean;
+        element: HTMLInputElement;
+    }>;
+    /**
+     * Internal event used for form field association.
+     */
+    _fieldId: EventEmitter<string>;
+    componentWillLoad(): Promise<void> | void;
+    onClick(event: Event): void;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -8,9 +8,13 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { ItemType } from "./components/bottom-bar-item/bottom-bar-item";
 import { Variant } from "./components/button/button";
 import { InputMode, InputType } from "./components/input/input";
+import { ItemType as ItemType1 } from "./components/list-view-item/list-view-item";
+import { Direction, GapSize } from "./components/stack/stack";
 export { ItemType } from "./components/bottom-bar-item/bottom-bar-item";
 export { Variant } from "./components/button/button";
 export { InputMode, InputType } from "./components/input/input";
+export { ItemType as ItemType1 } from "./components/list-view-item/list-view-item";
+export { Direction, GapSize } from "./components/stack/stack";
 export namespace Components {
     /**
      * The bottom bar component is used in the Jamboree26 app to provide
@@ -39,6 +43,8 @@ export namespace Components {
           * The label to display below the icon.
          */
         "label": string;
+        "rel"?: string;
+        "target"?: string;
         /**
           * The type of the bottom bar item, either a button or a link.
           * @default "button"
@@ -49,14 +55,17 @@ export namespace Components {
      * A simple button component.
      */
     interface ScoutButton {
+        "href"?: string;
         /**
           * An optional icon to display alongside the button text. Must be an SVG string.
          */
         "icon"?: string;
+        "rel"?: string;
+        "target"?: string;
         /**
           * @default "button"
          */
-        "type": "button" | "submit" | "reset";
+        "type": "button" | "submit" | "reset" | "link";
         /**
           * The variant primarily affects the color of the button.
           * @default "outlined"
@@ -68,6 +77,23 @@ export namespace Components {
      */
     interface ScoutCard {
     }
+    interface ScoutCheckbox {
+        /**
+          * Use this prop if you need to connect your checkbox with another element describing its use, other than the property label.
+         */
+        "ariaLabelledby": string;
+        /**
+          * @default false
+         */
+        "checked": boolean;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        "label": string;
+    }
+    interface ScoutDivider {
+    }
     interface ScoutField {
         /**
           * Help text shown below the field.
@@ -107,6 +133,96 @@ export namespace Components {
          */
         "value": string;
     }
+    interface ScoutLink {
+        /**
+          * The URL that the link points to. Required when type is set to link
+         */
+        "href"?: string;
+        /**
+          * Text to be displayed for the link
+         */
+        "label": string;
+        /**
+          * If the label property is not sufficient to describe its use, add an aria-label describing what happens when pressing the button or where the user navigates if it is a link.
+         */
+        "linkAriaLabel"?: string;
+        "rel"?: string;
+        /**
+          * _blank	Opens the linked document in a new window or tab  _self	Opens the linked document in the same frame as it was clicked (this is default)  _parent	Opens the linked document in the parent frame  _top	Opens the linked document in the full body of the window  _framename	Opens the linked document in the named iframe
+          * @default "_self"
+         */
+        "target"?: "_blank" | "_self" | "_parent" | "_top" | "framename";
+        /**
+          * There are two types. If you intend to use it as a button with onclick, a button is rendered, however if you want to you it as a normal link, a link with href is rendered.
+          * @default "link"
+         */
+        "type": "link" | "button";
+    }
+    interface ScoutListView {
+    }
+    interface ScoutListViewItem {
+        "href"?: string;
+        "icon"?: string;
+        "primary"?: string;
+        "rel"?: string;
+        "secondary"?: string;
+        "target"?: string;
+        /**
+          * @default "button"
+         */
+        "type": ItemType1;
+    }
+    interface ScoutLoader {
+        /**
+          * @default "base"
+         */
+        "size"?: "xs" | "sm" | "base" | "lg" | "xl";
+        "text"?: string;
+    }
+    interface ScoutSelect {
+        /**
+          * Whether the select is disabled. Disabled selects are not editable, excluded from tab order and are not validated.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Custom validation function run on top of the implicit validation performed by the browser. Return a string with the validation message to mark the select as invalid, or null to mark it as valid.
+         */
+        "validate"?: (value: string) => string | null;
+        /**
+          * Value of the select element, in case you want to control it yourself.
+          * @default ""
+         */
+        "value": string;
+    }
+    interface ScoutStack {
+        /**
+          * The direction of the stack.
+          * @default "row"
+         */
+        "direction": Direction;
+        /**
+          * Gap size. If more sizes are needed, we can expand.
+          * @default "m"
+         */
+        "gapSize": GapSize;
+    }
+    interface ScoutSwitch {
+        /**
+          * Use this prop if you need to connect your switch with another element describing its use, other than the property label.
+         */
+        "ariaLabelledby": string;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        "label": string;
+        /**
+          * Indicates whether the switch is toggled on or off.
+          * @default false
+         */
+        "toggled": boolean;
+    }
 }
 export interface ScoutBottomBarItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -116,10 +232,30 @@ export interface ScoutButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLScoutButtonElement;
 }
+export interface ScoutCheckboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLScoutCheckboxElement;
+}
 export interface ScoutInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLScoutInputElement;
 }
+export interface ScoutLinkCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLScoutLinkElement;
+}
+export interface ScoutListViewItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLScoutListViewItemElement;
+}
+export interface ScoutSelectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLScoutSelectElement;
+}
+export interface ScoutSwitchCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLScoutSwitchElement;
+}
 declare global {
     /**
      * The bottom bar component is used in the Jamboree26 app to provide
@@ -181,6 +317,33 @@ declare global {
         prototype: HTMLScoutCardElement;
         new (): HTMLScoutCardElement;
     };
+    interface HTMLScoutCheckboxElementEventMap {
+        "scoutCheckboxChecked": {
+    checked: boolean;
+    element: HTMLInputElement;
+  };
+        "_fieldId": string;
+    }
+    interface HTMLScoutCheckboxElement extends Components.ScoutCheckbox, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLScoutCheckboxElementEventMap>(type: K, listener: (this: HTMLScoutCheckboxElement, ev: ScoutCheckboxCustomEvent<HTMLScoutCheckboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLScoutCheckboxElementEventMap>(type: K, listener: (this: HTMLScoutCheckboxElement, ev: ScoutCheckboxCustomEvent<HTMLScoutCheckboxElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLScoutCheckboxElement: {
+        prototype: HTMLScoutCheckboxElement;
+        new (): HTMLScoutCheckboxElement;
+    };
+    interface HTMLScoutDividerElement extends Components.ScoutDivider, HTMLStencilElement {
+    }
+    var HTMLScoutDividerElement: {
+        prototype: HTMLScoutDividerElement;
+        new (): HTMLScoutDividerElement;
+    };
     interface HTMLScoutFieldElement extends Components.ScoutField, HTMLStencilElement {
     }
     var HTMLScoutFieldElement: {
@@ -209,13 +372,117 @@ declare global {
         prototype: HTMLScoutInputElement;
         new (): HTMLScoutInputElement;
     };
+    interface HTMLScoutLinkElementEventMap {
+        "scoutLinkClick": HTMLButtonElement;
+    }
+    interface HTMLScoutLinkElement extends Components.ScoutLink, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLScoutLinkElementEventMap>(type: K, listener: (this: HTMLScoutLinkElement, ev: ScoutLinkCustomEvent<HTMLScoutLinkElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLScoutLinkElementEventMap>(type: K, listener: (this: HTMLScoutLinkElement, ev: ScoutLinkCustomEvent<HTMLScoutLinkElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLScoutLinkElement: {
+        prototype: HTMLScoutLinkElement;
+        new (): HTMLScoutLinkElement;
+    };
+    interface HTMLScoutListViewElement extends Components.ScoutListView, HTMLStencilElement {
+    }
+    var HTMLScoutListViewElement: {
+        prototype: HTMLScoutListViewElement;
+        new (): HTMLScoutListViewElement;
+    };
+    interface HTMLScoutListViewItemElementEventMap {
+        "scoutClick": void;
+    }
+    interface HTMLScoutListViewItemElement extends Components.ScoutListViewItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLScoutListViewItemElementEventMap>(type: K, listener: (this: HTMLScoutListViewItemElement, ev: ScoutListViewItemCustomEvent<HTMLScoutListViewItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLScoutListViewItemElementEventMap>(type: K, listener: (this: HTMLScoutListViewItemElement, ev: ScoutListViewItemCustomEvent<HTMLScoutListViewItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLScoutListViewItemElement: {
+        prototype: HTMLScoutListViewItemElement;
+        new (): HTMLScoutListViewItemElement;
+    };
+    interface HTMLScoutLoaderElement extends Components.ScoutLoader, HTMLStencilElement {
+    }
+    var HTMLScoutLoaderElement: {
+        prototype: HTMLScoutLoaderElement;
+        new (): HTMLScoutLoaderElement;
+    };
+    interface HTMLScoutSelectElementEventMap {
+        "scoutInputChange": {
+    value: string;
+    element: HTMLSelectElement;
+  };
+        "scoutBlur": void;
+        "_fieldId": string;
+    }
+    interface HTMLScoutSelectElement extends Components.ScoutSelect, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLScoutSelectElementEventMap>(type: K, listener: (this: HTMLScoutSelectElement, ev: ScoutSelectCustomEvent<HTMLScoutSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLScoutSelectElementEventMap>(type: K, listener: (this: HTMLScoutSelectElement, ev: ScoutSelectCustomEvent<HTMLScoutSelectElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLScoutSelectElement: {
+        prototype: HTMLScoutSelectElement;
+        new (): HTMLScoutSelectElement;
+    };
+    interface HTMLScoutStackElement extends Components.ScoutStack, HTMLStencilElement {
+    }
+    var HTMLScoutStackElement: {
+        prototype: HTMLScoutStackElement;
+        new (): HTMLScoutStackElement;
+    };
+    interface HTMLScoutSwitchElementEventMap {
+        "scoutSwitchToggled": {
+    toggled: boolean;
+    element: HTMLInputElement;
+  };
+        "_fieldId": string;
+    }
+    interface HTMLScoutSwitchElement extends Components.ScoutSwitch, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLScoutSwitchElementEventMap>(type: K, listener: (this: HTMLScoutSwitchElement, ev: ScoutSwitchCustomEvent<HTMLScoutSwitchElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLScoutSwitchElementEventMap>(type: K, listener: (this: HTMLScoutSwitchElement, ev: ScoutSwitchCustomEvent<HTMLScoutSwitchElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLScoutSwitchElement: {
+        prototype: HTMLScoutSwitchElement;
+        new (): HTMLScoutSwitchElement;
+    };
     interface HTMLElementTagNameMap {
         "scout-bottom-bar": HTMLScoutBottomBarElement;
         "scout-bottom-bar-item": HTMLScoutBottomBarItemElement;
         "scout-button": HTMLScoutButtonElement;
         "scout-card": HTMLScoutCardElement;
+        "scout-checkbox": HTMLScoutCheckboxElement;
+        "scout-divider": HTMLScoutDividerElement;
         "scout-field": HTMLScoutFieldElement;
         "scout-input": HTMLScoutInputElement;
+        "scout-link": HTMLScoutLinkElement;
+        "scout-list-view": HTMLScoutListViewElement;
+        "scout-list-view-item": HTMLScoutListViewItemElement;
+        "scout-loader": HTMLScoutLoaderElement;
+        "scout-select": HTMLScoutSelectElement;
+        "scout-stack": HTMLScoutStackElement;
+        "scout-switch": HTMLScoutSwitchElement;
     }
 }
 declare namespace LocalJSX {
@@ -247,6 +514,8 @@ declare namespace LocalJSX {
          */
         "label": string;
         "onScoutClick"?: (event: ScoutBottomBarItemCustomEvent<void>) => void;
+        "rel"?: string;
+        "target"?: string;
         /**
           * The type of the bottom bar item, either a button or a link.
           * @default "button"
@@ -257,15 +526,18 @@ declare namespace LocalJSX {
      * A simple button component.
      */
     interface ScoutButton {
+        "href"?: string;
         /**
           * An optional icon to display alongside the button text. Must be an SVG string.
          */
         "icon"?: string;
         "onScoutClick"?: (event: ScoutButtonCustomEvent<void>) => void;
+        "rel"?: string;
+        "target"?: string;
         /**
           * @default "button"
          */
-        "type"?: "button" | "submit" | "reset";
+        "type"?: "button" | "submit" | "reset" | "link";
         /**
           * The variant primarily affects the color of the button.
           * @default "outlined"
@@ -277,6 +549,31 @@ declare namespace LocalJSX {
      */
     interface ScoutCard {
     }
+    interface ScoutCheckbox {
+        /**
+          * Use this prop if you need to connect your checkbox with another element describing its use, other than the property label.
+         */
+        "ariaLabelledby"?: string;
+        /**
+          * @default false
+         */
+        "checked"?: boolean;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        "label"?: string;
+        "onScoutCheckboxChecked"?: (event: ScoutCheckboxCustomEvent<{
+    checked: boolean;
+    element: HTMLInputElement;
+  }>) => void;
+        /**
+          * Internal event used for form field association.
+         */
+        "on_fieldId"?: (event: ScoutCheckboxCustomEvent<string>) => void;
+    }
+    interface ScoutDivider {
+    }
     interface ScoutField {
         /**
           * Help text shown below the field.
@@ -325,13 +622,134 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface ScoutLink {
+        /**
+          * The URL that the link points to. Required when type is set to link
+         */
+        "href"?: string;
+        /**
+          * Text to be displayed for the link
+         */
+        "label"?: string;
+        /**
+          * If the label property is not sufficient to describe its use, add an aria-label describing what happens when pressing the button or where the user navigates if it is a link.
+         */
+        "linkAriaLabel"?: string;
+        /**
+          * Only sent if the link is a button.
+         */
+        "onScoutLinkClick"?: (event: ScoutLinkCustomEvent<HTMLButtonElement>) => void;
+        "rel"?: string;
+        /**
+          * _blank	Opens the linked document in a new window or tab  _self	Opens the linked document in the same frame as it was clicked (this is default)  _parent	Opens the linked document in the parent frame  _top	Opens the linked document in the full body of the window  _framename	Opens the linked document in the named iframe
+          * @default "_self"
+         */
+        "target"?: "_blank" | "_self" | "_parent" | "_top" | "framename";
+        /**
+          * There are two types. If you intend to use it as a button with onclick, a button is rendered, however if you want to you it as a normal link, a link with href is rendered.
+          * @default "link"
+         */
+        "type"?: "link" | "button";
+    }
+    interface ScoutListView {
+    }
+    interface ScoutListViewItem {
+        "href"?: string;
+        "icon"?: string;
+        "onScoutClick"?: (event: ScoutListViewItemCustomEvent<void>) => void;
+        "primary"?: string;
+        "rel"?: string;
+        "secondary"?: string;
+        "target"?: string;
+        /**
+          * @default "button"
+         */
+        "type"?: ItemType1;
+    }
+    interface ScoutLoader {
+        /**
+          * @default "base"
+         */
+        "size"?: "xs" | "sm" | "base" | "lg" | "xl";
+        "text"?: string;
+    }
+    interface ScoutSelect {
+        /**
+          * Whether the select is disabled. Disabled selects are not editable, excluded from tab order and are not validated.
+          * @default false
+         */
+        "disabled"?: boolean;
+        "onScoutBlur"?: (event: ScoutSelectCustomEvent<void>) => void;
+        "onScoutInputChange"?: (event: ScoutSelectCustomEvent<{
+    value: string;
+    element: HTMLSelectElement;
+  }>) => void;
+        /**
+          * Internal event used for form field association.
+         */
+        "on_fieldId"?: (event: ScoutSelectCustomEvent<string>) => void;
+        /**
+          * Custom validation function run on top of the implicit validation performed by the browser. Return a string with the validation message to mark the select as invalid, or null to mark it as valid.
+         */
+        "validate"?: (value: string) => string | null;
+        /**
+          * Value of the select element, in case you want to control it yourself.
+          * @default ""
+         */
+        "value"?: string;
+    }
+    interface ScoutStack {
+        /**
+          * The direction of the stack.
+          * @default "row"
+         */
+        "direction"?: Direction;
+        /**
+          * Gap size. If more sizes are needed, we can expand.
+          * @default "m"
+         */
+        "gapSize"?: GapSize;
+    }
+    interface ScoutSwitch {
+        /**
+          * Use this prop if you need to connect your switch with another element describing its use, other than the property label.
+         */
+        "ariaLabelledby"?: string;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        "label"?: string;
+        "onScoutSwitchToggled"?: (event: ScoutSwitchCustomEvent<{
+    toggled: boolean;
+    element: HTMLInputElement;
+  }>) => void;
+        /**
+          * Internal event used for form field association.
+         */
+        "on_fieldId"?: (event: ScoutSwitchCustomEvent<string>) => void;
+        /**
+          * Indicates whether the switch is toggled on or off.
+          * @default false
+         */
+        "toggled"?: boolean;
+    }
     interface IntrinsicElements {
         "scout-bottom-bar": ScoutBottomBar;
         "scout-bottom-bar-item": ScoutBottomBarItem;
         "scout-button": ScoutButton;
         "scout-card": ScoutCard;
+        "scout-checkbox": ScoutCheckbox;
+        "scout-divider": ScoutDivider;
         "scout-field": ScoutField;
         "scout-input": ScoutInput;
+        "scout-link": ScoutLink;
+        "scout-list-view": ScoutListView;
+        "scout-list-view-item": ScoutListViewItem;
+        "scout-loader": ScoutLoader;
+        "scout-select": ScoutSelect;
+        "scout-stack": ScoutStack;
+        "scout-switch": ScoutSwitch;
     }
 }
 export { LocalJSX as JSX };
@@ -356,8 +774,17 @@ declare module "@stencil/core" {
              * A general surface to hold various types of content.
              */
             "scout-card": LocalJSX.ScoutCard & JSXBase.HTMLAttributes<HTMLScoutCardElement>;
+            "scout-checkbox": LocalJSX.ScoutCheckbox & JSXBase.HTMLAttributes<HTMLScoutCheckboxElement>;
+            "scout-divider": LocalJSX.ScoutDivider & JSXBase.HTMLAttributes<HTMLScoutDividerElement>;
             "scout-field": LocalJSX.ScoutField & JSXBase.HTMLAttributes<HTMLScoutFieldElement>;
             "scout-input": LocalJSX.ScoutInput & JSXBase.HTMLAttributes<HTMLScoutInputElement>;
+            "scout-link": LocalJSX.ScoutLink & JSXBase.HTMLAttributes<HTMLScoutLinkElement>;
+            "scout-list-view": LocalJSX.ScoutListView & JSXBase.HTMLAttributes<HTMLScoutListViewElement>;
+            "scout-list-view-item": LocalJSX.ScoutListViewItem & JSXBase.HTMLAttributes<HTMLScoutListViewItemElement>;
+            "scout-loader": LocalJSX.ScoutLoader & JSXBase.HTMLAttributes<HTMLScoutLoaderElement>;
+            "scout-select": LocalJSX.ScoutSelect & JSXBase.HTMLAttributes<HTMLScoutSelectElement>;
+            "scout-stack": LocalJSX.ScoutStack & JSXBase.HTMLAttributes<HTMLScoutStackElement>;
+            "scout-switch": LocalJSX.ScoutSwitch & JSXBase.HTMLAttributes<HTMLScoutSwitchElement>;
         }
     }
 }