@db-ux/wc-core-components 1.0.0-test-13b991d

package/dist/types/components/accordion-item/accordion-item.d.ts

@@ -0,0 +1,27 @@
+import { DBAccordionItemProps } from "./model";
+import { ClickEvent } from "../../shared/model";
+/**
+ * @slot children - This is a default/unnamed slot
+ * @slot headline - TODO: Add description for slotHeadline
+ */
+export declare class DBAccordionItem {
+    private _ref;
+    id: DBAccordionItemProps["id"];
+    defaultOpen: DBAccordionItemProps["defaultOpen"];
+    onToggle: any;
+    className: DBAccordionItemProps["className"];
+    disabled: DBAccordionItemProps["disabled"];
+    headlinePlain: DBAccordionItemProps["headlinePlain"];
+    text: DBAccordionItemProps["text"];
+    _id: string;
+    _open: boolean;
+    toggle(event: ClickEvent<HTMLElement>): void;
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    private enableAttributePassing;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/accordion-item/index.d.ts

@@ -0,0 +1,2 @@
+import { DBAccordionItem } from './accordion-item';
+export default DBAccordionItem;

package/dist/types/components/accordion-item/model.d.ts

@@ -0,0 +1,24 @@
+import { GlobalProps, GlobalState, TextProps, ToggleEventProps, ToggleEventState } from '../../shared/model';
+export type DBAccordionItemDefaultProps = {
+    /**
+     * Initial state for the accordion item
+     */
+    defaultOpen?: boolean;
+    /**
+     * The disabled attribute can be set to keep a user from clicking on the element.
+     */
+    disabled?: boolean;
+    /**
+     * Title of the accordion-item as slot
+     */
+    headline?: any;
+    /**
+     * Title of the accordion-item as plain text
+     */
+    headlinePlain?: string;
+} & TextProps;
+export type DBAccordionItemProps = DBAccordionItemDefaultProps & GlobalProps & ToggleEventProps;
+export type DBAccordionItemDefaultState = {
+    _open: boolean;
+};
+export type DBAccordionItemState = DBAccordionItemDefaultState & GlobalState & ToggleEventState<HTMLElement>;

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

@@ -0,0 +1,26 @@
+import { DBBadgeProps } from "./model";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export declare class DBBadge {
+    private _ref;
+    placement: DBBadgeProps["placement"];
+    id: DBBadgeProps["id"];
+    className: DBBadgeProps["className"];
+    semantic: DBBadgeProps["semantic"];
+    size: DBBadgeProps["size"];
+    emphasis: DBBadgeProps["emphasis"];
+    label: DBBadgeProps["label"];
+    text: DBBadgeProps["text"];
+    initialized: boolean;
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    private enableAttributePassing;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    render(): any;
+}

package/dist/types/components/badge/index.d.ts

@@ -0,0 +1,2 @@
+import { DBBadge } from './badge';
+export default DBBadge;

package/dist/types/components/badge/model.d.ts

@@ -0,0 +1,16 @@
+import { GlobalProps, GlobalState, InitializedState, SemanticProps, SizeProps, TagEmphasisProps, TextProps } from '../../shared/model';
+export declare const BadgePlacementList: readonly ["inline", "corner-top-left", "corner-top-right", "corner-center-left", "corner-center-right", "corner-bottom-left", "corner-bottom-right"];
+export type BadgePlacementType = (typeof BadgePlacementList)[number];
+export type DBBadgeDefaultProps = {
+    /**
+     * The `placement` attributes `corner-*` values change the position to absolute and adds a transform based on the placement.
+     */
+    placement?: BadgePlacementType;
+    /**
+     * Describes the badge for a11y if you use placement attribute with `corner-*`
+     */
+    label?: string;
+};
+export type DBBadgeProps = DBBadgeDefaultProps & GlobalProps & SemanticProps & SizeProps & TagEmphasisProps & TextProps;
+export type DBBadgeDefaultState = {};
+export type DBBadgeState = DBBadgeDefaultState & GlobalState & InitializedState;

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

@@ -0,0 +1,22 @@
+import { DBBrandProps } from "./model";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export declare class DBBrand {
+    private _ref;
+    hideLogo: DBBrandProps["hideLogo"];
+    icon: DBBrandProps["icon"];
+    showIcon: DBBrandProps["showIcon"];
+    id: DBBrandProps["id"];
+    className: DBBrandProps["className"];
+    text: DBBrandProps["text"];
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    private enableAttributePassing;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/brand/index.d.ts

@@ -0,0 +1,2 @@
+import { DBBrand } from './brand';
+export default DBBrand;

package/dist/types/components/brand/model.d.ts

@@ -0,0 +1,10 @@
+import { GlobalProps, GlobalState, IconProps, ShowIconProps, TextProps } from '../../shared/model';
+export type DBBrandDefaultProps = {
+    /**
+     * @deprecated: Disable the default logo svg to pass in a custom `img`
+     */
+    hideLogo?: boolean;
+};
+export type DBBrandProps = DBBrandDefaultProps & GlobalProps & IconProps & ShowIconProps & TextProps;
+export type DBBrandDefaultState = {};
+export type DBBrandState = DBBrandDefaultState & GlobalState;

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

@@ -0,0 +1,37 @@
+import type { DBButtonProps } from "./model";
+import { ClickEvent } from "../../shared/model";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export declare class DBButton {
+    private _ref;
+    onClick: any;
+    id: DBButtonProps["id"];
+    className: DBButtonProps["className"];
+    type: DBButtonProps["type"];
+    disabled: DBButtonProps["disabled"];
+    label: DBButtonProps["label"];
+    icon: DBButtonProps["icon"];
+    showIcon: DBButtonProps["showIcon"];
+    size: DBButtonProps["size"];
+    state: DBButtonProps["state"];
+    width: DBButtonProps["width"];
+    variant: DBButtonProps["variant"];
+    noText: DBButtonProps["noText"];
+    name: DBButtonProps["name"];
+    value: DBButtonProps["value"];
+    describedbyid: DBButtonProps["describedbyid"];
+    ariaexpanded: DBButtonProps["ariaexpanded"];
+    ariapressed: DBButtonProps["ariapressed"];
+    text: DBButtonProps["text"];
+    handleClick(event: ClickEvent<HTMLButtonElement>): void;
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    private enableAttributePassing;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/button/index.d.ts

@@ -0,0 +1,2 @@
+import { DBButton } from './button';
+export default DBButton;

package/dist/types/components/button/model.d.ts

@@ -0,0 +1,52 @@
+import { ClickEventProps, ClickEventState, GlobalProps, GlobalState, IconProps, ShowIconProps, SizeProps, TextProps, WidthProps } from '../../shared/model';
+export declare const ButtonVariantList: readonly ["outlined", "brand", "filled", "ghost"];
+export type ButtonVariantType = (typeof ButtonVariantList)[number];
+export declare const ButtonTypeList: readonly ["button", "reset", "submit"];
+export type ButtonTypeType = (typeof ButtonTypeList)[number];
+export declare const ButtonStateList: readonly ["loading"];
+export type ButtonStateType = (typeof ButtonStateList)[number];
+export type DBButtonDefaultProps = {
+    /**
+     * If the button controls a grouping of other elements, the ariaexpanded state [indicates whether the controlled grouping is currently expanded or collapsed](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded).
+     */
+    ariaexpanded?: boolean;
+    /**
+     * Defines the button as a toggle button. The value of [ariapressed describes the state of the button](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed).
+     */
+    ariapressed?: boolean;
+    /**
+     * The disabled attribute can be set to [keep a user from clicking on the button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled).
+     */
+    disabled?: boolean;
+    /**
+     * Define the text next to the icon specified via the icon Property to get hidden.
+     */
+    noText?: boolean;
+    /**
+     * The label represents the [aria-label attributes](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) value of the button
+     */
+    label?: string;
+    /**
+     * The name attribute specifies a [name attributes value](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#name) for the button.
+     */
+    name?: string;
+    /**
+     * The type attribute specifies the [type of button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#type).
+     */
+    type?: ButtonTypeType;
+    /**
+     * The value attribute specifies an initial [value for the button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#value).
+     */
+    value?: string;
+    /**
+     * Show loading progress inside button.
+     */
+    state?: ButtonStateType;
+    /**
+     * Variant of the button. Use only 1 primary button on a page as CTA otherwise use one of the adaptive buttons.
+     */
+    variant?: ButtonVariantType | string;
+};
+export type DBButtonProps = DBButtonDefaultProps & GlobalProps & ClickEventProps<HTMLButtonElement> & IconProps & WidthProps & SizeProps & ShowIconProps & TextProps;
+export type DBButtonDefaultState = {};
+export type DBButtonState = DBButtonDefaultState & GlobalState & ClickEventState<HTMLButtonElement>;

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

@@ -0,0 +1,24 @@
+import type { DBCardProps } from "./model";
+import { ClickEvent } from "../../shared/model";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export declare class DBCard {
+    private _ref;
+    onClick: any;
+    id: DBCardProps["id"];
+    className: DBCardProps["className"];
+    behavior: DBCardProps["behavior"];
+    elevationLevel: DBCardProps["elevationLevel"];
+    spacing: DBCardProps["spacing"];
+    handleClick(event: ClickEvent<HTMLElement>): void;
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    private enableAttributePassing;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/card/index.d.ts

@@ -0,0 +1,2 @@
+import { DBCard } from './card';
+export default DBCard;

package/dist/types/components/card/model.d.ts

@@ -0,0 +1,18 @@
+import { ClickEventProps, ClickEventState, GlobalProps, GlobalState, SpacingProps } from '../../shared/model';
+export declare const CardBehaviorList: readonly ["static", "interactive"];
+export type CardBehaviorType = (typeof CardBehaviorList)[number];
+export declare const CardElevationLevelList: readonly ["1", "2", "3"];
+export type CardElevationLevelType = (typeof CardElevationLevelList)[number];
+export type DBCardDefaultProps = {
+    /**
+     * Makes the card interactive
+     */
+    behavior?: CardBehaviorType;
+    /**
+     * Changes the elevation of the card which is equal to `basic-background-level`
+     */
+    elevationLevel?: CardElevationLevelType;
+};
+export type DBCardProps = DBCardDefaultProps & GlobalProps & ClickEventProps<HTMLElement> & SpacingProps;
+export type DBCardDefaultState = {};
+export type DBCardState = DBCardDefaultState & GlobalState & ClickEventState<HTMLElement>;

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

@@ -0,0 +1,51 @@
+import { DBCheckboxProps } from "./model";
+import { ChangeEvent, InteractionEvent } from "../../shared/model";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export declare class DBCheckbox {
+    private _ref;
+    id: DBCheckboxProps["id"];
+    message: DBCheckboxProps["message"];
+    showMessage: DBCheckboxProps["showMessage"];
+    checked: DBCheckboxProps["checked"];
+    indeterminate: DBCheckboxProps["indeterminate"];
+    onChange: any;
+    change: DBCheckboxProps["change"];
+    validation: DBCheckboxProps["validation"];
+    invalidMessage: DBCheckboxProps["invalidMessage"];
+    required: DBCheckboxProps["required"];
+    validMessage: DBCheckboxProps["validMessage"];
+    onBlur: any;
+    blur: DBCheckboxProps["blur"];
+    onFocus: any;
+    focus: DBCheckboxProps["focus"];
+    className: DBCheckboxProps["className"];
+    size: DBCheckboxProps["size"];
+    showLabel: DBCheckboxProps["showLabel"];
+    name: DBCheckboxProps["name"];
+    disabled: DBCheckboxProps["disabled"];
+    value: DBCheckboxProps["value"];
+    label: DBCheckboxProps["label"];
+    messageIcon: DBCheckboxProps["messageIcon"];
+    initialized: boolean;
+    _id: any;
+    _messageId: any;
+    _validMessageId: any;
+    _invalidMessageId: any;
+    _descByIds: string;
+    _voiceOverFallback: string;
+    handleChange(event: ChangeEvent<HTMLInputElement>): void;
+    handleBlur(event: InteractionEvent<HTMLInputElement>): void;
+    handleFocus(event: InteractionEvent<HTMLInputElement>): void;
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    private enableAttributePassing;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    render(): any;
+}

package/dist/types/components/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+import { DBCheckbox } from './checkbox';
+export default DBCheckbox;

package/dist/types/components/checkbox/model.d.ts

@@ -0,0 +1,10 @@
+import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormCheckProps, FormMessageProps, FormProps, FormState, GlobalProps, GlobalState, InitializedState, SizeProps } from '../../shared/model';
+export type DBCheckboxDefaultProps = {
+    /**
+     * Define an [indeterminate](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement#indeterminate) state of a checkbox
+     */
+    indeterminate?: boolean;
+};
+export type DBCheckboxProps = DBCheckboxDefaultProps & GlobalProps & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & FormCheckProps & FormMessageProps & SizeProps;
+export type DBCheckboxDefaultState = {};
+export type DBCheckboxState = DBCheckboxDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState & InitializedState;

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

@@ -0,0 +1,22 @@
+import { DBDividerProps } from "./model";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export declare class DBDivider {
+    private _ref;
+    id: DBDividerProps["id"];
+    margin: DBDividerProps["margin"];
+    variant: DBDividerProps["variant"];
+    emphasis: DBDividerProps["emphasis"];
+    width: DBDividerProps["width"];
+    className: DBDividerProps["className"];
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    private enableAttributePassing;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/divider/index.d.ts

@@ -0,0 +1,2 @@
+import { DBDivider } from './divider';
+export default DBDivider;

package/dist/types/components/divider/model.d.ts

@@ -0,0 +1,18 @@
+import { EmphasisProps, GlobalProps, GlobalState, MarginProps, WidthProps } from '../../shared/model';
+export declare const DividerMarginList: readonly ["none", "_"];
+export type DividerMarginType = (typeof DividerMarginList)[number];
+export declare const DividerVariantList: readonly ["horizontal", "vertical"];
+export type DividerVariantType = (typeof DividerVariantList)[number];
+export type DBDividerDefaultProps = {
+    /**
+     * Removes the margin of the divider.
+     */
+    margin?: DividerMarginType;
+    /**
+     * Changes the orientation of the divider.
+     */
+    variant?: DividerVariantType;
+};
+export type DBDividerProps = DBDividerDefaultProps & GlobalProps & EmphasisProps & MarginProps & WidthProps;
+export type DBDividerDefaultState = {};
+export type DBDividerState = DBDividerDefaultState & GlobalState;

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

@@ -0,0 +1,32 @@
+import { DBDrawerProps } from "./model";
+/**
+ * @slot children - This is a default/unnamed slot
+ * @slot drawerHeader - TODO: Add description for slotDrawerHeader
+ */
+export declare class DBDrawer {
+    private _ref;
+    private dialogContainerRef;
+    open: DBDrawerProps["open"];
+    backdrop: DBDrawerProps["backdrop"];
+    close: any;
+    variant: DBDrawerProps["variant"];
+    id: DBDrawerProps["id"];
+    className: DBDrawerProps["className"];
+    spacing: DBDrawerProps["spacing"];
+    width: DBDrawerProps["width"];
+    direction: DBDrawerProps["direction"];
+    rounded: DBDrawerProps["rounded"];
+    closeButtonId: DBDrawerProps["closeButtonId"];
+    closeButtonText: DBDrawerProps["closeButtonText"];
+    handleClose(event: any): void;
+    handleDialogOpen(): void;
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    private enableAttributePassing;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    render(): any;
+}

package/dist/types/components/drawer/index.d.ts

@@ -0,0 +1,2 @@
+import { DBDrawer } from './drawer';
+export default DBDrawer;

package/dist/types/components/drawer/model.d.ts

@@ -0,0 +1,41 @@
+import { CloseEventProps, CloseEventState, GlobalProps, GlobalState, InnerCloseButtonProps, SpacingProps, WidthProps } from '../../shared/model';
+export declare const DrawerBackdropList: readonly ["none", "strong", "weak", "invisible"];
+export type DrawerBackdropType = (typeof DrawerBackdropList)[number];
+export declare const DrawerDirectionList: readonly ["left", "right", "up", "down"];
+export type DrawerDirectionType = (typeof DrawerDirectionList)[number];
+export declare const DrawerVariantList: readonly ["modal", "inside"];
+export type DrawerVariantType = (typeof DrawerVariantList)[number];
+export type DBDrawerDefaultProps = {
+    /**
+     * The backdrop attribute changes the opacity of the backdrop.
+     * The backdrop 'none' will use `dialog.show()` instead of `dialog.showModal()`
+     */
+    backdrop?: DrawerBackdropType;
+    /**
+     * The direction attribute changes the position & animation of the drawer.
+     * E.g. "left" slides from left screen border to the right.
+     */
+    direction?: DrawerDirectionType;
+    /**
+     * Slot for changing the header of the drawer.
+     */
+    drawerHeader?: any;
+    /**
+     * The open attribute opens or closes the drawer based on the state.
+     */
+    open?: boolean;
+    /**
+     * The rounded attribute changes the border radius of the corners on the "end" of the drawer.
+     * The "end" depends on which direction you use.
+     */
+    rounded?: boolean;
+    /**
+     * Set the variant modal|inside. Defaults to modal.
+     */
+    variant?: DrawerVariantType;
+};
+export type DBDrawerProps = DBDrawerDefaultProps & GlobalProps & CloseEventProps & InnerCloseButtonProps & WidthProps & SpacingProps;
+export type DBDrawerDefaultState = {
+    handleDialogOpen: () => void;
+};
+export type DBDrawerState = DBDrawerDefaultState & GlobalState & CloseEventState;

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

@@ -0,0 +1,32 @@
+import { DBHeaderProps } from "./model";
+/**
+ * @slot children - This is a default/unnamed slot
+ * @slot metaNavigation - TODO: Add description for slotMetaNavigation
+ * @slot secondaryAction - TODO: Add description for slotSecondaryAction
+ * @slot brand - TODO: Add description for slotBrand
+ * @slot primaryAction - TODO: Add description for slotPrimaryAction
+ */
+export declare class DBHeader {
+    private _ref;
+    id: DBHeaderProps["id"];
+    forceMobile: DBHeaderProps["forceMobile"];
+    onToggle: any;
+    drawerOpen: DBHeaderProps["drawerOpen"];
+    className: DBHeaderProps["className"];
+    width: DBHeaderProps["width"];
+    burgerMenuLabel: DBHeaderProps["burgerMenuLabel"];
+    _id: string;
+    initialized: boolean;
+    forcedToMobile: boolean;
+    toggle(): void;
+    handleNavigationItemClick(event: unknown): void;
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    private enableAttributePassing;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    render(): any;
+}

package/dist/types/components/header/index.d.ts

@@ -0,0 +1,2 @@
+import { DBHeader } from './header';
+export default DBHeader;

package/dist/types/components/header/model.d.ts

@@ -0,0 +1,44 @@
+import { ContainerWidthProps, GlobalProps, GlobalState, InitializedState, NavigationBehaviorState, ToggleEventProps, ToggleEventState } from '../../shared/model';
+export type DBHeaderDefaultProps = {
+    /**
+     * Slot to pass in the DBBrand component
+     */
+    brand?: any;
+    /**
+     * Slot to pass in a meta navigation.
+     * Desktop: Above the regular header
+     * Mobile: Inside the drawer
+     */
+    metaNavigation?: any;
+    /**
+     * Slot to pass one or more elements like DBButton (e.g. search) as primary action.
+     * Desktop: Shown next to the main-navigation
+     * Mobile: Shown next to the brand
+     */
+    primaryAction?: any;
+    /**
+     * Slot to pass one or more elements like DBButton (e.g. profile, language, etc.) as secondary action.
+     * Desktop: Shown seperated by divider at the end of the header
+     * Mobile: Shown inside the drawer at the bottom.
+     */
+    secondaryAction?: any;
+    /**
+     * Open/closes the drawer for mobile header or if `forceMobile` is true.
+     */
+    drawerOpen?: boolean;
+    /**
+     * Forces the header to use mobile layout for desktop as well.
+     * You should only use this setting if you really can't provide a smaller navigation.
+     * Overwrite size of the drawer with '--db-drawer-max-width: xxx'
+     */
+    forceMobile?: boolean;
+    /**
+     * This attribute sets the label for the burger menu button for mobile headers.
+     */
+    burgerMenuLabel?: string;
+};
+export type DBHeaderProps = DBHeaderDefaultProps & GlobalProps & ToggleEventProps & ContainerWidthProps;
+export type DBHeaderDefaultState = {
+    forcedToMobile?: boolean;
+};
+export type DBHeaderState = DBHeaderDefaultState & GlobalState & ToggleEventState<HTMLElement> & InitializedState & NavigationBehaviorState;

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

@@ -0,0 +1,22 @@
+import type { DBIconProps } from "./model";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export declare class DBIcon {
+    private _ref;
+    id: DBIconProps["id"];
+    className: DBIconProps["className"];
+    icon: DBIconProps["icon"];
+    weight: DBIconProps["weight"];
+    variant: DBIconProps["variant"];
+    text: DBIconProps["text"];
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    private enableAttributePassing;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/icon/index.d.ts

@@ -0,0 +1,2 @@
+import { DBIcon } from './icon';
+export default DBIcon;

package/dist/types/components/icon/model.d.ts

@@ -0,0 +1,12 @@
+import { GlobalProps, GlobalState, IconProps, TextProps } from '../../shared/model';
+export declare const IconVariantList: readonly ["default", "inverted", "filled"];
+export type IconVariantType = (typeof IconVariantList)[number];
+export declare const IconWeightList: readonly ["16", "20", "24", "32", "48", "64"];
+export type IconWeightType = (typeof IconWeightList)[number];
+export type DBIconDefaultProps = {
+    variant?: IconVariantType;
+    weight?: IconWeightType;
+};
+export type DBIconProps = DBIconDefaultProps & GlobalProps & IconProps & TextProps;
+export type DBIconDefaultState = {};
+export type DBIconState = DBIconDefaultState & GlobalState;

package/dist/types/components/infotext/index.d.ts

@@ -0,0 +1,2 @@
+import { DBInfotext } from './infotext';
+export default DBInfotext;

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

@@ -0,0 +1,23 @@
+import { DBInfotextProps } from "./model";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export declare class DBInfotext {
+    private _ref;
+    id: DBInfotextProps["id"];
+    className: DBInfotextProps["className"];
+    icon: DBInfotextProps["icon"];
+    semantic: DBInfotextProps["semantic"];
+    size: DBInfotextProps["size"];
+    showIcon: DBInfotextProps["showIcon"];
+    text: DBInfotextProps["text"];
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    private enableAttributePassing;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/infotext/model.d.ts

@@ -0,0 +1,5 @@
+import { GlobalProps, GlobalState, IconProps, SemanticProps, ShowIconProps, SizeProps, TextProps } from '../../shared/model';
+export type DBInfotextDefaultProps = {};
+export type DBInfotextProps = DBInfotextDefaultProps & GlobalProps & SemanticProps & IconProps & SizeProps & ShowIconProps & TextProps;
+export type DBInfotextDefaultState = {};
+export type DBInfotextState = DBInfotextDefaultState & GlobalState;

package/dist/types/components/input/index.d.ts

@@ -0,0 +1,2 @@
+import { DBInput } from './input';
+export default DBInput;