Resolves issue where some CSS classes were malformed

hashicorp · Jan 31, 2023 · 39b6452 · 39b6452
1 parent ac3f6d5
commit 39b6452
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 3 deletions.
diff --git a/.changeset/six-snakes-reply.md b/.changeset/six-snakes-reply.md
@@ -0,0 +1,5 @@
+---
+"@hashicorp/design-system-components": patch
+---
+
+Fixes malformed CSS classes in table component
diff --git a/packages/components/addon/components/hds/table/td.js b/packages/components/addon/components/hds/table/td.js
@@ -37,7 +37,7 @@ export default class HdsTableTdComponent extends Component {
 
     // add a class based on the @align argument
     if (this.align) {
-      classes.push(`.hds-table__td--text-${this.align}`);
+      classes.push(`hds-table__td--text-${this.align}`);
     }
 
     return classes.join(' ');

diff --git a/packages/components/addon/components/hds/table/th-sort.js b/packages/components/addon/components/hds/table/th-sort.js
@@ -73,7 +73,7 @@ export default class HdsTableThSortComponent extends Component {
 
     // add a class based on the @align argument
     if (this.align) {
-      classes.push(`.hds-table__th-sort--text-${this.align}`);
+      classes.push(`hds-table__th-sort--text-${this.align}`);
     }
 
     return classes.join(' ');

diff --git a/packages/components/addon/components/hds/table/th.js b/packages/components/addon/components/hds/table/th.js
@@ -37,7 +37,7 @@ export default class HdsTableThComponent extends Component {
 
     // add a class based on the @align argument
     if (this.align) {
-      classes.push(`.hds-table__th--text-${this.align}`);
+      classes.push(`hds-table__th--text-${this.align}`);
     }
 
     return classes.join(' ');