Update hds-component blueprint (#2743)

Author: didoo

showcase/blueprints/hds-component-test/index.js

@@ -66,7 +66,7 @@ const updateDummyAppCSS = (options) => {
     lastComponentImportIndex + 1
   );
   importLinesArray.push(
-    `@import "./showcase-pages/${getDummyCSSFileName(name)}";`
+    `@use "./showcase-pages/${getDummyCSSFileName(name)}" as showcase-${getKebabizedModuleName(name)};`
   );
   const newImportLinesArray = importLinesArray
     .filter((line, index, self) => self.indexOf(line) === index)

showcase/blueprints/hds-component/files/src/components/hds/__name__/index.ts

@@ -19,18 +19,13 @@ export interface Hds<%= classifiedModuleName %>Signature {
 
 export default class Hds<%= classifiedModuleName %> extends Component<Hds<%= classifiedModuleName %>Signature> {
   // UNCOMMENT THIS IF YOU NEED A CONSTRUCTOR
-  // constructor() {
-  //   super(...arguments);
+  // constructor(owner: Owner, args: <%= classifiedModuleName %>Signature['Args']) {
+  //   super(owner, args);
   //   // ADD YOUR ASSERTIONS HERE
   // }
 
-  /**
-   * Get the class names to apply to the component.
-   * @method classNames
-   * @return {string} The "class" attribute to apply to the component.
-   */
   get classNames() {
-    let classes = ['hds-<%= kebabizedModuleName %>'];
+    const classes = ['hds-<%= kebabizedModuleName %>'];
 
     // add a class based on the @xxx argument
     // classes.push(`hds-<%= kebabizedModuleName %>--[variant]-${this.xxx}`);