Merge pull request #1928 from hashicorp/changeset-release/main

Version Packages
hashicorp · Feb 27, 2024 · 9c1478b · 9c1478b
2 parents 433a111 + 662659b
commit 9c1478b
Show file tree

Hide file tree

Showing 26 changed files with 394 additions and 197 deletions.
diff --git a/.changeset/angry-kings-suffer.md b/.changeset/angry-kings-suffer.md
diff --git a/.changeset/fair-files-relate.md b/.changeset/fair-files-relate.md
diff --git a/.changeset/four-rice-bake.md b/.changeset/four-rice-bake.md
diff --git a/.changeset/hip-drinks-matter.md b/.changeset/hip-drinks-matter.md
diff --git a/.changeset/itchy-feet-poke.md b/.changeset/itchy-feet-poke.md
diff --git a/.changeset/long-meals-appear.md b/.changeset/long-meals-appear.md
diff --git a/.changeset/modern-zebras-destroy.md b/.changeset/modern-zebras-destroy.md
diff --git a/.changeset/popular-papayas-march.md b/.changeset/popular-papayas-march.md
diff --git a/.changeset/silver-masks-change.md b/.changeset/silver-masks-change.md
diff --git a/.changeset/smart-glasses-turn.md b/.changeset/smart-glasses-turn.md
diff --git a/.changeset/sour-tigers-pull.md b/.changeset/sour-tigers-pull.md
diff --git a/.changeset/strong-balloons-repeat.md b/.changeset/strong-balloons-repeat.md
diff --git a/.changeset/two-gorillas-tease.md b/.changeset/two-gorillas-tease.md
diff --git a/packages/codemods/CHANGELOG.md b/packages/codemods/CHANGELOG.md
@@ -1,5 +1,15 @@
 # @hashicorp/design-system-codemods
 
