diff --git a/packages/devextreme-metadata/aspnet/enums.ts b/packages/devextreme-metadata/aspnet/enums.ts
index 06b836478f6b..854ed45cb424 100644
--- a/packages/devextreme-metadata/aspnet/enums.ts
+++ b/packages/devextreme-metadata/aspnet/enums.ts
@@ -11,6 +11,9 @@ export const enums = {
       'swing',
     ],
   },
+  DashStyle: {
+    Items: ['dash', 'dot', 'longDash', 'solid'],
+  },
   EdmType: {
     Items: ['Guid', 'Int32', 'Int64', 'String', 'Boolean', 'Single', 'Decimal'],
   },
diff --git a/packages/devextreme-metadata/make-integration-metadata.ts b/packages/devextreme-metadata/make-integration-metadata.ts
index e1ed28867689..277eccfaa047 100644
--- a/packages/devextreme-metadata/make-integration-metadata.ts
+++ b/packages/devextreme-metadata/make-integration-metadata.ts
@@ -1,5 +1,5 @@
 import { Imd, addMetadata, replaceTypes, removeMembers } from 'devextreme-internal-tools/metadata';
-import { cleanArtifacts } from './common';
+import { cleanArtifacts, types } from './common';
 import { IMD_FILE, PATHS } from './common/paths';
 
 cleanArtifacts(IMD_FILE, 'IntegrationDataGenerator.cfg.json');
