@rededor/cura 0.5.1 → 0.5.3

package/dist/types/components.d.ts

@@ -5,6 +5,10 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { MaskPreset } from "./components/forms/cura-input-text/cura-input-text";
+import { FactoryArg, MaskedRegExp } from "imask";
+export { MaskPreset } from "./components/forms/cura-input-text/cura-input-text";
+export { FactoryArg, MaskedRegExp } from "imask";
 export namespace Components {
     interface CuraAccordion {
         "activeColor": string;
@@ -54,6 +58,12 @@ export namespace Components {
         "openIcon": string;
         "opened": boolean;
     }
+    interface CuraAlert {
+        "closeable": boolean;
+        "floating": boolean;
+        "label": string;
+        "type": 'info' | 'success' | 'warning' | 'error';
+    }
     interface CuraButton {
         /**
           * Color base from color scheme. Default: accent.
@@ -154,6 +164,36 @@ export namespace Components {
          */
         "textAlign": 'left' | 'center' | 'right';
     }
+    interface CuraButtonSelect {
+        /**
+          * Set the font color to dark or light.
+         */
+        "background": 'dark' | 'light';
+        /**
+          * Color base from color scheme. Default: accent.
+         */
+        "color": string;
+        /**
+          * Disabled state. Boolean.
+         */
+        "disabled": boolean;
+        /**
+          * fontcolor theme of the checkbox. Can be 'dark' or 'light'.
+         */
+        "fontcolor": 'dark' | 'light';
+        /**
+          * Icon position: left (default) | right.
+         */
+        "iconPosition": 'left' | 'right';
+        /**
+          * selected state. Boolean.
+         */
+        "selected": boolean;
+        /**
+          * Button size: small | medium (default) | large  = medium
+         */
+        "size": 'small' | 'medium' | 'large';
+    }
     interface CuraButtonTransparent {
         /**
           * Color base from color scheme. Default: accent.
@@ -204,45 +244,115 @@ export namespace Components {
          */
         "textAlign": 'left' | 'center' | 'right';
     }
+    interface CuraCheckbox {
+        /**
+          * Background theme of the checkbox. Can be 'dark' or 'light'.
+         */
+        "background": 'dark' | 'light';
+        /**
+          * Reflects the checked state of the checkbox. Mutable property allowing state change.
+         */
+        "checked": boolean;
+        /**
+          * Color theme of the checkbox.
+         */
+        "color": string;
+        /**
+          * Reflects the disabled state of the checkbox.
+         */
+        "disabled": boolean;
+        /**
+          * iconColor theme of the checkbox. Can be 'dark' or 'light'.
+         */
+        "iconColor": 'dark' | 'light';
+        /**
+          * Reflects the indeterminate state of the checkbox. Mutable property allowing state change.
+         */
+        "indeterminate": boolean;
+        /**
+          * Text label associated with the checkbox.
+         */
+        "label": string;
+        /**
+          * Name attribute of the checkbox.
+         */
+        "name": string;
+        /**
+          * Specifies the tabindex of the checkbox.
+         */
+        "ontabindex": number;
+        /**
+          * Position of the label relative to the checkbox. Can be 'left' or 'right'.
+         */
+        "position": 'left' | 'right';
+        /**
+          * Reflects the required state of the checkbox.
+         */
+        "required": boolean;
+        /**
+          * Size of the checkbox. Can be 'small', 'medium', or 'large'.
+         */
+        "size": 'small' | 'medium' | 'large';
+        /**
+          * Status of the checkbox. Can be 'error', 'success', or 'default'.
+         */
+        "status": 'error' | 'success' | 'default';
+        /**
+          * Value associated with the checkbox.
+         */
+        "value": string;
+    }
     interface CuraDisplay {
         /**
-          * Apply light color to text in dark background. Values: boolean.
+          * Text color. Values: Color from design system scheme. Default to the font color from the theme.
+         */
+        "color": string;
+        /**
+          * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ... Values: 1(default) to 6.
          */
-        "inverted": boolean;
+        "level": 1 | 2 | 3 | 4 | 5 | 6;
         /**
-          * Heading level for semantics. Values: 1(default)-6.
+          * CSS line-height property values. Default to 140%
          */
-        "level": number;
+        "lineHeight": string;
         /**
-          * Heading style size. Values: small | regular(default) | large.
+          * CSS margin-block property values. Default to 1.25em
          */
-        "size": string;
+        "marginBlock": string;
         /**
-          * Apply base system color to elements like <a> and <abbr>. Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.
+          * Apply design system color to interactive elements like <a> and <abbr> inside the text. Values: Color from design system scheme. Default to 'accent-dark'.
          */
         "spotColor": string;
     }
     interface CuraHeading {
         /**
-          * Apply light color to text in dark background. Values: boolean.
+          * Text color. Values: Color from design system scheme. Default to the font color from the theme.
+         */
+        "color": string;
+        /**
+          * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ... Values: 1(default) to 6.
+         */
+        "level": 1 | 2 | 3 | 4 | 5 | 6;
+        /**
+          * CSS line-height property values. Default to 140%
          */
-        "inverted": boolean;
+        "lineHeight": string;
         /**
-          * Heading level for semantics. Values: 1(default)-6.
+          * CSS margin-block property values. Default to 1.25em
          */
-        "level": number;
+        "marginBlock": string;
         /**
-          * Heading style size. Values: small | regular(default) | large.
+          * Heading style size. Values: regular (deprecated), medium (default) | large | small | caption (deprecated) | xsmall.
          */
-        "size": string;
+        "size": 'regular' | 'medium' | 'large' | 'small' | 'caption' | 'xsmall';
         /**
-          * Apply base system color to elements like <a> and <abbr>. Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.
+          * Apply design system color to interactive elements like <a> and <abbr> inside the text. Values: Color from design system scheme. Default to 'accent-dark'.
          */
         "spotColor": string;
         /**
-          * Heading font weight. Values: regular(default) | bold.
+          * Heading font weight. It is possible to use regular HTML tags like <b> or <strong> as well. Values: regular (default) | bold.
          */
-        "weight": string;
+        "weight": 'regular' | 'bold';
     }
     interface CuraIcon {
         "color": string;
@@ -253,6 +363,109 @@ export namespace Components {
     }
     interface CuraIconsView {
     }
+    interface CuraInputText {
+        /**
+          * Icon button name for the clear button (default: 'closeCircle')
+         */
+        "clearIcon"?: boolean;
+        /**
+          * Whether the input is disabled (default: false)
+         */
+        "disabled"?: boolean;
+        /**
+          * Helper text displayed below the input
+         */
+        "helperText"?: string;
+        /**
+          * Whether to display a cura icon (default: null)
+         */
+        "iconName"?: string;
+        /**
+          * Whether the input is in loading state (default: false)
+         */
+        "isLoading"?: boolean;
+        /**
+          * Label text for the input
+         */
+        "label": string;
+        /**
+          * Advanced mask object to be used with IMask library
+          * @see  : https://imask.js.org/
+         */
+        "maskAdvanced"?: FactoryArg | string | null;
+        /**
+          * Mask preset for input formatting: 'cpf', 'cnpj', 'phone', 'date', etc. Uses IMask library.
+          * @see  : https://imask.js.org/
+         */
+        "maskPreset"?: MaskPreset;
+        /**
+          * Regular expression for custom input masking. Uses IMask library.
+          * @see  : https://imask.js.org/
+         */
+        "maskRegex"?: MaskedRegExp['mask'] | string | null;
+        /**
+          * Maximum length of the input value (default: undefined)
+         */
+        "maxlength"?: number | undefined;
+        /**
+          * Mode of the input: 'default' or 'transparent' (default: 'default')
+         */
+        "mode": 'default' | 'transparent';
+        /**
+          * Placeholder text for the input
+         */
+        "placeholder"?: string | null;
+        /**
+          * Whether the input is read-only (default: false)
+         */
+        "readOnly"?: boolean;
+        /**
+          * Whether the input is required (default: false)
+         */
+        "required"?: boolean;
+        /**
+          * Size of the input mode default: 'small', 'medium', or 'large' (default: 'medium')
+         */
+        "size": 'small' | 'medium' | 'large';
+        /**
+          * Indicates input status(default: default)
+         */
+        "status": 'error' | 'success' | 'default';
+        /**
+          * Type of the input: 'text', 'number' (default: 'text')
+         */
+        "type": 'text' | 'number';
+        /**
+          * Value of the input field
+         */
+        "value": string | number;
+    }
+    interface CuraLabel {
+        /**
+          * Text color. Values: Color from design system scheme. Default to the font color from the theme.
+         */
+        "color": string;
+        /**
+          * CSS line-height property values. Default to 140%
+         */
+        "lineHeight": string;
+        /**
+          * CSS margin-block property values. Default to 1.25em
+         */
+        "marginBlock": string;
+        /**
+          * Set size of body text. Values: medium (default) | large | small | xsmall.
+         */
+        "size": 'medium' | 'large' | 'small' | 'xsmall';
+        /**
+          * Apply design system color to interactive elements like <a> and <abbr> inside the text. Values: Color from design system scheme. Default to 'accent-dark'.
+         */
+        "spotColor": string;
+        /**
+          * Label font weight. It is possible to use regular HTML tags like <b> or <strong> as well. Values: regular (default) | bold.
+         */
+        "weight": 'regular' | 'bold';
+    }
     interface CuraLoaderCircle {
         /**
           * One from color scheme. Default: neutral-white.
@@ -268,22 +481,134 @@ export namespace Components {
     }
     interface CuraParagraph {
         /**
-          * Color base from color scheme. Default: theme font color.
+          * Text color. Values: Color from design system scheme. Default to the font color from the theme.
+         */
+        "color": string;
+        /**
+          * CSS line-height property values. Default to 140%
          */
-        "color": any;
+        "lineHeight": string;
         /**
-          * Apply light color to text in dark background. Values: boolean.
+          * CSS margin-block property values. Default to 1.25em
          */
-        "inverted": boolean;
+        "marginBlock": string;
         /**
-          * Set size of body text. Values: regular (default) | large | small | caption.
+          * Set size of body text. Values: regular (deprecated), medium (default) | large | small | caption (deprecated) | xsmall.
          */
-        "size": 'regular' | 'large' | 'small' | 'caption';
+        "size": 'regular' | 'medium' | 'large' | 'small' | 'caption' | 'xsmall';
         /**
-          * Apply base system color to elements like <a> and <abbr>. Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.
+          * Apply design system color to interactive elements like <a> and <abbr> inside the text. Values: Color from design system scheme. Default to 'accent-dark'.
          */
         "spotColor": string;
     }
+    interface CuraRadio {
+        /**
+          * Background theme of the radio button. Can be 'dark' or 'light'.
+         */
+        "background": 'dark' | 'light';
+        /**
+          * Reflects the checked state of the radio button. Mutable property allowing state change.
+         */
+        "checked": boolean;
+        /**
+          * Color theme of the radio button.
+         */
+        "color": string;
+        /**
+          * Reflects the disabled state of the radio button.
+         */
+        "disabled": boolean;
+        /**
+          * Text label associated with the radio button.
+         */
+        "label": string;
+        /**
+          * Name attribute of the radio button.
+         */
+        "name": string;
+        /**
+          * Specifies the tabindex of the radio button.
+         */
+        "ontabindex": number;
+        /**
+          * Position of the label relative to the radio button. Can be 'left' or 'right'.
+         */
+        "position": "left" | "right";
+        /**
+          * Reflects the required state of the radio button.
+         */
+        "required": boolean;
+        /**
+          * Size of the radio button. Can be 'small', 'medium', or 'large'.
+         */
+        "size": 'small' | 'medium' | 'large';
+        /**
+          * Status of the radio button. Can be 'error', 'success', or 'default'.
+         */
+        "status": 'error' | 'success' | 'default';
+        /**
+          * Value associated with the radio button.
+         */
+        "value": string;
+    }
+    interface CuraSwitch {
+        /**
+          * Background style of the switch. Can be 'dark' or 'light'.
+         */
+        "background": 'dark' | 'light';
+        /**
+          * Indicates whether the switch is checked or not.
+         */
+        "checked": boolean;
+        /**
+          * Accent color of the switch.
+         */
+        "color": string;
+        /**
+          * Indicates whether the switch is disabled or not.
+         */
+        "disabled": boolean;
+        /**
+          * The label text to display next to the switch.
+         */
+        "label": string;
+        /**
+          * Tab index for the switch element. Reflects as an HTML attribute.
+         */
+        "ontabindex": number;
+        /**
+          * Position of the label relative to the switch. Can be 'left' or 'right'.
+         */
+        "position": "left" | "right";
+        /**
+          * Size of the switch. Can be 'small', 'medium', or 'large'.
+         */
+        "size": 'small' | 'medium' | 'large';
+    }
+}
+export interface CuraAlertCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraAlertElement;
+}
+export interface CuraButtonSelectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraButtonSelectElement;
+}
+export interface CuraCheckboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraCheckboxElement;
+}
+export interface CuraInputTextCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraInputTextElement;
+}
+export interface CuraRadioCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraRadioElement;
+}
+export interface CuraSwitchCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraSwitchElement;
 }
 declare global {
     interface HTMLCuraAccordionElement extends Components.CuraAccordion, HTMLStencilElement {
@@ -298,6 +623,12 @@ declare global {
         prototype: HTMLCuraAccordionItemElement;
         new (): HTMLCuraAccordionItemElement;
     };
+    interface HTMLCuraAlertElement extends Components.CuraAlert, HTMLStencilElement {
+    }
+    var HTMLCuraAlertElement: {
+        prototype: HTMLCuraAlertElement;
+        new (): HTMLCuraAlertElement;
+    };
     interface HTMLCuraButtonElement extends Components.CuraButton, HTMLStencilElement {
     }
     var HTMLCuraButtonElement: {
@@ -310,12 +641,24 @@ declare global {
         prototype: HTMLCuraButtonOutlineElement;
         new (): HTMLCuraButtonOutlineElement;
     };
+    interface HTMLCuraButtonSelectElement extends Components.CuraButtonSelect, HTMLStencilElement {
+    }
+    var HTMLCuraButtonSelectElement: {
+        prototype: HTMLCuraButtonSelectElement;
+        new (): HTMLCuraButtonSelectElement;
+    };
     interface HTMLCuraButtonTransparentElement extends Components.CuraButtonTransparent, HTMLStencilElement {
     }
     var HTMLCuraButtonTransparentElement: {
         prototype: HTMLCuraButtonTransparentElement;
         new (): HTMLCuraButtonTransparentElement;
     };
+    interface HTMLCuraCheckboxElement extends Components.CuraCheckbox, HTMLStencilElement {
+    }
+    var HTMLCuraCheckboxElement: {
+        prototype: HTMLCuraCheckboxElement;
+        new (): HTMLCuraCheckboxElement;
+    };
     interface HTMLCuraDisplayElement extends Components.CuraDisplay, HTMLStencilElement {
     }
     var HTMLCuraDisplayElement: {
@@ -340,6 +683,18 @@ declare global {
         prototype: HTMLCuraIconsViewElement;
         new (): HTMLCuraIconsViewElement;
     };
+    interface HTMLCuraInputTextElement extends Components.CuraInputText, HTMLStencilElement {
+    }
+    var HTMLCuraInputTextElement: {
+        prototype: HTMLCuraInputTextElement;
+        new (): HTMLCuraInputTextElement;
+    };
+    interface HTMLCuraLabelElement extends Components.CuraLabel, HTMLStencilElement {
+    }
+    var HTMLCuraLabelElement: {
+        prototype: HTMLCuraLabelElement;
+        new (): HTMLCuraLabelElement;
+    };
     interface HTMLCuraLoaderCircleElement extends Components.CuraLoaderCircle, HTMLStencilElement {
     }
     var HTMLCuraLoaderCircleElement: {
@@ -358,19 +713,38 @@ declare global {
         prototype: HTMLCuraParagraphElement;
         new (): HTMLCuraParagraphElement;
     };
+    interface HTMLCuraRadioElement extends Components.CuraRadio, HTMLStencilElement {
+    }
+    var HTMLCuraRadioElement: {
+        prototype: HTMLCuraRadioElement;
+        new (): HTMLCuraRadioElement;
+    };
+    interface HTMLCuraSwitchElement extends Components.CuraSwitch, HTMLStencilElement {
+    }
+    var HTMLCuraSwitchElement: {
+        prototype: HTMLCuraSwitchElement;
+        new (): HTMLCuraSwitchElement;
+    };
     interface HTMLElementTagNameMap {
         "cura-accordion": HTMLCuraAccordionElement;
         "cura-accordion-item": HTMLCuraAccordionItemElement;
+        "cura-alert": HTMLCuraAlertElement;
         "cura-button": HTMLCuraButtonElement;
         "cura-button-outline": HTMLCuraButtonOutlineElement;
+        "cura-button-select": HTMLCuraButtonSelectElement;
         "cura-button-transparent": HTMLCuraButtonTransparentElement;
+        "cura-checkbox": HTMLCuraCheckboxElement;
         "cura-display": HTMLCuraDisplayElement;
         "cura-heading": HTMLCuraHeadingElement;
         "cura-icon": HTMLCuraIconElement;
         "cura-icons-view": HTMLCuraIconsViewElement;
+        "cura-input-text": HTMLCuraInputTextElement;
+        "cura-label": HTMLCuraLabelElement;
         "cura-loader-circle": HTMLCuraLoaderCircleElement;
         "cura-page-template": HTMLCuraPageTemplateElement;
         "cura-paragraph": HTMLCuraParagraphElement;
+        "cura-radio": HTMLCuraRadioElement;
+        "cura-switch": HTMLCuraSwitchElement;
     }
 }
 declare namespace LocalJSX {
@@ -422,6 +796,13 @@ declare namespace LocalJSX {
         "openIcon"?: string;
         "opened"?: boolean;
     }
+    interface CuraAlert {
+        "closeable"?: boolean;
+        "floating"?: boolean;
+        "label"?: string;
+        "onClose"?: (event: CuraAlertCustomEvent<void>) => void;
+        "type"?: 'info' | 'success' | 'warning' | 'error';
+    }
     interface CuraButton {
         /**
           * Color base from color scheme. Default: accent.
@@ -522,6 +903,37 @@ declare namespace LocalJSX {
          */
         "textAlign"?: 'left' | 'center' | 'right';
     }
+    interface CuraButtonSelect {
+        /**
+          * Set the font color to dark or light.
+         */
+        "background"?: 'dark' | 'light';
+        /**
+          * Color base from color scheme. Default: accent.
+         */
+        "color"?: string;
+        /**
+          * Disabled state. Boolean.
+         */
+        "disabled"?: boolean;
+        /**
+          * fontcolor theme of the checkbox. Can be 'dark' or 'light'.
+         */
+        "fontcolor"?: 'dark' | 'light';
+        /**
+          * Icon position: left (default) | right.
+         */
+        "iconPosition"?: 'left' | 'right';
+        "onOnclick"?: (event: CuraButtonSelectCustomEvent<{ selected: boolean; }>) => void;
+        /**
+          * selected state. Boolean.
+         */
+        "selected"?: boolean;
+        /**
+          * Button size: small | medium (default) | large  = medium
+         */
+        "size"?: 'small' | 'medium' | 'large';
+    }
     interface CuraButtonTransparent {
         /**
           * Color base from color scheme. Default: accent.
@@ -572,45 +984,116 @@ declare namespace LocalJSX {
          */
         "textAlign"?: 'left' | 'center' | 'right';
     }
+    interface CuraCheckbox {
+        /**
+          * Background theme of the checkbox. Can be 'dark' or 'light'.
+         */
+        "background"?: 'dark' | 'light';
+        /**
+          * Reflects the checked state of the checkbox. Mutable property allowing state change.
+         */
+        "checked"?: boolean;
+        /**
+          * Color theme of the checkbox.
+         */
+        "color"?: string;
+        /**
+          * Reflects the disabled state of the checkbox.
+         */
+        "disabled"?: boolean;
+        /**
+          * iconColor theme of the checkbox. Can be 'dark' or 'light'.
+         */
+        "iconColor"?: 'dark' | 'light';
+        /**
+          * Reflects the indeterminate state of the checkbox. Mutable property allowing state change.
+         */
+        "indeterminate"?: boolean;
+        /**
+          * Text label associated with the checkbox.
+         */
+        "label"?: string;
+        /**
+          * Name attribute of the checkbox.
+         */
+        "name"?: string;
+        "onOnchange"?: (event: CuraCheckboxCustomEvent<{ value: string, checked: boolean, indeterminate: boolean }>) => void;
+        /**
+          * Specifies the tabindex of the checkbox.
+         */
+        "ontabindex"?: number;
+        /**
+          * Position of the label relative to the checkbox. Can be 'left' or 'right'.
+         */
+        "position"?: 'left' | 'right';
+        /**
+          * Reflects the required state of the checkbox.
+         */
+        "required"?: boolean;
+        /**
+          * Size of the checkbox. Can be 'small', 'medium', or 'large'.
+         */
+        "size"?: 'small' | 'medium' | 'large';
+        /**
+          * Status of the checkbox. Can be 'error', 'success', or 'default'.
+         */
+        "status"?: 'error' | 'success' | 'default';
+        /**
+          * Value associated with the checkbox.
+         */
+        "value"?: string;
+    }
     interface CuraDisplay {
         /**
-          * Apply light color to text in dark background. Values: boolean.
+          * Text color. Values: Color from design system scheme. Default to the font color from the theme.
+         */
+        "color"?: string;
+        /**
+          * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ... Values: 1(default) to 6.
          */
-        "inverted"?: boolean;
+        "level"?: 1 | 2 | 3 | 4 | 5 | 6;
         /**
-          * Heading level for semantics. Values: 1(default)-6.
+          * CSS line-height property values. Default to 140%
          */
-        "level"?: number;
+        "lineHeight"?: string;
         /**
-          * Heading style size. Values: small | regular(default) | large.
+          * CSS margin-block property values. Default to 1.25em
          */
-        "size"?: string;
+        "marginBlock"?: string;
         /**
-          * Apply base system color to elements like <a> and <abbr>. Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.
+          * Apply design system color to interactive elements like <a> and <abbr> inside the text. Values: Color from design system scheme. Default to 'accent-dark'.
          */
         "spotColor"?: string;
     }
     interface CuraHeading {
         /**
-          * Apply light color to text in dark background. Values: boolean.
+          * Text color. Values: Color from design system scheme. Default to the font color from the theme.
          */
-        "inverted"?: boolean;
+        "color"?: string;
         /**
-          * Heading level for semantics. Values: 1(default)-6.
+          * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ... Values: 1(default) to 6.
          */
-        "level"?: number;
+        "level"?: 1 | 2 | 3 | 4 | 5 | 6;
         /**
-          * Heading style size. Values: small | regular(default) | large.
+          * CSS line-height property values. Default to 140%
          */
-        "size"?: string;
+        "lineHeight"?: string;
         /**
-          * Apply base system color to elements like <a> and <abbr>. Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.
+          * CSS margin-block property values. Default to 1.25em
+         */
+        "marginBlock"?: string;
+        /**
+          * Heading style size. Values: regular (deprecated), medium (default) | large | small | caption (deprecated) | xsmall.
+         */
+        "size"?: 'regular' | 'medium' | 'large' | 'small' | 'caption' | 'xsmall';
+        /**
+          * Apply design system color to interactive elements like <a> and <abbr> inside the text. Values: Color from design system scheme. Default to 'accent-dark'.
          */
         "spotColor"?: string;
         /**
-          * Heading font weight. Values: regular(default) | bold.
+          * Heading font weight. It is possible to use regular HTML tags like <b> or <strong> as well. Values: regular (default) | bold.
          */
-        "weight"?: string;
+        "weight"?: 'regular' | 'bold';
     }
     interface CuraIcon {
         "color"?: string;
@@ -621,6 +1104,114 @@ declare namespace LocalJSX {
     }
     interface CuraIconsView {
     }
+    interface CuraInputText {
+        /**
+          * Icon button name for the clear button (default: 'closeCircle')
+         */
+        "clearIcon"?: boolean;
+        /**
+          * Whether the input is disabled (default: false)
+         */
+        "disabled"?: boolean;
+        /**
+          * Helper text displayed below the input
+         */
+        "helperText"?: string;
+        /**
+          * Whether to display a cura icon (default: null)
+         */
+        "iconName"?: string;
+        /**
+          * Whether the input is in loading state (default: false)
+         */
+        "isLoading"?: boolean;
+        /**
+          * Label text for the input
+         */
+        "label"?: string;
+        /**
+          * Advanced mask object to be used with IMask library
+          * @see  : https://imask.js.org/
+         */
+        "maskAdvanced"?: FactoryArg | string | null;
+        /**
+          * Mask preset for input formatting: 'cpf', 'cnpj', 'phone', 'date', etc. Uses IMask library.
+          * @see  : https://imask.js.org/
+         */
+        "maskPreset"?: MaskPreset;
+        /**
+          * Regular expression for custom input masking. Uses IMask library.
+          * @see  : https://imask.js.org/
+         */
+        "maskRegex"?: MaskedRegExp['mask'] | string | null;
+        /**
+          * Maximum length of the input value (default: undefined)
+         */
+        "maxlength"?: number | undefined;
+        /**
+          * Mode of the input: 'default' or 'transparent' (default: 'default')
+         */
+        "mode"?: 'default' | 'transparent';
+        /**
+          * Emitted when the value of the input changes
+          * @type {EventEmitter<string | number>}
+         */
+        "onValueChange"?: (event: CuraInputTextCustomEvent<string | number>) => void;
+        /**
+          * Placeholder text for the input
+         */
+        "placeholder"?: string | null;
+        /**
+          * Whether the input is read-only (default: false)
+         */
+        "readOnly"?: boolean;
+        /**
+          * Whether the input is required (default: false)
+         */
+        "required"?: boolean;
+        /**
+          * Size of the input mode default: 'small', 'medium', or 'large' (default: 'medium')
+         */
+        "size"?: 'small' | 'medium' | 'large';
+        /**
+          * Indicates input status(default: default)
+         */
+        "status"?: 'error' | 'success' | 'default';
+        /**
+          * Type of the input: 'text', 'number' (default: 'text')
+         */
+        "type"?: 'text' | 'number';
+        /**
+          * Value of the input field
+         */
+        "value"?: string | number;
+    }
+    interface CuraLabel {
+        /**
+          * Text color. Values: Color from design system scheme. Default to the font color from the theme.
+         */
+        "color"?: string;
+        /**
+          * CSS line-height property values. Default to 140%
+         */
+        "lineHeight"?: string;
+        /**
+          * CSS margin-block property values. Default to 1.25em
+         */
+        "marginBlock"?: string;
+        /**
+          * Set size of body text. Values: medium (default) | large | small | xsmall.
+         */
+        "size"?: 'medium' | 'large' | 'small' | 'xsmall';
+        /**
+          * Apply design system color to interactive elements like <a> and <abbr> inside the text. Values: Color from design system scheme. Default to 'accent-dark'.
+         */
+        "spotColor"?: string;
+        /**
+          * Label font weight. It is possible to use regular HTML tags like <b> or <strong> as well. Values: regular (default) | bold.
+         */
+        "weight"?: 'regular' | 'bold';
+    }
     interface CuraLoaderCircle {
         /**
           * One from color scheme. Default: neutral-white.
@@ -636,35 +1227,132 @@ declare namespace LocalJSX {
     }
     interface CuraParagraph {
         /**
-          * Color base from color scheme. Default: theme font color.
+          * Text color. Values: Color from design system scheme. Default to the font color from the theme.
          */
-        "color"?: any;
+        "color"?: string;
         /**
-          * Apply light color to text in dark background. Values: boolean.
+          * CSS line-height property values. Default to 140%
          */
-        "inverted"?: boolean;
+        "lineHeight"?: string;
         /**
-          * Set size of body text. Values: regular (default) | large | small | caption.
+          * CSS margin-block property values. Default to 1.25em
          */
-        "size"?: 'regular' | 'large' | 'small' | 'caption';
+        "marginBlock"?: string;
         /**
-          * Apply base system color to elements like <a> and <abbr>. Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.
+          * Set size of body text. Values: regular (deprecated), medium (default) | large | small | caption (deprecated) | xsmall.
+         */
+        "size"?: 'regular' | 'medium' | 'large' | 'small' | 'caption' | 'xsmall';
+        /**
+          * Apply design system color to interactive elements like <a> and <abbr> inside the text. Values: Color from design system scheme. Default to 'accent-dark'.
          */
         "spotColor"?: string;
     }
+    interface CuraRadio {
+        /**
+          * Background theme of the radio button. Can be 'dark' or 'light'.
+         */
+        "background"?: 'dark' | 'light';
+        /**
+          * Reflects the checked state of the radio button. Mutable property allowing state change.
+         */
+        "checked"?: boolean;
+        /**
+          * Color theme of the radio button.
+         */
+        "color"?: string;
+        /**
+          * Reflects the disabled state of the radio button.
+         */
+        "disabled"?: boolean;
+        /**
+          * Text label associated with the radio button.
+         */
+        "label"?: string;
+        /**
+          * Name attribute of the radio button.
+         */
+        "name"?: string;
+        "onOnchange"?: (event: CuraRadioCustomEvent<{ value: string, checked: boolean }>) => void;
+        /**
+          * Specifies the tabindex of the radio button.
+         */
+        "ontabindex"?: number;
+        /**
+          * Position of the label relative to the radio button. Can be 'left' or 'right'.
+         */
+        "position"?: "left" | "right";
+        /**
+          * Reflects the required state of the radio button.
+         */
+        "required"?: boolean;
+        /**
+          * Size of the radio button. Can be 'small', 'medium', or 'large'.
+         */
+        "size"?: 'small' | 'medium' | 'large';
+        /**
+          * Status of the radio button. Can be 'error', 'success', or 'default'.
+         */
+        "status"?: 'error' | 'success' | 'default';
+        /**
+          * Value associated with the radio button.
+         */
+        "value"?: string;
+    }
+    interface CuraSwitch {
+        /**
+          * Background style of the switch. Can be 'dark' or 'light'.
+         */
+        "background"?: 'dark' | 'light';
+        /**
+          * Indicates whether the switch is checked or not.
+         */
+        "checked"?: boolean;
+        /**
+          * Accent color of the switch.
+         */
+        "color"?: string;
+        /**
+          * Indicates whether the switch is disabled or not.
+         */
+        "disabled"?: boolean;
+        /**
+          * The label text to display next to the switch.
+         */
+        "label"?: string;
+        "onOnchange"?: (event: CuraSwitchCustomEvent<{ checked: boolean }>) => void;
+        /**
+          * Tab index for the switch element. Reflects as an HTML attribute.
+         */
+        "ontabindex"?: number;
+        /**
+          * Position of the label relative to the switch. Can be 'left' or 'right'.
+         */
+        "position"?: "left" | "right";
+        /**
+          * Size of the switch. Can be 'small', 'medium', or 'large'.
+         */
+        "size"?: 'small' | 'medium' | 'large';
+    }
     interface IntrinsicElements {
         "cura-accordion": CuraAccordion;
         "cura-accordion-item": CuraAccordionItem;
+        "cura-alert": CuraAlert;
         "cura-button": CuraButton;
         "cura-button-outline": CuraButtonOutline;
+        "cura-button-select": CuraButtonSelect;
         "cura-button-transparent": CuraButtonTransparent;
+        "cura-checkbox": CuraCheckbox;
         "cura-display": CuraDisplay;
         "cura-heading": CuraHeading;
         "cura-icon": CuraIcon;
         "cura-icons-view": CuraIconsView;
+        "cura-input-text": CuraInputText;
+        "cura-label": CuraLabel;
         "cura-loader-circle": CuraLoaderCircle;
         "cura-page-template": CuraPageTemplate;
         "cura-paragraph": CuraParagraph;
+        "cura-radio": CuraRadio;
+        "cura-switch": CuraSwitch;
     }
 }
 export { LocalJSX as JSX };
@@ -673,16 +1361,23 @@ declare module "@stencil/core" {
         interface IntrinsicElements {
             "cura-accordion": LocalJSX.CuraAccordion & JSXBase.HTMLAttributes<HTMLCuraAccordionElement>;
             "cura-accordion-item": LocalJSX.CuraAccordionItem & JSXBase.HTMLAttributes<HTMLCuraAccordionItemElement>;
+            "cura-alert": LocalJSX.CuraAlert & JSXBase.HTMLAttributes<HTMLCuraAlertElement>;
             "cura-button": LocalJSX.CuraButton & JSXBase.HTMLAttributes<HTMLCuraButtonElement>;
             "cura-button-outline": LocalJSX.CuraButtonOutline & JSXBase.HTMLAttributes<HTMLCuraButtonOutlineElement>;
+            "cura-button-select": LocalJSX.CuraButtonSelect & JSXBase.HTMLAttributes<HTMLCuraButtonSelectElement>;
             "cura-button-transparent": LocalJSX.CuraButtonTransparent & JSXBase.HTMLAttributes<HTMLCuraButtonTransparentElement>;
+            "cura-checkbox": LocalJSX.CuraCheckbox & JSXBase.HTMLAttributes<HTMLCuraCheckboxElement>;
             "cura-display": LocalJSX.CuraDisplay & JSXBase.HTMLAttributes<HTMLCuraDisplayElement>;
             "cura-heading": LocalJSX.CuraHeading & JSXBase.HTMLAttributes<HTMLCuraHeadingElement>;
             "cura-icon": LocalJSX.CuraIcon & JSXBase.HTMLAttributes<HTMLCuraIconElement>;
             "cura-icons-view": LocalJSX.CuraIconsView & JSXBase.HTMLAttributes<HTMLCuraIconsViewElement>;
+            "cura-input-text": LocalJSX.CuraInputText & JSXBase.HTMLAttributes<HTMLCuraInputTextElement>;
+            "cura-label": LocalJSX.CuraLabel & JSXBase.HTMLAttributes<HTMLCuraLabelElement>;
             "cura-loader-circle": LocalJSX.CuraLoaderCircle & JSXBase.HTMLAttributes<HTMLCuraLoaderCircleElement>;
             "cura-page-template": LocalJSX.CuraPageTemplate & JSXBase.HTMLAttributes<HTMLCuraPageTemplateElement>;
             "cura-paragraph": LocalJSX.CuraParagraph & JSXBase.HTMLAttributes<HTMLCuraParagraphElement>;
+            "cura-radio": LocalJSX.CuraRadio & JSXBase.HTMLAttributes<HTMLCuraRadioElement>;
+            "cura-switch": LocalJSX.CuraSwitch & JSXBase.HTMLAttributes<HTMLCuraSwitchElement>;
         }
     }
 }