diff --git a/packages/devextreme/js/common/charts.d.ts b/packages/devextreme/js/common/charts.d.ts
index 144dd365e348..a6d8120d1a62 100644
--- a/packages/devextreme/js/common/charts.d.ts
+++ b/packages/devextreme/js/common/charts.d.ts
@@ -634,12 +634,12 @@ export interface SeriesLabel {
        * @docid dxChartSeriesTypes.CommonSeries.label.border.color
        * @default  '#d3d3d3'
        */
-      color?: string;
+      color?: string | undefined;
       /**
        * @docid dxChartSeriesTypes.CommonSeries.label.border.dashStyle
        * @default 'solid'
        */
-      dashStyle?: DashStyle;
+      dashStyle?: DashStyle | undefined;
       /**
        * @docid dxChartSeriesTypes.CommonSeries.label.border.visible
        * @default false
diff --git a/packages/devextreme/js/viz/chart.d.ts b/packages/devextreme/js/viz/chart.d.ts
index ef1119c12aa4..6ca37fe59ef4 100644
--- a/packages/devextreme/js/viz/chart.d.ts
+++ b/packages/devextreme/js/viz/chart.d.ts
@@ -3749,7 +3749,7 @@ export interface dxChartSeriesTypesCommonSeriesHoverStyleBorder {
      * @default 'solid'
      * @public
      */
-    dashStyle?: DashStyle;
+    dashStyle?: DashStyle | undefined;
     /**
      * @docid dxChartSeriesTypes.CommonSeries.hoverStyle.border.visible
      * @default false
@@ -3847,7 +3847,7 @@ export interface dxChartSeriesTypesCommonSeriesSelectionStyleBorder {
      * @default 'solid'
      * @public
      */
-    dashStyle?: DashStyle;
+    dashStyle?: DashStyle | undefined;
     /**
      * @docid dxChartSeriesTypes.CommonSeries.selectionStyle.border.visible
      * @default false
diff --git a/packages/devextreme/js/viz/funnel.d.ts b/packages/devextreme/js/viz/funnel.d.ts
index fe095f4fa221..68a3015db7c2 100644
--- a/packages/devextreme/js/viz/funnel.d.ts
+++ b/packages/devextreme/js/viz/funnel.d.ts
@@ -276,17 +276,17 @@ export interface dxFunnelOptions extends BaseWidgetOptions<dxFunnel> {
          * @docid
          * @default #ffffff
          */
-        color?: string;
+        color?: string | undefined;
         /**
          * @docid
          * @default false
          */
-        visible?: boolean;
+        visible?: boolean | undefined;
         /**
          * @docid
          * @default 2
          */
-        width?: number;
+        width?: number | undefined;
       };
       /**
        * @docid
diff --git a/packages/devextreme/js/viz/pie_chart.d.ts b/packages/devextreme/js/viz/pie_chart.d.ts
index 35774ffa1731..2c3096263e98 100644
--- a/packages/devextreme/js/viz/pie_chart.d.ts
+++ b/packages/devextreme/js/viz/pie_chart.d.ts
@@ -707,12 +707,12 @@ export interface dxPieChartSeriesTypesCommonPieChartSeries {
            * @docid dxPieChartSeriesTypes.CommonPieChartSeries.label.border.color
            * @default  '#d3d3d3'
            */
-          color?: string;
+          color?: string | undefined;
           /**
            * @docid dxPieChartSeriesTypes.CommonPieChartSeries.label.border.dashStyle
            * @default 'solid'
            */
-          dashStyle?: DashStyle;
+          dashStyle?: DashStyle | undefined;
           /**
            * @docid dxPieChartSeriesTypes.CommonPieChartSeries.label.border.visible
            * @default false
diff --git a/packages/devextreme/js/viz/polar_chart.d.ts b/packages/devextreme/js/viz/polar_chart.d.ts
index 991a89e79d1c..8490e8b0bd3b 100644
--- a/packages/devextreme/js/viz/polar_chart.d.ts
+++ b/packages/devextreme/js/viz/polar_chart.d.ts
@@ -1731,7 +1731,7 @@ export interface dxPolarChartSeriesTypesCommonPolarChartSeries {
          * @docid dxPolarChartSeriesTypes.CommonPolarChartSeries.hoverStyle.border.dashStyle
          * @default 'solid'
          */
