fix for code review

dialpad · Nov 2, 2023 · a7708f9 · a7708f9
1 parent 28fd6b3
commit a7708f9
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/components/description_list/description_list.stories.js b/components/description_list/description_list.stories.js
@@ -12,12 +12,6 @@ export const argTypesData = {
       },
     },
   },
-  descriptionClass: {
-    control: 'text',
-  },
-  termClass: {
-    control: 'text',
-  },
 };
 
 export const argsData = {

diff --git a/components/description_list/description_list.vue b/components/description_list/description_list.vue
@@ -80,7 +80,7 @@ export default {
     },
 
     getGapClass () {
-      return DT_STACK_GAP.includes(this.gap) ? `dt-description-list--gap-${this.gap}` : null;
+      return `dt-description-list--gap-${this.gap}`;
     },
   },
 };
@@ -91,10 +91,16 @@ export default {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
-  gap: var(--dt-space-400);
   flex-direction: row;
-  line-height: var(--lh2);
+  line-height: var(--dt-font-line-height-300);
   font-size: var(--dt-font-size-100);
+  --description-list-gap: var(--dt-space-400);
+  gap: var(--description-list-gap);
+  each(range(0, 600, 100), {
+    &--gap-@{value} {
+     --description-list-gap: ~"var(--dt-space-@{value})";
+    }
+  });
   &--column {
     flex-direction: column;
   }