small code cleanup

Author: didoo

packages/components/src/components/hds/layout/flex/index.hbs

@@ -5,7 +5,7 @@
 {{#if (eq this.componentTag "div")}}
   <div class={{this.classNames}} ...attributes>{{yield (hash Item=(component "hds/layout/flex/item"))}}</div>
 {{else}}
-  {{#let (element this.componentTag) as |Tag|}}<Tag class={{this.classNames}} ...attributes>{{yield
-        (hash Item=(component "hds/layout/flex/item"))
-      }}</Tag>{{/let}}
+  {{#let (element this.componentTag) as |Tag|}}
+    <Tag class={{this.classNames}} ...attributes>{{yield (hash Item=(component "hds/layout/flex/item"))}}</Tag>
+  {{/let}}
 {{/if}}

packages/components/src/styles/components/layout/flex.scss

@@ -109,7 +109,7 @@
 .hds-layout-flex--column-gap-48 { --hds-layout-flex-column-gap: 48px; }
 
 
-// FLEX ITEM
+// LAYOUT > FLEX > ITEM
 
 // note: these are just the most common values for `flex-[basis|grow|shrink]`
 // all other special cases are handled via inline styles

showcase/tests/integration/components/hds/layout/flex/index-test.js

@@ -95,7 +95,6 @@ module('Integration | Component | hds/layout/flex/index', function (hooks) {
     await render(hbs`<Hds::Layout::Flex id="test-layout-flex" />`);
     assert
       .dom('#test-layout-flex')
-      .doesNotHaveClass(/hds-layout-flex--gap-/)
       .doesNotHaveClass(/hds-layout-flex--row-gap-/)
       .doesNotHaveClass(/hds-layout-flex--column-gap-/);
   });