-        dashStyle?: DashStyle;
+        dashStyle?: DashStyle | undefined;
         /**
          * @docid dxPolarChartSeriesTypes.CommonPolarChartSeries.hoverStyle.border.visible
          * @default false
@@ -1858,7 +1858,7 @@ export interface dxPolarChartSeriesTypesCommonPolarChartSeries {
          * @docid dxPolarChartSeriesTypes.CommonPolarChartSeries.selectionStyle.border.dashStyle
          * @default 'solid'
          */
-        dashStyle?: DashStyle;
+        dashStyle?: DashStyle | undefined;
         /**
          * @docid dxPolarChartSeriesTypes.CommonPolarChartSeries.selectionStyle.border.visible
          * @default false
@@ -2036,12 +2036,12 @@ export interface dxPolarChartSeriesTypesCommonPolarChartSeriesLabel {
        * @docid dxPolarChartSeriesTypes.CommonPolarChartSeries.label.border.color
        * @default  '#d3d3d3'
        */
-      color?: string;
+      color?: string | undefined;
       /**
        * @docid dxPolarChartSeriesTypes.CommonPolarChartSeries.label.border.dashStyle
        * @default 'solid'
        */
-      dashStyle?: DashStyle;
+      dashStyle?: DashStyle | undefined;
       /**
        * @docid dxPolarChartSeriesTypes.CommonPolarChartSeries.label.border.visible
        * @default false
diff --git a/packages/devextreme/js/viz/sankey.d.ts b/packages/devextreme/js/viz/sankey.d.ts
index c83e314dab6c..f29a7f0b2047 100644
--- a/packages/devextreme/js/viz/sankey.d.ts
+++ b/packages/devextreme/js/viz/sankey.d.ts
@@ -210,17 +210,17 @@ export interface dxSankeyOptions extends BaseWidgetOptions<dxSankey> {
          * @docid
          * @default '#000000'
          */
-        color?: string;
+        color?: string | undefined;
         /**
          * @docid
          * @default false
          */
-        visible?: boolean;
+        visible?: boolean | undefined;
         /**
          * @docid
          * @default 2
          */
-        width?: number;
+        width?: number | undefined;
       };
       /**
        * @docid
@@ -301,17 +301,17 @@ export interface dxSankeyOptions extends BaseWidgetOptions<dxSankey> {
          * @docid
          * @default '#000000'
          */
-        color?: string;
+        color?: string | undefined;
         /**
          * @docid
          * @default false
          */
-        visible?: boolean;
+        visible?: boolean | undefined;
         /**
          * @docid
          * @default 2
          */
-        width?: number;
+        width?: number | undefined;
       };
       /**
        * @docid
@@ -381,7 +381,7 @@ export interface dxSankeyOptions extends BaseWidgetOptions<dxSankey> {
          * @docid
          * @default 0.5
          */
-        opacity?: number;
+        opacity?: number | undefined;
       };
       /**
        * @docid
@@ -402,17 +402,17 @@ export interface dxSankeyOptions extends BaseWidgetOptions<dxSankey> {
          * @docid
          * @default '#000000'
          */
-        color?: string;
+        color?: string | undefined;
         /**
          * @docid
          * @default false
          */
-        visible?: boolean;
+        visible?: boolean | undefined;
         /**
          * @docid
          * @default 1
          */
-        width?: number;
+        width?: number | undefined;
       };
       /**
        * @docid
diff --git a/packages/devextreme/js/viz/tree_map.d.ts b/packages/devextreme/js/viz/tree_map.d.ts
index c412eb392cc1..fc80e072c193 100644
--- a/packages/devextreme/js/viz/tree_map.d.ts
+++ b/packages/devextreme/js/viz/tree_map.d.ts
@@ -258,12 +258,12 @@ export interface dxTreeMapOptions extends BaseWidgetOptions<dxTreeMap> {
          * @docid
          * @default "#d3d3d3"
          */
-        color?: string;
+        color?: string | undefined;
         /**
          * @docid
          * @default 1
          */
-        width?: number;
+        width?: number | undefined;
       };
       /**
        * @docid
@@ -343,7 +343,7 @@ export interface dxTreeMapOptions extends BaseWidgetOptions<dxTreeMap> {
            * @docid
            * @default "#232323"
            */
