@hashicorp/design-system-components 2.12.0 → 2.12.2

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @hashicorp/design-system-components
 
+## 2.12.2
+
+### Patch Changes
+
+- [#1655](https://github.com/hashicorp/design-system/pull/1655) [`38f7e36c2`](https://github.com/hashicorp/design-system/commit/38f7e36c25f3efdade9c8833512d55af502ee07e) Thanks [@alex-ju](https://github.com/alex-ju)! - PowerSelect - fix style overrides when the list is positioned above
+
+- [#1652](https://github.com/hashicorp/design-system/pull/1652) [`61af964b0`](https://github.com/hashicorp/design-system/commit/61af964b0078377dcedafa744e0fd18e89852b96) Thanks [@didoo](https://github.com/didoo)! - `Text` - Fixed issue with whitespace adding extra underline when used in links (eg. inside a `Link::Inline`)
+
+- Updated dependencies []:
+  - @hashicorp/ember-flight-icons@3.1.3
+
+## 2.12.1
+
+### Patch Changes
+
+- [#1627](https://github.com/hashicorp/design-system/pull/1627) [`53c9f13c0`](https://github.com/hashicorp/design-system/commit/53c9f13c0a2b120d19d74a88fd0e0799d59752c4) Thanks [@MelSumner](https://github.com/MelSumner)! - `Pagination` - Bugfix `aria-label` on the component
+
+- [#1635](https://github.com/hashicorp/design-system/pull/1635) [`2ecab760c`](https://github.com/hashicorp/design-system/commit/2ecab760c07c89ee9d34e993b879fc19e914c2e0) Thanks [@KristinLBradley](https://github.com/KristinLBradley)! - `Dropdown` - changed `@height` property to use `max-height` instead of a fixed height.
+
 ## 2.12.0
 
 ### Minor Changes

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

@@ -12,7 +12,7 @@
     }}
   </:toggle>
   <:content as |c|>
-    <div class={{this.classNamesContent}} {{style width=@width height=@height}}>
+    <div class={{this.classNamesContent}} {{style width=@width max-height=@height}}>
       {{yield (hash Header=(component "hds/dropdown/header"))}}
       <ul class="hds-dropdown__list" {{did-insert this.didInsertList}}>
         {{yield

package/addon/components/hds/pagination/compact/index.js

@@ -50,10 +50,10 @@ export default class HdsPaginationCompactIndexComponent extends Component {
   /**
    * @param ariaLabel
    * @type {string}
-   * @default 'Pagination navigation'
+   * @default 'Pagination'
    */
   get ariaLabel() {
-    return this.args.ariaLabel ?? 'Pagination navigation';
+    return this.args.ariaLabel ?? 'Pagination';
   }
 
   get routeQueryParams() {

package/addon/components/hds/pagination/numbered/index.js

@@ -130,10 +130,10 @@ export default class HdsPaginationNumberedIndexComponent extends Component {
   /**
    * @param ariaLabel
    * @type {string}
-   * @default 'Pagination navigation'
+   * @default 'Pagination'
    */
   get ariaLabel() {
-    return this.args.ariaLabel ?? 'Pagination navigation';
+    return this.args.ariaLabel ?? 'Pagination';
   }
 
   // This very specific `get/set` pattern is used to handle the two different use cases of the component

package/addon/components/hds/text/body.hbs

@@ -2,7 +2,6 @@
   Copyright (c) HashiCorp, Inc.
   SPDX-License-Identifier: MPL-2.0
 }}
-
 <Hds::Text
   @group="body"
   @size={{this.size}}

package/addon/components/hds/text/code.hbs

@@ -2,7 +2,6 @@
   Copyright (c) HashiCorp, Inc.
   SPDX-License-Identifier: MPL-2.0
 }}
-
 <Hds::Text
   @group="code"
   @size={{this.size}}

package/addon/components/hds/text/display.hbs

@@ -2,7 +2,6 @@
   Copyright (c) HashiCorp, Inc.
   SPDX-License-Identifier: MPL-2.0
 }}
-
 <Hds::Text
   @group="display"
   @size={{this.size}}

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

@@ -2,7 +2,9 @@
   Copyright (c) HashiCorp, Inc.
   SPDX-License-Identifier: MPL-2.0
 }}
-
-{{#let (element this.componentTag) as |Tag|}}
-  <Tag class={{this.classNames}} {{style color=this.customColor}} ...attributes>{{yield}}</Tag>
-{{/let}}
+{{! IMPORTANT: we removed any extra newlines before/after the `let` to reduce the issues with unexpected whitespaces (see https://github.com/hashicorp/design-system/pull/1652) }}
+{{#let (element this.componentTag) as |Tag|}}<Tag
+    class={{this.classNames}}
+    {{style color=this.customColor}}
+    ...attributes
+  >{{yield}}</Tag>{{/let}}

package/app/styles/@hashicorp/design-system-power-select-overrides.scss

@@ -71,6 +71,7 @@
 
   .ember-basic-select-dropdown,
   .ember-power-select-dropdown {
+    &.ember-basic-dropdown-content--below,
     &.ember-basic-dropdown-content--in-place {
       margin-top: -3px;
       border: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
@@ -78,6 +79,13 @@
       border-bottom-left-radius: 6px;
       box-shadow: var(--token-elevation-high-box-shadow), var(--token-elevation-high-box-shadow);
     }
+
+    &.ember-basic-dropdown-content--above {
+      margin-top: 3px;
+      border: var(--token-form-control-border-width) solid var(--token-form-control-base-border-color-default);
+      border-radius: 6px 6px 0 0;
+      box-shadow: none;
+    }
   }
 
   .ember-power-select-search {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hashicorp/design-system-components",
-  "version": "2.12.0",
+  "version": "2.12.2",
   "description": "Helios Design System Components",
   "keywords": [
     "hashicorp",
@@ -42,7 +42,7 @@
     "@ember/render-modifiers": "^2.0.5",
     "@ember/test-waiters": "^3.0.2",
     "@hashicorp/design-system-tokens": "^1.8.0",
-    "@hashicorp/ember-flight-icons": "^3.1.2",
+    "@hashicorp/ember-flight-icons": "^3.1.3",
     "dialog-polyfill": "^0.5.6",
     "ember-a11y-refocus": "^3.0.2",
     "ember-auto-import": "^2.6.3",