updated ComparisonGrid component to use hds-theme-default class for HDS comparison block

(in this way its style does not get overwritten by the page-selected theme)

Author: didoo

showcase/app/components/shw/carbonization/comparison-grid/index.gts

@@ -21,7 +21,7 @@ export interface ShwCarbonizationComparisonGridSignature {
 }
 
 export const THEMES = [
-  'hds',
+  'default',
   'cds-g0',
   'cds-g10',
   'cds-g90',
@@ -64,7 +64,7 @@ const ShwCarbonizationComparisonGrid: TemplateOnlyComponent<ShwCarbonizationComp
       {{/if}}
       {{#if (has-block "reference")}}
         {{#each THEMES as |theme|}}
-          {{#unless (eq theme "hds")}}
+          {{#unless (eq theme "default")}}
             <ShwCarbonizationComparisonGridItem
               @scope="reference"
               @theme={{theme}}

showcase/app/styles/showcase-components/carbonization/comparison-grid.scss

@@ -8,8 +8,8 @@
 
   display: grid;
   grid-template-areas:
-    "hds cds-g0 cds-g10 cds-g90 cds-g100"
-    "--- cwc-g0 cwc-g10 cwc-g90 cwc-g100";
+    "default cds-g0 cds-g10 cds-g90 cds-g100"
+    "------- cwc-g0 cwc-g10 cwc-g90 cwc-g100";
   grid-template-rows: auto auto;
   grid-template-columns: repeat(5, 1fr);
   row-gap: 12px;
@@ -18,10 +18,10 @@
 
 .shw-carbonization-comparison-grid--side-by-side {
   grid-template-areas:
-    "hds cds-g0 cwc-g0"
-    "--- cds-g10 cwc-g10"
-    "--- cds-g90 cwc-g90"
-    "--- cds-g100 cwc-g100";
+    "default cds-g0 cwc-g0"
+    "------- cds-g10 cwc-g10"
+    "------- cds-g90 cwc-g90"
+    "------- cds-g100 cwc-g100";
   grid-template-rows: auto auto auto auto;
   grid-template-columns: repeat(3, 1fr);
 
@@ -34,7 +34,7 @@
 
 // ITEM
 
-@each $area in 'hds', 'cds-g0', 'cds-g10', 'cds-g90', 'cds-g100', 'cwc-g0', 'cwc-g10', 'cwc-g90', 'cwc-g100' {
+@each $area in 'default', 'cds-g0', 'cds-g10', 'cds-g90', 'cds-g100', 'cwc-g0', 'cwc-g10', 'cwc-g90', 'cwc-g100' {
   .shw-carbonization-comparison-grid__item--area-#{$area} {
     grid-area: #{$area};
   }
@@ -53,7 +53,7 @@
   background-color: var(--content-background-color);
 }
 
-.shw-carbonization-comparison-grid__item--area-hds {
+.shw-carbonization-comparison-grid__item--area-default {
   --content-foreground-color: var(--token-color-foreground-primary);
   --content-background-color: var(--token-color-surface-primary);
 }