/* eslint-disable */ /* tslint:disable */ /** * This is an autogenerated file created by the Stencil compiler. * It contains typing information for all components that exist in this project. */ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime"; import { CobaltIcon } from "./components/cobalt-icon/cobalt-icon"; import { ColorType, CoreIcon } from "@pollux-docaposte/core-design-system"; import { ActionSectionType, MultipleSelectionSectionType, SelectionSectionType } from "./components/cobalt-dropdown/components/cobalt-dropdown-section/cobalt-dropdown-section"; import { ProgressionIndicatorTypes } from "./components/cobalt-progress-indicator/cobalt-progress-indicator"; import { CoreSelect } from "@pollux-docaposte/core-design-system/dist/types/components/core-select/core-select"; export { CobaltIcon } from "./components/cobalt-icon/cobalt-icon"; export { ColorType, CoreIcon } from "@pollux-docaposte/core-design-system"; export { ActionSectionType, MultipleSelectionSectionType, SelectionSectionType } from "./components/cobalt-dropdown/components/cobalt-dropdown-section/cobalt-dropdown-section"; export { ProgressionIndicatorTypes } from "./components/cobalt-progress-indicator/cobalt-progress-indicator"; export { CoreSelect } from "@pollux-docaposte/core-design-system/dist/types/components/core-select/core-select"; export namespace Components { interface CobaltBanner { /** * Show or hide the banner. */ "dismiss"?: boolean; /** * Add a button to make the banner dismissable. */ "dismissButton"?: boolean; /** * This is the label for the close button. It should be used if `dismissButton` is `true`. */ "dismissButtonLabel"?: string; /** * This is the title which will appear on top of the banner. */ "headline"?: string; /** * Allows to add a custom icon on neutral status. Accept all icon names from `@pollux-docaposte/icon-library`. */ "iconName"?: CobaltIcon['name']; /** * Allows to inline the buttons with the content of the banner. */ "inlineButtons"?: boolean; /** * This is the text which will appear inside the banner. It is **required**. */ "message": string; /** * Allows to change the status of the banner. */ "status"?: 'success' | 'warning' | 'error' | 'information' | 'neutral'; } interface CobaltBreadcrumb { } interface CobaltButton { /** * A boolean indicating the disable state of the button. The `aria-disabled` attribute relies on this property. */ "disabled"?: boolean; /** * Accept all icon names from * @pollux-docaposte /icon-library. By using the cobalt-button component you don't have to install it as dependency. The icon render only if `iconName` and `iconPosition` are defined. */ "iconName"?: CoreIcon['name']; /** * It allows to render the chosen icon on the left or on the right. The icon render only if `iconName` and `iconPosition` are defined. */ "iconPosition"?: 'left' | 'right'; /** * This is the text which appear inside the button. It is required. */ "label": string; /** * A string indicating the size variation of the button. */ "size"?: 'small' | 'medium' | 'large'; /** * A string indicating the behavior of the button. It relies on `HTMLButtonElement['type']` */ "type"?: HTMLButtonElement['type']; /** * A string indicating the design variation of the button based on the level of importance. */ "variant"?: 'primary' | 'secondary' | 'tertiary'; } interface CobaltCheckbox { /** * A Boolean indicating whether the box is checked or unchecked. It should be false if the checkbox is `indeterminate`. */ "checked"?: boolean; /** * Description will append below the label. */ "description"?: string; /** * A boolean indicating the disable state of the checkbox. The `aria-disabled` attribute relies on this property. */ "disabled"?: boolean; /** * A string indicating the position of the label or if it is hidden. */ "format"?: 'right' | 'left' | 'hidden'; /** * A Boolean indicating whether the box is indeterminate or not. It should be false if the checkbox is `checked`. */ "indeterminate"?: boolean; /** * The label that accompany the checkbox. It is **required** for accessibility concerns. */ "label": string; /** * The immutable value sent in the payload as identifier. It is **required**. */ "value": string; } interface CobaltDropdown { /** * Align the dropdown with the trigger element. */ "alignment"?: 'left' | 'center' | 'right'; /** * Change the width of the dropdown. */ "width"?: 'small' | 'medium' | 'large'; } interface CobaltDropdownActionItem { "description"?: string; "disabled"?: boolean; /** * A boolean indicating the disable state of the action item. The `aria-disabled` attribute relies on this property. */ "iconName"?: CobaltIcon['name']; /** * label of the item */ "label": string; } interface CobaltDropdownSection { /** * Description of the section. */ "description"?: string; /** * Adding a divider on top of the section. */ "divider"?: boolean; /** * The format of the section will define the type of items to display. */ "format": SelectionSectionType['format'] | MultipleSelectionSectionType['format'] | ActionSectionType['format']; /** * Items are defined in the `items` property in the `selection` and `multi-selection` format. It is used only for selection purpose. For other purposes use the `action` format and the `` component in slot. */ "items": string | SelectionSectionType['items'] | MultipleSelectionSectionType['items']; /** * Title of the section. */ "sectionTitle": string; } interface CobaltIcon { /** * Taking the currentcolor (inherited color of the font) by default, except if specified. */ "fill"?: CoreIcon['fill']; /** * Accept all icon names from `@pollux-docaposte/icon-library`. By using the `cobalt-icon` component you don't have to install it as dependency. It is **required**. */ "name": CoreIcon['name']; /** * Taking the size of the parent element by default, except if specified. */ "size"?: CoreIcon['size']; } interface CobaltIconButton { /** * A boolean indicating the disable state of the button. The `aria-disabled` attribute relies on this property. */ "disabled"?: boolean; /** * Accept all icon names from * @pollux-docaposte /icon-library. By using the core-icon-button component you don't have to install it as dependency. The icon render only if `iconName` is defined. */ "iconName"?: CoreIcon['name']; /** * This is the text which describe the button. It is required for **accessibility** concerns. It will appear in a tooltip. */ "label": string; /** * A string indicating the size variation of the button. */ "size"?: 'small' | 'medium' | 'large'; /** * Tooltip alignment prop to where the tooltip will appear */ "tooltipDirection"?: 'top' | 'right' | 'bottom' | 'left'; /** * A string indicating the behavior of the button. It relies on `HTMLButtonElement['type']` */ "type"?: HTMLButtonElement['type']; /** * A string indicating the design variation of the button based on the level of importance. */ "variant"?: 'primary' | 'secondary' | 'tertiary' | 'quaternary'; } interface CobaltInputText { /** * Description is available on `outside` and `aside` format and will append below the label. */ "description"?: string; /** * A boolean indicating the disable state of the input field. The `aria-disabled` attribute relies on this property. */ "disabled"?: boolean; /** * Display an error message under the field and set the field in error state. */ "errorMessage"?: string; /** * Position the label in different place. */ "format"?: 'inside' | 'outside' | 'aside' | 'hidden'; /** * The label that accompany the input field. */ "label": string; /** * Placeholder inside the select. */ "placeholder"?: string; /** * Mention displayed to indicate if the field is mandatory or optional. If none is selected `custom-requirement` slot is available. */ "requirement"?: 'mandatory' | 'optional' | 'none'; /** * The value added inside the input. It can be used to add default value. */ "value": string; } interface CobaltLink { /** * A boolean indicating the disable state of the link. The `aria-disabled` attribute relies on this property. */ "disabled"?: boolean; /** * A boolean indicating if the link is external or not. If `true` it will open in a new tab. */ "external"?: boolean; /** * The destination of the link. */ "href"?: string; /** * Accept only `'chevron_right-outline' | 'arrow_right-outline' | 'square_arrow_up_right-outline'` from `@pollux-docaposte/icon-library`. By using the cobalt-link component you don't have to install it as dependency. */ "iconName"?: Extract; /** * This is the text of the link. */ "label"?: string; /** * This is the title of the link. Please provide at list the name of the destination of the link. */ "linkTitle"?: string; /** * A boolean indicating if the component should behave as wrapper and allow to add child like Router Link. */ "routerLink"?: boolean; /** * A string indicating the size variation of the link. */ "size"?: 'large' | 'medium' | 'small'; /** * A string indicating the design variation of the link. */ "variant"?: 'primary' | 'secondary'; } interface CobaltNotificationPill { "number"?: string; } interface CobaltProgressIndicator { /** * The current step number in the `fractions` format. */ "current"?: ProgressionIndicatorTypes['current']; /** * Description of the progress indicator. */ "description"?: ProgressionIndicatorTypes['description']; /** * Format of the progress indicator. */ "format"?: ProgressionIndicatorTypes['format']; /** * Hide the label from the top of the progress indicator. */ "hiddenLabel"?: ProgressionIndicatorTypes['hiddenLabel']; /** * Label of the progress indicator. */ "label": ProgressionIndicatorTypes['label']; /** * The progression value in the `bar` format. It is a percentage representation so it should be from 0 to 100. */ "progression"?: ProgressionIndicatorTypes['progression']; /** * The size of the progress indicator. */ "size"?: ProgressionIndicatorTypes['size']; /** * The number of step in the `fractions` format. The minimum of step should be 3 and the maximum should be 9. */ "total"?: ProgressionIndicatorTypes['total']; } interface CobaltRadioButton { /** * A Boolean indicating whether the radio is checked or unchecked. */ "checked"?: boolean; /** * Description will append below the label. */ "description"?: string; /** * A boolean indicating the disable state of the radio button. The `aria-disabled` attribute relies on this property. */ "disabled"?: boolean; /** * A string indicating the position of the label or if it is hidden. */ "format"?: 'right' | 'left' | 'hidden'; /** * The label that accompany the radio button. It is **required** for accessibility concerns. */ "label": string; } interface CobaltSelect { /** * Description is available on `outside` and `aside` format and will append below the label. */ "description"?: string; /** * A boolean indicating the disable state of the Select field. The `aria-disabled` attribute relies on this property. */ "disabled"?: boolean; /** * Display an error message under the field and set the field in error state. */ "errorMessage"?: string; /** * Position the label in different place. */ "format"?: 'inside' | 'outside' | 'aside' | 'hidden'; /** * The label that accompany the select. */ "label": string; /** * Array of objects describing the options. It should be in strict JSON format. The array could be a simple list of options: ``` const options = [ { "value": string, "disabled": boolean // can be omitted if not true } ... ] ``` Or it could be splitted in multiple sections: ``` const options = [ { "title": string, // title of the section "options": [ { "value": string, "disabled": boolean // can be omitted if not true } ... ] } ... ] ``` */ "options": CoreSelect['options']; /** * Placeholder inside the select. */ "placeholder"?: string; /** * Mention displayed to indicate if the field is mandatory or optional. If none is selected `custom-requirement` slot is available. */ "requirement"?: 'mandatory' | 'optional' | 'none'; } interface CobaltTabPanel { /** * A boolean indicating the disable state of the tab. */ "disabled": boolean; /** * icon name from `@pollux-docaposte/icon-library` Only the default icons have to be added. They will change automatically when tab is selected. */ "iconName": Extract; /** * Label of the tab panel. It is **required**. */ "label": string; /** * Adding a notification pill to the dedicated tab. The property can be empty to display an empty notification pill */ "notificationPillNumber": string; } interface CobaltTabsHorizontal { /** * Set a tab as active by providing the index (tab can not be disabled). */ "activeTabIndex": number; /** * Change the position of the icon for all tabs. */ "iconPosition": 'top' | 'left'; /** * Label of the next button. */ "nextButtonLabel": string; /** * Label of the previous button. */ "previousButtonLabel": string; /** * Force the tab labels to have the same size and take the full width of the tabs component. */ "stretch": boolean; } interface CobaltTabsVertical { /** * Set a tab as active by providing the index (tab can not be disabled). */ "activeTabIndex": number; /** * Change the width of the tab list. */ "width": 'small' | 'medium' | 'large'; } interface CobaltTag { /** * Allows to change the color of the tag. */ "color"?: | 'brand' | 'status success' | 'status warning' | 'status error' | 'status information' | 'neutral' | 'additional color 1' | 'additional color 2' | 'additional color 3' | 'additional color 4'; /** * Accept all icon names from * @pollux-docaposte /icon-library. By using the core-toggle component you don't have to install it as dependency. The icon render only if `iconName` is defined. */ "iconName"?: CoreIcon['name']; /** * This is the text which will appear inside the tag. */ "label": string; /** * Allows to change the size of the tag. */ "size"?: 'small' | 'medium'; } interface CobaltTextarea { /** * Description is available on `outside` and `aside` format and will append below the label. */ "description"?: string; /** * A boolean indicating the disable state of the textarea field. The `aria-disabled` attribute relies on this property. */ "disabled"?: boolean; /** * Display an error message under the field and set the field in error state. */ "errorMessage"?: string; /** * Position the label in different place. */ "format"?: 'outside' | 'aside' | 'hidden'; /** * The label that accompany the textarea field. */ "label": string; /** * Placeholder inside the select. */ "placeholder"?: string; /** * Mention displayed to indicate if the field is mandatory or optional. If none is selected `custom-requirement` slot is available. */ "requirement"?: 'mandatory' | 'optional' | 'none'; } interface CobaltToggle { /** * Description will append below the label. */ "description"?: string; /** * A boolean indicating the disable state of the Toggle. The `aria-disabled` attribute relies on this property. */ "disabled"?: boolean; /** * A string indicating the position of the label or if it is hidden. */ "format"?: 'right' | 'left' | 'hidden'; /** * The label that accompany the toggle. It is **required** for accessibility concerns. */ "label": string; /** * A Boolean indicating whether the toggle is selected or not. It should be false if the toggle is `indeterminate`. */ "selected"?: boolean; } interface CobaltTooltip { /** * Tooltip alignment prop to where the tooltip will appear */ "direction"?: 'top' | 'right' | 'bottom' | 'left'; /** * Change the `background-color` of the tooltip content. */ "tooltipBackgroundColor"?: ColorType; /** * Change the `color` of the tooltip content. */ "tooltipColor"?: ColorType; /** * Change the `padding` of the tooltip content. */ "tooltipPadding"?: string; } } export interface CobaltButtonCustomEvent extends CustomEvent { detail: T; target: HTMLCobaltButtonElement; } export interface CobaltCheckboxCustomEvent extends CustomEvent { detail: T; target: HTMLCobaltCheckboxElement; } export interface CobaltDropdownCustomEvent extends CustomEvent { detail: T; target: HTMLCobaltDropdownElement; } export interface CobaltDropdownActionItemCustomEvent extends CustomEvent { detail: T; target: HTMLCobaltDropdownActionItemElement; } export interface CobaltDropdownSectionCustomEvent extends CustomEvent { detail: T; target: HTMLCobaltDropdownSectionElement; } export interface CobaltIconButtonCustomEvent extends CustomEvent { detail: T; target: HTMLCobaltIconButtonElement; } export interface CobaltInputTextCustomEvent extends CustomEvent { detail: T; target: HTMLCobaltInputTextElement; } export interface CobaltRadioButtonCustomEvent extends CustomEvent { detail: T; target: HTMLCobaltRadioButtonElement; } export interface CobaltSelectCustomEvent extends CustomEvent { detail: T; target: HTMLCobaltSelectElement; } export interface CobaltTabsHorizontalCustomEvent extends CustomEvent { detail: T; target: HTMLCobaltTabsHorizontalElement; } export interface CobaltTabsVerticalCustomEvent extends CustomEvent { detail: T; target: HTMLCobaltTabsVerticalElement; } export interface CobaltTextareaCustomEvent extends CustomEvent { detail: T; target: HTMLCobaltTextareaElement; } export interface CobaltToggleCustomEvent extends CustomEvent { detail: T; target: HTMLCobaltToggleElement; } declare global { interface HTMLCobaltBannerElement extends Components.CobaltBanner, HTMLStencilElement { } var HTMLCobaltBannerElement: { prototype: HTMLCobaltBannerElement; new (): HTMLCobaltBannerElement; }; interface HTMLCobaltBreadcrumbElement extends Components.CobaltBreadcrumb, HTMLStencilElement { } var HTMLCobaltBreadcrumbElement: { prototype: HTMLCobaltBreadcrumbElement; new (): HTMLCobaltBreadcrumbElement; }; interface HTMLCobaltButtonElementEventMap { "cobaltButtonClick": any; } interface HTMLCobaltButtonElement extends Components.CobaltButton, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLCobaltButtonElement, ev: CobaltButtonCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLCobaltButtonElement, ev: CobaltButtonCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLCobaltButtonElement: { prototype: HTMLCobaltButtonElement; new (): HTMLCobaltButtonElement; }; interface HTMLCobaltCheckboxElementEventMap { "cobaltCheckboxChange": any; } interface HTMLCobaltCheckboxElement extends Components.CobaltCheckbox, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLCobaltCheckboxElement, ev: CobaltCheckboxCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLCobaltCheckboxElement, ev: CobaltCheckboxCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLCobaltCheckboxElement: { prototype: HTMLCobaltCheckboxElement; new (): HTMLCobaltCheckboxElement; }; interface HTMLCobaltDropdownElementEventMap { "cobaltDropdownItemsChange": any; } interface HTMLCobaltDropdownElement extends Components.CobaltDropdown, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLCobaltDropdownElement, ev: CobaltDropdownCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLCobaltDropdownElement, ev: CobaltDropdownCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLCobaltDropdownElement: { prototype: HTMLCobaltDropdownElement; new (): HTMLCobaltDropdownElement; }; interface HTMLCobaltDropdownActionItemElementEventMap { "cobaltDropdownActionItemClick": any; } interface HTMLCobaltDropdownActionItemElement extends Components.CobaltDropdownActionItem, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLCobaltDropdownActionItemElement, ev: CobaltDropdownActionItemCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLCobaltDropdownActionItemElement, ev: CobaltDropdownActionItemCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLCobaltDropdownActionItemElement: { prototype: HTMLCobaltDropdownActionItemElement; new (): HTMLCobaltDropdownActionItemElement; }; interface HTMLCobaltDropdownSectionElementEventMap { "cobaltDropdownSectionsItemsChange": any; } interface HTMLCobaltDropdownSectionElement extends Components.CobaltDropdownSection, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLCobaltDropdownSectionElement, ev: CobaltDropdownSectionCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLCobaltDropdownSectionElement, ev: CobaltDropdownSectionCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLCobaltDropdownSectionElement: { prototype: HTMLCobaltDropdownSectionElement; new (): HTMLCobaltDropdownSectionElement; }; interface HTMLCobaltIconElement extends Components.CobaltIcon, HTMLStencilElement { } var HTMLCobaltIconElement: { prototype: HTMLCobaltIconElement; new (): HTMLCobaltIconElement; }; interface HTMLCobaltIconButtonElementEventMap { "cobaltIconButtonClick": any; } interface HTMLCobaltIconButtonElement extends Components.CobaltIconButton, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLCobaltIconButtonElement, ev: CobaltIconButtonCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLCobaltIconButtonElement, ev: CobaltIconButtonCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLCobaltIconButtonElement: { prototype: HTMLCobaltIconButtonElement; new (): HTMLCobaltIconButtonElement; }; interface HTMLCobaltInputTextElementEventMap { "cobaltInputTextValueChange": any; "cobaltInputTextTyping": any; } interface HTMLCobaltInputTextElement extends Components.CobaltInputText, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLCobaltInputTextElement, ev: CobaltInputTextCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLCobaltInputTextElement, ev: CobaltInputTextCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLCobaltInputTextElement: { prototype: HTMLCobaltInputTextElement; new (): HTMLCobaltInputTextElement; }; interface HTMLCobaltLinkElement extends Components.CobaltLink, HTMLStencilElement { } var HTMLCobaltLinkElement: { prototype: HTMLCobaltLinkElement; new (): HTMLCobaltLinkElement; }; interface HTMLCobaltNotificationPillElement extends Components.CobaltNotificationPill, HTMLStencilElement { } var HTMLCobaltNotificationPillElement: { prototype: HTMLCobaltNotificationPillElement; new (): HTMLCobaltNotificationPillElement; }; interface HTMLCobaltProgressIndicatorElement extends Components.CobaltProgressIndicator, HTMLStencilElement { } var HTMLCobaltProgressIndicatorElement: { prototype: HTMLCobaltProgressIndicatorElement; new (): HTMLCobaltProgressIndicatorElement; }; interface HTMLCobaltRadioButtonElementEventMap { "cobaltRadioButtonChange": any; } interface HTMLCobaltRadioButtonElement extends Components.CobaltRadioButton, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLCobaltRadioButtonElement, ev: CobaltRadioButtonCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLCobaltRadioButtonElement, ev: CobaltRadioButtonCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLCobaltRadioButtonElement: { prototype: HTMLCobaltRadioButtonElement; new (): HTMLCobaltRadioButtonElement; }; interface HTMLCobaltSelectElementEventMap { "cobaltSelectOptionChange": string; } interface HTMLCobaltSelectElement extends Components.CobaltSelect, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLCobaltSelectElement, ev: CobaltSelectCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLCobaltSelectElement, ev: CobaltSelectCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLCobaltSelectElement: { prototype: HTMLCobaltSelectElement; new (): HTMLCobaltSelectElement; }; interface HTMLCobaltTabPanelElement extends Components.CobaltTabPanel, HTMLStencilElement { } var HTMLCobaltTabPanelElement: { prototype: HTMLCobaltTabPanelElement; new (): HTMLCobaltTabPanelElement; }; interface HTMLCobaltTabsHorizontalElementEventMap { "cobaltTabChange": any; } interface HTMLCobaltTabsHorizontalElement extends Components.CobaltTabsHorizontal, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLCobaltTabsHorizontalElement, ev: CobaltTabsHorizontalCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLCobaltTabsHorizontalElement, ev: CobaltTabsHorizontalCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLCobaltTabsHorizontalElement: { prototype: HTMLCobaltTabsHorizontalElement; new (): HTMLCobaltTabsHorizontalElement; }; interface HTMLCobaltTabsVerticalElementEventMap { "cobaltTabChange": any; } interface HTMLCobaltTabsVerticalElement extends Components.CobaltTabsVertical, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLCobaltTabsVerticalElement, ev: CobaltTabsVerticalCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLCobaltTabsVerticalElement, ev: CobaltTabsVerticalCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLCobaltTabsVerticalElement: { prototype: HTMLCobaltTabsVerticalElement; new (): HTMLCobaltTabsVerticalElement; }; interface HTMLCobaltTagElement extends Components.CobaltTag, HTMLStencilElement { } var HTMLCobaltTagElement: { prototype: HTMLCobaltTagElement; new (): HTMLCobaltTagElement; }; interface HTMLCobaltTextareaElementEventMap { "cobaltTextareaValueChange": string; } interface HTMLCobaltTextareaElement extends Components.CobaltTextarea, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLCobaltTextareaElement, ev: CobaltTextareaCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLCobaltTextareaElement, ev: CobaltTextareaCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLCobaltTextareaElement: { prototype: HTMLCobaltTextareaElement; new (): HTMLCobaltTextareaElement; }; interface HTMLCobaltToggleElementEventMap { "cobaltToggleChange": boolean; } interface HTMLCobaltToggleElement extends Components.CobaltToggle, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLCobaltToggleElement, ev: CobaltToggleCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLCobaltToggleElement, ev: CobaltToggleCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLCobaltToggleElement: { prototype: HTMLCobaltToggleElement; new (): HTMLCobaltToggleElement; }; interface HTMLCobaltTooltipElement extends Components.CobaltTooltip, HTMLStencilElement { } var HTMLCobaltTooltipElement: { prototype: HTMLCobaltTooltipElement; new (): HTMLCobaltTooltipElement; }; interface HTMLElementTagNameMap { "cobalt-banner": HTMLCobaltBannerElement; "cobalt-breadcrumb": HTMLCobaltBreadcrumbElement; "cobalt-button": HTMLCobaltButtonElement; "cobalt-checkbox": HTMLCobaltCheckboxElement; "cobalt-dropdown": HTMLCobaltDropdownElement; "cobalt-dropdown-action-item": HTMLCobaltDropdownActionItemElement; "cobalt-dropdown-section": HTMLCobaltDropdownSectionElement; "cobalt-icon": HTMLCobaltIconElement; "cobalt-icon-button": HTMLCobaltIconButtonElement; "cobalt-input-text": HTMLCobaltInputTextElement; "cobalt-link": HTMLCobaltLinkElement; "cobalt-notification-pill": HTMLCobaltNotificationPillElement; "cobalt-progress-indicator": HTMLCobaltProgressIndicatorElement; "cobalt-radio-button": HTMLCobaltRadioButtonElement; "cobalt-select": HTMLCobaltSelectElement; "cobalt-tab-panel": HTMLCobaltTabPanelElement; "cobalt-tabs-horizontal": HTMLCobaltTabsHorizontalElement; "cobalt-tabs-vertical": HTMLCobaltTabsVerticalElement; "cobalt-tag": HTMLCobaltTagElement; "cobalt-textarea": HTMLCobaltTextareaElement; "cobalt-toggle": HTMLCobaltToggleElement; "cobalt-tooltip": HTMLCobaltTooltipElement; } } declare namespace LocalJSX { interface CobaltBanner { /** * Show or hide the banner. */ "dismiss"?: boolean; /** * Add a button to make the banner dismissable. */ "dismissButton"?: boolean; /** * This is the label for the close button. It should be used if `dismissButton` is `true`. */ "dismissButtonLabel"?: string; /** * This is the title which will appear on top of the banner. */ "headline"?: string; /** * Allows to add a custom icon on neutral status. Accept all icon names from `@pollux-docaposte/icon-library`. */ "iconName"?: CobaltIcon['name']; /** * Allows to inline the buttons with the content of the banner. */ "inlineButtons"?: boolean; /** * This is the text which will appear inside the banner. It is **required**. */ "message": string; /** * Allows to change the status of the banner. */ "status"?: 'success' | 'warning' | 'error' | 'information' | 'neutral'; } interface CobaltBreadcrumb { } interface CobaltButton { /** * A boolean indicating the disable state of the button. The `aria-disabled` attribute relies on this property. */ "disabled"?: boolean; /** * Accept all icon names from * @pollux-docaposte /icon-library. By using the cobalt-button component you don't have to install it as dependency. The icon render only if `iconName` and `iconPosition` are defined. */ "iconName"?: CoreIcon['name']; /** * It allows to render the chosen icon on the left or on the right. The icon render only if `iconName` and `iconPosition` are defined. */ "iconPosition"?: 'left' | 'right'; /** * This is the text which appear inside the button. It is required. */ "label": string; /** * Click event on the button */ "onCobaltButtonClick"?: (event: CobaltButtonCustomEvent) => void; /** * A string indicating the size variation of the button. */ "size"?: 'small' | 'medium' | 'large'; /** * A string indicating the behavior of the button. It relies on `HTMLButtonElement['type']` */ "type"?: HTMLButtonElement['type']; /** * A string indicating the design variation of the button based on the level of importance. */ "variant"?: 'primary' | 'secondary' | 'tertiary'; } interface CobaltCheckbox { /** * A Boolean indicating whether the box is checked or unchecked. It should be false if the checkbox is `indeterminate`. */ "checked"?: boolean; /** * Description will append below the label. */ "description"?: string; /** * A boolean indicating the disable state of the checkbox. The `aria-disabled` attribute relies on this property. */ "disabled"?: boolean; /** * A string indicating the position of the label or if it is hidden. */ "format"?: 'right' | 'left' | 'hidden'; /** * A Boolean indicating whether the box is indeterminate or not. It should be false if the checkbox is `checked`. */ "indeterminate"?: boolean; /** * The label that accompany the checkbox. It is **required** for accessibility concerns. */ "label": string; /** * Emitted when the checked value has changed. */ "onCobaltCheckboxChange"?: (event: CobaltCheckboxCustomEvent) => void; /** * The immutable value sent in the payload as identifier. It is **required**. */ "value": string; } interface CobaltDropdown { /** * Align the dropdown with the trigger element. */ "alignment"?: 'left' | 'center' | 'right'; /** * Emitted when the selected values of the dropdown have changed. */ "onCobaltDropdownItemsChange"?: (event: CobaltDropdownCustomEvent) => void; /** * Change the width of the dropdown. */ "width"?: 'small' | 'medium' | 'large'; } interface CobaltDropdownActionItem { "description"?: string; "disabled"?: boolean; /** * A boolean indicating the disable state of the action item. The `aria-disabled` attribute relies on this property. */ "iconName"?: CobaltIcon['name']; /** * label of the item */ "label": string; /** * Emitted when the item is clicked. */ "onCobaltDropdownActionItemClick"?: (event: CobaltDropdownActionItemCustomEvent) => void; } interface CobaltDropdownSection { /** * Description of the section. */ "description"?: string; /** * Adding a divider on top of the section. */ "divider"?: boolean; /** * The format of the section will define the type of items to display. */ "format": SelectionSectionType['format'] | MultipleSelectionSectionType['format'] | ActionSectionType['format']; /** * Items are defined in the `items` property in the `selection` and `multi-selection` format. It is used only for selection purpose. For other purposes use the `action` format and the `` component in slot. */ "items": string | SelectionSectionType['items'] | MultipleSelectionSectionType['items']; /** * Emitted when the value has changed. */ "onCobaltDropdownSectionsItemsChange"?: (event: CobaltDropdownSectionCustomEvent) => void; /** * Title of the section. */ "sectionTitle": string; } interface CobaltIcon { /** * Taking the currentcolor (inherited color of the font) by default, except if specified. */ "fill"?: CoreIcon['fill']; /** * Accept all icon names from `@pollux-docaposte/icon-library`. By using the `cobalt-icon` component you don't have to install it as dependency. It is **required**. */ "name": CoreIcon['name']; /** * Taking the size of the parent element by default, except if specified. */ "size"?: CoreIcon['size']; } interface CobaltIconButton { /** * A boolean indicating the disable state of the button. The `aria-disabled` attribute relies on this property. */ "disabled"?: boolean; /** * Accept all icon names from * @pollux-docaposte /icon-library. By using the core-icon-button component you don't have to install it as dependency. The icon render only if `iconName` is defined. */ "iconName"?: CoreIcon['name']; /** * This is the text which describe the button. It is required for **accessibility** concerns. It will appear in a tooltip. */ "label": string; /** * Click event on the button */ "onCobaltIconButtonClick"?: (event: CobaltIconButtonCustomEvent) => void; /** * A string indicating the size variation of the button. */ "size"?: 'small' | 'medium' | 'large'; /** * Tooltip alignment prop to where the tooltip will appear */ "tooltipDirection"?: 'top' | 'right' | 'bottom' | 'left'; /** * A string indicating the behavior of the button. It relies on `HTMLButtonElement['type']` */ "type"?: HTMLButtonElement['type']; /** * A string indicating the design variation of the button based on the level of importance. */ "variant"?: 'primary' | 'secondary' | 'tertiary' | 'quaternary'; } interface CobaltInputText { /** * Description is available on `outside` and `aside` format and will append below the label. */ "description"?: string; /** * A boolean indicating the disable state of the input field. The `aria-disabled` attribute relies on this property. */ "disabled"?: boolean; /** * Display an error message under the field and set the field in error state. */ "errorMessage"?: string; /** * Position the label in different place. */ "format"?: 'inside' | 'outside' | 'aside' | 'hidden'; /** * The label that accompany the input field. */ "label": string; /** * Emitted when typing inside the input. */ "onCobaltInputTextTyping"?: (event: CobaltInputTextCustomEvent) => void; /** * Emitted when the value has changed. */ "onCobaltInputTextValueChange"?: (event: CobaltInputTextCustomEvent) => void; /** * Placeholder inside the select. */ "placeholder"?: string; /** * Mention displayed to indicate if the field is mandatory or optional. If none is selected `custom-requirement` slot is available. */ "requirement"?: 'mandatory' | 'optional' | 'none'; /** * The value added inside the input. It can be used to add default value. */ "value"?: string; } interface CobaltLink { /** * A boolean indicating the disable state of the link. The `aria-disabled` attribute relies on this property. */ "disabled"?: boolean; /** * A boolean indicating if the link is external or not. If `true` it will open in a new tab. */ "external"?: boolean; /** * The destination of the link. */ "href"?: string; /** * Accept only `'chevron_right-outline' | 'arrow_right-outline' | 'square_arrow_up_right-outline'` from `@pollux-docaposte/icon-library`. By using the cobalt-link component you don't have to install it as dependency. */ "iconName"?: Extract; /** * This is the text of the link. */ "label"?: string; /** * This is the title of the link. Please provide at list the name of the destination of the link. */ "linkTitle"?: string; /** * A boolean indicating if the component should behave as wrapper and allow to add child like Router Link. */ "routerLink"?: boolean; /** * A string indicating the size variation of the link. */ "size"?: 'large' | 'medium' | 'small'; /** * A string indicating the design variation of the link. */ "variant"?: 'primary' | 'secondary'; } interface CobaltNotificationPill { "number"?: string; } interface CobaltProgressIndicator { /** * The current step number in the `fractions` format. */ "current"?: ProgressionIndicatorTypes['current']; /** * Description of the progress indicator. */ "description"?: ProgressionIndicatorTypes['description']; /** * Format of the progress indicator. */ "format"?: ProgressionIndicatorTypes['format']; /** * Hide the label from the top of the progress indicator. */ "hiddenLabel"?: ProgressionIndicatorTypes['hiddenLabel']; /** * Label of the progress indicator. */ "label": ProgressionIndicatorTypes['label']; /** * The progression value in the `bar` format. It is a percentage representation so it should be from 0 to 100. */ "progression"?: ProgressionIndicatorTypes['progression']; /** * The size of the progress indicator. */ "size"?: ProgressionIndicatorTypes['size']; /** * The number of step in the `fractions` format. The minimum of step should be 3 and the maximum should be 9. */ "total"?: ProgressionIndicatorTypes['total']; } interface CobaltRadioButton { /** * A Boolean indicating whether the radio is checked or unchecked. */ "checked"?: boolean; /** * Description will append below the label. */ "description"?: string; /** * A boolean indicating the disable state of the radio button. The `aria-disabled` attribute relies on this property. */ "disabled"?: boolean; /** * A string indicating the position of the label or if it is hidden. */ "format"?: 'right' | 'left' | 'hidden'; /** * The label that accompany the radio button. It is **required** for accessibility concerns. */ "label": string; /** * Emitted when the checked value has changed. */ "onCobaltRadioButtonChange"?: (event: CobaltRadioButtonCustomEvent) => void; } interface CobaltSelect { /** * Description is available on `outside` and `aside` format and will append below the label. */ "description"?: string; /** * A boolean indicating the disable state of the Select field. The `aria-disabled` attribute relies on this property. */ "disabled"?: boolean; /** * Display an error message under the field and set the field in error state. */ "errorMessage"?: string; /** * Position the label in different place. */ "format"?: 'inside' | 'outside' | 'aside' | 'hidden'; /** * The label that accompany the select. */ "label": string; /** * Emitted when the value has changed. */ "onCobaltSelectOptionChange"?: (event: CobaltSelectCustomEvent) => void; /** * Array of objects describing the options. It should be in strict JSON format. The array could be a simple list of options: ``` const options = [ { "value": string, "disabled": boolean // can be omitted if not true } ... ] ``` Or it could be splitted in multiple sections: ``` const options = [ { "title": string, // title of the section "options": [ { "value": string, "disabled": boolean // can be omitted if not true } ... ] } ... ] ``` */ "options"?: CoreSelect['options']; /** * Placeholder inside the select. */ "placeholder"?: string; /** * Mention displayed to indicate if the field is mandatory or optional. If none is selected `custom-requirement` slot is available. */ "requirement"?: 'mandatory' | 'optional' | 'none'; } interface CobaltTabPanel { /** * A boolean indicating the disable state of the tab. */ "disabled"?: boolean; /** * icon name from `@pollux-docaposte/icon-library` Only the default icons have to be added. They will change automatically when tab is selected. */ "iconName"?: Extract; /** * Label of the tab panel. It is **required**. */ "label": string; /** * Adding a notification pill to the dedicated tab. The property can be empty to display an empty notification pill */ "notificationPillNumber"?: string; } interface CobaltTabsHorizontal { /** * Set a tab as active by providing the index (tab can not be disabled). */ "activeTabIndex"?: number; /** * Change the position of the icon for all tabs. */ "iconPosition"?: 'top' | 'left'; /** * Label of the next button. */ "nextButtonLabel"?: string; "onCobaltTabChange"?: (event: CobaltTabsHorizontalCustomEvent) => void; /** * Label of the previous button. */ "previousButtonLabel"?: string; /** * Force the tab labels to have the same size and take the full width of the tabs component. */ "stretch"?: boolean; } interface CobaltTabsVertical { /** * Set a tab as active by providing the index (tab can not be disabled). */ "activeTabIndex"?: number; "onCobaltTabChange"?: (event: CobaltTabsVerticalCustomEvent) => void; /** * Change the width of the tab list. */ "width"?: 'small' | 'medium' | 'large'; } interface CobaltTag { /** * Allows to change the color of the tag. */ "color"?: | 'brand' | 'status success' | 'status warning' | 'status error' | 'status information' | 'neutral' | 'additional color 1' | 'additional color 2' | 'additional color 3' | 'additional color 4'; /** * Accept all icon names from * @pollux-docaposte /icon-library. By using the core-toggle component you don't have to install it as dependency. The icon render only if `iconName` is defined. */ "iconName"?: CoreIcon['name']; /** * This is the text which will appear inside the tag. */ "label": string; /** * Allows to change the size of the tag. */ "size"?: 'small' | 'medium'; } interface CobaltTextarea { /** * Description is available on `outside` and `aside` format and will append below the label. */ "description"?: string; /** * A boolean indicating the disable state of the textarea field. The `aria-disabled` attribute relies on this property. */ "disabled"?: boolean; /** * Display an error message under the field and set the field in error state. */ "errorMessage"?: string; /** * Position the label in different place. */ "format"?: 'outside' | 'aside' | 'hidden'; /** * The label that accompany the textarea field. */ "label": string; /** * Emitted when the value has changed. */ "onCobaltTextareaValueChange"?: (event: CobaltTextareaCustomEvent) => void; /** * Placeholder inside the select. */ "placeholder"?: string; /** * Mention displayed to indicate if the field is mandatory or optional. If none is selected `custom-requirement` slot is available. */ "requirement"?: 'mandatory' | 'optional' | 'none'; } interface CobaltToggle { /** * Description will append below the label. */ "description"?: string; /** * A boolean indicating the disable state of the Toggle. The `aria-disabled` attribute relies on this property. */ "disabled"?: boolean; /** * A string indicating the position of the label or if it is hidden. */ "format"?: 'right' | 'left' | 'hidden'; /** * The label that accompany the toggle. It is **required** for accessibility concerns. */ "label": string; /** * Emitted when the selected value has changed. */ "onCobaltToggleChange"?: (event: CobaltToggleCustomEvent) => void; /** * A Boolean indicating whether the toggle is selected or not. It should be false if the toggle is `indeterminate`. */ "selected"?: boolean; } interface CobaltTooltip { /** * Tooltip alignment prop to where the tooltip will appear */ "direction"?: 'top' | 'right' | 'bottom' | 'left'; /** * Change the `background-color` of the tooltip content. */ "tooltipBackgroundColor"?: ColorType; /** * Change the `color` of the tooltip content. */ "tooltipColor"?: ColorType; /** * Change the `padding` of the tooltip content. */ "tooltipPadding"?: string; } interface IntrinsicElements { "cobalt-banner": CobaltBanner; "cobalt-breadcrumb": CobaltBreadcrumb; "cobalt-button": CobaltButton; "cobalt-checkbox": CobaltCheckbox; "cobalt-dropdown": CobaltDropdown; "cobalt-dropdown-action-item": CobaltDropdownActionItem; "cobalt-dropdown-section": CobaltDropdownSection; "cobalt-icon": CobaltIcon; "cobalt-icon-button": CobaltIconButton; "cobalt-input-text": CobaltInputText; "cobalt-link": CobaltLink; "cobalt-notification-pill": CobaltNotificationPill; "cobalt-progress-indicator": CobaltProgressIndicator; "cobalt-radio-button": CobaltRadioButton; "cobalt-select": CobaltSelect; "cobalt-tab-panel": CobaltTabPanel; "cobalt-tabs-horizontal": CobaltTabsHorizontal; "cobalt-tabs-vertical": CobaltTabsVertical; "cobalt-tag": CobaltTag; "cobalt-textarea": CobaltTextarea; "cobalt-toggle": CobaltToggle; "cobalt-tooltip": CobaltTooltip; } } export { LocalJSX as JSX }; declare module "@stencil/core" { export namespace JSX { interface IntrinsicElements { "cobalt-banner": LocalJSX.CobaltBanner & JSXBase.HTMLAttributes; "cobalt-breadcrumb": LocalJSX.CobaltBreadcrumb & JSXBase.HTMLAttributes; "cobalt-button": LocalJSX.CobaltButton & JSXBase.HTMLAttributes; "cobalt-checkbox": LocalJSX.CobaltCheckbox & JSXBase.HTMLAttributes; "cobalt-dropdown": LocalJSX.CobaltDropdown & JSXBase.HTMLAttributes; "cobalt-dropdown-action-item": LocalJSX.CobaltDropdownActionItem & JSXBase.HTMLAttributes; "cobalt-dropdown-section": LocalJSX.CobaltDropdownSection & JSXBase.HTMLAttributes; "cobalt-icon": LocalJSX.CobaltIcon & JSXBase.HTMLAttributes; "cobalt-icon-button": LocalJSX.CobaltIconButton & JSXBase.HTMLAttributes; "cobalt-input-text": LocalJSX.CobaltInputText & JSXBase.HTMLAttributes; "cobalt-link": LocalJSX.CobaltLink & JSXBase.HTMLAttributes; "cobalt-notification-pill": LocalJSX.CobaltNotificationPill & JSXBase.HTMLAttributes; "cobalt-progress-indicator": LocalJSX.CobaltProgressIndicator & JSXBase.HTMLAttributes; "cobalt-radio-button": LocalJSX.CobaltRadioButton & JSXBase.HTMLAttributes; "cobalt-select": LocalJSX.CobaltSelect & JSXBase.HTMLAttributes; "cobalt-tab-panel": LocalJSX.CobaltTabPanel & JSXBase.HTMLAttributes; "cobalt-tabs-horizontal": LocalJSX.CobaltTabsHorizontal & JSXBase.HTMLAttributes; "cobalt-tabs-vertical": LocalJSX.CobaltTabsVertical & JSXBase.HTMLAttributes; "cobalt-tag": LocalJSX.CobaltTag & JSXBase.HTMLAttributes; "cobalt-textarea": LocalJSX.CobaltTextarea & JSXBase.HTMLAttributes; "cobalt-toggle": LocalJSX.CobaltToggle & JSXBase.HTMLAttributes; "cobalt-tooltip": LocalJSX.CobaltTooltip & JSXBase.HTMLAttributes; } } }