-          color?: string;
+          color?: string | undefined;
           /**
            * @docid
            * @default undefined
@@ -487,12 +487,12 @@ export interface dxTreeMapOptions extends BaseWidgetOptions<dxTreeMap> {
          * @docid
          * @default "#000000"
          */
-        color?: string;
+        color?: string | undefined;
         /**
          * @docid
          * @default 1
          */
-        width?: number;
+        width?: number | undefined;
       };
       /**
        * @docid
@@ -562,7 +562,7 @@ export interface dxTreeMapOptions extends BaseWidgetOptions<dxTreeMap> {
            * @docid
            * @default "#232323"
            */
-          color?: string;
+          color?: string | undefined;
           /**
            * @docid
            * @default undefined
diff --git a/packages/devextreme/ts/dx.all.d.ts b/packages/devextreme/ts/dx.all.d.ts
index f0091b90021a..6f0965745adb 100644
--- a/packages/devextreme/ts/dx.all.d.ts
+++ b/packages/devextreme/ts/dx.all.d.ts
@@ -2282,11 +2282,11 @@ declare module DevExpress.common.charts {
       /**
        * [descr:dxChartSeriesTypes.CommonSeries.label.border.color]
        */
-      color?: string;
+      color?: string | undefined;
       /**
        * [descr:dxChartSeriesTypes.CommonSeries.label.border.dashStyle]
        */
-      dashStyle?: DashStyle;
+      dashStyle?: DashStyle | undefined;
       /**
        * [descr:dxChartSeriesTypes.CommonSeries.label.border.visible]
        */
