@hashicorp/design-system-components 1.0.3 → 1.0.4

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @hashicorp/design-system-components
 
+## 1.0.4
+
+### Patch Changes
+
+- [#534](https://github.com/hashicorp/design-system/pull/534) [`65cde6ad`](https://github.com/hashicorp/design-system/commit/65cde6ad63c370fd9f0f6984cb7e974e4d3a9030) Thanks [@alex-ju](https://github.com/alex-ju)! - Fix label indicator for assistive technologies
+
+- Updated dependencies []:
+  - @hashicorp/ember-flight-icons@2.0.12
+
 ## 1.0.3
 
 ### Patch Changes

package/addon/components/hds/avatar/index.hbs

@@ -0,0 +1,7 @@
+<div class="hds-avatar" ...attributes aria-hidden="true">
+  {{#if @src}}
+    <img src={{@src}} alt="" role="none" />
+  {{else}}
+    <FlightIcon @name="user-circle" @size="24" />
+  {{/if}}
+</div>

package/addon/components/hds/empty-state/body.hbs

@@ -0,0 +1,3 @@
+<div class="hds-empty-state__body" ...attributes>
+  {{yield}}
+</div>

package/addon/components/hds/empty-state/footer.hbs

@@ -0,0 +1,3 @@
+<div class="hds-empty-state__footer" ...attributes>
+  {{yield}}
+</div>

package/addon/components/hds/empty-state/header.hbs

@@ -0,0 +1,3 @@
+<div class="hds-empty-state__header" ...attributes>
+  {{yield}}
+</div>

package/addon/components/hds/empty-state/index.hbs

@@ -0,0 +1,9 @@
+<div class="hds-empty-state" ...attributes>
+  {{yield
+    (hash
+      Header=(component "hds/empty-state/header")
+      Body=(component "hds/empty-state/body")
+      Footer=(component "hds/empty-state/footer")
+    )
+  }}
+</div>

package/addon/components/hds/form/label/index.hbs

@@ -1,4 +1,4 @@
 <label class={{this.classNames}} for={{@controlId}} ...attributes>
-  {{yield}}
+  {{yield}}{{#if (or @isRequired @isOptional)}}&nbsp;{{/if}}
   <Hds::Form::Indicator @isRequired={{@isRequired}} @isOptional={{@isOptional}} />
 </label>

package/app/components/hds/avatar/index.js

@@ -0,0 +1 @@
+export { default } from '@hashicorp/design-system-components/components/hds/avatar/index';

package/app/components/hds/empty-state/body.js

@@ -0,0 +1 @@
+export { default } from '@hashicorp/design-system-components/components/hds/empty-state/body';

package/app/components/hds/empty-state/footer.js

@@ -0,0 +1 @@
+export { default } from '@hashicorp/design-system-components/components/hds/empty-state/footer';

package/app/components/hds/empty-state/header.js

@@ -0,0 +1 @@
+export { default } from '@hashicorp/design-system-components/components/hds/empty-state/header';

package/app/components/hds/empty-state/index.js

@@ -0,0 +1 @@
+export { default } from '@hashicorp/design-system-components/components/hds/empty-state/index';

package/app/styles/@hashicorp/design-system-components.scss

@@ -8,6 +8,7 @@
 // Notice: this list can be automatically edited by the Ember blueprint, please don't remove the start/end comments
 // START COMPONENTS CSS FILES IMPORTS
 @use "../components/alert";
+@use "../components/avatar";
 @use "../components/badge";
 @use "../components/badge-count";
 @use "../components/breadcrumb";
@@ -16,6 +17,7 @@
 @use "../components/card";
 @use "../components/disclosure";
 @use "../components/dropdown";
+@use "../components/empty-state";
 @use "../components/form"; // multiple components
 @use "../components/icon-tile";
 @use "../components/link/inline";

package/app/styles/components/avatar.scss

@@ -0,0 +1,24 @@
+//
+// AVATAR
+//
+// properties within each class are sorted alphabetically
+//
+
+.hds-avatar {
+  align-items: center;
+  box-sizing: border-box;
+  display: inline-flex;
+  height: 32px;
+  justify-content: center;
+  width: 32px;
+
+  img {
+    border-radius: 2px;
+    height: inherit;
+    width: inherit;
+  }
+
+  svg {
+    display: inline-block;
+  }
+}

package/app/styles/components/empty-state.scss

@@ -0,0 +1,25 @@
+.hds-empty-state {
+  color: var(--token-color-foreground-faint);
+  display: block;
+  margin: 0 auto;
+  max-width: 40ch;
+  padding: 0;
+  
+  > * {
+    margin: 0;
+    padding: 0;
+  }
+}
+.hds-empty-state__body {
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  + * {
+    margin-block-start: 1rem;
+  }
+}
+.hds-empty-state__header {
+  font-size: 1.25rem;
+  font-weight: 700;
+  line-height: 1.2;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hashicorp/design-system-components",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "HashiCorp Design System Components",
   "keywords": [
     "hashicorp",
@@ -35,7 +35,7 @@
   },
   "dependencies": {
     "@hashicorp/design-system-tokens": "^1.0.0",
-    "@hashicorp/ember-flight-icons": "^2.0.11",
+    "@hashicorp/ember-flight-icons": "^2.0.12",
     "ember-auto-import": "^2.4.1",
     "ember-cli-babel": "^7.26.11",
     "ember-cli-htmlbars": "^6.0.1",
@@ -50,7 +50,7 @@
     "@embroider/test-setup": "^1.5.0",
     "@glimmer/component": "^1.0.4",
     "@glimmer/tracking": "^1.0.4",
-    "@percy/cli": "^1.9.0",
+    "@percy/cli": "^1.10.0",
     "@percy/ember": "^3.0.1",
     "babel-eslint": "^10.1.0",
     "broccoli-asset-rev": "^3.0.0",