@scania/tegel 1.38.0 → 1.40.0-stencil-core-4.38.1-beta.0

package/dist/types/components.d.ts

@@ -21,16 +21,19 @@ export namespace Components {
     interface TdsAccordion {
         /**
           * Removes the bottom border of the last Accordion item.
+          * @default false
          */
         "hideLastBorder": boolean;
         /**
           * Set the variant of the Accordion.
+          * @default null
          */
         "modeVariant": 'primary' | 'secondary';
     }
     interface TdsAccordionItem {
         /**
           * Specifies the heading level (aria-level) for accessibility. Only accepts values between 1 and 6.
+          * @default '6'
          */
         "ariaLevelValue": '1' | '2' | '3' | '4' | '5' | '6';
         /**
@@ -39,6 +42,7 @@ export namespace Components {
         "collapse": () => Promise<void>;
         /**
           * Disabled option in `boolean`.
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -47,14 +51,17 @@ export namespace Components {
         "expand": () => Promise<void>;
         /**
           * Changes position of the expand icon.
+          * @default 'end'
          */
         "expandIconPosition": 'start' | 'end';
         /**
           * Set to true to expand panel open
+          * @default false
          */
         "expanded": boolean;
         /**
           * The header gives users the context about the additional information available inside the panel
+          * @default ''
          */
         "header": string;
         /**
@@ -63,6 +70,7 @@ export namespace Components {
         "isExpanded": () => Promise<boolean>;
         /**
           * When true, 16px on right padding instead of 64px
+          * @default false
          */
         "paddingReset": boolean;
         /**
@@ -73,24 +81,29 @@ export namespace Components {
     interface TdsBadge {
         /**
           * Changes visibility of Badge
+          * @default false
          */
         "hidden": boolean;
         /**
           * Sets component size.
+          * @default 'lg'
          */
         "size": 'lg' | 'sm';
         /**
           * Defines aria-live attribute
+          * @default 'polite'
          */
         "tdsAriaLive": 'off' | 'polite' | 'assertive';
         /**
           * Value shown in Badge
+          * @default ''
          */
         "value": string;
     }
     interface TdsBanner {
         /**
           * ID used for internal table functionality and events, must be unique.  **NOTE**: If you're listening for Banner close events, you need to set this ID yourself to identify the Banner, as the default ID is random and will be different every time.
+          * @default generateUniqueId()
          */
         "bannerId": string;
         /**
@@ -99,6 +112,7 @@ export namespace Components {
         "header": string;
         /**
           * Hides the Banner
+          * @default false
          */
         "hidden": boolean;
         /**
@@ -111,6 +125,7 @@ export namespace Components {
         "icon": IconNames;
         /**
           * Defines the ARIA role of the banner. Defaults to "banner" for global use, but can be set to "region" or "alert" if used differently.
+          * @default 'banner'
          */
         "roleType": 'banner' | 'region' | 'alert';
         /**
@@ -123,6 +138,7 @@ export namespace Components {
         "subheader": string;
         /**
           * Variant of Banner
+          * @default 'default'
          */
         "variant": 'error' | 'information' | 'default';
     }
@@ -134,6 +150,7 @@ export namespace Components {
     interface TdsBlock {
         /**
           * Specifies the HTML tag to be used for the component wrapper.
+          * @default 'div'
          */
         "componentTag": | 'section'
     | 'div'
@@ -145,6 +162,7 @@ export namespace Components {
     | 'main';
         /**
           * Mode variant of the component, based on current mode.
+          * @default null
          */
         "modeVariant": 'primary' | 'secondary';
     }
@@ -159,6 +177,7 @@ export namespace Components {
         "cellValue": string | number;
         /**
           * Disables internal padding. Useful when passing other components to cell.
+          * @default false
          */
         "disablePadding": boolean;
         /**
@@ -169,6 +188,7 @@ export namespace Components {
     interface TdsBreadcrumb {
         /**
           * Boolean for the current link
+          * @default false
          */
         "current": boolean;
     }
@@ -181,18 +201,22 @@ export namespace Components {
     interface TdsButton {
         /**
           * Determines if and how the button should animate.
+          * @default 'none'
          */
         "animation": 'none' | 'fade';
         /**
           * Control for disabled state of a component
+          * @default false
          */
         "disabled": boolean;
         /**
           * When enabled, the Button takes 100% width
+          * @default false
          */
         "fullbleed": boolean;
         /**
           * Set the mode variant of the Button.
+          * @default null
          */
         "modeVariant": 'primary' | 'secondary';
         /**
@@ -201,6 +225,7 @@ export namespace Components {
         "name": string;
         /**
           * Size of a Button
+          * @default 'lg'
          */
         "size": 'xs' | 'sm' | 'md' | 'lg';
         /**
@@ -213,6 +238,7 @@ export namespace Components {
         "text": string;
         /**
           * Button's type
+          * @default 'button'
          */
         "type": 'button' | 'submit' | 'reset';
         /**
@@ -221,12 +247,14 @@ export namespace Components {
         "value": string;
         /**
           * Variation of Button's design
+          * @default 'primary'
          */
         "variant": 'primary' | 'secondary' | 'ghost' | 'danger';
     }
     interface TdsCard {
         /**
           * Divider for the body
+          * @default false
          */
         "bodyDivider": boolean;
         /**
@@ -239,24 +267,41 @@ export namespace Components {
         "bodyImgAlt": string;
         /**
           * ID for the Card, must be unique.  **NOTE**: If you're listening for Card events, you need to set this ID yourself to identify the Card, as the default ID is random and will be different every time.
+          * @default generateUniqueId()
          */
         "cardId": string;
         /**
           * Makes the Card clickable.
+          * @default false
          */
         "clickable": boolean;
+        /**
+          * Enables expandable behaviour. When true, clicking the header toggles content visibility.
+          * @default false
+         */
+        "expandable": boolean;
+        /**
+          * Tracks the current expanded state when expandable is enabled.
+          * @default false
+         */
+        "expanded": boolean;
         /**
           * Text in the header
          */
         "header": string;
         /**
           * Placement of the header
+          * @default 'below-header'
          */
         "imagePlacement": 'above-header' | 'below-header';
         /**
           * Variant of the Card based on the theme used.
+          * @default null
          */
         "modeVariant": 'primary' | 'secondary';
+        /**
+          * @default false
+         */
         "stretch": boolean;
         /**
           * Subheader text in the header
@@ -266,14 +311,17 @@ export namespace Components {
     interface TdsCheckbox {
         /**
           * ID for the Checkbox's input element. Randomly generated if not specified.
+          * @default generateUniqueId()
          */
         "checkboxId": string;
         /**
           * Sets the Checkbox as checked
+          * @default false
          */
         "checked": boolean;
         /**
           * Sets the Checkbox in a disabled state
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -282,6 +330,7 @@ export namespace Components {
         "focusElement": () => Promise<void>;
         /**
           * Sets the Checkbox as indeterminate
+          * @default false
          */
         "indeterminate": boolean;
         /**
@@ -290,6 +339,7 @@ export namespace Components {
         "name": string;
         /**
           * Make the Checkbox required
+          * @default false
          */
         "required": boolean;
         /**
@@ -312,14 +362,17 @@ export namespace Components {
     interface TdsChip {
         /**
           * Controls component's checked attribute. Valid only for type checkbox and radio.
+          * @default false
          */
         "checked": boolean;
         /**
           * ID used for internal Chip functionality and events, must be unique.  **NOTE**: If you're listening for input events, you need to set this ID yourself to identify the input, as the default ID is random and will be different every time.
+          * @default generateUniqueId()
          */
         "chipId": string;
         /**
           * Sets the Chip in a disabled state
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -328,6 +381,7 @@ export namespace Components {
         "name": string;
         /**
           * Size of the Chip component
+          * @default 'lg'
          */
         "size": 'sm' | 'lg';
         /**
@@ -336,6 +390,7 @@ export namespace Components {
         "tdsAriaLabel": string;
         /**
           * Type of Chip, depends on usage
+          * @default 'button'
          */
         "type": 'button' | 'radio' | 'checkbox';
         /**
@@ -348,14 +403,17 @@ export namespace Components {
     interface TdsDatetime {
         /**
           * Autofocus for input
+          * @default false
          */
         "autofocus": boolean;
         /**
           * Default value of the component. Format for time: HH-MM. Format for date: YY-MM-DD. Format for month: YY-MM. Format for week: YY-Www  Format for date-time: YY-MM-DDTHH-MM
+          * @default 'none'
          */
         "defaultValue": string | 'none';
         /**
           * Set input in disabled state
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -364,14 +422,17 @@ export namespace Components {
         "focusElement": () => Promise<void>;
         /**
           * Helper text for the component
+          * @default ''
          */
         "helper": string;
         /**
           * Label text for the component
+          * @default ''
          */
         "label": string;
         /**
           * Position of the label
+          * @default 'no-label'
          */
         "labelPosition": 'inside' | 'outside' | 'no-label';
         /**
@@ -384,14 +445,17 @@ export namespace Components {
         "min": string;
         /**
           * Set the variant of the Datetime component.
+          * @default null
          */
         "modeVariant": 'primary' | 'secondary';
         /**
           * Name property. Uses a unique ID as fallback if not specified.
+          * @default `datetime-${generateUniqueId()}`
          */
         "name": string;
         /**
           * Resets min width rule
+          * @default false
          */
         "noMinWidth": boolean;
         /**
@@ -404,6 +468,7 @@ export namespace Components {
         "setValue": (newValue: string) => Promise<void>;
         /**
           * Size of the input
+          * @default 'lg'
          */
         "size": 'sm' | 'md' | 'lg';
         /**
@@ -416,24 +481,31 @@ export namespace Components {
         "tdsAriaLabel": string;
         /**
           * Sets an input type
+          * @default 'datetime-local'
          */
         "type": 'datetime-local' | 'date' | 'month' | 'week' | 'time';
         /**
           * Value of the input text
+          * @default ''
          */
         "value": string;
     }
     interface TdsDivider {
         /**
           * Orientation of the Divider, horizontal if not specified.
+          * @default 'horizontal'
          */
         "orientation": 'horizontal' | 'vertical';
         /**
           * Variant of the Divider, subtle if not specified.
+          * @default 'subtle'
          */
         "variant": 'discrete' | 'subtle' | 'soft' | 'defined' | 'dark-blue';
     }
     interface TdsDropdown {
+        /**
+          * @default 'slide'
+         */
         "animation": 'none' | 'slide';
         "appendValue": (value: string) => Promise<void>;
         /**
@@ -446,14 +518,17 @@ export namespace Components {
         "defaultValue": string | number;
         /**
           * Sets the Dropdown in a disabled state
+          * @default false
          */
         "disabled": boolean;
         /**
           * Sets the Dropdown in an error state
+          * @default false
          */
         "error": boolean;
         /**
           * Enables filtration in the Dropdown.
+          * @default false
          */
         "filter": boolean;
         /**
@@ -474,10 +549,12 @@ export namespace Components {
         "labelPosition": 'inside' | 'outside';
         /**
           * Mode variant of the component, based on current mode.
+          * @default null
          */
         "modeVariant": 'primary' | 'secondary';
         /**
           * Enables multiselect in the Dropdown.
+          * @default false
          */
         "multiselect": boolean;
         /**
@@ -486,14 +563,17 @@ export namespace Components {
         "name": string;
         /**
           * Text that is displayed if filter is used and there are no options that matches the search. Setting it to an empty string disables message from showing up.
+          * @default 'No result'
          */
         "noResultText"?: string;
         /**
           * Normalizes input text for fuzzier search
+          * @default true
          */
         "normalizeText": boolean;
         /**
           * The direction the Dropdown should open, auto if not specified.
+          * @default 'auto'
          */
         "openDirection": 'up' | 'down' | 'auto';
         /**
@@ -508,6 +588,7 @@ export namespace Components {
         "setValue": (value: string | number | string[] | number[], label?: string) => Promise<{ value: string | number; label: string; }[]>;
         /**
           * The size of the Dropdown.
+          * @default 'lg'
          */
         "size": 'xs' | 'sm' | 'md' | 'lg';
         /**
@@ -520,12 +601,14 @@ export namespace Components {
         "updateDisplay": () => Promise<void>;
         /**
           * Value of the dropdown. For multiselect, provide array of strings/numbers. For single select, provide a string/number.
+          * @default null
          */
         "value": string | number | (string | number)[];
     }
     interface TdsDropdownOption {
         /**
           * Sets the option as disabled.
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -544,6 +627,7 @@ export namespace Components {
     interface TdsFolderTab {
         /**
           * Disables the Tab.
+          * @default false
          */
         "disabled": boolean;
         "setSelected": (selected: boolean) => Promise<void>;
@@ -552,10 +636,12 @@ export namespace Components {
     interface TdsFolderTabs {
         /**
           * Sets the default selected Tab.
+          * @default 0
          */
         "defaultSelectedIndex": number;
         /**
           * Variant of the Tabs, primary= on white, secondary= on grey50
+          * @default null
          */
         "modeVariant": 'primary' | 'secondary';
         /**
@@ -572,16 +658,19 @@ export namespace Components {
         "selectedIndex": number;
         /**
           * Defines aria-label on left scroll button
+          * @default 'Scroll left'
          */
         "tdsScrollLeftAriaLabel": string;
         /**
           * Defines aria-label on right scroll button
+          * @default 'Scroll right'
          */
         "tdsScrollRightAriaLabel": string;
     }
     interface TdsFooter {
         /**
           * Mode variant of the component, based on current mode.
+          * @default null
          */
         "modeVariant": 'primary' | 'secondary';
     }
@@ -616,18 +705,22 @@ export namespace Components {
         "customWidth"?: string;
         /**
           * Disables internal padding. Useful when passing other components to cell.
+          * @default false
          */
         "disablePadding": boolean;
         /**
           * Enables sorting on that column
+          * @default false
          */
         "sortable": boolean;
         /**
           * Aria label for the sort button, providing an accessible description
+          * @default ''
          */
         "tdsAriaLabelSortButton"?: string;
         /**
           * Setting for text align, default is "left". Other accepted values are "left", "start", "right" or "end".
+          * @default 'left'
          */
         "textAlign": 'left' | 'start' | 'right' | 'end' | 'center';
     }
@@ -638,10 +731,12 @@ export namespace Components {
         "label": string;
         /**
           * If the dropdown icon (downwards chevron) should be hidden.
+          * @default false
          */
         "noDropdownIcon": boolean;
         /**
           * If the button that opens the dropdown should appear selected.
+          * @default false
          */
         "selected": boolean;
         /**
@@ -652,16 +747,19 @@ export namespace Components {
     interface TdsHeaderDropdownList {
         /**
           * The size of the component.
+          * @default 'md'
          */
         "size": 'lg' | 'md';
     }
     interface TdsHeaderDropdownListItem {
         /**
           * If the link should appear selected.
+          * @default false
          */
         "selected": boolean;
         /**
           * The size of the component.
+          * @default 'md'
          */
         "size": 'md' | 'lg';
     }
@@ -692,10 +790,12 @@ export namespace Components {
     interface TdsHeaderItem {
         /**
           * If the button should appear active. Can be used when the button is triggering a dropdown, and the dropdown is open, for example.
+          * @default false
          */
         "active": boolean;
         /**
           * If the button should appear selected.
+          * @default false
          */
         "selected": boolean;
     }
@@ -708,6 +808,7 @@ export namespace Components {
     interface TdsHeaderLauncherButton {
         /**
           * If the button should appear active. Can be used when the button is triggering a dropdown, and the dropdown is open, for example.
+          * @default false
          */
         "active": boolean;
         /**
@@ -732,10 +833,12 @@ export namespace Components {
     interface TdsIcon {
         /**
           * Pass the name of the icon. For icon names, refer to Storybook Icon controls dropdown or https://tegel.scania.com/foundations/icons/icon-library
+          * @default 'truck'
          */
         "name": IconNames;
         /**
           * Pass a size of icon as a string, for example, 32px, 1rem, 4em...
+          * @default '16px'
          */
         "size": string;
         /**
@@ -748,12 +851,14 @@ export namespace Components {
         "svgTitle"?: string;
         /**
           * Set aria-hidden attribute on svg
+          * @default false
          */
         "tdsAriaHidden": boolean;
     }
     interface TdsInlineTab {
         /**
           * Disables the Tab.
+          * @default false
          */
         "disabled": boolean;
         "setSelected": (selected: boolean) => Promise<void>;
@@ -761,14 +866,17 @@ export namespace Components {
     interface TdsInlineTabs {
         /**
           * Sets the default selected Tab.
+          * @default 0
          */
         "defaultSelectedIndex": number;
         /**
           * Custom left padding value for the wrapper element.
+          * @default 32
          */
         "leftPadding": number;
         /**
           * Variant of the Tabs, primary= on white, secondary= on grey50
+          * @default 'primary'
          */
         "modeVariant": 'primary' | 'secondary';
         /**
@@ -785,24 +893,29 @@ export namespace Components {
         "selectedIndex": number;
         /**
           * Defines aria-label on left scroll button
+          * @default 'Scroll left'
          */
         "tdsScrollLeftAriaLabel": string;
         /**
           * Defines aria-label on right scroll button
+          * @default 'Scroll right'
          */
         "tdsScrollRightAriaLabel": string;
     }
     interface TdsLink {
         /**
           * Disables the Link
+          * @default false
          */
         "disabled": boolean;
         /**
           * Displays the Link as a standalone component. Not part of a paragraph.
+          * @default false
          */
         "standalone": boolean;
         /**
           * Displays the Link with an underline.
+          * @default true
          */
         "underline": boolean;
     }
@@ -813,18 +926,22 @@ export namespace Components {
         "header": string;
         /**
           * Minimal Message styling.
+          * @default false
          */
         "minimal": boolean;
         /**
           * Variant of the component, based on current mode.
+          * @default null
          */
         "modeVariant": 'primary' | 'secondary';
         /**
           * Removes the icon in the Message.
+          * @default false
          */
         "noIcon": boolean;
         /**
           * Role of the message component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages.
+          * @default 'dialog'
          */
         "tdsAlertDialog": 'alertdialog' | 'dialog';
         /**
@@ -833,12 +950,14 @@ export namespace Components {
         "tdsAriaLabel": string;
         /**
           * Variant of Message.
+          * @default 'information'
          */
         "variant": 'information' | 'error' | 'warning' | 'success';
     }
     interface TdsModal {
         /**
           * Changes the position behaviour of the actions slot.
+          * @default 'static'
          */
         "actionsPosition": 'sticky' | 'static';
         /**
@@ -847,6 +966,7 @@ export namespace Components {
         "cleanupModal": () => Promise<void>;
         /**
           * Shows or hides the close [X] button.
+          * @default true
          */
         "closable": boolean;
         /**
@@ -867,6 +987,7 @@ export namespace Components {
         "isOpen": () => Promise<boolean>;
         /**
           * Disables closing Modal on clicking on overlay area.
+          * @default false
          */
         "prevent": boolean;
         /**
@@ -887,16 +1008,19 @@ export namespace Components {
         "showModal": () => Promise<void>;
         /**
           * Size of Modal
+          * @default 'md'
          */
         "size": 'xs' | 'sm' | 'md' | 'lg';
         /**
           * Role of the modal component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages.
+          * @default 'dialog'
          */
         "tdsAlertDialog": 'alertdialog' | 'dialog';
     }
     interface TdsNavigationTab {
         /**
           * Disables the Tab.
+          * @default false
          */
         "disabled": boolean;
         "setSelected": (selected: boolean) => Promise<void>;
@@ -904,14 +1028,17 @@ export namespace Components {
     interface TdsNavigationTabs {
         /**
           * Sets the default selected Tab.
+          * @default 0
          */
         "defaultSelectedIndex": number;
         /**
           * Custom left padding value for the wrapper element.
+          * @default 32
          */
         "leftPadding": number;
         /**
           * Variant of the Tabs, primary= on white, secondary= on grey50
+          * @default 'primary'
          */
         "modeVariant": 'primary' | 'secondary';
         /**
@@ -928,16 +1055,19 @@ export namespace Components {
         "selectedIndex": number;
         /**
           * Defines aria-label on left scroll button
+          * @default 'Scroll left'
          */
         "tdsScrollLeftAriaLabel": string;
         /**
           * Defines aria-label on right scroll button
+          * @default 'Scroll right'
          */
         "tdsScrollRightAriaLabel": string;
     }
     interface TdsPopoverCanvas {
         /**
           * Whether the popover should animate when being opened/closed or not
+          * @default 'none'
          */
         "animation": 'none' | 'fade' | string;
         /**
@@ -946,22 +1076,32 @@ export namespace Components {
         "close": () => Promise<void>;
         /**
           * Decides if the component should be visible from the start.
+          * @default false
          */
         "defaultShow": boolean;
+        /**
+          * Mode variant of the component, based on current mode.
+          * @default null
+         */
+        "modeVariant": 'primary' | 'secondary';
         /**
           * Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
+          * @default []
          */
-        "modifiers": Object[];
+        "modifiers": object[];
         /**
           * Sets the offset distance
+          * @default 8
          */
         "offsetDistance": number;
         /**
           * Sets the offset skidding
+          * @default 0
          */
         "offsetSkidding": number;
         /**
           * Decides the placement of the Popover Canvas. See https://popper.js.org/docs/v2/constructors/#placement
+          * @default 'auto'
          */
         "placement": Placement;
         /**
@@ -974,20 +1114,24 @@ export namespace Components {
         "selector": string;
         /**
           * Controls whether the Popover is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside. This also means that clicking outside of the popover won't close it. Takes precedence over `defaultShow` prop.
+          * @default null
          */
         "show": boolean;
         /**
           * Role of the popover canvas component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages.
+          * @default 'dialog'
          */
         "tdsAlertDialog": 'alertdialog' | 'dialog';
     }
     interface TdsPopoverCore {
         /**
           * Whether the popover should animate when being opened/closed or not
+          * @default 'none'
          */
         "animation": 'none' | 'fade' | string;
         /**
           * Decides if the popover should hide automatically. Alternatevly it can be hidden externally based on emitted events.
+          * @default true
          */
         "autoHide": boolean;
         /**
@@ -996,22 +1140,27 @@ export namespace Components {
         "close": () => Promise<void>;
         /**
           * Decides if the component should be visible from the start.
+          * @default false
          */
         "defaultShow": boolean;
         /**
           * Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
+          * @default []
          */
         "modifiers": Object[];
         /**
           * Sets the offset distance
+          * @default 8
          */
         "offsetDistance": number;
         /**
           * Sets the offset skidding
+          * @default 0
          */
         "offsetSkidding": number;
         /**
           * Decides the placement of the Popover Menu
+          * @default 'auto'
          */
         "placement": Placement;
         /**
@@ -1024,16 +1173,19 @@ export namespace Components {
         "selector": string;
         /**
           * Controls whether the Popover is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside. This also means that clicking outside of the popover won't close it. Takes precedence over `defaultShow` prop.
+          * @default null
          */
         "show": boolean;
         /**
           * What triggers the popover to show
+          * @default 'click'
          */
         "trigger": 'click' | 'hover' | 'hover-popover';
     }
     interface TdsPopoverMenu {
         /**
           * Whether the popover should animate when being opened/closed or not
+          * @default 'none'
          */
         "animation": 'none' | 'fade' | string;
         /**
@@ -1042,26 +1194,32 @@ export namespace Components {
         "close": () => Promise<void>;
         /**
           * Decides if the component should be visible from the start.
+          * @default false
          */
         "defaultShow": boolean;
         /**
           * If true this unsets the width (160px) of the Popover Menu
+          * @default false
          */
         "fluidWidth": boolean;
         /**
           * Mode variant of the component, based on current mode.
+          * @default null
          */
         "modeVariant": 'primary' | 'secondary';
         /**
           * Sets the offset distance
+          * @default 8
          */
         "offsetDistance": number;
         /**
           * Sets the offset skidding
+          * @default 0
          */
         "offsetSkidding": number;
         /**
           * Decides the placement of the Popover Menu
+          * @default 'auto'
          */
         "placement": Placement;
         /**
@@ -1074,22 +1232,26 @@ export namespace Components {
         "selector": string;
         /**
           * Controls whether the Popover is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside. This also means that clicking outside of the popover won't close it. Takes precedence over `defaultShow` prop.
+          * @default null
          */
         "show": boolean;
     }
     interface TdsPopoverMenuItem {
         /**
           * Disables the Popover Menu Item
+          * @default false
          */
         "disabled": boolean;
     }
     interface TdsRadioButton {
         /**
           * Decides if the Radio Button is checked or not.
+          * @default false
          */
         "checked": boolean;
         /**
           * Decides if the Radio Button is disabled or not.
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -1102,10 +1264,12 @@ export namespace Components {
         "name": string;
         /**
           * Unique Radio Button identifier.
+          * @default generateUniqueId()
          */
         "radioId": string;
         /**
           * Decides if the Radio Button is required or not.
+          * @default false
          */
         "required": boolean;
         /**
@@ -1124,14 +1288,17 @@ export namespace Components {
     interface TdsSideMenu {
         /**
           * If the Side Menu is collapsed. Only a persistent desktop menu can be collapsed. NOTE: Only use this if you have prevented the automatic collapsing with preventDefault on the tdsCollapse event.
+          * @default false
          */
         "collapsed": boolean;
         /**
           * Applicable only for mobile. If the Side Menu is open or not.
+          * @default false
          */
         "open": boolean;
         /**
           * Applicable only for desktop. If the Side Menu should always be shown.
+          * @default false
          */
         "persistent": boolean;
     }
@@ -1146,14 +1313,17 @@ export namespace Components {
         "buttonLabel": string;
         /**
           * If the dropdown should be open from the start.
+          * @default false
          */
         "defaultOpen": boolean;
         /**
           * Toggle open state programmatically
+          * @default false
          */
         "open": boolean;
         /**
           * If the button that opens the dropdown should appear selected.
+          * @default false
          */
         "selected": boolean;
     }
@@ -1162,16 +1332,19 @@ export namespace Components {
     interface TdsSideMenuDropdownListItem {
         /**
           * If the item should appear selected.
+          * @default false
          */
         "selected": boolean;
     }
     interface TdsSideMenuItem {
         /**
           * If the item should appear active. Can be used when the item is triggering a dropdown, and the dropdown is open, for example.
+          * @default false
          */
         "active": boolean;
         /**
           * If the item should appear selected.
+          * @default false
          */
         "selected": boolean;
     }
@@ -1218,34 +1391,42 @@ export namespace Components {
     interface TdsSlider {
         /**
           * Decide to show the controls or not
+          * @default false
          */
         "controls": boolean;
         /**
           * Sets the disabled state for the whole component
+          * @default false
          */
         "disabled": boolean;
         /**
           * Decide to show the input field or not
+          * @default false
          */
         "input": boolean;
         /**
           * Text for label
+          * @default ''
          */
         "label": string;
         /**
           * Maximum value
+          * @default '100'
          */
         "max": string;
         /**
           * Minimum value
+          * @default '0'
          */
         "min": string;
         /**
           * Name property (will be inherited by the native slider component)
+          * @default ''
          */
         "name": string;
         /**
           * Sets the read only state for the whole component
+          * @default false
          */
         "readOnly": boolean;
         /**
@@ -1254,52 +1435,64 @@ export namespace Components {
         "reset": () => Promise<void>;
         /**
           * Decide to show numbers above the tick markers or not
+          * @default false
          */
         "showTickNumbers": boolean;
         /**
           * ID for the Slider's input element, randomly generated if not specified.
+          * @default generateUniqueId()
          */
         "sliderId": string;
         /**
           * Snap to the tick's grid
+          * @default false
          */
         "snap": boolean;
         /**
           * Defines how much to increment/decrement the value when using controls
+          * @default '1'
          */
         "step": string;
         /**
           * Sets the aria-label for the slider control.
+          * @default ''
          */
         "tdsAriaLabel": string;
         /**
           * Sets the read only aria label for the input field
+          * @default ''
          */
         "tdsReadOnlyAriaLabel": string;
         /**
           * Sets the size of the thumb
+          * @default 'lg'
          */
         "thumbSize": 'sm' | 'lg';
         /**
           * Number of tick markers (tick for min- and max-value will be added automatically)
+          * @default '0'
          */
         "ticks": string;
         /**
           * Decide to show the tooltip or not
+          * @default false
          */
         "tooltip": boolean;
         /**
           * Initial value
+          * @default '0'
          */
         "value": string;
     }
     interface TdsSpinner {
         /**
           * Size of the Spinner
+          * @default 'lg'
          */
         "size": 'xs' | 'sm' | 'md' | 'lg';
         /**
           * Variant of the Spinner
+          * @default 'standard'
          */
         "variant": 'standard' | 'inverted';
     }
@@ -1310,6 +1503,7 @@ export namespace Components {
         "index": string;
         /**
           * State of the Step
+          * @default 'upcoming'
          */
         "state": 'current' | 'error' | 'success' | 'upcoming';
         "tdsAriaCurrent": string;
@@ -1317,36 +1511,44 @@ export namespace Components {
     interface TdsStepper {
         /**
           * Hides the label for the child components if true.
+          * @default false
          */
         "hideLabels": boolean;
         /**
           * Text position, only available on a direction: horizontal
+          * @default 'below'
          */
         "labelPosition": 'aside' | 'below';
         /**
           * The orientation the Steps
+          * @default 'horizontal'
          */
         "orientation": 'horizontal' | 'vertical';
         /**
           * Size of the component and it's children.
+          * @default 'lg'
          */
         "size": 'sm' | 'lg';
         /**
           * ID used for internal Stepper functionality and events, must be unique.  **NOTE**: If you're listening for Stepper events, you need to set this ID yourself to identify the Stepper, as the default ID is random and will be different every time.
+          * @default generateUniqueId()
          */
         "stepperId": string;
         /**
           * Label for the stepper component, for screen reader users
+          * @default 'Progress steps'
          */
         "tdsAriaLabel": string;
     }
     interface TdsTable {
         /**
           * Enables style where Table toolbar, rows and footer are less high
+          * @default false
          */
         "compactDesign": boolean;
         /**
           * Enables extended row feature of Table
+          * @default false
          */
         "expandableRows": boolean;
         /**
@@ -1355,14 +1557,17 @@ export namespace Components {
         "getSelectedRows": () => Promise<any[]>;
         /**
           * Width of the table, used as the constraint for horizontal scrolling. **NOTE**: this will disable usage of the responsive flag
+          * @default null
          */
         "horizontalScrollWidth"?: string;
         /**
           * Variant of the component, based on current mode.
+          * @default null
          */
         "modeVariant": 'primary' | 'secondary';
         /**
           * Enables multiselect feature of Table
+          * @default false
          */
         "multiselect": boolean;
         /**
@@ -1371,18 +1576,22 @@ export namespace Components {
         "noMinWidth": boolean;
         /**
           * Enables Table to take 100% available width with equal spacing of columns
+          * @default false
          */
         "responsive": boolean;
         /**
           * ID used for internal Table functionality and events, must be unique.  **NOTE**: If you're listening for Table events, you need to set this ID yourself to identify the Table, as the default ID is random and will be different every time.
+          * @default generateUniqueId()
          */
         "tableId": string;
         /**
           * Enables style with vertical dividers between columns
+          * @default false
          */
         "verticalDividers": boolean;
         /**
           * Enables zebra stripe mode on the table rows or columns.
+          * @default 'none'
          */
         "zebraMode": | 'rows-odd'
     | 'rows-even'
@@ -1395,30 +1604,36 @@ export namespace Components {
     interface TdsTableBodyInputWrapper {
         /**
           * Controls if the edit icon is shown
+          * @default true
          */
         "showIcon": boolean;
     }
     interface TdsTableBodyRow {
         /**
           * Makes the row clickable and tabbable for accessibility purposes.
+          * @default false
          */
         "clickable": boolean;
         /**
           * Marks the row as disabled, used for multiselect table.
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Marks the row as selected, used for multiselect table.
+          * @default false
          */
         "selected": boolean;
     }
     interface TdsTableBodyRowExpandable {
         /**
           * Enables auto-collapse of other expandable rows when one row is expanded
+          * @default false
          */
         "autoCollapse": boolean;
         /**
           * In case that automatic count of columns does not work, user can manually set this one. Take in mind that expandable control is column too
+          * @default null
          */
         "colSpan": number;
         /**
@@ -1435,54 +1650,66 @@ export namespace Components {
         "expanded": boolean;
         /**
           * Controls the overflow behavior of the expandable row content
+          * @default 'auto'
          */
         "overflow": 'auto' | 'hidden' | 'visible';
         /**
           * ID for the table row. Randomly generated if not specified.
+          * @default generateUniqueId()
          */
         "rowId": string;
         /**
           * Aria label for the expand button, providing an accessible description
+          * @default ''
          */
         "tdsAriaLabelExpandButton": string;
     }
     interface TdsTableFooter {
         /**
           * <b>Client override</b> Used to set the column span of the footer. Use as fallback if the automatic count of columns fails.
+          * @default null
          */
         "cols": number;
         /**
           * Sets the number of pages.
+          * @default null
          */
         "pages": number;
         /**
           * Enable pagination and show pagination controls
+          * @default false
          */
         "pagination": boolean;
         /**
           * Sets the pagination number.
+          * @default 1
          */
         "paginationValue": number;
         /**
           * Set available rows per page values
+          * @default [10, 25, 50]
          */
         "rowsPerPageValues": number[];
         /**
           * Enable rows per page dropdown
+          * @default true
          */
         "rowsperpage": boolean;
     }
     interface TdsTableHeader {
         /**
           * @deprecated Deprecated, use selected instead.
+          * @default false
          */
         "allSelected": boolean;
         /**
           * Prop for controlling the enabled/disabled state of the "All selected"-checkbox.
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Prop for controlling the indeterminate state of the "All selected"-checkbox.
+          * @default false
          */
         "indeterminate": boolean;
         /**
@@ -1491,29 +1718,37 @@ export namespace Components {
         "selected": boolean;
     }
     interface TdsTableHeaderInputWrapper {
+        /**
+          * @default false
+         */
         "compactDesign": boolean;
         /**
           * Controls if the search icon is shown
+          * @default true
          */
         "showIcon": boolean;
     }
     interface TdsTableToolbar {
         /**
           * Enables preview of searchbar
+          * @default false
          */
         "filter": boolean;
         /**
           * Adds title to the Table
+          * @default ''
          */
         "tableTitle": string;
         /**
           * Aria label for the search input, providing an accessible description
+          * @default ''
          */
         "tdsSearchAriaLabel": string;
     }
     interface TdsTag {
         /**
           * Sets the size of the tag
+          * @default 'lg'
          */
         "size": 'lg' | 'sm';
         /**
@@ -1522,16 +1757,24 @@ export namespace Components {
         "text": string;
         /**
           * Sets the variant mode of the tag
+          * @default 'Neutral'
          */
         "variant": 'Success' | 'Warning' | 'New' | 'Neutral' | 'Information' | 'Error';
     }
     interface TdsTextField {
+        /**
+          * Value to be used for the text field's autocomplete attribute
+          * @default 'off'
+         */
+        "autocomplete": string;
         /**
           * Autofocus for input
+          * @default false
          */
         "autofocus": boolean;
         /**
           * Set input in disabled state
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -1544,14 +1787,17 @@ export namespace Components {
         "helper": string;
         /**
           * Hides the read-only icon in the Text Field. Requires Read Only to be enabled.
+          * @default false
          */
         "hideReadOnlyIcon": boolean;
         /**
           * Label text
+          * @default ''
          */
         "label": string;
         /**
           * Position of the label for the Text Field.
+          * @default 'no-label'
          */
         "labelPosition": 'inside' | 'outside' | 'no-label';
         /**
@@ -1568,30 +1814,42 @@ export namespace Components {
         "min": string | number;
         /**
           * Mode variant of the Text Field
+          * @default null
          */
         "modeVariant": 'primary' | 'secondary';
         /**
           * Name property
+          * @default ''
          */
         "name": string;
         /**
           * Unset minimum width of 208px.
+          * @default false
          */
         "noMinWidth": boolean;
         /**
           * Placeholder text
+          * @default ''
          */
         "placeholder": string;
         /**
           * Set input in readonly state
+          * @default false
          */
         "readOnly": boolean;
+        /**
+          * Makes the text field required
+          * @default false
+         */
+        "required": boolean;
         /**
           * Size of the input
+          * @default 'lg'
          */
         "size": 'sm' | 'md' | 'lg';
         /**
           * Error state of input
+          * @default 'default'
          */
         "state": 'error' | 'success' | 'default';
         /**
@@ -1600,16 +1858,19 @@ export namespace Components {
         "tdsAriaLabel": string;
         /**
           * Which input type, text, password or similar
+          * @default 'text'
          */
-        "type": 'text' | 'password' | 'number';
+        "type": 'text' | 'password' | 'number' | 'email' | 'tel';
         /**
           * Value of the input text
+          * @default ''
          */
         "value": string;
     }
     interface TdsTextarea {
         /**
           * Control of autofocus
+          * @default false
          */
         "autofocus": boolean;
         /**
@@ -1618,6 +1879,7 @@ export namespace Components {
         "cols": number;
         /**
           * Set input in disabled state
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -1630,14 +1892,17 @@ export namespace Components {
         "helper": string;
         /**
           * Hide the readonly icon
+          * @default false
          */
         "hideReadOnlyIcon": boolean;
         /**
           * Label text
+          * @default ''
          */
         "label": string;
         /**
           * Position of the label for the Textarea.
+          * @default 'no-label'
          */
         "labelPosition": 'inside' | 'outside' | 'no-label';
         /**
@@ -1646,22 +1911,27 @@ export namespace Components {
         "maxLength": number;
         /**
           * Mode variant of the Textarea
+          * @default null
          */
         "modeVariant": 'primary' | 'secondary';
         /**
           * Name attribute
+          * @default ''
          */
         "name": string;
         /**
           * Unset minimum width of 208px.
+          * @default false
          */
         "noMinWidth": boolean;
         /**
           * Placeholder text
+          * @default ''
          */
         "placeholder": string;
         /**
           * Set input in readonly state
+          * @default false
          */
         "readOnly": boolean;
         /**
@@ -1670,6 +1940,7 @@ export namespace Components {
         "rows": number;
         /**
           * Error state of input
+          * @default 'default'
          */
         "state": 'error' | 'success' | 'default';
         /**
@@ -1678,12 +1949,14 @@ export namespace Components {
         "tdsAriaLabel": string;
         /**
           * Value of the input text
+          * @default ''
          */
         "value": string;
     }
     interface TdsToast {
         /**
           * Enables the close button.
+          * @default true
          */
         "closable": boolean;
         /**
@@ -1692,6 +1965,7 @@ export namespace Components {
         "header": string;
         /**
           * Hides the Toast.
+          * @default false
          */
         "hidden": boolean;
         /**
@@ -1708,6 +1982,7 @@ export namespace Components {
         "subheader": string;
         /**
           * ARIA live for the Toast.
+          * @default 'polite'
          */
         "tdsAriaLive": 'polite' | 'assertive';
         /**
@@ -1716,24 +1991,29 @@ export namespace Components {
         "tdsCloseAriaLabel": string;
         /**
           * ID for the Toast. Randomly generated if not specified.
+          * @default generateUniqueId()
          */
         "toastId": string;
         /**
           * ARIA role for the Toast.
+          * @default 'alert'
          */
         "toastRole": 'alert' | 'log' | 'status';
         /**
           * Type of Toast.
+          * @default 'information'
          */
         "variant": 'information' | 'error' | 'warning' | 'success';
     }
     interface TdsToggle {
         /**
           * Sets the Toggle as checked
+          * @default false
          */
         "checked": boolean;
         /**
           * Sets the Toggle in a disabled state
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -1750,10 +2030,12 @@ export namespace Components {
         "name": string;
         /**
           * Make the Toggle required
+          * @default false
          */
         "required": boolean;
         /**
           * Size of the Toggle
+          * @default 'lg'
          */
         "size": 'sm' | 'lg';
         /**
@@ -1766,28 +2048,34 @@ export namespace Components {
         "toggle": () => Promise<{ toggleId: string; checked: boolean; }>;
         /**
           * ID of the Toggle's input element, if not specified, it's randomly generated
+          * @default generateUniqueId()
          */
         "toggleId": string;
     }
     interface TdsTooltip {
         /**
           * Decides if the component should be visible from the start.
+          * @default false
          */
         "defaultShow": boolean;
         /**
           * Allow mouse over Tooltip. Useful when Tooltip contains clickable elements like link or button.
+          * @default false
          */
         "mouseOverTooltip": boolean;
         /**
           * Sets the offset distance
+          * @default 8
          */
         "offsetDistance": number;
         /**
           * Sets the offset skidding
+          * @default 0
          */
         "offsetSkidding": number;
         /**
           * Placement of Tooltip.
+          * @default 'bottom'
          */
         "placement": Placement;
         /**
@@ -1800,6 +2088,7 @@ export namespace Components {
         "selector": string;
         /**
           * Prop in control of showing and hiding prop. Takes precedence over `defaultOpen` prop.
+          * @default null
          */
         "show": boolean;
         /**
@@ -1808,10 +2097,12 @@ export namespace Components {
         "tdsAriaDescribedby": string;
         /**
           * In case Tooltip contains only text, no HTML, a text can be passed by this prop
+          * @default ''
          */
         "text": string;
         /**
           * What triggers the popover to show
+          * @default 'hover'
          */
         "trigger": 'click' | 'hover';
     }
@@ -2952,32 +3243,39 @@ declare namespace LocalJSX {
     interface TdsAccordion {
         /**
           * Removes the bottom border of the last Accordion item.
+          * @default false
          */
         "hideLastBorder"?: boolean;
         /**
           * Set the variant of the Accordion.
+          * @default null
          */
         "modeVariant"?: 'primary' | 'secondary';
     }
     interface TdsAccordionItem {
         /**
           * Specifies the heading level (aria-level) for accessibility. Only accepts values between 1 and 6.
+          * @default '6'
          */
         "ariaLevelValue"?: '1' | '2' | '3' | '4' | '5' | '6';
         /**
           * Disabled option in `boolean`.
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Changes position of the expand icon.
+          * @default 'end'
          */
         "expandIconPosition"?: 'start' | 'end';
         /**
           * Set to true to expand panel open
+          * @default false
          */
         "expanded"?: boolean;
         /**
           * The header gives users the context about the additional information available inside the panel
+          * @default ''
          */
         "header"?: string;
         /**
@@ -2988,30 +3286,36 @@ declare namespace LocalJSX {
   }>) => void;
         /**
           * When true, 16px on right padding instead of 64px
+          * @default false
          */
         "paddingReset"?: boolean;
     }
     interface TdsBadge {
         /**
           * Changes visibility of Badge
+          * @default false
          */
         "hidden"?: boolean;
         /**
           * Sets component size.
+          * @default 'lg'
          */
         "size"?: 'lg' | 'sm';
         /**
           * Defines aria-live attribute
+          * @default 'polite'
          */
         "tdsAriaLive"?: 'off' | 'polite' | 'assertive';
         /**
           * Value shown in Badge
+          * @default ''
          */
         "value"?: string;
     }
     interface TdsBanner {
         /**
           * ID used for internal table functionality and events, must be unique.  **NOTE**: If you're listening for Banner close events, you need to set this ID yourself to identify the Banner, as the default ID is random and will be different every time.
+          * @default generateUniqueId()
          */
         "bannerId"?: string;
         /**
@@ -3020,6 +3324,7 @@ declare namespace LocalJSX {
         "header"?: string;
         /**
           * Hides the Banner
+          * @default false
          */
         "hidden"?: boolean;
         /**
@@ -3034,6 +3339,7 @@ declare namespace LocalJSX {
   }>) => void;
         /**
           * Defines the ARIA role of the banner. Defaults to "banner" for global use, but can be set to "region" or "alert" if used differently.
+          * @default 'banner'
          */
         "roleType"?: 'banner' | 'region' | 'alert';
         /**
@@ -3042,6 +3348,7 @@ declare namespace LocalJSX {
         "subheader"?: string;
         /**
           * Variant of Banner
+          * @default 'default'
          */
         "variant"?: 'error' | 'information' | 'default';
     }
@@ -3053,6 +3360,7 @@ declare namespace LocalJSX {
     interface TdsBlock {
         /**
           * Specifies the HTML tag to be used for the component wrapper.
+          * @default 'div'
          */
         "componentTag"?: | 'section'
     | 'div'
@@ -3064,6 +3372,7 @@ declare namespace LocalJSX {
     | 'main';
         /**
           * Mode variant of the component, based on current mode.
+          * @default null
          */
         "modeVariant"?: 'primary' | 'secondary';
     }
@@ -3078,6 +3387,7 @@ declare namespace LocalJSX {
         "cellValue"?: string | number;
         /**
           * Disables internal padding. Useful when passing other components to cell.
+          * @default false
          */
         "disablePadding"?: boolean;
         /**
@@ -3088,6 +3398,7 @@ declare namespace LocalJSX {
     interface TdsBreadcrumb {
         /**
           * Boolean for the current link
+          * @default false
          */
         "current"?: boolean;
     }
@@ -3100,18 +3411,22 @@ declare namespace LocalJSX {
     interface TdsButton {
         /**
           * Determines if and how the button should animate.
+          * @default 'none'
          */
         "animation"?: 'none' | 'fade';
         /**
           * Control for disabled state of a component
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * When enabled, the Button takes 100% width
+          * @default false
          */
         "fullbleed"?: boolean;
         /**
           * Set the mode variant of the Button.
+          * @default null
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
@@ -3120,6 +3435,7 @@ declare namespace LocalJSX {
         "name"?: string;
         /**
           * Size of a Button
+          * @default 'lg'
          */
         "size"?: 'xs' | 'sm' | 'md' | 'lg';
         /**
@@ -3132,6 +3448,7 @@ declare namespace LocalJSX {
         "text"?: string;
         /**
           * Button's type
+          * @default 'button'
          */
         "type"?: 'button' | 'submit' | 'reset';
         /**
@@ -3140,12 +3457,14 @@ declare namespace LocalJSX {
         "value"?: string;
         /**
           * Variation of Button's design
+          * @default 'primary'
          */
         "variant"?: 'primary' | 'secondary' | 'ghost' | 'danger';
     }
     interface TdsCard {
         /**
           * Divider for the body
+          * @default false
          */
         "bodyDivider"?: boolean;
         /**
@@ -3158,22 +3477,36 @@ declare namespace LocalJSX {
         "bodyImgAlt"?: string;
         /**
           * ID for the Card, must be unique.  **NOTE**: If you're listening for Card events, you need to set this ID yourself to identify the Card, as the default ID is random and will be different every time.
+          * @default generateUniqueId()
          */
         "cardId"?: string;
         /**
           * Makes the Card clickable.
+          * @default false
          */
         "clickable"?: boolean;
+        /**
+          * Enables expandable behaviour. When true, clicking the header toggles content visibility.
+          * @default false
+         */
+        "expandable"?: boolean;
+        /**
+          * Tracks the current expanded state when expandable is enabled.
+          * @default false
+         */
+        "expanded"?: boolean;
         /**
           * Text in the header
          */
         "header"?: string;
         /**
           * Placement of the header
+          * @default 'below-header'
          */
         "imagePlacement"?: 'above-header' | 'below-header';
         /**
           * Variant of the Card based on the theme used.
+          * @default null
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
@@ -3182,6 +3515,9 @@ declare namespace LocalJSX {
         "onTdsClick"?: (event: TdsCardCustomEvent<{
     cardId: string;
   }>) => void;
+        /**
+          * @default false
+         */
         "stretch"?: boolean;
         /**
           * Subheader text in the header
@@ -3191,18 +3527,22 @@ declare namespace LocalJSX {
     interface TdsCheckbox {
         /**
           * ID for the Checkbox's input element. Randomly generated if not specified.
+          * @default generateUniqueId()
          */
         "checkboxId"?: string;
         /**
           * Sets the Checkbox as checked
+          * @default false
          */
         "checked"?: boolean;
         /**
           * Sets the Checkbox in a disabled state
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Sets the Checkbox as indeterminate
+          * @default false
          */
         "indeterminate"?: boolean;
         /**
@@ -3228,6 +3568,7 @@ declare namespace LocalJSX {
         "onTdsFocus"?: (event: TdsCheckboxCustomEvent<FocusEvent>) => void;
         /**
           * Make the Checkbox required
+          * @default false
          */
         "required"?: boolean;
         /**
@@ -3246,14 +3587,17 @@ declare namespace LocalJSX {
     interface TdsChip {
         /**
           * Controls component's checked attribute. Valid only for type checkbox and radio.
+          * @default false
          */
         "checked"?: boolean;
         /**
           * ID used for internal Chip functionality and events, must be unique.  **NOTE**: If you're listening for input events, you need to set this ID yourself to identify the input, as the default ID is random and will be different every time.
+          * @default generateUniqueId()
          */
         "chipId"?: string;
         /**
           * Sets the Chip in a disabled state
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -3276,6 +3620,7 @@ declare namespace LocalJSX {
   }>) => void;
         /**
           * Size of the Chip component
+          * @default 'lg'
          */
         "size"?: 'sm' | 'lg';
         /**
@@ -3284,6 +3629,7 @@ declare namespace LocalJSX {
         "tdsAriaLabel"?: string;
         /**
           * Type of Chip, depends on usage
+          * @default 'button'
          */
         "type"?: 'button' | 'radio' | 'checkbox';
         /**
@@ -3296,26 +3642,32 @@ declare namespace LocalJSX {
     interface TdsDatetime {
         /**
           * Autofocus for input
+          * @default false
          */
         "autofocus"?: boolean;
         /**
           * Default value of the component. Format for time: HH-MM. Format for date: YY-MM-DD. Format for month: YY-MM. Format for week: YY-Www  Format for date-time: YY-MM-DDTHH-MM
+          * @default 'none'
          */
         "defaultValue"?: string | 'none';
         /**
           * Set input in disabled state
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Helper text for the component
+          * @default ''
          */
         "helper"?: string;
         /**
           * Label text for the component
+          * @default ''
          */
         "label"?: string;
         /**
           * Position of the label
+          * @default 'no-label'
          */
         "labelPosition"?: 'inside' | 'outside' | 'no-label';
         /**
@@ -3328,14 +3680,17 @@ declare namespace LocalJSX {
         "min"?: string;
         /**
           * Set the variant of the Datetime component.
+          * @default null
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
           * Name property. Uses a unique ID as fallback if not specified.
+          * @default `datetime-${generateUniqueId()}`
          */
         "name"?: string;
         /**
           * Resets min width rule
+          * @default false
          */
         "noMinWidth"?: boolean;
         /**
@@ -3356,6 +3711,7 @@ declare namespace LocalJSX {
         "onTdsInput"?: (event: TdsDatetimeCustomEvent<InputEvent>) => void;
         /**
           * Size of the input
+          * @default 'lg'
          */
         "size"?: 'sm' | 'md' | 'lg';
         /**
@@ -3368,24 +3724,31 @@ declare namespace LocalJSX {
         "tdsAriaLabel"?: string;
         /**
           * Sets an input type
+          * @default 'datetime-local'
          */
         "type"?: 'datetime-local' | 'date' | 'month' | 'week' | 'time';
         /**
           * Value of the input text
+          * @default ''
          */
         "value"?: string;
     }
     interface TdsDivider {
         /**
           * Orientation of the Divider, horizontal if not specified.
+          * @default 'horizontal'
          */
         "orientation"?: 'horizontal' | 'vertical';
         /**
           * Variant of the Divider, subtle if not specified.
+          * @default 'subtle'
          */
         "variant"?: 'discrete' | 'subtle' | 'soft' | 'defined' | 'dark-blue';
     }
     interface TdsDropdown {
+        /**
+          * @default 'slide'
+         */
         "animation"?: 'none' | 'slide';
         /**
           * Default value selected in the Dropdown.
@@ -3393,14 +3756,17 @@ declare namespace LocalJSX {
         "defaultValue"?: string | number;
         /**
           * Sets the Dropdown in a disabled state
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Sets the Dropdown in an error state
+          * @default false
          */
         "error"?: boolean;
         /**
           * Enables filtration in the Dropdown.
+          * @default false
          */
         "filter"?: boolean;
         /**
@@ -3417,10 +3783,12 @@ declare namespace LocalJSX {
         "labelPosition"?: 'inside' | 'outside';
         /**
           * Mode variant of the component, based on current mode.
+          * @default null
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
           * Enables multiselect in the Dropdown.
+          * @default false
          */
         "multiselect"?: boolean;
         /**
@@ -3429,10 +3797,12 @@ declare namespace LocalJSX {
         "name"?: string;
         /**
           * Text that is displayed if filter is used and there are no options that matches the search. Setting it to an empty string disables message from showing up.
+          * @default 'No result'
          */
         "noResultText"?: string;
         /**
           * Normalizes input text for fuzzier search
+          * @default true
          */
         "normalizeText"?: boolean;
         /**
@@ -3456,6 +3826,7 @@ declare namespace LocalJSX {
         "onTdsInput"?: (event: TdsDropdownCustomEvent<InputEvent>) => void;
         /**
           * The direction the Dropdown should open, auto if not specified.
+          * @default 'auto'
          */
         "openDirection"?: 'up' | 'down' | 'auto';
         /**
@@ -3464,6 +3835,7 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         /**
           * The size of the Dropdown.
+          * @default 'lg'
          */
         "size"?: 'xs' | 'sm' | 'md' | 'lg';
         /**
@@ -3472,12 +3844,14 @@ declare namespace LocalJSX {
         "tdsAriaLabel"?: string;
         /**
           * Value of the dropdown. For multiselect, provide array of strings/numbers. For single select, provide a string/number.
+          * @default null
          */
         "value"?: string | number | (string | number)[];
     }
     interface TdsDropdownOption {
         /**
           * Sets the option as disabled.
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -3507,16 +3881,19 @@ declare namespace LocalJSX {
     interface TdsFolderTab {
         /**
           * Disables the Tab.
+          * @default false
          */
         "disabled"?: boolean;
     }
     interface TdsFolderTabs {
         /**
           * Sets the default selected Tab.
+          * @default 0
          */
         "defaultSelectedIndex"?: number;
         /**
           * Variant of the Tabs, primary= on white, secondary= on grey50
+          * @default null
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
@@ -3531,16 +3908,19 @@ declare namespace LocalJSX {
         "selectedIndex"?: number;
         /**
           * Defines aria-label on left scroll button
+          * @default 'Scroll left'
          */
         "tdsScrollLeftAriaLabel"?: string;
         /**
           * Defines aria-label on right scroll button
+          * @default 'Scroll right'
          */
         "tdsScrollRightAriaLabel"?: string;
     }
     interface TdsFooter {
         /**
           * Mode variant of the component, based on current mode.
+          * @default null
          */
         "modeVariant"?: 'primary' | 'secondary';
     }
@@ -3575,6 +3955,7 @@ declare namespace LocalJSX {
         "customWidth"?: string;
         /**
           * Disables internal padding. Useful when passing other components to cell.
+          * @default false
          */
         "disablePadding"?: boolean;
         /**
@@ -3587,14 +3968,17 @@ declare namespace LocalJSX {
   }>) => void;
         /**
           * Enables sorting on that column
+          * @default false
          */
         "sortable"?: boolean;
         /**
           * Aria label for the sort button, providing an accessible description
+          * @default ''
          */
         "tdsAriaLabelSortButton"?: string;
         /**
           * Setting for text align, default is "left". Other accepted values are "left", "start", "right" or "end".
+          * @default 'left'
          */
         "textAlign"?: 'left' | 'start' | 'right' | 'end' | 'center';
     }
@@ -3605,10 +3989,12 @@ declare namespace LocalJSX {
         "label"?: string;
         /**
           * If the dropdown icon (downwards chevron) should be hidden.
+          * @default false
          */
         "noDropdownIcon"?: boolean;
         /**
           * If the button that opens the dropdown should appear selected.
+          * @default false
          */
         "selected"?: boolean;
         /**
@@ -3619,16 +4005,19 @@ declare namespace LocalJSX {
     interface TdsHeaderDropdownList {
         /**
           * The size of the component.
+          * @default 'md'
          */
         "size"?: 'lg' | 'md';
     }
     interface TdsHeaderDropdownListItem {
         /**
           * If the link should appear selected.
+          * @default false
          */
         "selected"?: boolean;
         /**
           * The size of the component.
+          * @default 'md'
          */
         "size"?: 'md' | 'lg';
     }
@@ -3659,10 +4048,12 @@ declare namespace LocalJSX {
     interface TdsHeaderItem {
         /**
           * If the button should appear active. Can be used when the button is triggering a dropdown, and the dropdown is open, for example.
+          * @default false
          */
         "active"?: boolean;
         /**
           * If the button should appear selected.
+          * @default false
          */
         "selected"?: boolean;
     }
@@ -3675,6 +4066,7 @@ declare namespace LocalJSX {
     interface TdsHeaderLauncherButton {
         /**
           * If the button should appear active. Can be used when the button is triggering a dropdown, and the dropdown is open, for example.
+          * @default false
          */
         "active"?: boolean;
         /**
@@ -3699,10 +4091,12 @@ declare namespace LocalJSX {
     interface TdsIcon {
         /**
           * Pass the name of the icon. For icon names, refer to Storybook Icon controls dropdown or https://tegel.scania.com/foundations/icons/icon-library
+          * @default 'truck'
          */
         "name"?: IconNames;
         /**
           * Pass a size of icon as a string, for example, 32px, 1rem, 4em...
+          * @default '16px'
          */
         "size"?: string;
         /**
@@ -3715,26 +4109,31 @@ declare namespace LocalJSX {
         "svgTitle"?: string;
         /**
           * Set aria-hidden attribute on svg
+          * @default false
          */
         "tdsAriaHidden"?: boolean;
     }
     interface TdsInlineTab {
         /**
           * Disables the Tab.
+          * @default false
          */
         "disabled"?: boolean;
     }
     interface TdsInlineTabs {
         /**
           * Sets the default selected Tab.
+          * @default 0
          */
         "defaultSelectedIndex"?: number;
         /**
           * Custom left padding value for the wrapper element.
+          * @default 32
          */
         "leftPadding"?: number;
         /**
           * Variant of the Tabs, primary= on white, secondary= on grey50
+          * @default 'primary'
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
@@ -3749,24 +4148,29 @@ declare namespace LocalJSX {
         "selectedIndex"?: number;
         /**
           * Defines aria-label on left scroll button
+          * @default 'Scroll left'
          */
         "tdsScrollLeftAriaLabel"?: string;
         /**
           * Defines aria-label on right scroll button
+          * @default 'Scroll right'
          */
         "tdsScrollRightAriaLabel"?: string;
     }
     interface TdsLink {
         /**
           * Disables the Link
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Displays the Link as a standalone component. Not part of a paragraph.
+          * @default false
          */
         "standalone"?: boolean;
         /**
           * Displays the Link with an underline.
+          * @default true
          */
         "underline"?: boolean;
     }
@@ -3777,18 +4181,22 @@ declare namespace LocalJSX {
         "header"?: string;
         /**
           * Minimal Message styling.
+          * @default false
          */
         "minimal"?: boolean;
         /**
           * Variant of the component, based on current mode.
+          * @default null
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
           * Removes the icon in the Message.
+          * @default false
          */
         "noIcon"?: boolean;
         /**
           * Role of the message component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages.
+          * @default 'dialog'
          */
         "tdsAlertDialog"?: 'alertdialog' | 'dialog';
         /**
@@ -3797,16 +4205,19 @@ declare namespace LocalJSX {
         "tdsAriaLabel"?: string;
         /**
           * Variant of Message.
+          * @default 'information'
          */
         "variant"?: 'information' | 'error' | 'warning' | 'success';
     }
     interface TdsModal {
         /**
           * Changes the position behaviour of the actions slot.
+          * @default 'static'
          */
         "actionsPosition"?: 'sticky' | 'static';
         /**
           * Shows or hides the close [X] button.
+          * @default true
          */
         "closable"?: boolean;
         /**
@@ -3823,6 +4234,7 @@ declare namespace LocalJSX {
         "onTdsOpen"?: (event: TdsModalCustomEvent<void>) => void;
         /**
           * Disables closing Modal on clicking on overlay area.
+          * @default false
          */
         "prevent"?: boolean;
         /**
@@ -3839,30 +4251,36 @@ declare namespace LocalJSX {
         "show"?: boolean;
         /**
           * Size of Modal
+          * @default 'md'
          */
         "size"?: 'xs' | 'sm' | 'md' | 'lg';
         /**
           * Role of the modal component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages.
+          * @default 'dialog'
          */
         "tdsAlertDialog"?: 'alertdialog' | 'dialog';
     }
     interface TdsNavigationTab {
         /**
           * Disables the Tab.
+          * @default false
          */
         "disabled"?: boolean;
     }
     interface TdsNavigationTabs {
         /**
           * Sets the default selected Tab.
+          * @default 0
          */
         "defaultSelectedIndex"?: number;
         /**
           * Custom left padding value for the wrapper element.
+          * @default 32
          */
         "leftPadding"?: number;
         /**
           * Variant of the Tabs, primary= on white, secondary= on grey50
+          * @default 'primary'
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
@@ -3877,36 +4295,49 @@ declare namespace LocalJSX {
         "selectedIndex"?: number;
         /**
           * Defines aria-label on left scroll button
+          * @default 'Scroll left'
          */
         "tdsScrollLeftAriaLabel"?: string;
         /**
           * Defines aria-label on right scroll button
+          * @default 'Scroll right'
          */
         "tdsScrollRightAriaLabel"?: string;
     }
     interface TdsPopoverCanvas {
         /**
           * Whether the popover should animate when being opened/closed or not
+          * @default 'none'
          */
         "animation"?: 'none' | 'fade' | string;
         /**
           * Decides if the component should be visible from the start.
+          * @default false
          */
         "defaultShow"?: boolean;
+        /**
+          * Mode variant of the component, based on current mode.
+          * @default null
+         */
+        "modeVariant"?: 'primary' | 'secondary';
         /**
           * Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
+          * @default []
          */
-        "modifiers"?: Object[];
+        "modifiers"?: object[];
         /**
           * Sets the offset distance
+          * @default 8
          */
         "offsetDistance"?: number;
         /**
           * Sets the offset skidding
+          * @default 0
          */
         "offsetSkidding"?: number;
         /**
           * Decides the placement of the Popover Canvas. See https://popper.js.org/docs/v2/constructors/#placement
+          * @default 'auto'
          */
         "placement"?: Placement;
         /**
@@ -3919,40 +4350,49 @@ declare namespace LocalJSX {
         "selector"?: string;
         /**
           * Controls whether the Popover is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside. This also means that clicking outside of the popover won't close it. Takes precedence over `defaultShow` prop.
+          * @default null
          */
         "show"?: boolean;
         /**
           * Role of the popover canvas component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages.
+          * @default 'dialog'
          */
         "tdsAlertDialog"?: 'alertdialog' | 'dialog';
     }
     interface TdsPopoverCore {
         /**
           * Whether the popover should animate when being opened/closed or not
+          * @default 'none'
          */
         "animation"?: 'none' | 'fade' | string;
         /**
           * Decides if the popover should hide automatically. Alternatevly it can be hidden externally based on emitted events.
+          * @default true
          */
         "autoHide"?: boolean;
         /**
           * Decides if the component should be visible from the start.
+          * @default false
          */
         "defaultShow"?: boolean;
         /**
           * Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
+          * @default []
          */
         "modifiers"?: Object[];
         /**
           * Sets the offset distance
+          * @default 8
          */
         "offsetDistance"?: number;
         /**
           * Sets the offset skidding
+          * @default 0
          */
         "offsetSkidding"?: number;
         /**
           * Decides the placement of the Popover Menu
+          * @default 'auto'
          */
         "placement"?: Placement;
         /**
@@ -3965,40 +4405,49 @@ declare namespace LocalJSX {
         "selector"?: string;
         /**
           * Controls whether the Popover is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside. This also means that clicking outside of the popover won't close it. Takes precedence over `defaultShow` prop.
+          * @default null
          */
         "show"?: boolean;
         /**
           * What triggers the popover to show
+          * @default 'click'
          */
         "trigger"?: 'click' | 'hover' | 'hover-popover';
     }
     interface TdsPopoverMenu {
         /**
           * Whether the popover should animate when being opened/closed or not
+          * @default 'none'
          */
         "animation"?: 'none' | 'fade' | string;
         /**
           * Decides if the component should be visible from the start.
+          * @default false
          */
         "defaultShow"?: boolean;
         /**
           * If true this unsets the width (160px) of the Popover Menu
+          * @default false
          */
         "fluidWidth"?: boolean;
         /**
           * Mode variant of the component, based on current mode.
+          * @default null
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
           * Sets the offset distance
+          * @default 8
          */
         "offsetDistance"?: number;
         /**
           * Sets the offset skidding
+          * @default 0
          */
         "offsetSkidding"?: number;
         /**
           * Decides the placement of the Popover Menu
+          * @default 'auto'
          */
         "placement"?: Placement;
         /**
@@ -4011,22 +4460,26 @@ declare namespace LocalJSX {
         "selector"?: string;
         /**
           * Controls whether the Popover is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside. This also means that clicking outside of the popover won't close it. Takes precedence over `defaultShow` prop.
+          * @default null
          */
         "show"?: boolean;
     }
     interface TdsPopoverMenuItem {
         /**
           * Disables the Popover Menu Item
+          * @default false
          */
         "disabled"?: boolean;
     }
     interface TdsRadioButton {
         /**
           * Decides if the Radio Button is checked or not.
+          * @default false
          */
         "checked"?: boolean;
         /**
           * Decides if the Radio Button is disabled or not.
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -4042,10 +4495,12 @@ declare namespace LocalJSX {
   }>) => void;
         /**
           * Unique Radio Button identifier.
+          * @default generateUniqueId()
          */
         "radioId"?: string;
         /**
           * Decides if the Radio Button is required or not.
+          * @default false
          */
         "required"?: boolean;
         /**
@@ -4064,6 +4519,7 @@ declare namespace LocalJSX {
     interface TdsSideMenu {
         /**
           * If the Side Menu is collapsed. Only a persistent desktop menu can be collapsed. NOTE: Only use this if you have prevented the automatic collapsing with preventDefault on the tdsCollapse event.
+          * @default false
          */
         "collapsed"?: boolean;
         /**
@@ -4072,10 +4528,12 @@ declare namespace LocalJSX {
         "onTdsCollapse"?: (event: TdsSideMenuCustomEvent<CollapseEvent>) => void;
         /**
           * Applicable only for mobile. If the Side Menu is open or not.
+          * @default false
          */
         "open"?: boolean;
         /**
           * Applicable only for desktop. If the Side Menu should always be shown.
+          * @default false
          */
         "persistent"?: boolean;
     }
@@ -4094,14 +4552,17 @@ declare namespace LocalJSX {
         "buttonLabel"?: string;
         /**
           * If the dropdown should be open from the start.
+          * @default false
          */
         "defaultOpen"?: boolean;
         /**
           * Toggle open state programmatically
+          * @default false
          */
         "open"?: boolean;
         /**
           * If the button that opens the dropdown should appear selected.
+          * @default false
          */
         "selected"?: boolean;
     }
@@ -4110,16 +4571,19 @@ declare namespace LocalJSX {
     interface TdsSideMenuDropdownListItem {
         /**
           * If the item should appear selected.
+          * @default false
          */
         "selected"?: boolean;
     }
     interface TdsSideMenuItem {
         /**
           * If the item should appear active. Can be used when the item is triggering a dropdown, and the dropdown is open, for example.
+          * @default false
          */
         "active"?: boolean;
         /**
           * If the item should appear selected.
+          * @default false
          */
         "selected"?: boolean;
     }
@@ -4166,30 +4630,37 @@ declare namespace LocalJSX {
     interface TdsSlider {
         /**
           * Decide to show the controls or not
+          * @default false
          */
         "controls"?: boolean;
         /**
           * Sets the disabled state for the whole component
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Decide to show the input field or not
+          * @default false
          */
         "input"?: boolean;
         /**
           * Text for label
+          * @default ''
          */
         "label"?: string;
         /**
           * Maximum value
+          * @default '100'
          */
         "max"?: string;
         /**
           * Minimum value
+          * @default '0'
          */
         "min"?: string;
         /**
           * Name property (will be inherited by the native slider component)
+          * @default ''
          */
         "name"?: string;
         /**
@@ -4206,56 +4677,69 @@ declare namespace LocalJSX {
   }>) => void;
         /**
           * Sets the read only state for the whole component
+          * @default false
          */
         "readOnly"?: boolean;
         /**
           * Decide to show numbers above the tick markers or not
+          * @default false
          */
         "showTickNumbers"?: boolean;
         /**
           * ID for the Slider's input element, randomly generated if not specified.
+          * @default generateUniqueId()
          */
         "sliderId"?: string;
         /**
           * Snap to the tick's grid
+          * @default false
          */
         "snap"?: boolean;
         /**
           * Defines how much to increment/decrement the value when using controls
+          * @default '1'
          */
         "step"?: string;
         /**
           * Sets the aria-label for the slider control.
+          * @default ''
          */
         "tdsAriaLabel"?: string;
         /**
           * Sets the read only aria label for the input field
+          * @default ''
          */
         "tdsReadOnlyAriaLabel"?: string;
         /**
           * Sets the size of the thumb
+          * @default 'lg'
          */
         "thumbSize"?: 'sm' | 'lg';
         /**
           * Number of tick markers (tick for min- and max-value will be added automatically)
+          * @default '0'
          */
         "ticks"?: string;
         /**
           * Decide to show the tooltip or not
+          * @default false
          */
         "tooltip"?: boolean;
         /**
           * Initial value
+          * @default '0'
          */
         "value"?: string;
     }
     interface TdsSpinner {
         /**
           * Size of the Spinner
+          * @default 'lg'
          */
         "size"?: 'xs' | 'sm' | 'md' | 'lg';
         /**
           * Variant of the Spinner
+          * @default 'standard'
          */
         "variant"?: 'standard' | 'inverted';
     }
@@ -4266,6 +4750,7 @@ declare namespace LocalJSX {
         "index"?: string;
         /**
           * State of the Step
+          * @default 'upcoming'
          */
         "state"?: 'current' | 'error' | 'success' | 'upcoming';
         "tdsAriaCurrent"?: string;
@@ -4273,48 +4758,59 @@ declare namespace LocalJSX {
     interface TdsStepper {
         /**
           * Hides the label for the child components if true.
+          * @default false
          */
         "hideLabels"?: boolean;
         /**
           * Text position, only available on a direction: horizontal
+          * @default 'below'
          */
         "labelPosition"?: 'aside' | 'below';
         /**
           * The orientation the Steps
+          * @default 'horizontal'
          */
         "orientation"?: 'horizontal' | 'vertical';
         /**
           * Size of the component and it's children.
+          * @default 'lg'
          */
         "size"?: 'sm' | 'lg';
         /**
           * ID used for internal Stepper functionality and events, must be unique.  **NOTE**: If you're listening for Stepper events, you need to set this ID yourself to identify the Stepper, as the default ID is random and will be different every time.
+          * @default generateUniqueId()
          */
         "stepperId"?: string;
         /**
           * Label for the stepper component, for screen reader users
+          * @default 'Progress steps'
          */
         "tdsAriaLabel"?: string;
     }
     interface TdsTable {
         /**
           * Enables style where Table toolbar, rows and footer are less high
+          * @default false
          */
         "compactDesign"?: boolean;
         /**
           * Enables extended row feature of Table
+          * @default false
          */
         "expandableRows"?: boolean;
         /**
           * Width of the table, used as the constraint for horizontal scrolling. **NOTE**: this will disable usage of the responsive flag
+          * @default null
          */
         "horizontalScrollWidth"?: string;
         /**
           * Variant of the component, based on current mode.
+          * @default null
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
           * Enables multiselect feature of Table
+          * @default false
          */
         "multiselect"?: boolean;
         /**
@@ -4323,18 +4819,22 @@ declare namespace LocalJSX {
         "noMinWidth"?: boolean;
         /**
           * Enables Table to take 100% available width with equal spacing of columns
+          * @default false
          */
         "responsive"?: boolean;
         /**
           * ID used for internal Table functionality and events, must be unique.  **NOTE**: If you're listening for Table events, you need to set this ID yourself to identify the Table, as the default ID is random and will be different every time.
+          * @default generateUniqueId()
          */
         "tableId"?: string;
         /**
           * Enables style with vertical dividers between columns
+          * @default false
          */
         "verticalDividers"?: boolean;
         /**
           * Enables zebra stripe mode on the table rows or columns.
+          * @default 'none'
          */
         "zebraMode"?: | 'rows-odd'
     | 'rows-even'
@@ -4347,16 +4847,19 @@ declare namespace LocalJSX {
     interface TdsTableBodyInputWrapper {
         /**
           * Controls if the edit icon is shown
+          * @default true
          */
         "showIcon"?: boolean;
     }
     interface TdsTableBodyRow {
         /**
           * Makes the row clickable and tabbable for accessibility purposes.
+          * @default false
          */
         "clickable"?: boolean;
         /**
           * Marks the row as disabled, used for multiselect table.
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -4377,16 +4880,19 @@ declare namespace LocalJSX {
   }>) => void;
         /**
           * Marks the row as selected, used for multiselect table.
+          * @default false
          */
         "selected"?: boolean;
     }
     interface TdsTableBodyRowExpandable {
         /**
           * Enables auto-collapse of other expandable rows when one row is expanded
+          * @default false
          */
         "autoCollapse"?: boolean;
         /**
           * In case that automatic count of columns does not work, user can manually set this one. Take in mind that expandable control is column too
+          * @default null
          */
         "colSpan"?: number;
         /**
@@ -4403,20 +4909,24 @@ declare namespace LocalJSX {
   }>) => void;
         /**
           * Controls the overflow behavior of the expandable row content
+          * @default 'auto'
          */
         "overflow"?: 'auto' | 'hidden' | 'visible';
         /**
           * ID for the table row. Randomly generated if not specified.
+          * @default generateUniqueId()
          */
         "rowId"?: string;
         /**
           * Aria label for the expand button, providing an accessible description
+          * @default ''
          */
         "tdsAriaLabelExpandButton"?: string;
     }
     interface TdsTableFooter {
         /**
           * <b>Client override</b> Used to set the column span of the footer. Use as fallback if the automatic count of columns fails.
+          * @default null
          */
         "cols"?: number;
         /**
@@ -4429,36 +4939,44 @@ declare namespace LocalJSX {
   }>) => void;
         /**
           * Sets the number of pages.
+          * @default null
          */
         "pages"?: number;
         /**
           * Enable pagination and show pagination controls
+          * @default false
          */
         "pagination"?: boolean;
         /**
           * Sets the pagination number.
+          * @default 1
          */
         "paginationValue"?: number;
         /**
           * Set available rows per page values
+          * @default [10, 25, 50]
          */
         "rowsPerPageValues"?: number[];
         /**
           * Enable rows per page dropdown
+          * @default true
          */
         "rowsperpage"?: boolean;
     }
     interface TdsTableHeader {
         /**
           * @deprecated Deprecated, use selected instead.
+          * @default false
          */
         "allSelected"?: boolean;
         /**
           * Prop for controlling the enabled/disabled state of the "All selected"-checkbox.
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Prop for controlling the indeterminate state of the "All selected"-checkbox.
+          * @default false
          */
         "indeterminate"?: boolean;
         /**
@@ -4475,15 +4993,20 @@ declare namespace LocalJSX {
         "selected"?: boolean;
     }
     interface TdsTableHeaderInputWrapper {
+        /**
+          * @default false
+         */
         "compactDesign"?: boolean;
         /**
           * Controls if the search icon is shown
+          * @default true
          */
         "showIcon"?: boolean;
     }
     interface TdsTableToolbar {
         /**
           * Enables preview of searchbar
+          * @default false
          */
         "filter"?: boolean;
         /**
@@ -4495,16 +5018,19 @@ declare namespace LocalJSX {
   }>) => void;
         /**
           * Adds title to the Table
+          * @default ''
          */
         "tableTitle"?: string;
         /**
           * Aria label for the search input, providing an accessible description
+          * @default ''
          */
         "tdsSearchAriaLabel"?: string;
     }
     interface TdsTag {
         /**
           * Sets the size of the tag
+          * @default 'lg'
          */
         "size"?: 'lg' | 'sm';
         /**
@@ -4513,16 +5039,24 @@ declare namespace LocalJSX {
         "text": string;
         /**
           * Sets the variant mode of the tag
+          * @default 'Neutral'
          */
         "variant"?: 'Success' | 'Warning' | 'New' | 'Neutral' | 'Information' | 'Error';
     }
     interface TdsTextField {
+        /**
+          * Value to be used for the text field's autocomplete attribute
+          * @default 'off'
+         */
+        "autocomplete"?: string;
         /**
           * Autofocus for input
+          * @default false
          */
         "autofocus"?: boolean;
         /**
           * Set input in disabled state
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -4531,14 +5065,17 @@ declare namespace LocalJSX {
         "helper"?: string;
         /**
           * Hides the read-only icon in the Text Field. Requires Read Only to be enabled.
+          * @default false
          */
         "hideReadOnlyIcon"?: boolean;
         /**
           * Label text
+          * @default ''
          */
         "label"?: string;
         /**
           * Position of the label for the Text Field.
+          * @default 'no-label'
          */
         "labelPosition"?: 'inside' | 'outside' | 'no-label';
         /**
@@ -4555,14 +5092,17 @@ declare namespace LocalJSX {
         "min"?: string | number;
         /**
           * Mode variant of the Text Field
+          * @default null
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
           * Name property
+          * @default ''
          */
         "name"?: string;
         /**
           * Unset minimum width of 208px.
+          * @default false
          */
         "noMinWidth"?: boolean;
         /**
@@ -4583,18 +5123,27 @@ declare namespace LocalJSX {
         "onTdsInput"?: (event: TdsTextFieldCustomEvent<InputEvent>) => void;
         /**
           * Placeholder text
+          * @default ''
          */
         "placeholder"?: string;
         /**
           * Set input in readonly state
+          * @default false
          */
         "readOnly"?: boolean;
+        /**
+          * Makes the text field required
+          * @default false
+         */
+        "required"?: boolean;
         /**
           * Size of the input
+          * @default 'lg'
          */
         "size"?: 'sm' | 'md' | 'lg';
         /**
           * Error state of input
+          * @default 'default'
          */
         "state"?: 'error' | 'success' | 'default';
         /**
@@ -4603,16 +5152,19 @@ declare namespace LocalJSX {
         "tdsAriaLabel"?: string;
         /**
           * Which input type, text, password or similar
+          * @default 'text'
          */
-        "type"?: 'text' | 'password' | 'number';
+        "type"?: 'text' | 'password' | 'number' | 'email' | 'tel';
         /**
           * Value of the input text
+          * @default ''
          */
         "value"?: string;
     }
     interface TdsTextarea {
         /**
           * Control of autofocus
+          * @default false
          */
         "autofocus"?: boolean;
         /**
@@ -4621,6 +5173,7 @@ declare namespace LocalJSX {
         "cols"?: number;
         /**
           * Set input in disabled state
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -4629,14 +5182,17 @@ declare namespace LocalJSX {
         "helper"?: string;
         /**
           * Hide the readonly icon
+          * @default false
          */
         "hideReadOnlyIcon"?: boolean;
         /**
           * Label text
+          * @default ''
          */
         "label"?: string;
         /**
           * Position of the label for the Textarea.
+          * @default 'no-label'
          */
         "labelPosition"?: 'inside' | 'outside' | 'no-label';
         /**
@@ -4645,14 +5201,17 @@ declare namespace LocalJSX {
         "maxLength"?: number;
         /**
           * Mode variant of the Textarea
+          * @default null
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
           * Name attribute
+          * @default ''
          */
         "name"?: string;
         /**
           * Unset minimum width of 208px.
+          * @default false
          */
         "noMinWidth"?: boolean;
         /**
@@ -4673,10 +5232,12 @@ declare namespace LocalJSX {
         "onTdsInput"?: (event: TdsTextareaCustomEvent<InputEvent>) => void;
         /**
           * Placeholder text
+          * @default ''
          */
         "placeholder"?: string;
         /**
           * Set input in readonly state
+          * @default false
          */
         "readOnly"?: boolean;
         /**
@@ -4685,6 +5246,7 @@ declare namespace LocalJSX {
         "rows"?: number;
         /**
           * Error state of input
+          * @default 'default'
          */
         "state"?: 'error' | 'success' | 'default';
         /**
@@ -4693,12 +5255,14 @@ declare namespace LocalJSX {
         "tdsAriaLabel"?: string;
         /**
           * Value of the input text
+          * @default ''
          */
         "value"?: string;
     }
     interface TdsToast {
         /**
           * Enables the close button.
+          * @default true
          */
         "closable"?: boolean;
         /**
@@ -4707,6 +5271,7 @@ declare namespace LocalJSX {
         "header"?: string;
         /**
           * Hides the Toast.
+          * @default false
          */
         "hidden"?: boolean;
         /**
@@ -4721,6 +5286,7 @@ declare namespace LocalJSX {
         "subheader"?: string;
         /**
           * ARIA live for the Toast.
+          * @default 'polite'
          */
         "tdsAriaLive"?: 'polite' | 'assertive';
         /**
@@ -4729,24 +5295,29 @@ declare namespace LocalJSX {
         "tdsCloseAriaLabel"?: string;
         /**
           * ID for the Toast. Randomly generated if not specified.
+          * @default generateUniqueId()
          */
         "toastId"?: string;
         /**
           * ARIA role for the Toast.
+          * @default 'alert'
          */
         "toastRole"?: 'alert' | 'log' | 'status';
         /**
           * Type of Toast.
+          * @default 'information'
          */
         "variant"?: 'information' | 'error' | 'warning' | 'success';
     }
     interface TdsToggle {
         /**
           * Sets the Toggle as checked
+          * @default false
          */
         "checked"?: boolean;
         /**
           * Sets the Toggle in a disabled state
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -4766,10 +5337,12 @@ declare namespace LocalJSX {
   }>) => void;
         /**
           * Make the Toggle required
+          * @default false
          */
         "required"?: boolean;
         /**
           * Size of the Toggle
+          * @default 'lg'
          */
         "size"?: 'sm' | 'lg';
         /**
@@ -4778,28 +5351,34 @@ declare namespace LocalJSX {
         "tdsAriaLabel"?: string;
         /**
           * ID of the Toggle's input element, if not specified, it's randomly generated
+          * @default generateUniqueId()
          */
         "toggleId"?: string;
     }
     interface TdsTooltip {
         /**
           * Decides if the component should be visible from the start.
+          * @default false
          */
         "defaultShow"?: boolean;
         /**
           * Allow mouse over Tooltip. Useful when Tooltip contains clickable elements like link or button.
+          * @default false
          */
         "mouseOverTooltip"?: boolean;
         /**
           * Sets the offset distance
+          * @default 8
          */
         "offsetDistance"?: number;
         /**
           * Sets the offset skidding
+          * @default 0
          */
         "offsetSkidding"?: number;
         /**
           * Placement of Tooltip.
+          * @default 'bottom'
          */
         "placement"?: Placement;
         /**
@@ -4812,6 +5391,7 @@ declare namespace LocalJSX {
         "selector"?: string;
         /**
           * Prop in control of showing and hiding prop. Takes precedence over `defaultOpen` prop.
+          * @default null
          */
         "show"?: boolean;
         /**
@@ -4820,10 +5400,12 @@ declare namespace LocalJSX {
         "tdsAriaDescribedby"?: string;
         /**
           * In case Tooltip contains only text, no HTML, a text can be passed by this prop
+          * @default ''
          */
         "text"?: string;
         /**
           * What triggers the popover to show
+          * @default 'hover'
          */
         "trigger"?: 'click' | 'hover';
     }