@@ -9,6 +9,15 @@ Imd.makeMetadata({
     artifacts: PATHS.artifactsDir,
   },
   mutations: [
+    // Normalize all DashStyle references: MemberRef -> UidRef
+    replaceTypes(/\.dashStyle/, ['*'], [types.uidRef('common/charts:DashStyle')]),
+    // Restore explicit undefined where declared
+    replaceTypes(
+      /^(?:common\/charts:SeriesLabel\.border|viz\/chart:dxChartSeriesTypesCommonSeries(?:HoverStyle|SelectionStyle)?Border|viz\/(?:pie_chart|polar_chart):.+\.border)\.dashStyle$/,
+      ['*'],
+      [types.uidRef('common/charts:DashStyle'), 'undefined'],
+    ),
+
     replaceTypes('common/grids:ColumnAIOptions.popup', ['*'], ['object']),
     replaceTypes('ui/card_view:dxCardViewOptions.filterBuilderPopup', ['*'], ['object']),
     replaceTypes('ui/card_view:Editing.popup', ['*'], ['object']),
diff --git a/packages/devextreme-vue/src/bar-gauge.ts b/packages/devextreme-vue/src/bar-gauge.ts
index 52755604cf23..14035e18614e 100644
--- a/packages/devextreme-vue/src/bar-gauge.ts
+++ b/packages/devextreme-vue/src/bar-gauge.ts
@@ -299,7 +299,7 @@ const DxBorderConfig = {
   props: {
     color: String,
     cornerRadius: Number,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     opacity: Number,
     visible: Boolean,
     width: Number
@@ -556,7 +556,7 @@ const DxLegendBorderConfig = {
   props: {
     color: String,
     cornerRadius: Number,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     opacity: Number,
     visible: Boolean,
     width: Number
@@ -854,7 +854,7 @@ const DxTooltipBorderConfig = {
   },
   props: {
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     opacity: Number,
     visible: Boolean,
     width: Number
diff --git a/packages/devextreme-vue/src/bullet.ts b/packages/devextreme-vue/src/bullet.ts
index 3a327972ee71..ad52d15b06d2 100644
--- a/packages/devextreme-vue/src/bullet.ts
+++ b/packages/devextreme-vue/src/bullet.ts
@@ -158,7 +158,7 @@ const DxBorderConfig = {
   },
   props: {
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     opacity: Number,
     visible: Boolean,
     width: Number
diff --git a/packages/devextreme-vue/src/chart.ts b/packages/devextreme-vue/src/chart.ts
index ea92823abfda..6ee9e90f7fc5 100644
--- a/packages/devextreme-vue/src/chart.ts
+++ b/packages/devextreme-vue/src/chart.ts
@@ -575,7 +575,7 @@ const DxAnnotationBorderConfig = {
   props: {
     color: String,
     cornerRadius: Number,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     opacity: Number,
     visible: Boolean,
     width: Number
@@ -785,7 +785,7 @@ const DxAxisConstantLineStyleConfig = {
   },
   props: {
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     label: Object as PropType<Record<string, any>>,
     paddingLeftRight: Number,
     paddingTopBottom: Number,
@@ -947,7 +947,7 @@ const DxBorderConfig = {
     bottom: Boolean,
     color: String,
     cornerRadius: Number,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     left: Boolean,
     opacity: Number,
     right: Boolean,
@@ -1261,7 +1261,7 @@ const DxCommonAxisSettingsConstantLineStyleConfig = {
   },
   props: {
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     label: Object as PropType<Record<string, any>>,
     paddingLeftRight: Number,
     paddingTopBottom: Number,
@@ -1478,7 +1478,7 @@ const DxCommonSeriesSettingsConfig = {
     closeValueField: String,
     color: [Object, String] as PropType<ChartsColor | string | Record<string, any>>,
     cornerRadius: Number,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     fullstackedarea: {},
     fullstackedbar: {},
     fullstackedline: {},
@@ -1563,7 +1563,7 @@ const DxCommonSeriesSettingsHoverStyleConfig = {
   props: {
     border: Object as PropType<Record<string, any>>,
     color: [Object, String] as PropType<ChartsColor | string | Record<string, any>>,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     hatching: Object as PropType<Record<string, any>>,
     highlight: Boolean,
     width: Number
@@ -1649,7 +1649,7 @@ const DxCommonSeriesSettingsSelectionStyleConfig = {
   props: {
     border: Object as PropType<Record<string, any>>,
     color: [Object, String] as PropType<ChartsColor | string | Record<string, any>>,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     hatching: Object as PropType<Record<string, any>>,
     highlight: Boolean,
     width: Number
@@ -1705,7 +1705,7 @@ const DxConstantLineConfig = {
   },
   props: {
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     displayBehindSeries: Boolean,
     extendAxis: Boolean,
     label: Object as PropType<Record<string, any>>,
@@ -1769,7 +1769,7 @@ const DxConstantLineStyleConfig = {
   },
   props: {
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     label: Object as PropType<Record<string, any>>,
     paddingLeftRight: Number,
     paddingTopBottom: Number,
@@ -1802,7 +1802,7 @@ const DxCrosshairConfig = {
   },
   props: {
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     enabled: Boolean,
     horizontalLine: [Boolean, Object] as PropType<boolean | Record<string, any>>,
     label: Object as PropType<Record<string, any>>,
@@ -2023,7 +2023,7 @@ const DxHorizontalLineConfig = {
   },
   props: {
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     label: Object as PropType<Record<string, any>>,
     opacity: Number,
     visible: Boolean,
@@ -2085,7 +2085,7 @@ const DxHoverStyleConfig = {
   props: {
     border: Object as PropType<Record<string, any>>,
     color: [Object, String] as PropType<ChartsColor | string | Record<string, any>>,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     hatching: Object as PropType<Record<string, any>>,
     highlight: Boolean,
     size: Number,
@@ -2583,7 +2583,7 @@ const DxPaneBorderConfig = {
   props: {
     bottom: Boolean,
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     left: Boolean,
     opacity: Number,
     right: Boolean,
@@ -2801,7 +2801,7 @@ const DxSelectionStyleConfig = {
   props: {
     border: Object as PropType<Record<string, any>>,
     color: [Object, String] as PropType<ChartsColor | string | Record<string, any>>,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     hatching: Object as PropType<Record<string, any>>,
     highlight: Boolean,
     size: Number,
@@ -2878,7 +2878,7 @@ const DxSeriesConfig = {
     closeValueField: String,
     color: [Object, String] as PropType<ChartsColor | string | Record<string, any>>,
     cornerRadius: Number,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     highValueField: String,
     hoverMode: String as PropType<SeriesHoverMode>,
     hoverStyle: Object as PropType<Record<string, any>>,
@@ -2944,7 +2944,7 @@ const DxSeriesBorderConfig = {
   },
   props: {
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     visible: Boolean,
     width: Number
   }
@@ -3326,7 +3326,7 @@ const DxTooltipBorderConfig = {
   },
   props: {
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     opacity: Number,
     visible: Boolean,
     width: Number
@@ -3538,7 +3538,7 @@ const DxVerticalLineConfig = {
   },
   props: {
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     label: Object as PropType<Record<string, any>>,
     opacity: Number,
     visible: Boolean,
diff --git a/packages/devextreme-vue/src/circular-gauge.ts b/packages/devextreme-vue/src/circular-gauge.ts
index 30a4952c726f..40e451e8f31d 100644
--- a/packages/devextreme-vue/src/circular-gauge.ts
+++ b/packages/devextreme-vue/src/circular-gauge.ts
@@ -238,7 +238,7 @@ const DxBorderConfig = {
   },
   props: {
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     opacity: Number,
     visible: Boolean,
     width: Number
diff --git a/packages/devextreme-vue/src/funnel.ts b/packages/devextreme-vue/src/funnel.ts
index f5eef48848b0..a1b5f01f1b76 100644
--- a/packages/devextreme-vue/src/funnel.ts
+++ b/packages/devextreme-vue/src/funnel.ts
@@ -260,7 +260,7 @@ const DxBorderConfig = {
   props: {
     color: String,
     cornerRadius: Number,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     opacity: Number,
     visible: Boolean,
     width: Number
@@ -598,7 +598,7 @@ const DxLabelBorderConfig = {
   },
   props: {
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     visible: Boolean,
     width: Number
   }
@@ -691,7 +691,7 @@ const DxLegendBorderConfig = {
   props: {
     color: String,
     cornerRadius: Number,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     opacity: Number,
     visible: Boolean,
     width: Number
@@ -1013,7 +1013,7 @@ const DxTooltipBorderConfig = {
   },
   props: {
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     opacity: Number,
     visible: Boolean,
     width: Number
diff --git a/packages/devextreme-vue/src/linear-gauge.ts b/packages/devextreme-vue/src/linear-gauge.ts
index 00de8e267341..ac6e961ab6e4 100644
--- a/packages/devextreme-vue/src/linear-gauge.ts
+++ b/packages/devextreme-vue/src/linear-gauge.ts
@@ -235,7 +235,7 @@ const DxBorderConfig = {
   },
   props: {
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     opacity: Number,
     visible: Boolean,
     width: Number
diff --git a/packages/devextreme-vue/src/pie-chart.ts b/packages/devextreme-vue/src/pie-chart.ts
index 36fc0da7f5e4..5c36f2ec8605 100644
--- a/packages/devextreme-vue/src/pie-chart.ts
+++ b/packages/devextreme-vue/src/pie-chart.ts
@@ -415,7 +415,7 @@ const DxAnnotationBorderConfig = {
   props: {
     color: String,
     cornerRadius: Number,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     opacity: Number,
     visible: Boolean,
     width: Number
@@ -469,7 +469,7 @@ const DxBorderConfig = {
   props: {
     color: String,
     cornerRadius: Number,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     opacity: Number,
     visible: Boolean,
     width: Number
@@ -1204,7 +1204,7 @@ const DxSeriesBorderConfig = {
   },
   props: {
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     visible: Boolean,
     width: Number
   }
@@ -1440,7 +1440,7 @@ const DxTooltipBorderConfig = {
   },
   props: {
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     opacity: Number,
     visible: Boolean,
     width: Number
diff --git a/packages/devextreme-vue/src/polar-chart.ts b/packages/devextreme-vue/src/polar-chart.ts
index cedd5e770e7b..509f756e93e4 100644
--- a/packages/devextreme-vue/src/polar-chart.ts
+++ b/packages/devextreme-vue/src/polar-chart.ts
@@ -461,7 +461,7 @@ const DxAnnotationBorderConfig = {
   props: {
     color: String,
     cornerRadius: Number,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     opacity: Number,
     visible: Boolean,
     width: Number
@@ -695,7 +695,7 @@ const DxBorderConfig = {
   props: {
     color: String,
     cornerRadius: Number,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     opacity: Number,
     visible: Boolean,
     width: Number
@@ -990,7 +990,7 @@ const DxCommonSeriesSettingsConfig = {
     border: Object as PropType<Record<string, any>>,
     closed: Boolean,
     color: [Object, String] as PropType<ChartsColor | string | Record<string, any>>,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     hoverMode: String as PropType<SeriesHoverMode>,
     hoverStyle: Object as PropType<Record<string, any>>,
     ignoreEmptyPoints: Boolean,
@@ -1048,7 +1048,7 @@ const DxCommonSeriesSettingsHoverStyleConfig = {
   props: {
     border: Object as PropType<Record<string, any>>,
     color: [Object, String] as PropType<ChartsColor | string | Record<string, any>>,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     hatching: Object as PropType<Record<string, any>>,
     highlight: Boolean,
     width: Number
@@ -1128,7 +1128,7 @@ const DxCommonSeriesSettingsSelectionStyleConfig = {
   props: {
     border: Object as PropType<Record<string, any>>,
     color: [Object, String] as PropType<ChartsColor | string | Record<string, any>>,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     hatching: Object as PropType<Record<string, any>>,
     highlight: Boolean,
     width: Number
@@ -1182,7 +1182,7 @@ const DxConstantLineConfig = {
   },
   props: {
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     displayBehindSeries: Boolean,
     extendAxis: Boolean,
     label: Object as PropType<Record<string, any>>,
@@ -1236,7 +1236,7 @@ const DxConstantLineStyleConfig = {
   },
   props: {
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     label: Object as PropType<Record<string, any>>,
     width: Number
   }
@@ -1436,7 +1436,7 @@ const DxHoverStyleConfig = {
   props: {
     border: Object as PropType<Record<string, any>>,
     color: [Object, String] as PropType<ChartsColor | string | Record<string, any>>,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     hatching: Object as PropType<Record<string, any>>,
     highlight: Boolean,
     size: Number,
@@ -2058,7 +2058,7 @@ const DxSelectionStyleConfig = {
   props: {
     border: Object as PropType<Record<string, any>>,
     color: [Object, String] as PropType<ChartsColor | string | Record<string, any>>,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     hatching: Object as PropType<Record<string, any>>,
     highlight: Boolean,
     size: Number,
@@ -2118,7 +2118,7 @@ const DxSeriesConfig = {
     border: Object as PropType<Record<string, any>>,
     closed: Boolean,
     color: [Object, String] as PropType<ChartsColor | string | Record<string, any>>,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     hoverMode: String as PropType<SeriesHoverMode>,
     hoverStyle: Object as PropType<Record<string, any>>,
     ignoreEmptyPoints: Boolean,
@@ -2173,7 +2173,7 @@ const DxSeriesBorderConfig = {
   },
   props: {
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     visible: Boolean,
     width: Number
   }
@@ -2535,7 +2535,7 @@ const DxTooltipBorderConfig = {
   },
   props: {
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     opacity: Number,
     visible: Boolean,
     width: Number
diff --git a/packages/devextreme-vue/src/range-selector.ts b/packages/devextreme-vue/src/range-selector.ts
index 8f51f71406ad..664e13887dbd 100644
--- a/packages/devextreme-vue/src/range-selector.ts
+++ b/packages/devextreme-vue/src/range-selector.ts
@@ -386,7 +386,7 @@ const DxBorderConfig = {
   },
   props: {
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     visible: Boolean,
     width: Number
   }
@@ -589,7 +589,7 @@ const DxCommonSeriesSettingsConfig = {
     closeValueField: String,
     color: [Object, String] as PropType<ChartsColor | string | Record<string, any>>,
     cornerRadius: Number,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     fullstackedarea: {},
     fullstackedbar: {},
     fullstackedline: {},
@@ -674,7 +674,7 @@ const DxCommonSeriesSettingsHoverStyleConfig = {
   props: {
     border: Object as PropType<Record<string, any>>,
     color: [Object, String] as PropType<ChartsColor | string | Record<string, any>>,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     hatching: Object as PropType<Record<string, any>>,
     highlight: Boolean,
     width: Number
@@ -760,7 +760,7 @@ const DxCommonSeriesSettingsSelectionStyleConfig = {
   props: {
     border: Object as PropType<Record<string, any>>,
     color: [Object, String] as PropType<ChartsColor | string | Record<string, any>>,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     hatching: Object as PropType<Record<string, any>>,
     highlight: Boolean,
     width: Number
@@ -959,7 +959,7 @@ const DxHoverStyleConfig = {
   props: {
     border: Object as PropType<Record<string, any>>,
     color: [Object, String] as PropType<ChartsColor | string | Record<string, any>>,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     hatching: Object as PropType<Record<string, any>>,
     highlight: Boolean,
     size: Number,
@@ -1636,7 +1636,7 @@ const DxSelectionStyleConfig = {
   props: {
     border: Object as PropType<Record<string, any>>,
     color: [Object, String] as PropType<ChartsColor | string | Record<string, any>>,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     hatching: Object as PropType<Record<string, any>>,
     highlight: Boolean,
     size: Number,
@@ -1713,7 +1713,7 @@ const DxSeriesConfig = {
     closeValueField: String,
     color: [Object, String] as PropType<ChartsColor | string | Record<string, any>>,
     cornerRadius: Number,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     highValueField: String,
     hoverMode: String as PropType<SeriesHoverMode>,
     hoverStyle: Object as PropType<Record<string, any>>,
@@ -1779,7 +1779,7 @@ const DxSeriesBorderConfig = {
   },
   props: {
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     visible: Boolean,
     width: Number
   }
diff --git a/packages/devextreme-vue/src/sankey.ts b/packages/devextreme-vue/src/sankey.ts
index c5369ffdce0e..cf0a7b69bbb5 100644
--- a/packages/devextreme-vue/src/sankey.ts
+++ b/packages/devextreme-vue/src/sankey.ts
@@ -236,7 +236,7 @@ const DxBorderConfig = {
   },
   props: {
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     opacity: Number,
     visible: Boolean,
     width: Number
@@ -732,7 +732,7 @@ const DxTooltipBorderConfig = {
   },
   props: {
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     opacity: Number,
     visible: Boolean,
     width: Number
diff --git a/packages/devextreme-vue/src/sparkline.ts b/packages/devextreme-vue/src/sparkline.ts
index f4613a9b41ee..abf4e0f7caf1 100644
--- a/packages/devextreme-vue/src/sparkline.ts
+++ b/packages/devextreme-vue/src/sparkline.ts
@@ -206,7 +206,7 @@ const DxBorderConfig = {
   },
   props: {
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     opacity: Number,
     visible: Boolean,
     width: Number
diff --git a/packages/devextreme-vue/src/tree-map.ts b/packages/devextreme-vue/src/tree-map.ts
index 33b7cd35c042..134ae9bc17f0 100644
--- a/packages/devextreme-vue/src/tree-map.ts
+++ b/packages/devextreme-vue/src/tree-map.ts
@@ -228,7 +228,7 @@ const DxBorderConfig = {
   },
   props: {
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     opacity: Number,
     visible: Boolean,
     width: Number
@@ -768,7 +768,7 @@ const DxTooltipBorderConfig = {
   },
   props: {
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     opacity: Number,
     visible: Boolean,
     width: Number
diff --git a/packages/devextreme-vue/src/vector-map.ts b/packages/devextreme-vue/src/vector-map.ts
index 3aa0539eba11..271f64c9d1e5 100644
--- a/packages/devextreme-vue/src/vector-map.ts
+++ b/packages/devextreme-vue/src/vector-map.ts
@@ -321,7 +321,7 @@ const DxAnnotationBorderConfig = {
   props: {
     color: String,
     cornerRadius: Number,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     opacity: Number,
     visible: Boolean,
     width: Number
@@ -367,7 +367,7 @@ const DxBorderConfig = {
   props: {
     color: String,
     cornerRadius: Number,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     opacity: Number,
     visible: Boolean,
     width: Number
@@ -1064,7 +1064,7 @@ const DxTooltipBorderConfig = {
   },
   props: {
     color: String,
-    dashStyle: String as PropType<DashStyle>,
+    dashStyle: Object as PropType<DashStyle>,
     opacity: Number,
     visible: Boolean,
     width: Number
diff --git a/packages/devextreme/js/common/charts.d.ts b/packages/devextreme/js/common/charts.d.ts
index 9e8a2ca24e04..ff7c5bcec0dc 100644
--- a/packages/devextreme/js/common/charts.d.ts
+++ b/packages/devextreme/js/common/charts.d.ts
@@ -1,4 +1,5 @@
 import { HorizontalAlignment } from '../common';
+import { PermutationsWithRepetition } from '../core';
 import { Format } from '../localization';
 import { BaseLegendItem } from '../viz/common';
 import { baseSeriesObject } from '../viz/chart';
@@ -46,10 +47,12 @@ export type ChartsLabelOverlap = 'hide' | 'none' | 'stack';
 export type ChartsDataType = 'datetime' | 'numeric' | 'string';
 
 /**
+ * @docid
  * @public
+ * @type object
  * @namespace DevExpress.common.charts
  */
-export type DashStyle = 'dash' | 'dot' | 'longDash' | 'solid';
+export type DashStyle = PermutationsWithRepetition<'dash' | 'dot' | 'longDash' | 'solid', 5>;
 
 /**
  * @public
diff --git a/packages/devextreme/js/core/index.d.ts b/packages/devextreme/js/core/index.d.ts
index 5429ef1d9346..fbfa07c9af12 100644
--- a/packages/devextreme/js/core/index.d.ts
+++ b/packages/devextreme/js/core/index.d.ts
@@ -63,6 +63,11 @@ export type AllPermutations<T extends string> = UnionLength<T> extends PermutedU
   [K in T]: Permutations<T> | AllPermutations<Exclude<T, K>>
 }[T] : string;
 
+export type PermutationsWithRepetition<T extends string, TMaxLength extends number> = PermutationsWithRepetitionInner<T, TMaxLength, 1>;
+type PermutationsWithRepetitionInner<T extends string, TMaxLength extends number, K extends number> = K extends TMaxLength
+  ? T
+  : T | `${T}${PermutationsWithRepetitionInner<T, TMaxLength, IncrementalCounter[K]>}`;
+
 /// #DEBUG
 
 export type EventProps<T> = Extract<keyof T, `on${any}`>;
diff --git a/packages/devextreme/ts/dx.all.d.ts b/packages/devextreme/ts/dx.all.d.ts
index 1101f70d6f73..b5ae09f9f2ca 100644
--- a/packages/devextreme/ts/dx.all.d.ts
+++ b/packages/devextreme/ts/dx.all.d.ts
@@ -2001,7 +2001,13 @@ declare module DevExpress.common.charts {
   };
   export type ChartsDataType = 'datetime' | 'numeric' | 'string';
   export type ChartsLabelOverlap = 'hide' | 'none' | 'stack';
-  export type DashStyle = 'dash' | 'dot' | 'longDash' | 'solid';
+  /**
+   * [descr:DashStyle]
+   */
+  export type DashStyle = DevExpress.core.PermutationsWithRepetition<
+    'dash' | 'dot' | 'longDash' | 'solid',
+    5
+  >;
   export type DiscreteAxisDivisionMode = 'betweenLabels' | 'crossLabels';
   /**
    * [descr:Font]
@@ -7191,6 +7197,34 @@ declare module DevExpress.core {
       transclude?: boolean;
     }): DxElement;
   }
+  /**
+   * IncrementalCounter[1]=2, IncrementalCounter[2]=3, IncrementalCounter[3]=4, ...
+   */
+  /**
+   * @deprecated Attention! This type is for internal purposes only. If you used it previously, please submit a ticket to our {@link https://supportcenter.devexpress.com/ticket/create Support Center}. We will check if there is an alternative solution.
+   */
+  type IncrementalCounter = [
+    1,
+    2,
+    3,
+    4,
+    5,
+    6,
+    7,
+    8,
+    9,
+    10,
+    11,
+    12,
+    13,
+    14,
+    15,
+    16,
+    17,
+    18,
+    19,
+    20
+  ];
   /**
    * @deprecated Attention! This type is for internal purposes only. If you used it previously, please submit a ticket to our {@link https://supportcenter.devexpress.com/ticket/create Support Center}. We will check if there is an alternative solution.
    */
@@ -7209,6 +7243,29 @@ declare module DevExpress.core {
    * @deprecated Attention! This type is for internal purposes only. If you used it previously, please submit a ticket to our {@link https://supportcenter.devexpress.com/ticket/create Support Center}. We will check if there is an alternative solution.
    */
   export type OmitInternal<T> = Omit<T, `${'_' | '$'}${any}`>;
+  /**
+   * @deprecated Attention! This type is for internal purposes only. If you used it previously, please submit a ticket to our {@link https://supportcenter.devexpress.com/ticket/create Support Center}. We will check if there is an alternative solution.
+   */
+  export type PermutationsWithRepetition<
+    T extends string,
+    TMaxLength extends number
+  > = PermutationsWithRepetitionInner<T, TMaxLength, 1>;
+  /**
+   * @deprecated Attention! This type is for internal purposes only. If you used it previously, please submit a ticket to our {@link https://supportcenter.devexpress.com/ticket/create Support Center}. We will check if there is an alternative solution.
+   */
+  type PermutationsWithRepetitionInner<
+    T extends string,
+    TMaxLength extends number,
+    K extends number
+  > = K extends TMaxLength
+    ? T
+    :
+        | T
+        | `${T}${PermutationsWithRepetitionInner<
+            T,
+            TMaxLength,
+            IncrementalCounter[K]
+          >}`;
   /**
    * @deprecated Attention! This type is for internal purposes only. If you used it previously, please submit a ticket to our {@link https://supportcenter.devexpress.com/ticket/create Support Center}. We will check if there is an alternative solution.
    */