+## 0.2.0
+
+### Minor Changes
+
+Add codemods for `design-system-components` v4
+
+<small class="doc-whats-new-changelog-metadata">[#1884](https://github.com/hashicorp/design-system/pull/1884) / [#1860](https://github.com/hashicorp/design-system/pull/1860)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
 ## 0.1.0
 
 ### Minor Changes

diff --git a/packages/codemods/package.json b/packages/codemods/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@hashicorp/design-system-codemods",
   "description": "Helios Design System codemods",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "scripts": {
     "lint": "eslint --cache .",
     "test": "codemod-cli test",

diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
@@ -1,5 +1,145 @@
 # @hashicorp/design-system-components
 
+## 4.0.0
+
+### Major Changes
+
+Converted Ember packages to v2 addon format.
+
+To migrate, update Sass configuration in `ember-cli-build.js` to include the paths for `ember-flight-icons` and `design-system-components`:
+
+```js
+sassOptions: {
+  precision: 4,
+  includePaths: [
+    './node_modules/@hashicorp/design-system-tokens/dist/products/css',
+    './node_modules/@hashicorp/ember-flight-icons/dist/styles'
+    './node_modules/@hashicorp/design-system-components/dist/styles',
+  ],
+},
+```
+
+Alternatively, you can import the CSS by adding this configuration in `ember-cli-build.js`.
+
+```js
+app.import(
+  "node_modules/@hashicorp/design-system-components/dist/styles/@hashicorp/design-system-components.css"
+);
+```
+
+<small class="doc-whats-new-changelog-metadata">[#1872](https://github.com/hashicorp/design-system/pull/1872)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
+`Form::CharacterCount` - refactored the component, removing `onInsert` callback and adding use `@value` argument
+
+To migrate:
+
+- for standalone `Form::CharacterCount` instances, you must pass in a `@value` argument representing the value of the referenced input
+- when used as a contextual component `F.CharacterCount` in `Form::[MaskedInput|TextInput|Textarea]::Field` make sure the form control is updating the associated `@value` on input (usually using `on "input" (fn this.updateValue)` function)
+
+<small class="doc-whats-new-changelog-metadata">[#1896](https://github.com/hashicorp/design-system/pull/1896) - Thanks [@meirish](https://github.com/meirish) for the contribution! 🙏</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
+`Table` - Multiple updates to the main component and its subcomponents:
+
+- Updated table headers to support tooltips
+- Updated visual treatment and location of the "sort" button in the table headers
+- Refactored CSS code to simplify usage of `hds-table`-related class names
+
+`Table::ThSort`:
+
+- Added support for tooltip via the `@tooltip` argument
+- Updated visual treatment and location of the "sort" button
+- Updated DOM structure of the `<th>` content
+- Remove class `hds-table__th-sort--button-content`
+- Replaced class `hds-table__th-sort` with classes `hds-table__th` + `hds-table__th--sort`
+- Replaced class `hds-table__th-sort--text--[left|center|right]` with `hds-table__th--align-[left|center|right]`
+- Renamed `onClick` callback to `onClickSort`
+
+`Table::Th`:
+
+- Added support for tooltip via the `@tooltip` argument
+- Updated DOM structure of the `<th>` content
+- Replaced class `hds-table__th--text-[left|center|right]` with `hds-table__th--align-[left|center|right]`
+
+`Table::Td`:
+
+- Replaced class `hds-table__td--text-[left|center|right]` with `hds-table__td--align-[left|center|right]`
+
+To migrate run the codemod `v4/table` (see [readme file](https://github.com/hashicorp/design-system/tree/main/packages/codemods/transforms/v4/table))
+
+<small class="doc-whats-new-changelog-metadata">[#1860](https://github.com/hashicorp/design-system/pull/1860)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
+`Pagination` - Removed handling of query parameters from `onPageSizeChange` function for `Pagination::Numbered`
+
+_Unfortunately, it's not possible to cover this breaking change with a codemod. Consumers should review their usage of the `onPageSizeChange` callback and, if necessary, implement the persistence of the "page number" and "page size" values via query parameters themselves._
+
+<small class="doc-whats-new-changelog-metadata">[#1913](https://github.com/hashicorp/design-system/pull/1913)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
+Renamed namespaced contextual components as follows:
+
+- `Alert::Link::Standalone` to `Alert::LinkStandalone`
+- `ApplicationState::Footer::Link::Standalone` to `ApplicationState::Footer::LinkStandalone`
+- `Form::Checkbox::Group::Checkbox::Field` to `Checkbox::Group::CheckboxField`
+- `Form::Radio::Group::Radio::Field` to `Form::Radio::Group::RadioField`
+- `Form::Toggle::Group::Toggle::Field` to `Form::Toggle::Group::ToggleField`
+- `Toast::Link::Standalone` to `Toast::LinkStandalone`
+
+<small class="doc-whats-new-changelog-metadata">[#1884](https://github.com/hashicorp/design-system/pull/1884)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
+### Minor Changes
+
+`Table` - Added multi-select functionality
+
+<small class="doc-whats-new-changelog-metadata">[#1859](https://github.com/hashicorp/design-system/pull/1859)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
+`Tabs` - Added `@size` argument with new "large" size variant
+
+<small class="doc-whats-new-changelog-metadata">[#1937](https://github.com/hashicorp/design-system/pull/1937)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
+### Patch Changes
+
+`Dropdown` - Fixed dropdown list missing an accessible name when Checkmark items were passed in
+
+<small class="doc-whats-new-changelog-metadata">[#1910](https://github.com/hashicorp/design-system/pull/1910)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
+`Flyout` - Reduced gap between Flyout and edge of screen from `40px` to half of the minimized SideNav width in medium view
+
+<small class="doc-whats-new-changelog-metadata">[#1957](https://github.com/hashicorp/design-system/pull/1957)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
+Removed `ember-deep-tracked` dependency that was not used
+
+<small class="doc-whats-new-changelog-metadata">[#1950](https://github.com/hashicorp/design-system/pull/1950)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
+`SideNav` - Fixed issue with navigation elements remaining interactive when minimized
+
+<small class="doc-whats-new-changelog-metadata">[#1909](https://github.com/hashicorp/design-system/pull/1909)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
+**🔄 Updated dependencies:**
+
+- @hashicorp/ember-flight-icons@5.0.0
+- @hashicorp/design-system-tokens@2.0.0
+
 ## 3.6.0
 
 ### Minor Changes
@@ -11,7 +151,6 @@ _Since this is an update brand colors and product icons, we consider this a `min
 - @hashicorp/design-system-tokens@1.11.0
 - @hashicorp/ember-flight-icons@4.1.0
 
-
 ## 3.5.0
 
 ### Minor Changes

diff --git a/packages/components/package.json b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hashicorp/design-system-components",
-  "version": "3.6.0",
+  "version": "4.0.0",
   "description": "Helios Design System Components",
   "keywords": [
     "hashicorp",
@@ -35,8 +35,8 @@
     "@ember/string": "^3.1.1",
     "@ember/test-waiters": "^3.1.0",
     "@embroider/addon-shim": "^1.8.7",
-    "@hashicorp/design-system-tokens": "^1.11.0",
-    "@hashicorp/ember-flight-icons": "^4.1.0",
+    "@hashicorp/design-system-tokens": "^2.0.0",
+    "@hashicorp/ember-flight-icons": "^5.0.0",
     "dialog-polyfill": "^0.5.6",
     "ember-a11y-refocus": "^3.0.2",
     "ember-cli-sass": "^11.0.1",

diff --git a/packages/ember-flight-icons/CHANGELOG.md b/packages/ember-flight-icons/CHANGELOG.md
@@ -1,5 +1,36 @@
 # @hashicorp/ember-flight-icons
 
+## 5.0.0
+
+### Major Changes
+
+Converted Ember packages to v2 addon format.
+
+To migrate update Sass configuration in `ember-cli-build.js` to include the paths for `ember-flight-icons` and `design-system-components`:
+
+```js
+sassOptions: {
+  precision: 4,
+  includePaths: [
+    './node_modules/@hashicorp/design-system-tokens/dist/products/css',
+    './node_modules/@hashicorp/ember-flight-icons/dist/styles'
+    './node_modules/@hashicorp/design-system-components/dist/styles',
+  ],
+},
+```
+
+Alternatively, you can import the CSS by adding this configuration in `ember-cli-build.js`.
+
+```js
+app.import(
+  "node_modules/@hashicorp/design-system-components/dist/styles/@hashicorp/design-system-components.css"
+);
+```
+
+<small class="doc-whats-new-changelog-metadata">[#1872](https://github.com/hashicorp/design-system/pull/1872)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
 ## 4.1.0
 
 ### Minor Changes
@@ -16,7 +47,6 @@ Improved resilience of SVG sprite loading script
 
 - @hashicorp/flight-icons@3.0.0
 
-
 ## 4.0.6
 
 ### Patch Changes

diff --git a/packages/ember-flight-icons/package.json b/packages/ember-flight-icons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hashicorp/ember-flight-icons",
-  "version": "4.1.0",
+  "version": "5.0.0",
   "description": "The Ember addon for the HashiCorp Flight SVG icon set",
   "keywords": [
     "ember-addon",