diff --git a/src/components/autocomplete/AutoComplete.d.ts b/src/components/autocomplete/AutoComplete.d.ts
index e404703b5..a326d4612 100755
--- a/src/components/autocomplete/AutoComplete.d.ts
+++ b/src/components/autocomplete/AutoComplete.d.ts
@@ -4,9 +4,9 @@ import { VirtualScrollerProps, VirtualScrollerItemOptions } from '../virtualscro
 
 type AutoCompleteFieldType = string | ((data: any) => string) | undefined;
 
-type AutoCompleteDropdownMode = 'blank' | 'current';
+type AutoCompleteDropdownMode = 'blank' | 'current' | undefined;
 
-type AutoCompleteAppendTo = 'body' | 'self';
+type AutoCompleteAppendTo = 'body' | 'self' | string | undefined;
 
 export interface AutoCompleteItemSelectEvent {
     /**
@@ -78,7 +78,7 @@ export interface AutoCompleteProps {
      */
     dropdown?: boolean | undefined;
     /**
-     * Specifies the behavior dropdown button. Default "blank" mode sends an empty string and "current" mode sends the input value.
+     * Specifies the behavior dropdown button. Default 'blank' mode sends an empty string and 'current' mode sends the input value.
      * @see AutoCompleteDropdownMode
      * Default value is 'blank'.
      */
@@ -103,7 +103,7 @@ export interface AutoCompleteProps {
     delay?: number | undefined;
     /**
      * A valid query selector or an HTMLElement to specify where the overlay gets attached.
-     * Special keywords are "body" for document body and "self" for the element itself.
+     * Special keywords are 'body' for document body and 'self' for the element itself.
      * Default value is body.
      */
     appendTo?: AutoCompleteAppendTo;
diff --git a/src/components/avatar/Avatar.d.ts b/src/components/avatar/Avatar.d.ts
index 86eef6a14..812fbbc67 100644
--- a/src/components/avatar/Avatar.d.ts
+++ b/src/components/avatar/Avatar.d.ts
@@ -1,9 +1,9 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type AvatarSizeType = 'normal' | 'large' | 'xlarge';
+type AvatarSizeType = 'normal' | 'large' | 'xlarge' | undefined;
 
-type AvatarShapeType = 'square' | 'circle';
+type AvatarShapeType = 'square' | 'circle' | undefined;
 
 export interface AvatarProps {
     /**
@@ -19,13 +19,13 @@ export interface AvatarProps {
      */
     image?: string | undefined;
     /**
-     * Size of the element, valid options are "normal", "large" and "xlarge".
+     * Size of the element, valid options are 'normal', 'large' and 'xlarge'.
      * @see AvatarSizeType
      * Default value is 'normal'.
      */
     size?: AvatarSizeType;
     /**
-     * Shape of the element, valid options are "square" and "circle".
+     * Shape of the element, valid options are 'square' and 'circle'.
      * @see AvatarShapeType
      * Default value is 'square'.
      */
diff --git a/src/components/badge/Badge.d.ts b/src/components/badge/Badge.d.ts
index b040c69a3..3bc8089db 100644
--- a/src/components/badge/Badge.d.ts
+++ b/src/components/badge/Badge.d.ts
@@ -1,7 +1,7 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type BadgeSeverityType = 'info' | 'success' | 'warning' | 'danger';
+type BadgeSeverityType = 'info' | 'success' | 'warning' | 'danger' | undefined;
 
 type BadgeSizeType = 'large' | 'xlarge' | undefined;
 
@@ -16,7 +16,7 @@ export interface BadgeProps {
      */
     severity?: BadgeSeverityType;
     /**
-     * Size of the badge, valid options are "large" and "xlarge".
+     * Size of the badge, valid options are 'large' and 'xlarge'.
      * @see BadgeSizeType
      */
     size?: BadgeSizeType;
diff --git a/src/components/button/Button.d.ts b/src/components/button/Button.d.ts
index fe678b9a3..8f0201d84 100755
--- a/src/components/button/Button.d.ts
+++ b/src/components/button/Button.d.ts
@@ -1,7 +1,7 @@
 import { ButtonHTMLAttributes, VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type ButtonIconPosType = 'left' | 'right' | 'top' | 'bottom';
+type ButtonIconPosType = 'left' | 'right' | 'top' | 'bottom' | undefined;
 
 export interface ButtonProps extends ButtonHTMLAttributes {
     /**
@@ -21,7 +21,7 @@ export interface ButtonProps extends ButtonHTMLAttributes {
      */
     icon?: string | undefined;
     /**
-     * Position of the icon, valid values are "left", "right", "bottom" and "top".
+     * Position of the icon, valid values are 'left', 'right', 'bottom' and 'top'.
      * Default value is 'left'.
      */
     iconPos?: ButtonIconPosType;
diff --git a/src/components/calendar/Calendar.d.ts b/src/components/calendar/Calendar.d.ts
index 63a42e3ab..60a9a954b 100755
--- a/src/components/calendar/Calendar.d.ts
+++ b/src/components/calendar/Calendar.d.ts
@@ -3,11 +3,11 @@ import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
 type CalendarValueType = Date | Date[] | undefined;
 
-type CalendarSelectionModeType = 'single' | 'multiple' | 'range';
+type CalendarSelectionModeType = 'single' | 'multiple' | 'range' | undefined;
 
-type CalendarViewType = 'date' | 'month' | 'year';
+type CalendarViewType = 'date' | 'month' | 'year' | undefined;
 
-type CalendarHourFormatType = '12' | '24';
+type CalendarHourFormatType = '12' | '24' | undefined;
 
 type CalendarAppendToType = 'body' | 'self' | string | undefined;
 
@@ -50,7 +50,7 @@ export interface CalendarProps {
      */
     modelValue?: CalendarValueType;
     /**
-     * Defines the quantity of the selection, valid values are "single", "multiple" and "range".
+     * Defines the quantity of the selection, valid values are 'single', 'multiple' and 'range'.
      * @see CalendarSelectionModeType
      * Default value is 'single'.
      */
@@ -92,7 +92,7 @@ export interface CalendarProps {
      */
     responsiveOptions?: CalendarResponsiveOptions[];
     /**
-     * Type of view to display, valid values are "date", "month" and "year".
+     * Type of view to display, valid values are 'date', 'month' and 'year'.
      * @see CalendarViewType
      * Default value is 'date'.
      */
@@ -217,7 +217,7 @@ export interface CalendarProps {
      */
     manualInput?: boolean | undefined;
     /**
-     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are "body" for document body and "self" for the element itself.
+     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are 'body' for document body and 'self' for the element itself.
      * Default value is 'body'.
      */
     appendTo?: CalendarAppendToType;
diff --git a/src/components/carousel/Carousel.d.ts b/src/components/carousel/Carousel.d.ts
index 5a05a9070..262f4b9e2 100755
--- a/src/components/carousel/Carousel.d.ts
+++ b/src/components/carousel/Carousel.d.ts
@@ -1,7 +1,7 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type CarouselOrientationType = 'horizontal' | 'vertical';
+type CarouselOrientationType = 'horizontal' | 'vertical' | undefined;
 
 export interface CarouselResponsiveOptions {
     /**
@@ -44,7 +44,7 @@ export interface CarouselProps {
      */
 	responsiveOptions?: CarouselResponsiveOptions[] | undefined;
     /**
-     * Specifies the layout of the component, valid values are "horizontal" and "vertical".
+     * Specifies the layout of the component, valid values are 'horizontal' and 'vertical'.
      * @see CarouselOrientationType
      * Default value is 'horizontal'.
      */
diff --git a/src/components/cascadeselect/CascadeSelect.d.ts b/src/components/cascadeselect/CascadeSelect.d.ts
index a62d277a3..751cc7991 100644
--- a/src/components/cascadeselect/CascadeSelect.d.ts
+++ b/src/components/cascadeselect/CascadeSelect.d.ts
@@ -79,7 +79,7 @@ export interface CascadeSelectProps {
      */
     ariaLabelledBy?: string | undefined;
     /**
-     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are "body" for document body and "self" for the element itself.
+     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are 'body' for document body and 'self' for the element itself.
      * @see CascadeSelectAppendToType
      * Default value is 'body'.
      */
diff --git a/src/components/chips/Chips.d.ts b/src/components/chips/Chips.d.ts
index fb6753ac8..a1be4dd32 100755
--- a/src/components/chips/Chips.d.ts
+++ b/src/components/chips/Chips.d.ts
@@ -36,7 +36,7 @@ export interface ChipsProps {
      */
     allowDuplicate?: boolean | undefined;
     /**
-     * Separator char to add an item when pressed in addition to the enter key. Currently only possible value is ","
+     * Separator char to add an item when pressed in addition to the enter key. Currently only possible value is ','
      */
     separator?: string | undefined;
     /**
diff --git a/src/components/colorpicker/ColorPicker.d.ts b/src/components/colorpicker/ColorPicker.d.ts
index 3d49c6a22..ddde26c80 100755
--- a/src/components/colorpicker/ColorPicker.d.ts
+++ b/src/components/colorpicker/ColorPicker.d.ts
@@ -1,6 +1,6 @@
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type ColorPickerFormatType = 'hex' | 'rgb' | 'hsb';
+type ColorPickerFormatType = 'hex' | 'rgb' | 'hsb' | undefined;
 
 type ColorPickerAppendToType = 'body' | 'self' | string | undefined;
 
@@ -30,7 +30,7 @@ export interface ColorPickerProps {
      */
     inline?: boolean | undefined;
     /**
-     * Format to use in value binding, supported formats are "hex", "rgb" and "hsb".
+     * Format to use in value binding, supported formats are 'hex', 'rgb' and 'hsb'.
      * @see ColorPickerFormatType
      * Default value is 'hex'.
      */
@@ -62,7 +62,7 @@ export interface ColorPickerProps {
      */
     panelClass?: string | undefined;
     /**
-     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are "body" for document body and "self" for the element itself.
+     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are 'body' for document body and 'self' for the element itself.
      * Default value is 'body'.
      */
     appendTo?: ColorPickerAppendToType;
diff --git a/src/components/column/Column.d.ts b/src/components/column/Column.d.ts
index 32ed34be8..7132757bc 100755
--- a/src/components/column/Column.d.ts
+++ b/src/components/column/Column.d.ts
@@ -5,7 +5,7 @@ type ColumnFieldType = string | ((item: any) => string) | undefined;
 
 type ColumnSelectionModeType = 'single' | 'multiple' | undefined;
 
-type ColumnAlignFrozenType = 'left' | 'right';
+type ColumnAlignFrozenType = 'left' | 'right' | undefined;
 
 export interface ColumnFilterModelType {
     /**
@@ -150,7 +150,7 @@ export interface ColumnProps {
      */
     filterMenuClass?: string | undefined;
     /**
-     * Defines column based selection mode, options are "single" and "multiple".
+     * Defines column based selection mode, options are 'single' and 'multiple'.
      * @see ColumnSelectionModeType
      */
     selectionMode?: ColumnSelectionModeType;
diff --git a/src/components/columngroup/ColumnGroup.d.ts b/src/components/columngroup/ColumnGroup.d.ts
index 41ddfc33d..fd0b09684 100755
--- a/src/components/columngroup/ColumnGroup.d.ts
+++ b/src/components/columngroup/ColumnGroup.d.ts
@@ -1,6 +1,6 @@
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type ColumnGroupType = 'header' | 'footer';
+type ColumnGroupType = 'header' | 'footer' | undefined;
 
 export interface ColumnGroupProps {
     /**
diff --git a/src/components/datatable/DataTable.d.ts b/src/components/datatable/DataTable.d.ts
index 897d25835..e190c3ae9 100755
--- a/src/components/datatable/DataTable.d.ts
+++ b/src/components/datatable/DataTable.d.ts
@@ -10,29 +10,29 @@ type DataTableMultiSortMetaType = DataTableSortMeta[] | undefined | null;
 
 type DataTableSortOrderType = 1 | 0 | -1 | undefined | null;
 
-type DataTableSortModeType = 'single' | 'multiple';
+type DataTableSortModeType = 'single' | 'multiple' | undefined;
 
-type DataTableFilterMatchModeType = 'startsWith' | 'contains' | 'notContains' | 'endsWith' | 'equals' | 'notEquals' | 'in' | 'lt' | 'lte' | 'gt' | 'gte' | 'between' | 'dateIs' | 'dateIsNot' | 'dateBefore' | 'dateAfter';
+type DataTableFilterMatchModeType = 'startsWith' | 'contains' | 'notContains' | 'endsWith' | 'equals' | 'notEquals' | 'in' | 'lt' | 'lte' | 'gt' | 'gte' | 'between' | 'dateIs' | 'dateIsNot' | 'dateBefore' | 'dateAfter' | undefined;
 
 type DataTableFilterDisplayType = 'menu' | 'row' | undefined;
 
-type DataTableSelectionModeType = 'single' | 'multiple';
+type DataTableSelectionModeType = 'single' | 'multiple' | undefined;
 
-type DataTableCompareSelectionBy = 'equals' | 'deepEquals';
+type DataTableCompareSelectionBy = 'equals' | 'deepEquals' | undefined;
 
-type DataTableColumnResizeModeType = 'fit' | 'expand';
+type DataTableColumnResizeModeType = 'fit' | 'expand' | undefined;
 
-type DataTableRowGroupModeType = 'subheader' | 'rowspan';
+type DataTableRowGroupModeType = 'subheader' | 'rowspan' | undefined;
 
-type DataTableStateStorageType = 'session' | 'local';
+type DataTableStateStorageType = 'session' | 'local' | undefined;
 
-type DataTableEditModeType = 'cell' | 'row';
+type DataTableEditModeType = 'cell' | 'row' | undefined;
 
-type DataTableScrollDirectionType = 'vertical' | 'horizontal' | 'both';
+type DataTableScrollDirectionType = 'vertical' | 'horizontal' | 'both' | undefined;
 
 type DataTableScrollHeightType = 'flex' | string | undefined;
 
-type DataTableResponsiveLayoutType = 'stack' | 'scroll';
+type DataTableResponsiveLayoutType = 'stack' | 'scroll' | undefined;
 
 export interface DataTableExportFunctionOptions {
     /**
@@ -206,7 +206,7 @@ export interface DataTableRowSelectEvent {
      */
     index: number;
     /**
-     * Type of the selection, valid values are "row", "radio" or "checkbox".
+     * Type of the selection, valid values are 'row', 'radio' or 'checkbox'.
      */
     type: string;
 }
@@ -349,7 +349,7 @@ export interface DataTableCellEditCompleteEvent {
      */
     index: number;
     /**
-     * Type of completion such as "enter", "outside" or "tab".
+     * Type of completion such as 'enter', 'outside' or 'tab'.
      */
     type: string;
 }
@@ -473,7 +473,7 @@ export interface DataTableProps {
      */
     paginator?: boolean | undefined;
     /**
-     * Position of the paginator, options are "top","bottom" or "both".
+     * Position of the paginator, options are 'top','bottom' or 'both'.
      * @see DataTablePaginatorPositionType
      * Default value is 'bottom'.
      */
@@ -484,7 +484,7 @@ export interface DataTableProps {
      */
     alwaysShowPaginator?: boolean | undefined;
     /**
-     * Template of the paginator. It can be customized using the template property using the predefined keys, default value is "FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown". Here are the available elements that can be placed inside a paginator in any order.
+     * Template of the paginator. It can be customized using the template property using the predefined keys, default value is 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown'. Here are the available elements that can be placed inside a paginator in any order.
      *
      * - FirstPageLink
      * - PrevPageLink
@@ -565,7 +565,7 @@ export interface DataTableProps {
      */
     filters?: DataTableFilterMeta;
     /**
-     * Layout of the filter elements, valid values are "row" and "menu".
+     * Layout of the filter elements, valid values are 'row' and 'menu'.
      * @see DataTableFilterDisplayType
      */
     filterDisplay?: DataTableFilterDisplayType;
@@ -582,12 +582,12 @@ export interface DataTableProps {
      */
     selection?: any[] | any | undefined;
     /**
-     * Specifies the selection mode, valid values are "single" and "multiple".
+     * Specifies the selection mode, valid values are 'single' and 'multiple'.
      * @see DataTableSelectionModeType
      */
     selectionMode?: DataTableSelectionModeType;
     /**
-     * Algorithm to define if a row is selected, valid values are "equals" that compares by reference and "deepEquals" that compares all fields.
+     * Algorithm to define if a row is selected, valid values are 'equals' that compares by reference and 'deepEquals' that compares all fields.
      * @see DataTableCompareSelectionBy
      * Default value is 'deepEquals'.
      */
@@ -634,7 +634,7 @@ export interface DataTableProps {
      */
     resizableColumns?: boolean | undefined;
     /**
-     * Defines whether the overall table width should change on column resize, valid values are "fit" and "expand".
+     * Defines whether the overall table width should change on column resize, valid values are 'fit' and 'expand'.
      * @see DataTableColumnResizeModeType
      * Default value is 'fit'.
      */
@@ -659,7 +659,7 @@ export interface DataTableProps {
      */
     collapsedRowIcon?: string | undefined;
     /**
-     * Defines the row group mode, valid options are "subheader" and "rowspan".
+     * Defines the row group mode, valid options are 'subheader' and 'rowspan'.
      * @see DataTableRowGroupModeType
      */
     rowGroupMode?: DataTableRowGroupModeType;
@@ -677,7 +677,7 @@ export interface DataTableProps {
      */
     expandedRowGroups?: any[] | DataTableExpandedRows;
     /**
-     * Defines where a stateful table keeps its state, valid values are "session" for sessionStorage and "local" for localStorage.
+     * Defines where a stateful table keeps its state, valid values are 'session' for sessionStorage and 'local' for localStorage.
      * @see DataTableStateStorageType
      * Default value is 'session'.
      */
@@ -687,7 +687,7 @@ export interface DataTableProps {
      */
     stateKey?: string | undefined;
     /**
-     * Defines the incell editing mode, valid options are "cell" and "row".
+     * Defines the incell editing mode, valid options are 'cell' and 'row'.
      * @see DataTableEditModeType
      */
     editMode?: DataTableEditModeType;
@@ -710,12 +710,12 @@ export interface DataTableProps {
      */
     scrollable?: boolean | undefined;
     /**
-     * Height of the scroll viewport in fixed pixels or the "flex" keyword for a dynamic size.
+     * Height of the scroll viewport in fixed pixels or the 'flex' keyword for a dynamic size.
      * @see DataTableScrollHeightType
      */
     scrollHeight?: DataTableScrollHeightType;
     /**
-     * Orientation of the scrolling, options are "vertical", "horizontal" and "both".
+     * Orientation of the scrolling, options are 'vertical', 'horizontal' and 'both'.
      * @see DataTableScrollDirectionType
      * Default value is 'vertical'.
      */
@@ -725,7 +725,7 @@ export interface DataTableProps {
      */
     frozenValue?: any[] | undefined;
     /**
-     * Defines the responsive mode, valid options are "stack" and "scroll".
+     * Defines the responsive mode, valid options are 'stack' and 'scroll'.
      * @see DataTableResponsiveLayoutType
      * Default value is 'stack'.
      */
diff --git a/src/components/dataview/DataView.d.ts b/src/components/dataview/DataView.d.ts
index be141aaff..04be92f14 100755
--- a/src/components/dataview/DataView.d.ts
+++ b/src/components/dataview/DataView.d.ts
@@ -1,11 +1,11 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type DataViewLayoutType = 'list' | 'grid';
+type DataViewLayoutType = 'list' | 'grid' | undefined;
 
-type DataTablePositionType = 'top' | 'bottom' | 'both';
+type DataTablePositionType = 'top' | 'bottom' | 'both' | undefined;
 
-type DataViewSortFieldType = string | ((item: any) => string);
+type DataViewSortFieldType = string | ((item: any) => string) | undefined;
 
 export interface DataViewPageEvent {
     /**
@@ -32,7 +32,7 @@ export interface DataViewProps {
      */
     value?: any[] | undefined;
     /**
-     * Layout of the items, valid values are "list" and "grid".
+     * Layout of the items, valid values are 'list' and 'grid'.
      * @see DataViewLayoutType
      * Default value is 'list'.
      */
@@ -56,7 +56,7 @@ export interface DataViewProps {
      */
     paginator?: boolean | undefined;
     /**
-     * Position of the paginator, options are "top","bottom" or "both".
+     * Position of the paginator, options are 'top','bottom' or 'both'.
      * @see DataTablePositionType
      * Default value is 'bottom'.
      */
@@ -67,7 +67,7 @@ export interface DataViewProps {
      */
     alwaysShowPaginator?: boolean | undefined;
     /**
-     * Template of the paginator. It can be customized using the template property using the predefined keys, default value is "FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown". Here are the available elements that can be placed inside a paginator in any order.
+     * Template of the paginator. It can be customized using the template property using the predefined keys, default value is 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown'. Here are the available elements that can be placed inside a paginator in any order.
      *
      * - FirstPageLink
      * - PrevPageLink
diff --git a/src/components/dialog/Dialog.d.ts b/src/components/dialog/Dialog.d.ts
index 914504752..7e1c7b80c 100755
--- a/src/components/dialog/Dialog.d.ts
+++ b/src/components/dialog/Dialog.d.ts
@@ -1,7 +1,7 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type DialogPositionType = 'center' | 'top' | 'bottom' | 'left' | 'right' | 'topleft' | 'topright' | 'bottomleft' | 'bottomright';
+type DialogPositionType = 'center' | 'top' | 'bottom' | 'left' | 'right' | 'topleft' | 'topright' | 'bottomleft' | 'bottomright' | undefined;
 
 type DialogAppendToType = 'body' | 'self' | string | undefined;
 
@@ -88,7 +88,7 @@ export interface DialogProps {
      */
     ariaCloseLabel?: string | undefined;
     /**
-     * Position of the dialog, options are "center", "top", "bottom", "left", "right", "topleft", "topright", "bottomleft" or "bottomright".
+     * Position of the dialog, options are 'center', 'top', 'bottom', 'left', 'right', 'topleft', 'topright', 'bottomleft' or 'bottomright'.
      * @see DialogPositionType
      * Default value is 'center'.
      */
@@ -123,7 +123,7 @@ export interface DialogProps {
      */
     minY?: number | undefined;
     /**
-     * A valid query selector or an HTMLElement to specify where the dialog gets attached. Special keywords are "body" for document body and "self" for the element itself.
+     * A valid query selector or an HTMLElement to specify where the dialog gets attached. Special keywords are 'body' for document body and 'self' for the element itself.
      * @see DialogAppendToType
      * Default value is 'body'.
      */
diff --git a/src/components/divider/Divider.d.ts b/src/components/divider/Divider.d.ts
index 5fe92e18e..729fb6383 100644
--- a/src/components/divider/Divider.d.ts
+++ b/src/components/divider/Divider.d.ts
@@ -1,24 +1,24 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type DividerHorizontalAlignType = 'left' | 'center' | 'right';
+type DividerHorizontalAlignType = 'left' | 'center' | 'right' | undefined;
 
-type DividerVerticalAlignType = 'top' | 'center' | 'bottom';
+type DividerVerticalAlignType = 'top' | 'center' | 'bottom' | undefined;
 
 type DividerAlignType = DividerHorizontalAlignType | DividerVerticalAlignType | undefined;
 
-type DividerLayoutType = 'horizontal' | 'vertical';
+type DividerLayoutType = 'horizontal' | 'vertical' | undefined;
 
-type DividerType = 'solid' | 'dashed' | 'dotted';
+type DividerType = 'solid' | 'dashed' | 'dotted' | undefined;
 
 export interface DividerProps {
     /**
-     * Alignment of the content, options are "left", "center", "right" for horizontal layout and "top", "center", "bottom" for vertical.
+     * Alignment of the content, options are 'left', 'center', 'right' for horizontal layout and 'top', 'center', 'bottom' for vertical.
      * @see DividerAlignType
      */
     align?: DividerAlignType;
     /**
-     * Specifies the orientation, valid values are "horizontal" and "vertical".
+     * Specifies the orientation, valid values are 'horizontal' and 'vertical'.
      * @see DividerLayoutType
      * Default value is 'horizontal'.
      */
diff --git a/src/components/dock/Dock.d.ts b/src/components/dock/Dock.d.ts
index 46b2d4702..4736435a0 100644
--- a/src/components/dock/Dock.d.ts
+++ b/src/components/dock/Dock.d.ts
@@ -2,9 +2,9 @@ import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 import { MenuItem } from '../menuitem';
 
-type DockPositionType = 'bottom' | 'top' | 'left' | 'right';
+type DockPositionType = 'bottom' | 'top' | 'left' | 'right' | undefined;
 
-type DockTooltipEventType = 'hover' | 'focus';
+type DockTooltipEventType = 'hover' | 'focus' | undefined;
 
 export interface DockTooltipOptions {
     /**
diff --git a/src/components/dropdown/Dropdown.d.ts b/src/components/dropdown/Dropdown.d.ts
index c97b69d91..f01aa8647 100755
--- a/src/components/dropdown/Dropdown.d.ts
+++ b/src/components/dropdown/Dropdown.d.ts
@@ -10,7 +10,7 @@ type DropdownOptionDisabledType = string | ((data: any) => boolean) | undefine
 
 type DropdownOptionChildrenType = string | ((data: any) => any[]) | undefined;
 
-type DropdownFilterMatchModeType = 'contains' | 'startsWith' | 'endsWith';
+type DropdownFilterMatchModeType = 'contains' | 'startsWith' | 'endsWith' | undefined;
 
 type DropdownAppendToType = 'body' | 'self' | string | undefined;
 
@@ -130,7 +130,7 @@ export interface DropdownProps {
      */
     ariaLabelledBy?: string | undefined;
     /**
-     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are "body" for document body and "self" for the element itself.
+     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are 'body' for document body and 'self' for the element itself.
      * @see DropdownAppendToType
      * Default value is 'body'.
      */
diff --git a/src/components/editor/Editor.d.ts b/src/components/editor/Editor.d.ts
index 2ea600213..fe9b26e1f 100755
--- a/src/components/editor/Editor.d.ts
+++ b/src/components/editor/Editor.d.ts
@@ -15,7 +15,7 @@ export interface EditorTextChangeEvent {
      */
     delta: any;
     /**
-     * Source of change. Will be either "user" or "api".
+     * Source of change. Will be either 'user' or 'api'.
      */
     source: string;
     /**
diff --git a/src/components/fileupload/FileUpload.d.ts b/src/components/fileupload/FileUpload.d.ts
index a5eb34384..ca847e582 100755
--- a/src/components/fileupload/FileUpload.d.ts
+++ b/src/components/fileupload/FileUpload.d.ts
@@ -1,7 +1,7 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type FileUploadModeType = 'advanced' | 'basic';
+type FileUploadModeType = 'advanced' | 'basic' | undefined;
 
 export interface FileUploadSelectEvent {
     /**
@@ -97,7 +97,7 @@ export interface FileUploadProps {
      */
     url?: string | undefined;
     /**
-     * Defines the UI of the component, possible values are "advanced" and "basic".
+     * Defines the UI of the component, possible values are 'advanced' and 'basic'.
      * @see FileUploadModeType
      * Default value is 'advanced'.
      */
@@ -107,7 +107,7 @@ export interface FileUploadProps {
      */
     multiple?: boolean | undefined;
     /**
-     * Pattern to restrict the allowed file types such as "image/*".
+     * Pattern to restrict the allowed file types such as 'image/*'.
      */
     accept?: string | undefined;
     /**
diff --git a/src/components/galleria/Galleria.d.ts b/src/components/galleria/Galleria.d.ts
index 211e63c82..b99845cfa 100755
--- a/src/components/galleria/Galleria.d.ts
+++ b/src/components/galleria/Galleria.d.ts
@@ -1,9 +1,9 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type GalleriaThumbnailsPositionType = 'bottom' | 'top' | 'left' | 'right';
+type GalleriaThumbnailsPositionType = 'bottom' | 'top' | 'left' | 'right' | undefined;
 
-type GalleriaIndicatorsPositionType = 'bottom' | 'top' | 'left' | 'right';
+type GalleriaIndicatorsPositionType = 'bottom' | 'top' | 'left' | 'right' | undefined;
 
 export interface GalleriaResponsiveOptions {
     /**
diff --git a/src/components/inlinemessage/InlineMessage.d.ts b/src/components/inlinemessage/InlineMessage.d.ts
index cb854fc46..bc1020695 100755
--- a/src/components/inlinemessage/InlineMessage.d.ts
+++ b/src/components/inlinemessage/InlineMessage.d.ts
@@ -1,7 +1,7 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type InlineMessageSeverityType = 'success' | 'info' | 'warn' | 'error';
+type InlineMessageSeverityType = 'success' | 'info' | 'warn' | 'error' | undefined;
 
 export interface InlineMessageProps {
     /**
diff --git a/src/components/inputmask/InputMask.d.ts b/src/components/inputmask/InputMask.d.ts
index 24dd02cff..dad03a146 100755
--- a/src/components/inputmask/InputMask.d.ts
+++ b/src/components/inputmask/InputMask.d.ts
@@ -51,7 +51,7 @@ export declare type InputMaskEmits = {
      */
     'keypress': (event: Event) => void;
     /**
-     * Callback to invoke when the user has initiated a "paste" action through the browser's user interface.
+     * Callback to invoke when the user has initiated a 'paste' action through the browser's user interface.
      */
     'paste': (event: Event) => void;
     /**
diff --git a/src/components/inputnumber/InputNumber.d.ts b/src/components/inputnumber/InputNumber.d.ts
index 537eae72d..c674ff1d0 100755
--- a/src/components/inputnumber/InputNumber.d.ts
+++ b/src/components/inputnumber/InputNumber.d.ts
@@ -1,10 +1,10 @@
 import { ClassComponent, GlobalComponentConstructor, Nullable } from '../ts-helpers';
 
-type InputNumberButtonLayoutType = 'stacked' | 'horizontal' | 'vertical';
+type InputNumberButtonLayoutType = 'stacked' | 'horizontal' | 'vertical' | undefined;
 
-type InputNumberLocaleMatcherType = 'lookup' | 'best fit';
+type InputNumberLocaleMatcherType = 'lookup' | 'best fit' | undefined;
 
-type InputNumberModeType = 'decimal' | 'currency';
+type InputNumberModeType = 'decimal' | 'currency' | undefined;
 
 export interface InputNumberInputEvent {
     /**
@@ -59,7 +59,7 @@ export interface InputNumberProps {
      */
     locale?: string | undefined;
     /**
-     * The locale matching algorithm to use. Possible values are "lookup" and "best fit"; the default is "best fit".
+     * The locale matching algorithm to use. Possible values are 'lookup' and 'best fit'; the default is 'best fit'.
      * See [Locale Negotation](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locale_negotiation) for details.
      * @see InputNumberLocaleMatcherType
      * Default value is 'best fit'
@@ -80,12 +80,12 @@ export interface InputNumberProps {
      */
     suffix?: string | undefined;
     /**
-     * The currency to use in currency formatting. Possible values are the [ISO 4217 currency codes](https://www.six-group.com/en/products-services/financial-information/data-standards.html#scrollTo=maintenance-agency), such as "USD" for the US dollar, "EUR" for the euro, or "CNY" for the Chinese RMB.
-     * There is no default value; if the style is "currency", the currency property must be provided.
+     * The currency to use in currency formatting. Possible values are the [ISO 4217 currency codes](https://www.six-group.com/en/products-services/financial-information/data-standards.html#scrollTo=maintenance-agency), such as 'USD' for the US dollar, 'EUR' for the euro, or 'CNY' for the Chinese RMB.
+     * There is no default value; if the style is 'currency', the currency property must be provided.
      */
     currency?: string | undefined;
     /**
-     * How to display the currency in currency formatting. Possible values are "symbol" to use a localized currency symbol such as €, "code" to use the ISO currency code, "name" to use a localized currency name such as "dollar".
+     * How to display the currency in currency formatting. Possible values are 'symbol' to use a localized currency symbol such as €, 'code' to use the ISO currency code, 'name' to use a localized currency name such as 'dollar'.
      * Default value is 'symbol'.
      */
     currencyDisplay?: string | undefined;
diff --git a/src/components/listbox/Listbox.d.ts b/src/components/listbox/Listbox.d.ts
index 12cc89268..9d2365238 100755
--- a/src/components/listbox/Listbox.d.ts
+++ b/src/components/listbox/Listbox.d.ts
@@ -11,7 +11,7 @@ type ListboxOptionDisabledType = string | ((data: any) => boolean) | undefined
 
 type ListboxOptionChildrenType = string | ((data: any) => any[]) | undefined;
 
-type ListboxFilterMatchModeType = 'contains' | 'startsWith' | 'endsWith';
+type ListboxFilterMatchModeType = 'contains' | 'startsWith' | 'endsWith' | undefined;
 
 export interface ListboxChangeEvent {
     /**
diff --git a/src/components/megamenu/MegaMenu.d.ts b/src/components/megamenu/MegaMenu.d.ts
index d670d5a1a..9f5bee027 100755
--- a/src/components/megamenu/MegaMenu.d.ts
+++ b/src/components/megamenu/MegaMenu.d.ts
@@ -2,7 +2,7 @@ import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 import { MenuItem } from '../menuitem';
 
-type MegaMenuOrientationType = 'horizontal' | 'vertical';
+type MegaMenuOrientationType = 'horizontal' | 'vertical' | undefined;
 
 export interface MegaMenuProps {
     /**
diff --git a/src/components/message/Message.d.ts b/src/components/message/Message.d.ts
index c8074d8e4..7b3174222 100755
--- a/src/components/message/Message.d.ts
+++ b/src/components/message/Message.d.ts
@@ -1,7 +1,7 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type MessageSeverityType = 'success' | 'info' | 'warn' | 'error';
+type MessageSeverityType = 'success' | 'info' | 'warn' | 'error' | undefined;
 
 export interface MessageProps {
     /**
diff --git a/src/components/multiselect/MultiSelect.d.ts b/src/components/multiselect/MultiSelect.d.ts
index 57483702c..5487eb26b 100755
--- a/src/components/multiselect/MultiSelect.d.ts
+++ b/src/components/multiselect/MultiSelect.d.ts
@@ -10,11 +10,11 @@ type MultiSelectOptionDisabledType = string | ((data: any) => boolean) | undef
 
 type MultiSelectOptionChildrenType = string | ((data: any) => any[]) | undefined;
 
-type MultiSelectFilterMatchModeType = 'contains' | 'startsWith' | 'endsWith';
+type MultiSelectFilterMatchModeType = 'contains' | 'startsWith' | 'endsWith' | undefined;
 
 type MultiSelectAppendToType = 'body' | 'self' | string | undefined;
 
-type MultiSelectDisplayType = 'comma' | 'chip';
+type MultiSelectDisplayType = 'comma' | 'chip' | undefined;
 
 export interface MultiSelectChangeEvent {
     /**
@@ -130,7 +130,7 @@ export interface MultiSelectProps {
      */
     ariaLabelledBy?: string | undefined;
     /**
-     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are "body" for document body and "self" for the element itself.
+     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are 'body' for document body and 'self' for the element itself.
      * @see MultiSelectAppendToType
      * Default value is 'body'.
      */
diff --git a/src/components/orderlist/OrderList.d.ts b/src/components/orderlist/OrderList.d.ts
index f217a8a35..f777831f5 100755
--- a/src/components/orderlist/OrderList.d.ts
+++ b/src/components/orderlist/OrderList.d.ts
@@ -11,7 +11,7 @@ export interface OrderListReorderEvent {
      */
     value: any[];
     /**
-     * Direction of the change; "up", "down", "bottom", "top"
+     * Direction of the change; 'up', 'down', 'bottom', 'top'
      */
     direction: string;
 }
diff --git a/src/components/paginator/Paginator.d.ts b/src/components/paginator/Paginator.d.ts
index 8cf46eb31..45d7b936f 100755
--- a/src/components/paginator/Paginator.d.ts
+++ b/src/components/paginator/Paginator.d.ts
@@ -46,7 +46,7 @@ export interface PaginatorProps {
      */
     rowsPerPageOptions?: number[] | undefined;
     /**
-     * Template of the paginator. It can be customized using the template property using the predefined keys, default value is "FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown". Here are the available elements that can be placed inside a paginator in any order.
+     * Template of the paginator. It can be customized using the template property using the predefined keys, default value is 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown'. Here are the available elements that can be placed inside a paginator in any order.
      *
      * - FirstPageLink
      * - PrevPageLink
diff --git a/src/components/password/Password.d.ts b/src/components/password/Password.d.ts
index dd20ca237..356390447 100755
--- a/src/components/password/Password.d.ts
+++ b/src/components/password/Password.d.ts
@@ -40,7 +40,7 @@ export interface PasswordProps extends InputHTMLAttributes {
      */
     feedback?: boolean | undefined;
     /**
-     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are "body" for document body and "self" for the element itself.
+     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are 'body' for document body and 'self' for the element itself.
      * @see PasswordAppendToType
      * Default value is 'body'.
      */
diff --git a/src/components/picklist/PickList.d.ts b/src/components/picklist/PickList.d.ts
index a4fe517d7..8186f1ed7 100755
--- a/src/components/picklist/PickList.d.ts
+++ b/src/components/picklist/PickList.d.ts
@@ -11,7 +11,7 @@ export interface PickListReorderEvent {
      */
     value: any[];
     /**
-     * Direction of the change; "up", "down", "bottom", "top"
+     * Direction of the change; 'up', 'down', 'bottom', 'top'
      */
     direction: string;
     /**
diff --git a/src/components/progressbar/ProgressBar.d.ts b/src/components/progressbar/ProgressBar.d.ts
index d5f2a34fc..8caa99df8 100755
--- a/src/components/progressbar/ProgressBar.d.ts
+++ b/src/components/progressbar/ProgressBar.d.ts
@@ -1,7 +1,7 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type ProgressBarModeType = 'determinate' | 'indeterminate';
+type ProgressBarModeType = 'determinate' | 'indeterminate' | undefined;
 
 export interface ProgressBarProps {
     /**
diff --git a/src/components/scrolltop/ScrollTop.d.ts b/src/components/scrolltop/ScrollTop.d.ts
index 79cb5b306..95dd40a4d 100644
--- a/src/components/scrolltop/ScrollTop.d.ts
+++ b/src/components/scrolltop/ScrollTop.d.ts
@@ -1,6 +1,6 @@
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type ScrollTopTargetType = 'window' | 'parent';
+type ScrollTopTargetType = 'window' | 'parent' | undefined;
 
 export interface ScrollTopProps {
     /**
@@ -20,7 +20,7 @@ export interface ScrollTopProps {
      */
     icon?: string | undefined;
     /**
-     * Defines the scrolling behaviour, "smooth" adds an animation and "auto" scrolls with a jump.
+     * Defines the scrolling behaviour, 'smooth' adds an animation and 'auto' scrolls with a jump.
      * Default value is 'smooth'.
      */
     behavior?: string | undefined;
diff --git a/src/components/sidebar/Sidebar.d.ts b/src/components/sidebar/Sidebar.d.ts
index c3eda8444..1eb286e82 100755
--- a/src/components/sidebar/Sidebar.d.ts
+++ b/src/components/sidebar/Sidebar.d.ts
@@ -1,7 +1,7 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type SidebarPositionType = 'left' | 'right' | 'top' | 'bottom' | 'full';
+type SidebarPositionType = 'left' | 'right' | 'top' | 'bottom' | 'full' | undefined;
 
 export interface SidebarProps {
     /**
diff --git a/src/components/skeleton/Skeleton.d.ts b/src/components/skeleton/Skeleton.d.ts
index 6a47c7c7f..57274a2cf 100644
--- a/src/components/skeleton/Skeleton.d.ts
+++ b/src/components/skeleton/Skeleton.d.ts
@@ -1,8 +1,8 @@
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type SkeletonShapeType = 'rectangle' | 'circle';
+type SkeletonShapeType = 'rectangle' | 'circle' | undefined;
 
-type SkeletonAnimationType = 'wave' | 'none';
+type SkeletonAnimationType = 'wave' | 'none' | undefined;
 
 export interface SkeletonProps {
     /**
diff --git a/src/components/slider/Slider.d.ts b/src/components/slider/Slider.d.ts
index 139eefa7b..c3ac51c80 100755
--- a/src/components/slider/Slider.d.ts
+++ b/src/components/slider/Slider.d.ts
@@ -1,6 +1,6 @@
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type SliderOrientationType = 'horizontal' | 'vertical';
+type SliderOrientationType = 'horizontal' | 'vertical' | undefined;
 
 export interface SliderSlideEndEvent {
     /**
diff --git a/src/components/speeddial/SpeedDial.d.ts b/src/components/speeddial/SpeedDial.d.ts
index 9755173d0..111875f71 100644
--- a/src/components/speeddial/SpeedDial.d.ts
+++ b/src/components/speeddial/SpeedDial.d.ts
@@ -2,13 +2,13 @@ import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 import { MenuItem } from '../menuitem';
 
-type SpeedDialDirectionType = 'up' | 'down' | 'left' | 'right' | 'up-left' | 'up-right' | 'down-left' | 'down-right';
+type SpeedDialDirectionType = 'up' | 'down' | 'left' | 'right' | 'up-left' | 'up-right' | 'down-left' | 'down-right' | undefined;
 
-type SpeedDialType = 'linear' | 'circle' | 'semi-circle' | 'quarter-circle';
+type SpeedDialType = 'linear' | 'circle' | 'semi-circle' | 'quarter-circle' | undefined;
 
-type SpeedDialTooltipPositionType = 'bottom' | 'top' | 'left' | 'right';
+type SpeedDialTooltipPositionType = 'bottom' | 'top' | 'left' | 'right' | undefined;
 
-type SpeedDialTooltipEventType = 'hover' | 'focus';
+type SpeedDialTooltipEventType = 'hover' | 'focus' | undefined;
 
 export interface SpeedDialTooltipOptions {
     /**
diff --git a/src/components/splitter/Splitter.d.ts b/src/components/splitter/Splitter.d.ts
index 4a7ac09ff..4e104052e 100644
--- a/src/components/splitter/Splitter.d.ts
+++ b/src/components/splitter/Splitter.d.ts
@@ -1,9 +1,9 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type SplitterLayoutType = 'horizontal' | 'vertical';
+type SplitterLayoutType = 'horizontal' | 'vertical' | undefined;
 
-type SplitterStateStorageType = 'local' | 'session';
+type SplitterStateStorageType = 'local' | 'session' | undefined;
 
 export interface SplitterResizeEndEvent {
     /**
@@ -33,7 +33,7 @@ export interface SplitterProps {
      */
     stateKey?: string | undefined;
     /**
-     * Defines where a stateful splitter keeps its state, valid values are "session" for sessionStorage and "local" for localStorage.
+     * Defines where a stateful splitter keeps its state, valid values are 'session' for sessionStorage and 'local' for localStorage.
      * @see SplitterStateStorageType
      * Default value is 'session'.
      */
diff --git a/src/components/tag/Tag.d.ts b/src/components/tag/Tag.d.ts
index 05bb2c403..ee954644c 100644
--- a/src/components/tag/Tag.d.ts
+++ b/src/components/tag/Tag.d.ts
@@ -1,7 +1,7 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type TagSeverityType = 'success' | 'info' | 'warning' | 'danger';
+type TagSeverityType = 'success' | 'info' | 'warning' | 'danger' | undefined;
 
 export interface TagProps {
     /**
diff --git a/src/components/terminalservice/TerminalService.d.ts b/src/components/terminalservice/TerminalService.d.ts
index b01eb9d5d..4292e2b74 100755
--- a/src/components/terminalservice/TerminalService.d.ts
+++ b/src/components/terminalservice/TerminalService.d.ts
@@ -1,4 +1,4 @@
-type TerminalServiceActionType = 'command' | 'response';
+type TerminalServiceActionType = 'command' | 'response' | undefined;
 
 export interface TerminalServiceOptions {
     on(action: TerminalServiceActionType, fn: any): void;
diff --git a/src/components/timeline/Timeline.d.ts b/src/components/timeline/Timeline.d.ts
index 619237033..31ca89aea 100644
--- a/src/components/timeline/Timeline.d.ts
+++ b/src/components/timeline/Timeline.d.ts
@@ -1,13 +1,13 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type TimelineVerticalAlignType = 'left' | 'right';
+type TimelineVerticalAlignType = 'left' | 'right' | undefined;
 
-type TimelineHorizontalAlignType = 'top' | 'bottom';
+type TimelineHorizontalAlignType = 'top' | 'bottom' | undefined;
 
-type TimelineAlignType = TimelineVerticalAlignType | TimelineHorizontalAlignType;
+type TimelineAlignType = TimelineVerticalAlignType | TimelineHorizontalAlignType | undefined;
 
-type TimelineLayoutType = 'vertical' | 'horizontal';
+type TimelineLayoutType = 'vertical' | 'horizontal' | undefined;
 
 export interface TimelineProps {
     /**
diff --git a/src/components/toast/Toast.d.ts b/src/components/toast/Toast.d.ts
index bba244587..36e100d8c 100755
--- a/src/components/toast/Toast.d.ts
+++ b/src/components/toast/Toast.d.ts
@@ -1,9 +1,9 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type ToastPositionType = 'top-left' | 'top-center' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'center';
+type ToastPositionType = 'top-left' | 'top-center' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'center' | undefined;
 
-type ToastMessageSeverityType = 'success' | 'info' | 'warn' | 'error';
+type ToastMessageSeverityType = 'success' | 'info' | 'warn' | 'error' | undefined;
 
 export interface ToastMessageOptions {
     /**
diff --git a/src/components/togglebutton/ToggleButton.d.ts b/src/components/togglebutton/ToggleButton.d.ts
index ca6f6a879..ff934291e 100755
--- a/src/components/togglebutton/ToggleButton.d.ts
+++ b/src/components/togglebutton/ToggleButton.d.ts
@@ -1,6 +1,6 @@
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type ToggleButtonType = 'left' | 'right';
+type ToggleButtonType = 'left' | 'right' | undefined;
 
 export interface ToggleButtonProps {
     /**
diff --git a/src/components/tree/Tree.d.ts b/src/components/tree/Tree.d.ts
index 2797025ed..919ae69fb 100755
--- a/src/components/tree/Tree.d.ts
+++ b/src/components/tree/Tree.d.ts
@@ -48,9 +48,9 @@ export interface TreeNode {
     [key: string]: any;
 }
 
-type TreeSelectionModeType = 'single' | 'multiple' | 'checkbox';
+type TreeSelectionModeType = 'single' | 'multiple' | 'checkbox' | undefined;
 
-type TreeFilterModeType = 'lenient' | 'strict';
+type TreeFilterModeType = 'lenient' | 'strict' | undefined;
 
 type TreeScrollHeightType = 'flex' | string | undefined;
 
@@ -124,7 +124,7 @@ export interface TreeProps {
      */
     filterLocale?: string | undefined;
     /**
-     * Height of the scroll viewport in fixed units or the "flex" keyword for a dynamic size.
+     * Height of the scroll viewport in fixed units or the 'flex' keyword for a dynamic size.
      * @see TreeScrollHeightType
      */
     scrollHeight?: TreeScrollHeightType;
diff --git a/src/components/treeselect/TreeSelect.d.ts b/src/components/treeselect/TreeSelect.d.ts
index b9cc62b50..d534f46fb 100644
--- a/src/components/treeselect/TreeSelect.d.ts
+++ b/src/components/treeselect/TreeSelect.d.ts
@@ -2,11 +2,11 @@ import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 import { TreeNode } from '../tree';
 
-type TreeSelectSelectionModeType = 'single' | 'multiple' | 'checkbox';
+type TreeSelectSelectionModeType = 'single' | 'multiple' | 'checkbox' | undefined;
 
 type TreeSelectAppendToType = 'body' | 'self' | string | undefined;
 
-type TreeSelectDisplayType = 'comma' | 'chip';
+type TreeSelectDisplayType = 'comma' | 'chip' | undefined;
 
 export interface TreeSelectProps {
     /**
@@ -52,7 +52,7 @@ export interface TreeSelectProps {
      */
     panelClass?: string | undefined;
     /**
-     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are "body" for document body and "self" for the element itself.
+     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are 'body' for document body and 'self' for the element itself.
      * @see TreeSelectAppendToType
      * Default value is 'body'.
      */
diff --git a/src/components/treetable/TreeTable.d.ts b/src/components/treetable/TreeTable.d.ts
index 10f68b5c8..9d8310c4d 100755
--- a/src/components/treetable/TreeTable.d.ts
+++ b/src/components/treetable/TreeTable.d.ts
@@ -10,21 +10,21 @@ type TreeTableMultiSortMetaType = TreeTableSortMeta[] | undefined | null;
 
 type TreeTableSortOrderType = 1 | 0 | -1 | undefined | null;
 
-type TreeTableSortModeType = 'single' | 'multiple';
+type TreeTableSortModeType = 'single' | 'multiple' | undefined;
 
-type TreeTableFilterMatchModeType = 'startsWith' | 'contains' | 'notContains' | 'endsWith' | 'equals' | 'notEquals' | 'in' | 'lt' | 'lte' | 'gt' | 'gte' | 'between' | 'dateIs' | 'dateIsNot' | 'dateBefore' | 'dateAfter';
+type TreeTableFilterMatchModeType = 'startsWith' | 'contains' | 'notContains' | 'endsWith' | 'equals' | 'notEquals' | 'in' | 'lt' | 'lte' | 'gt' | 'gte' | 'between' | 'dateIs' | 'dateIsNot' | 'dateBefore' | 'dateAfter' | undefined;
 
-type TreeTableSelectionModeType = 'single' | 'multiple';
+type TreeTableSelectionModeType = 'single' | 'multiple' | undefined;
 
-type TreeTableFilterModeType = 'lenient' | 'strict';
+type TreeTableFilterModeType = 'lenient' | 'strict' | undefined;
 
-type TreeTableColumnResizeModeType = 'fit' | 'expand';
+type TreeTableColumnResizeModeType = 'fit' | 'expand' | undefined;
 
-type TreeTableScrollDirectionType = 'vertical' | 'horizontal' | 'both';
+type TreeTableScrollDirectionType = 'vertical' | 'horizontal' | 'both' | undefined;
 
 type TreeTableScrollHeightType = 'flex' | string | undefined;
 
-type TreeTableResponsiveLayoutType = 'stack' | 'scroll';
+type TreeTableResponsiveLayoutType = 'stack' | 'scroll' | undefined;
 
 export interface TreeTableFilterMetaData {
     /**
@@ -191,7 +191,7 @@ export interface TreeTableProps {
      */
     paginator?: boolean | undefined;
     /**
-     * Position of the paginator, options are "top","bottom" or "both".
+     * Position of the paginator, options are 'top','bottom' or 'both'.
      * @see TreeTablePaginatorPositionType
      * Default value is 'bottom'.
      */
@@ -202,7 +202,7 @@ export interface TreeTableProps {
      */
     alwaysShowPaginator?: boolean | undefined;
     /**
-     * Template of the paginator. It can be customized using the template property using the predefined keys, default value is "FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown". Here are the available elements that can be placed inside a paginator in any order.
+     * Template of the paginator. It can be customized using the template property using the predefined keys, default value is 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown'. Here are the available elements that can be placed inside a paginator in any order.
      *
      * - FirstPageLink
      * - PrevPageLink
@@ -324,7 +324,7 @@ export interface TreeTableProps {
      */
     scrollable?: boolean | undefined;
     /**
-     * Height of the scroll viewport in fixed pixels or the "flex" keyword for a dynamic size.
+     * Height of the scroll viewport in fixed pixels or the 'flex' keyword for a dynamic size.
      * @see TreeTableScrollHeightType
      */
     scrollHeight?: TreeTableScrollHeightType;
diff --git a/src/components/tristatecheckbox/TriStateCheckbox.d.ts b/src/components/tristatecheckbox/TriStateCheckbox.d.ts
index 5e434cea0..7cb0fcc5b 100755
--- a/src/components/tristatecheckbox/TriStateCheckbox.d.ts
+++ b/src/components/tristatecheckbox/TriStateCheckbox.d.ts
@@ -36,7 +36,7 @@ declare module '@vue/runtime-core' {
 
 /**
  *
- * TriStateCheckbox is used to select either "true", "false" or "null" as the value.
+ * TriStateCheckbox is used to select either 'true', 'false' or 'null' as the value.
  *
  * Demos:
  *
diff --git a/src/components/virtualscroller/VirtualScroller.d.ts b/src/components/virtualscroller/VirtualScroller.d.ts
index 4b4c7ab40..28ddee566 100644
--- a/src/components/virtualscroller/VirtualScroller.d.ts
+++ b/src/components/virtualscroller/VirtualScroller.d.ts
@@ -3,11 +3,11 @@ import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
 type VirtualScrollerItemsType = any[] | any[][] | undefined | null;
 
-type VirtualScrollerItemSizeType = number | number[];
+type VirtualScrollerItemSizeType = number | number[] | undefined;
 
-type VirtualScrollerOrientationType = 'vertical' | 'horizontal' | 'both';
+type VirtualScrollerOrientationType = 'vertical' | 'horizontal' | 'both' | undefined;
 
-type VirtualScrollerToType = 'to-start' | 'to-end';
+type VirtualScrollerToType = 'to-start' | 'to-end' | undefined;
 
 export interface VirtualScrollerScrollIndexChangeEvent {
     /**