@@ -35721,7 +35721,7 @@ declare module DevExpress.viz {
     /**
      * [descr:dxChartSeriesTypes.CommonSeries.hoverStyle.border.dashStyle]
      */
-    dashStyle?: DevExpress.common.charts.DashStyle;
+    dashStyle?: DevExpress.common.charts.DashStyle | undefined;
     /**
      * [descr:dxChartSeriesTypes.CommonSeries.hoverStyle.border.visible]
      */
@@ -35792,7 +35792,7 @@ declare module DevExpress.viz {
     /**
      * [descr:dxChartSeriesTypes.CommonSeries.selectionStyle.border.dashStyle]
      */
-    dashStyle?: DevExpress.common.charts.DashStyle;
+    dashStyle?: DevExpress.common.charts.DashStyle | undefined;
     /**
      * [descr:dxChartSeriesTypes.CommonSeries.selectionStyle.border.visible]
      */
@@ -37213,15 +37213,15 @@ declare module DevExpress.viz {
         /**
          * [descr:dxFunnelOptions.item.border.color]
          */
-        color?: string;
+        color?: string | undefined;
         /**
          * [descr:dxFunnelOptions.item.border.visible]
          */
-        visible?: boolean;
+        visible?: boolean | undefined;
         /**
          * [descr:dxFunnelOptions.item.border.width]
          */
-        width?: number;
+        width?: number | undefined;
       };
       /**
        * [descr:dxFunnelOptions.item.hoverStyle]
@@ -38068,11 +38068,11 @@ declare module DevExpress.viz {
         /**
          * [descr:dxPieChartSeriesTypes.CommonPieChartSeries.label.border.color]
          */
-        color?: string;
+        color?: string | undefined;
         /**
          * [descr:dxPieChartSeriesTypes.CommonPieChartSeries.label.border.dashStyle]
          */
-        dashStyle?: DevExpress.common.charts.DashStyle;
+        dashStyle?: DevExpress.common.charts.DashStyle | undefined;
         /**
          * [descr:dxPieChartSeriesTypes.CommonPieChartSeries.label.border.visible]
          */
@@ -39470,7 +39470,7 @@ declare module DevExpress.viz {
         /**
          * [descr:dxPolarChartSeriesTypes.CommonPolarChartSeries.hoverStyle.border.dashStyle]
          */
-        dashStyle?: DevExpress.common.charts.DashStyle;
+        dashStyle?: DevExpress.common.charts.DashStyle | undefined;
         /**
          * [descr:dxPolarChartSeriesTypes.CommonPolarChartSeries.hoverStyle.border.visible]
          */
@@ -39561,7 +39561,7 @@ declare module DevExpress.viz {
         /**
          * [descr:dxPolarChartSeriesTypes.CommonPolarChartSeries.selectionStyle.border.dashStyle]
          */
-        dashStyle?: DevExpress.common.charts.DashStyle;
+        dashStyle?: DevExpress.common.charts.DashStyle | undefined;
         /**
          * [descr:dxPolarChartSeriesTypes.CommonPolarChartSeries.selectionStyle.border.visible]
          */
@@ -39694,11 +39694,11 @@ declare module DevExpress.viz {
       /**
        * [descr:dxPolarChartSeriesTypes.CommonPolarChartSeries.label.border.color]
        */
-      color?: string;
+      color?: string | undefined;
       /**
        * [descr:dxPolarChartSeriesTypes.CommonPolarChartSeries.label.border.dashStyle]
        */
-      dashStyle?: DevExpress.common.charts.DashStyle;
+      dashStyle?: DevExpress.common.charts.DashStyle | undefined;
       /**
        * [descr:dxPolarChartSeriesTypes.CommonPolarChartSeries.label.border.visible]
        */
@@ -40845,15 +40845,15 @@ declare module DevExpress.viz {
         /**
          * [descr:dxSankeyOptions.label.border.color]
          */
-        color?: string;
+        color?: string | undefined;
         /**
          * [descr:dxSankeyOptions.label.border.visible]
          */
-        visible?: boolean;
+        visible?: boolean | undefined;
         /**
          * [descr:dxSankeyOptions.label.border.width]
          */
-        width?: number;
+        width?: number | undefined;
       };
       /**
        * [descr:dxSankeyOptions.label.customizeText]
@@ -40920,15 +40920,15 @@ declare module DevExpress.viz {
         /**
          * [descr:dxSankeyOptions.link.border.color]
          */
-        color?: string;
+        color?: string | undefined;
         /**
          * [descr:dxSankeyOptions.link.border.visible]
          */
-        visible?: boolean;
+        visible?: boolean | undefined;
         /**
          * [descr:dxSankeyOptions.link.border.width]
          */
-        width?: number;
+        width?: number | undefined;
       };
       /**
        * [descr:dxSankeyOptions.link.color]
@@ -40987,7 +40987,7 @@ declare module DevExpress.viz {
         /**
          * [descr:dxSankeyOptions.link.hoverStyle.opacity]
          */
-        opacity?: number;
+        opacity?: number | undefined;
       };
       /**
        * [descr:dxSankeyOptions.link.opacity]
@@ -41005,15 +41005,15 @@ declare module DevExpress.viz {
         /**
          * [descr:dxSankeyOptions.node.border.color]
          */
-        color?: string;
+        color?: string | undefined;
         /**
          * [descr:dxSankeyOptions.node.border.visible]
          */
-        visible?: boolean;
+        visible?: boolean | undefined;
         /**
          * [descr:dxSankeyOptions.node.border.width]
          */
-        width?: number;
+        width?: number | undefined;
       };
       /**
        * [descr:dxSankeyOptions.node.color]
@@ -41605,11 +41605,11 @@ declare module DevExpress.viz {
         /**
          * [descr:dxTreeMapOptions.group.border.color]
          */
-        color?: string;
+        color?: string | undefined;
         /**
          * [descr:dxTreeMapOptions.group.border.width]
          */
-        width?: number;
+        width?: number | undefined;
       };
       /**
        * [descr:dxTreeMapOptions.group.color]
@@ -41677,7 +41677,7 @@ declare module DevExpress.viz {
           /**
            * [descr:dxTreeMapOptions.group.selectionStyle.border.color]
            */
-          color?: string;
+          color?: string | undefined;
           /**
            * [descr:dxTreeMapOptions.group.selectionStyle.border.width]
            */
@@ -41776,11 +41776,11 @@ declare module DevExpress.viz {
         /**
          * [descr:dxTreeMapOptions.tile.border.color]
          */
-        color?: string;
+        color?: string | undefined;
         /**
          * [descr:dxTreeMapOptions.tile.border.width]
          */
-        width?: number;
+        width?: number | undefined;
       };
       /**
        * [descr:dxTreeMapOptions.tile.color]
@@ -41840,7 +41840,7 @@ declare module DevExpress.viz {
           /**
            * [descr:dxTreeMapOptions.tile.selectionStyle.border.color]
            */
-          color?: string;
+          color?: string | undefined;
           /**
            * [descr:dxTreeMapOptions.tile.selectionStyle.border.width]
            */